.html, body { height:100% }
body{ background-color:#F4F4F4; font-family: 'Roboto Slab', serif; font-size:14px; line-height:1.428571429; color:#4B5159; color:#000;}
a{ color:#1C449B}
.bottom-margin { margin-bottom:40px }
.bottom-margin-less { margin-bottom:15px }
.bottom-margin-ten { margin-bottom:10px }
.padded { padding:20px }
.padded-no-sides { padding:15px 0px 30px 0px }
.padded-more { padding:31px 20px }
.relative-w { position:relative }
.relative-w1 { position:relative; z-index:100; }
.img-max { max-width:100% }
.icon-left-margin { margin-left:5px }
.icon-right-margin { margin-right:5px }
.left-inner-shadow { background:transparent url("/assets/images/shadow-separator-narrow-right.png") left center no-repeat; background-size:contain }
.page-title { padding-bottom:5px; margin-bottom:20px; margin-top:10px; border-bottom:1px solid #dbdbdb; -webkit-box-shadow:0px 1px 0px 0px #ffffff; -moz-box-shadow:0px 1px 0px 0px #ffffff; box-shadow:0px 1px 0px 0px #ffffff }
.page-title i { margin-right:10px; color:#D6D6D6; text-shadow:1px 1px 1px #fff }
.offset_anchor { position:relative; top:-70px; visibility:hidden; display:block }
.iconed-link .fa:first-child { margin-right:5px; margin-left:0px }
.iconed-link .fa:last-child { margin-left:5px; margin-right:0px }
.avatar { border-radius:50%; overflow:hidden }
.avatar img { width:100% }
.input-abs-icon { position:absolute; right:10px; top:10px; color:#aaa; font-size:18px }
.lined-separator { border-bottom:1px solid #ddd; text-align:center; margin-bottom:20px; margin-top:30px; position:relative; background-color:#fff; padding-bottom:5px }
.all-wrapper { background-color:#2c3e50; height:100%; left:0; right:0; position:fixed }
.all-wrapper.light-bg { background-color:#eaeaeb }
.horizontal-menu .main-content { padding-top:20px }
.hide-block{display:none;}
.pad20{ padding:20px;}
.inline-block{
display:inline-block !important;
}
.longTextTd{
width:150px;
word-wrap:break-word;}
@media (max-width: 767px) {
.left-menu .sidebar-wrapper {
left:-200px
}
.left-menu .sub-sidebar-wrapper {
left:-260px
}
.left-menu .main-content {
left:60px
}
.left-menu.hide-side-menu {
overflow-x:hidden
}
.left-menu.hide-side-menu .sidebar-wrapper {
left:0px
}
.left-menu.hide-side-menu .sub-sidebar-wrapper {
left:60px
}
.left-menu.hide-side-menu .main-content {
left:260px;
right:-260px
}
.left-menu.hide-side-menu.hide-sub-menu {
overflow-x:hidden
}
.left-menu.hide-side-menu.hide-sub-menu .sidebar-wrapper {
left:0px
}
.left-menu.hide-side-menu.hide-sub-menu .sub-sidebar-wrapper {
left:-140px
}
.left-menu.hide-side-menu.hide-sub-menu .main-content {
left:60px;
right:-60px
}
.right-menu {
overflow-x:hidden
}
.right-menu .sidebar-wrapper {
right:-200px
}
.right-menu .sub-sidebar-wrapper {
right:-260px
}
.right-menu .main-content {
right:0px
}
.right-menu.hide-side-menu .sidebar-wrapper {
right:0px
}
.right-menu.hide-side-menu .sub-sidebar-wrapper {
right:60px
}
.right-menu.hide-side-menu .main-content {
right:260px;
left:-260px
}
.right-menu.hide-side-menu.hide-sub-menu .sidebar-wrapper {
right:0px
}
.right-menu.hide-side-menu.hide-sub-menu .sub-sidebar-wrapper {
right:-140px
}
.right-menu.hide-side-menu.hide-sub-menu .main-content {
right:60px;
left:-60px
}
.horizontal-menu .sidebar-wrapper ul>li {
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
}
@media (min-width: 767px) {
.left-menu .sidebar-wrapper {
left:0px
}
.left-menu .sub-sidebar-wrapper {
left:60px
}
.left-menu .main-content {
margin-left:0px
}
.left-menu.hide-sub-menu .sub-sidebar-wrapper {
left:-140px
}
.left-menu.hide-sub-menu .main-content {
margin-left:60px
}
.left-menu.hide-side-menu .sub-sidebar-wrapper {
left:-140px
}
.left-menu.hide-side-menu .main-content {
margin-left:60px
}
.left-menu.hide-sub-menu.hide-side-menu .sub-sidebar-wrapper {
left:-140px
}
.left-menu.hide-sub-menu.hide-side-menu .sidebar-wrapper {
left:-60px
}
.left-menu.hide-sub-menu.hide-side-menu .main-content {
margin-left:0px
}
.right-menu .sidebar-wrapper {
right:0px
}
.right-menu .sidebar-wrapper ul>li.active, .right-menu .sidebar-wrapper ul>li.current, .right-menu .sidebar-wrapper ul>li:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.right-menu .sidebar-wrapper ul>li.active>a, .right-menu .sidebar-wrapper ul>li.current>a, .right-menu .sidebar-wrapper ul>li:hover>a {
border-left:none
}
.right-menu .sub-sidebar-wrapper {
right:60px
}
.right-menu .main-content {
margin-right:260px
}
.right-menu.hide-side-menu .sub-sidebar-wrapper {
right:-140px
}
.right-menu.hide-side-menu .main-content {
margin-right:60px
}
.right-menu.hide-side-menu.hide-sub-menu .sub-sidebar-wrapper {
right:-140px
}
.right-menu.hide-side-menu.hide-sub-menu .sidebar-wrapper {
right:-60px
}
.right-menu.hide-side-menu.hide-sub-menu .main-content {
margin-right:0px
}
.horizontal-menu.hide-sub-menu .sub-sidebar-wrapper {
margin-top:-53px;
}
}
.alert-animated { margin-left:0px; background-color:#E01B1B; animation:animated-alert 1s; -moz-animation:animated-alert 1s; -webkit-animation:animated-alert 1s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite;
padding:4px 0px; width:22px; text-align:center;}
/*.page-footer { background-color:#777; padding:5px 0px; text-align:center; color:#9BA7B2; font-weight:300; color:#FFF;}*/
.page-footer {background-color:#777; padding:5px 0px; text-align:center; color:#9BA7B2; font-weight:300; color:#FFF; width:100%; bottom:0; top:inherit; left:0; position:absolute;}
.big-legend-w { text-align:center }
.big-legend-w .legend-label { font-size:22px; font-weight:300 }
.big-legend-w .legend-value { font-size:56px; font-weight:700; margin-bottom:20px }
.big-legend-w .legend-sub-label { text-transform:uppercase; font-size:12px; font-weight:100; border-top:1px solid #ddd; padding-top:5px; margin-top:10px }
.shadow-right { padding:30px; padding-left:0px; border-right:1px solid #ddd }
.stacked-bar { background-color:#BDC3C7; border-radius:4px }
.stacked-bar:before, .stacked-bar:after { content:" "; display:table }
.stacked-bar:after { clear:both }
.stacked-bar:before, .stacked-bar:after { content:" "; display:table }
.stacked-bar:after { clear:both }
.stacked-bar .bar-value { float:left; height:15px }
.stacked-bar .bar-value.bar-value-color-red { background-color:#F79F9E }
.stacked-bar .bar-value.bar-value-color-blue { background-color:#9FC8F9 }
.stacked-bar .bar-value.bar-value-color-orange { background-color:#E2CA95 }
.stacked-bar .bar-value.bar-value-color-green { background-color:#BDE595 }
.stacked-bar .bar-value.bar-value-color-purple { background-color:#E094DB }
.main-content { background-color:#f4f4f4; padding:40px 30px 30px; position:relative;
-webkit-transition:all ease-in 0.3s;
transition:all ease-in 0.3s;
-webkit-transition:all all ease-in 0.3s ease-out;
-moz-transition:all all ease-in 0.3s ease-out;
-o-transition:all all ease-in 0.3s ease-out;
transition:all all ease-in 0.3s ease-out;}
@media (min-width: 992px) and (max-width: 1199px) {
.main-content { padding:77px 25px 25px }
}
@media (max-width: 767px) {
.main-content { padding:77px 15px 15px }
}
.input-datepicker { position:relative }
.input-datepicker:after { content:"\f073"; position:absolute; right:-10px; top:50%; font-size:20px; color:#888; font-family:FontAwesome; display:inline-block }
.shadowed-bottom { border-bottom:1px solid #ddd; padding:20px 0px }
.shadowed-top { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0px }
.tasks-list { list-style:none; margin-left:0px; padding-left:0px; font-weight:300 }
.tasks-list li { border-bottom:1px solid #eee }
.tasks-list li:last-child { border-bottom:none }
.tasks-list li.task-done label { text-decoration:line-through; color:#C1C1C1 }
.tasks-list li.task-done .label { background-color:#7ea568 }
.tasks-list li.task-done .label[href]:hover, .tasks-list li.task-done .label[href]:focus { background-color:#658951 }
.tasks-list li .label { float:right; margin-left:10px }
.users-list { padding-left:0px; margin-bottom:0px; list-style:none }
.users-list li { padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ddd }
.users-list li:last-child { border-bottom:none; margin-bottom:0px }
.users-list li h4 { margin-bottom:2px; margin-top:0px; font-size:14px; line-height:16px; font-weight:700 }
.users-list li p { font-size:12px; font-weight:300; color:#888; margin-bottom:0px }
.chat-messages-list { padding-left:0px; margin-bottom:0px; list-style:none }
.chat-messages-list li { padding:15px 0px }
.chat-messages-list li:last-child { border-bottom:none; margin-bottom:0px }
.chat-messages-list li .chat-bubble { background-color:#fff; padding:10px 20px; border-radius:8px; -webkit-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2); position:relative }
.chat-messages-list li .chat-bubble .bubble-arrow { position:absolute; width:0; height:0; border-color:transparent; border-style:solid; top:20% }
.chat-messages-list li .chat-bubble .meta-info { padding-bottom:5px; margin-bottom:5px; font-weight:300; color:#777; text-transform:uppercase; font-size:10px }
.chat-messages-list li .chat-bubble.chat-bubble-left { border-right:4px solid #F9C8C7; text-align:left }
.chat-messages-list li .chat-bubble.chat-bubble-left .bubble-arrow { right:-10px; margin-top:-10px; border-width:10px 0 10px 10px; border-left-color:#F9C8C7 }
.chat-messages-list li .chat-bubble.chat-bubble-right { border-left:4px solid #B3E0FC; text-align:right }
.chat-messages-list li .chat-bubble.chat-bubble-right .bubble-arrow { left:-10px; margin-top:-10px; border-width:10px 10px 10px 0; border-right-color:#B3E0FC }
.create-chat-message-w textarea { -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px #fff; -moz-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px #fff; box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px #fff }
.no-account-yet { color:#888; margin-top:20px; font-size:12px }
.section-title { border-bottom:1px solid #e0dacf; padding-bottom:10px; font-weight:500; color:#000; margin-top:40px }
.section-title i { margin-right:10px; font-size:22px; color:#444; }
.section-title.first-title { margin-top:0px }
.section-title.more-margin { margin-bottom:40px }
.section-title.dark-blue { background-color:#383c3f; color:#fff }
.section-title.dark-blue i { color:#fff }
.section-title.section-smaller { font-weight:300; font-size:16px; text-transform:uppercase }
.section-title.section-smaller i { margin-right:5px; font-size:16px }
.section-sub-title { border-bottom:1px solid #e0dacf; padding-bottom:10px; font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#493a38; text-transform:uppercase; font-size:16px; margin-bottom:20px; margin-top:40px }
.section-sub-title i { margin-right:10px; font-size:26px }
.section-sub-title.first-title { margin-top:0px }
.no-right-border { border-right:none }
.no-left-border { border-left:none }
.wizard_tabs { list-style:none; margin:0px; padding:0px }
.wizard_tabs li { display:inline-block }
.wizard_tabs li a { padding:5px 10px; display:block; border-radius:6px; border:1px solid #ddd }
.pre-value-block { border-bottom:1px solid #D8D7D2; -webkit-box-shadow:0px 2px 0px 0px #ffffff; -moz-box-shadow:0px 2px 0px 0px #ffffff; box-shadow:0px 2px 0px 0px #ffffff; padding-bottom:15px; font-size:16px; font-weight:300; margin-bottom:10px }
.pre-value-block i { margin-right:10px; font-size:20px }
.bordered { border-right:1px solid #ddd }
@media (max-width: 767px) {
.bordered {
border-right:none;
-webkit-box-shadow:0px 1px 0px 0px #ffffff;
-moz-box-shadow:0px 1px 0px 0px #ffffff;
box-shadow:0px 1px 0px 0px #ffffff;
border-bottom:1px solid #ddd;
margin-bottom:15px;
padding-bottom:10px
}
}
.whitespark { padding:10px; display:inline-block; margin-left:20px; line-height:35px }
.value-block { padding:10px 0px }
.value-block.changed-up-border, .value-block.changed-down-border { padding:0px 0px 0px 20px }
.value-block.changed-up-border { border-left:3px solid #A7C479 }
.value-block.changed-down-border { border-left:3px solid #E59492 }
.value-block .value-self { font-size:32px; line-height:30px; font-weight:400 }
.value-block .value-sub { font-weight:300; color:#7A7979; font-size:14px }
.value-block .value-sub.value-sub-bigger { font-size:16px }
.value-block.value-bigger .value-self { font-size:36px; line-height:40px }
.value-block.value-bigger .value-sub { font-size:14px }
@media (max-width: 480px) {
.value-block.value-bigger {
text-align:center
}
}
.value-block .changed-icon { font-size:20px }
.value-block .changed-value { font-size:12px }
.changed-up .changed-icon { color:#89AA42 }
.changed-up .changed-value { color:#fff; background-color:#9DC456; padding:2px 4px }
.changed-down .changed-icon { color:#AA3838 }
.changed-down .changed-value { color:#fff; background-color:#F4615F; padding:2px 4px }
.form-period-selector .form-control { width:45% }
@media (min-width: 480px) and (max-width: 767px) {
.form-period-selector .form-control {
display:inline-block
}
}
@media (max-width: 480px) {
.form-period-selector .form-control {
width:100%;
margin-bottom:10px
}
}
.fc-header { border-bottom:1px solid #e0dacf }
.fc-header td { padding:10px 0px }
.fc-header h2 { font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; font-size:18px }
.fc-content { padding-top:20px }
.fc-event { background-color:#fff; -webkit-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2); border:none; border-left:4px solid #d86161 !important; padding:3px; padding-left:5px; color:#444 }
.fc-day-number { color:#000; }
.fc-day-header { font-weight:300; color:#6B6862; text-transform:uppercase; font-size:12px }
.fc-other-month { background-color:#eee }
table .checkbox { margin:0px }
.datatable { margin-top:10px !important }
.form-title { margin-bottom:30px; padding-bottom:12px; border-bottom:1px solid #ddd; -webkit-box-shadow:0px 1px 0px 0px #ffffff; -moz-box-shadow:0px 1px 0px 0px #ffffff; box-shadow:0px 1px 0px 0px #ffffff; font-weight:300; font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase }
.form-title i { font-size:22px; margin-right:10px; color:#444342 }
.form-title.form-title-first { margin-top:0px }
.has-iconed .iconed-input { position:relative }
.has-iconed .iconed-input:after { font-family:FontAwesome; font-size:18px; position:absolute; right:15px; top:8px }
.has-iconed.has-warning .iconed-input:after { color:#89724d; content:"\f071" }
.has-iconed.has-error .iconed-input:after { color:#b94a48; content:"\f057" }
.has-iconed.has-success .iconed-input:after { color:#468847; content:"\f00c" }
.alerts-list { margin:0px; list-style:none; padding:0px }
.big-search-box { padding:15px; border:1px solid #bfbfc0; border-bottom:1px solid #aaa; border-radius:6px; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#efefef)); background-image:-webkit-linear-gradient(top, #fff, 0%, #efefef, 100%); background-image:-moz-linear-gradient(top, #fff 0%, #efefef 100%); background-image:linear-gradient(to bottom, #fff 0%, #efefef 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffefefef', GradientType=0);
-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.15), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.15), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.15), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2) }
.big-search-box .title{border-bottom:1px solid #e0dacf; padding-bottom:10px; font-weight:bold; font-size:16px; margin-top:0;}
.big-search-results { list-style:none; margin:0px; margin-top:20px; padding:0px }
.big-search-results li { border-bottom:1px solid #ddd; -webkit-box-shadow:0px 1px 0px 0px #ffffff; -moz-box-shadow:0px 1px 0px 0px #ffffff; box-shadow:0px 1px 0px 0px #ffffff; padding:30px }
.big-search-results li .result-meta { text-align:center; padding:10px }
.big-search-results li .result-meta i { font-size:72px; color:#bbb; text-shadow:2px 2px 5px #fff }
.big-search-results li .result-meta span { margin-top:10px; display:block; font-size:10px; text-transform:uppercase; color:#888 }
.big-search-results li .result-main { border-left:1px solid #ddd; padding:10px 0px; padding-left:40px }
.big-search-results li .result-main h4 { font-weight:700; margin-top:0px; text-decoration:underline }
.big-search-results li .result-main p { font-weight:100; font-size:16px }
.big-search-results li .result-main .result-match { background-color:#F2ECD7; color:#544F45; padding:0px 3px }
.big-search-result-info { font-size:14px; border-bottom:1px solid #aaa; margin-bottom:20px; margin-top:30px; padding-bottom:15px; font-weight:100 }
.error-page-wrapper { text-align:center; padding-top:50px; padding-bottom:50px }
.error-page-wrapper .picture-w { font-size:90px; color:#B76F6F; text-shadow:2px 2px 5px #fff; margin-bottom:20px }
.error-page-wrapper h1 { font-weight:700; border-bottom:1px solid #ddd; padding-bottom:20px; display:inline-block }
.error-page-wrapper h3 { color:#7F7F7F; margin-bottom:40px; font-size:16px; line-height:24px }
.white-paper { background-color:#fff; padding:60px; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius:6px }
@media (min-width: 992px) and (max-width: 1199px) {
.white-paper {
padding:50px
}
}
@media (max-width: 767px) {
.white-paper {
padding:15px
}
}
.bs-example>.dropdown>.dropdown-menu { position:static; display:block; margin-bottom:5px }
.bs-example .btn-toolbar { margin-bottom:10px }
.fontawesome-icon-list a { font-size:12px; line-height:30px; color:#6B695D }
.fontawesome-icon-list a i { font-size:18px; margin-right:8px; color:#3F3E38; width:20px; text-align:center }
@media (min-width: 767px) {
.some-left-padding {
padding-left:10%
}
}
#focusedInput { border-color:rgba(82, 168, 236, 0.8); outline:0; outline:thin dotted \9; -webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.6); box-shadow:0 0 8px rgba(82, 168, 236, 0.6) }
.nrb { border-right:none }
.nlb { border-left:none }
.show-grid { margin-bottom:15px }
.show-grid [class^="col-"] {
padding-top:10px;
padding-bottom:10px;
background-color:#D7E7F4;
border:1px solid #9bc3e4
}
@media (max-width: 991px) {
.no-menu-wrapper {
padding:0px 20px
}
.shadow-right {
padding-right:0px;
border-right:none
}
.fc-header-right {
display:none
}
}
.page-header {background: #233F78;
background: linear-gradient(180deg, #00487C 0%, #00223B 100%);
box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.35); color:#fff; position:relative; position:fixed; width:100%; top:0; z-index:1030; margin:0px 0; padding:0; border-bottom:0.5px solid #6f6f6f; height:48px;}
.page-header:before, .page-header:after { content:" "; display:table }
.page-header:after { clear:both }
.page-header:before, .page-header:after { content:" "; display:table }
.page-header:after { clear:both }
.page-header h1,
.page-headding { margin:0px; margin-top: -5px; font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:300; font-size:26px; float:left; padding-left:10px; font-weight: 400; line-height:51px; position:relative; z-index:100; }
.page-header h1 i { font-size:32px; margin-right:10px }
.page-header .menu-toggler { float:left; padding-left:20px; font-size:24px; color:#405F0A; text-shadow:0px 1px 1px #77A22F; line-height:50px; border-right:1px solid #648d1e; -webkit-box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.05); -moz-box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.05); box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.05); padding-right:20px }
.page-header .menu-toggler:hover { text-decoration:none; color:#fff }
.page-header.page-header-right h1 { float:right; padding-right:20px }
.page-header.page-header-right .menu-toggler { float:right; border-right:none; border-left:1px solid #648d1e; -webkit-box-shadow:inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05); -moz-box-shadow:inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05); box-shadow:inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05) }
.page-header.page-header-right .header-links { float:left; }
.page-header.page-header-right .top-search-w { border-left:none }
.page-header .avatar { float:left; margin-right:10px; margin-top:-5px; -webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.7); box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.7); border-radius:20px; line-height:26px; position:relative; height: 40px; }
.page-header .vessel-dd .avatar { margin-top:1px;}
.page-header .avatar img {width:40px }
.page-header .user-name-w { float:left }
.page-header .logo {background: rgba(255, 255, 255, 0.05); float:left; position:relative; z-index:100; padding: 2px 20px 0px 0px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.00) 100%);}
.page-header .logo:hover { text-decoration:none; cursor:pointer }
.page-header .logo img{width: 42px; height: 42px; float: left; background-color: #FFF; padding: 2px; margin-left: 5px; border-radius: 6px;}
.page-header .tooltip{font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px;}
.page-header .top-search { background-color:#77A22F; border:1px solid #648d1e; border-radius:40px; padding:5px; padding-left:35px; padding-right:10px; color:#fff; -webkit-transition:width ease-in 0.2s; transition:width ease-in 0.2s; -webkit-transition:all width ease-in 0.2s ease-out; -moz-transition:all width ease-in 0.2s ease-out; -o-transition:all width ease-in 0.2s ease-out; transition:all width ease-in 0.2s ease-out; width:180px }
.page-header .top-search:focus { width:200px; outline:none }
.page-header .top-search-w { position:relative; border-left:1px solid #648d1e; margin-left:10px; padding:8px 10px 8px 10px }
.page-header .top-search-w:before { content:"\f002"; font-family:'FontAwesome'; font-size:18px; display:block; color:#777; top:12px; left:20px; position:absolute }
.page-header .header-links { float:right; position:relative; z-index:100; }
.page-header .header-links .dropdown { float:left }
.page-header .header-links .dropdown-wide a { width:300px }
.page-header .header-links .dropdown-inbar { background-color:#253647; font-size:14px; margin:-5px 0px 0px; padding:0px; border-color:#253647; border-top:none; border-radius:0px 0px 6px 6px; left:5px; }
.page-header .header-links .dropdown-inbar a { display:block; color:#FFF; padding:12px 15px; border-bottom:1px solid #6f6f6f; font-weight:300 }
.page-header .header-links .dropdown-inbar a .fa { color:#FFF; text-shadow:1px 1px 1px #405F0A; margin-right:10px }
.page-header .header-links .dropdown-inbar a .label { float:right; background-color:#FFEE91; color:#494335 }
.page-header .header-links .dropdown-inbar a:hover { background-color:#2C3E50; color:#fff }
.page-header .header-links .dropdown-inbar a:hover .fa { color:#fff }
.page-header .header-links .dropdown-inbar li:last-child a { border-bottom:none; border-radius:0px 0px 6px 6px }
.page-header .header-links a.header-link { color:#FFF; display:block; padding:15px 5px; line-height:30px; margin:0px 5px; font-weight:300; font-size:14px; text-decoration:none !important;}
.page-header .header-links a.header-link:focus { outline:none }
.page-header .header-links a.header-link:hover { text-decoration:none !important;color:#fff }
.page-header .header-links a.header-link:hover i { color:#fff }
.page-header .header-links a.header-link i { font-size:16px; color:#FFF; margin-right:5px; margin-left:5px }
@media (max-width: 767px) {
.page-header .header-links {
float:none;
margin-bottom:10px
}
.page-header .header-links>a {
border-left:none
}
.page-header .header-links>a:first-child {
margin-left:0px;
padding-left:0px
}
.page-header .header-links>a i {
display:none
}
}
.invoice-buttons { text-align:right }
@media (max-width: 767px) {
.invoice-buttons {
margin:20px 0px;
text-align:center
}
}
@media (max-width: 767px) {
.back-invoice-link {
text-align:center
}
}
.invoice-w { margin-top:30px }
.invoice-w .invoice-logo { font-size:55px; background-color:#313740; border-radius:50%; padding-top:5px; color:#fff; width:90px; height:90px; display:inline-block; text-align:center }
.invoice-w .invoice-company { padding-top:10px }
.invoice-w .invoice-date-w { text-align:right }
.invoice-w .invoice-number { font-weight:500; font-size:42px; color:#ddd }
.invoice-w .invoice-date { font-size:14px; font-weight:500 }
@media (max-width: 767px) {
.invoice-w .invoice-company {
text-align:center
}
.invoice-w .invoice-logo {
text-align:center;
margin-bottom:30px;
display:none
}
.invoice-w .invoice-header {
text-align:center
}
.invoice-w .invoice-number {
font-size:24px
}
.invoice-w .invoice-date-w {
text-align:center
}
.invoice-w .ic-more-info {
text-align:left
}
}
.invoice-w .ic-name { font-size:24px; font-weight:500; margin-bottom:5px }
.invoice-w .ic-sub-name { font-size:14px; font-weight:100; color:#888 }
.invoice-w .ic-address { font-weight:300; margin-bottom:30px }
.invoice-w .invoice-header { padding-bottom:30px; border-bottom:1px solid #eee; margin-bottom:30px }
.invoice-w .invoice-total-top { background-color:#313740; color:#ffffff; padding:10px }
.invoice-w .invoice-total-top .label { color:#eee; font-size:12px; text-transform:uppercase; font-weight:300 }
.invoice-w .invoice-total-top .value { font-size:36px; text-align:right; margin-top:10px; font-weight:500 }
.invoice-w .invoice-total-top.invoice-inline-total { text-align:right }
.invoice-w .invoice-total-top.invoice-inline-total .value { margin-top:0px }
.invoice-w .invoice-client { text-align:right; background-color:#f1f4f6; padding:30px }
.invoice-w .invoice-client .icl-name { font-size:24px; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:10px }
.invoice-w .invoice-client .icl-address { font-size:18px; font-weight:300 }
.invoice-w .invoice-payment-info { background-color:#FFFCF4; padding:30px; font-weight:300; color:#7F7766; margin-top:50px; font-size:10px }
.invoice-w .invoice-payment-info strong { font-weight:500 }
.invoice-w .invoice-payment-info ul { list-style:none; margin:0px; padding:0px }
.invoice-w .invoice-payment-info ul li { margin-bottom:5px }
.invoice-w .ic-more-info { list-style:none; margin:0px; font-weight:300; color:#777; font-size:18px; padding:0px }
.invoice-w .ic-more-info strong { font-weight:500 }
.invoice-w .ic-more-info li { margin-bottom:10px }
.invoice-w .ic-more-info li .fa { width:30px; display:inline-block; height:30px; line-height:25px; padding-top:3px; border-radius:50%; background-color:#50ADF4; color:#fff; text-align:center; margin-right:10px }
.invoice-w .invoice-table { font-size:18px; font-weight:300 }
.invoice-w .invoice-table thead th { text-transform:uppercase; font-size:12px; font-weight:300; padding:30px 15px; background-color:#f1f4f6 }
.invoice-w .invoice-table .ii-name { font-weight:500; margin-bottom:5px }
.invoice-w .invoice-table .ii-sub-name { color:#aaa; font-weight:300; font-size:14px }
.invoice-w .invoice-table td { padding:30px 15px }
.order-details { padding-top:50px }
.order-details h1 { margin-bottom:50px; margin-top:0px }
.order-details .title-price { background-color:#7ea568; color:#fff; padding:0px 10px; margin-left:10px; float:right; border-radius:6px }
.order-details .section-title { font-size:18px; padding-bottom:10px; text-transform:none }
.order-details .map-label { margin-bottom:10px; font-size:12px; text-transform:uppercase; text-align:center; color:#555 }
.order-details .map-w { text-align:center }
.order-details .map-w img { max-width:100%; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; -webkit-transition:all all 0.2s ease ease-out; -moz-transition:all all 0.2s ease ease-out; -o-transition:all all 0.2s ease ease-out; transition:all all 0.2s ease ease-out }
.order-details .map-w a:hover img { -webkit-box-shadow:0px 0px 4px 4px #68aae8; -moz-box-shadow:0px 0px 4px 4px #68aae8; box-shadow:0px 0px 4px 4px #68aae8 }
.order-details .cart-contents-table { font-size:15px }
.order-details .cart-contents-table .item-name { margin-bottom:5px; font-size:16px }
.order-details .cart-contents-table .item-extra { font-size:12px; font-weight:300 }
.order-details .cart-contents-table .item-extra b { font-weight:500 }
.order-details .cart-contents-table .grand-total-label { font-size:24px }
.order-details .cart-contents-table .grand-total-value { font-weight:500; font-size:24px; color:#69892E }
.label .fa { margin-right:5px }
.order-info-list { list-style:none; font-weight:500; color:#333; padding:0px; margin:0px; margin-top:30px; padding-left:20px; margin-bottom:40px }
.order-info-list li { font-size:15px; line-height:28px; padding:7px 0px 7px 10px; border-bottom:1px solid #ddd }
.order-info-list li>i { width:25px }
.order-info-list li strong { color:#777; font-weight:300 }
.merchant-info { background-color:#fff; padding:10px 20px 20px; margin-bottom:40px; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius:4px }
.merchant-info h3 { border-bottom:1px solid #ddd; padding-bottom:5px }
.merchant-info p { line-height:20px; font-size:12px; font-weight:100; color:#888 }
.merchant-info p strong { color:#333; font-weight:500 }
.top-right-control-link { float:right; color:#222 }
.login-logo-w { text-align:center; margin-bottom:40px; padding-top:30px }
.login-logo-w .logo { color:#aaa; margin-bottom:20px }
.login-logo-w .logo i { font-size:60px }
.login-logo-w .logo span { font-size:28px; text-transform:uppercase; font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; display:block }
@media (max-width: 767px) {
.login-logo-w .logo i { font-size:70px; }
.login-logo-w .logo span {font-size:30px;}
}
.login-logo-w .logo:hover { text-decoration:none; color:#fff }
.facebook-connect { padding:20px 10px; text-align:center; text-transform:uppercase; color:#fff; background-color:#526ba3; font-size:12px; line-height:20px; margin-bottom:10px; display:block; border:1px solid #415581; -webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3); border-radius:4px }
.facebook-connect:hover { text-decoration:none; background-color:#415581; color:#fff }
.facebook-connect i { line-height:20px; margin-right:10px; font-size:16px }
.page-profile { padding-top:50px }
.page-profile .sub-avatar-buttons { text-align:center; padding-top:20px; padding-bottom:10px }
.page-profile .sub-avatar-buttons .btn { display:block }
.profile-user-box { background-color:#fff; padding:10px; -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius:4px; margin-bottom:50px }
.profile-main-info h1 { margin-bottom:20px }
.profile-main-info p { font-weight:300 }
.profile-details { padding-top:20px; border-top:1px solid #ddd; text-align:center; margin-top:20px }
.profile-details .fa { font-size:24px; margin-bottom:10px; color:#338fca }
.profile-charts { padding:40px; text-align:center }
.profile-charts .knob-header { margin-bottom:30px }
.sidebar-wrapper { font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#2980b9; position:fixed; width:60px; top:0px; bottom:0px; padding-top:70px; z-index:2; -webkit-transition:all ease-in 0.3s; transition:all ease-in 0.3s; -webkit-transition:all all ease-in 0.3s ease-out; -moz-transition:all all ease-in 0.3s ease-out; -o-transition:all all ease-in 0.3s ease-out; transition:all all ease-in 0.3s ease-out }
.sidebar-wrapper ul { padding:0px 3px; list-style:none }
.sidebar-wrapper>ul>li{ position:relative;}
.sidebar-wrapper>ul>li:hover .submenu { display:block;
animation:fadeIn .4s ease;
-webkit-animation:fadeIn .4s ease;
-moz-animation:fadeIn .4s ease;
-ms-animation:fadeIn .4s ease;
-o-animation:fadeIn .4s ease;}
.sidebar-wrapper>ul>li .submenu { position:absolute; z-index:1000; display:none; float:left; min-width:220px; padding:5px 0; margin:2px 0 0; font-size:14px; list-style:none; background-color:#2C3E50; border:1px solid rgba(0, 0, 0, .15); right:-222px; left:auto; top:-5px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow:1px 1px 6px rgba(0, 0, 0, .175);
box-shadow:1px 1px 6px rgba(0, 0, 0, .175);
background-clip:padding-box }
.sidebar-wrapper>ul>li .submenu li{ border-bottom-color:#1F262E; font-size:14px; margin-bottom:0px; position:relative;}
.sidebar-wrapper>ul>li .submenu li a { display:block; background:#2C3E50; text-align:left; padding:6px 15px; color:#333; margin:0; text-transform:none;}
.sidebar-wrapper>ul>li .submenu li a .submenu-label { color:#D5DDE5!important }
.sidebar-wrapper>ul>li .submenu li a i{ font-size:14px; position:absolute; right:10px; top:0;}
.sidebar-wrapper>ul>li .submenu li:hover>a,
.sidebar-wrapper>ul>li .submenu li.active>a { background-color:#1F262E }
.sidebar-wrapper>ul>li .submenu li a:hover .submenu-label { color:#D5DDE5!important }
.sidebar-wrapper>ul>li .submenu li ul.submenu.lavel2{ display:none;}
.sidebar-wrapper>ul>li .submenu li:hover ul.submenu.lavel2{ display:block; left:210px;}
.sidebar-wrapper>ul>li .submenu li li ul.submenu.lavel3{ display:none; left:210px; top:0;}
.sidebar-wrapper>ul>li .submenu li li:hover ul.submenu.lavel3{ display:block;}
@media (max-width: 991px) {
.sidebar-wrapper ul {
margin-bottom:30px
}
}
.sidebar-wrapper ul ul { list-style:none; display:none }
/*.sidebar-wrapper ul>li:first-child{border-top:1px solid #20638f;}
.sidebar-wrapper ul>li:first-child{border-top:1px solid #1f262e;}*/
.sidebar-wrapper ul>li:first-child:before{ content:''; width:100%; height:1px; background-color:rgba(255, 255, 255, 0.2); display:block;}
.sidebar-wrapper ul>li:first-child:before{background-color:rgba(255, 255, 255, 0.1); }
.sidebar-wrapper ul>li { margin:0px; border-bottom:1px solid #20638f; display:block }
.sidebar-wrapper ul>li {border-bottom:1px solid #1f262e;}
.sidebar-wrapper ul>li a {/*height: 48px; display: flex; justify-content: center; align-items: center;*/ padding-top: 10px; display: block; padding-bottom: 10px;}
/*.sidebar-wrapper ul>li a img{ width:35px;}*/
.sidebar-wrapper ul>li a i { font-size:24px; line-height:34px; display:inline-block; text-align:center; color:#fff }
.sidebar-wrapper ul>li a .badge { background-color:#DB5353; color:#fff; font-weight:400; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding:3px 8px; font-size:11px; margin-top:2px; position:absolute; left:30px }
.sidebar-wrapper ul>li.active>a, .sidebar-wrapper ul>li.current>a, .sidebar-wrapper ul>li:hover>a { text-decoration:none; margin:0px -3px; position:relative; background-color:transparent; color:#ffffff; border-left:3px solid #F1C40F }
.sidebar-wrapper ul>li.active>a, .sidebar-wrapper ul>li.current>a, .sidebar-wrapper ul>li:hover>a { background-color: transparent; border-left:3px solid #20638F; }
.sidebar-wrapper ul>li.active>a i, .sidebar-wrapper ul>li.current>a i, .sidebar-wrapper ul>li:hover>a i { color:#ffffff }
.sidebar-wrapper ul>li .tooltip { white-space:nowrap; font-size:16px }
.sub-sidebar-wrapper { -webkit-transition:all ease-in 0.3s; transition:all ease-in 0.3s; -webkit-transition:all all ease-in 0.3s ease-out; -moz-transition:all all ease-in 0.3s ease-out; -o-transition:all all ease-in 0.3s ease-out; transition:all all ease-in 0.3s ease-out; padding-top:70px; position:fixed; top:0px; z-index:1; width:200px }
.sub-sidebar-wrapper ul { list-style:none; margin:0px 20px; padding:0px }
.sub-sidebar-wrapper ul li { border-bottom:1px solid #1a242f }
.sub-sidebar-wrapper ul li a { padding:15px 10px 15px 15px; color:#D5DDE5; display:block; text-transform:uppercase; font-weight:300; font-size:14px; font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:22px; position:relative }
.sub-sidebar-wrapper ul li a i { margin-right:10px; color:#080b0e }
.sub-sidebar-wrapper ul li:hover a, .sub-sidebar-wrapper ul li.current a, .sub-sidebar-wrapper ul li.active a { text-decoration:none; background-color:transparent }
.sub-sidebar-wrapper ul li:hover a:before, .sub-sidebar-wrapper ul li.current a:before, .sub-sidebar-wrapper ul li.active a:before { content:"\f111"; font-family:FontAwesome; position:absolute; color:#F4DE4B; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.2); font-size:8px; left:-3px }
.horizontal-menu .sidebar-wrapper { width:auto; position:relative; left:auto; top:auto; padding-top:0px }
.horizontal-menu .sidebar-wrapper ul { margin:0px; text-align:center; display: flex;
align-items: center;
justify-content: center; }
/*.horizontal-menu .sidebar-wrapper ul>li { display:inline-block; border-bottom:none; -webkit-box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.2); box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.2); border-right:1px solid #20638f;}*/
.horizontal-menu .sidebar-wrapper ul>li { display:inline-block; border-bottom:none; }
/*.verticalsub-menu .sidebar-wrapper>ul>li:first-child{border-left:1px solid #20638f;}*/
/*.verticalsub-menu .sidebar-wrapper>ul>li:first-child{border-left:1px solid #1f262e;}*/
/*.horizontal-menu .sidebar-wrapper ul>li a { padding:10px 30px }*/
.horizontal-menu .sidebar-wrapper ul>li a i { font-size:32px; line-height:40px }
.horizontal-menu .sidebar-wrapper ul>li.active, .horizontal-menu .sidebar-wrapper ul>li.current, .horizontal-menu .sidebar-wrapper ul>li:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.horizontal-menu .sidebar-wrapper ul>li.active>a,
.horizontal-menu .sidebar-wrapper ul>li.current>a,
.horizontal-menu .sidebar-wrapper>ul>li:hover>a { text-decoration:none; margin:0px; position:relative; /*background-color:#3498db;*/ color:#ffffff; border-left:none }
.horizontal-menu .sidebar-wrapper>ul>li:hover>a{background-color:#1F262E; }
.horizontal-menu .sidebar-wrapper ul>li.active>a i, .horizontal-menu .sidebar-wrapper ul>li.current>a i, .horizontal-menu .sidebar-wrapper ul>li:hover>a i { color:#ffffff }
.horizontal-menu .sub-sidebar-wrapper { width:auto; position:relative; left:auto !important; top:auto; padding:0px }
.horizontal-menu .sub-sidebar-wrapper ul { text-align:center; margin-top:0px; margin:0px }
.horizontal-menu .sub-sidebar-wrapper ul>li { display:inline-block; margin:0px 20px }
/*.btn .fa:first-child { margin-right:5px }*/
.button-example .btn { margin-bottom:5px }
.breadcrumb { border-bottom:1px solid #dbdbdb; font-size:12px; text-transform:uppercase; padding:10px 0px; margin-bottom:10px }
.breadcrumb li { margin-right:15px }
.breadcrumb a { display:block; border-radius:4px; color:#555555; padding:3px 10px; border:1px solid #d2d2d2; background-color:transparent; position:relative }
.breadcrumb a:hover { text-decoration:none; border:1px solid #888 }
.breadcrumb a:after { content:"\f105"; font-family:FontAwesome; position:absolute; font-weight:normal; top:4px; right:-12px; color:#ccc }
.widget { margin-bottom:50px; border-radius:6px }
.widget .widget-title { border-radius:6px 6px 0px 0px; padding:12px 20px; margin:0px }
.widget .widget-title h3 { font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; text-transform:uppercase; margin:0px }
.widget .widget-title i { margin-right:10px }
.widget .widget-title .dropdown { display:inline-block }
.widget .widget-content { background-color:#ffffff; padding:20px 30px; }
.widget .widget-content.more-v-padding { padding:40px 30px }
.widget .widget-content.more-h-padding { padding:20px 40px }
.widget .widget-content.more-padding { padding:40px }
.widget .widget-content.no-padding { padding:0px }
.widget .widget-content h4.widget-header { font-size:18px; font-weight:700; padding-bottom:10px; margin-bottom:30px; margin-top:40px; border-bottom:1px solid #ddd; -webkit-box-shadow:0px 7px 7px -6px rgba(0, 0, 0, 0.05); -moz-box-shadow:0px 7px 7px -6px rgba(0, 0, 0, 0.05); box-shadow:0px 7px 7px -6px rgba(0, 0, 0, 0.05) }
.widget .widget-content h4.widget-header:first-child { margin-top:0px }
.widget .widget-content-white { background-color:#fff }
.widget .widget-controls { float:right; margin-right:-5px }
.widget .widget-controls .tooltip { white-space:nowrap; font-size:12px }
.widget .widget-controls a.widget-control { font-size:18px; line-height:18px; display:inline-block; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transition:all all 0.3s ease ease-out; -moz-transition:all all 0.3s ease ease-out; -o-transition:all all 0.3s ease ease-out; transition:all all 0.3s ease ease-out; text-decoration:none !important; outline:0 !important }
.widget .widget-controls a.widget-control i { margin-right:0px; margin-left:5px }
.widget .widget-controls a.widget-control:hover { text-decoration:none !important; color:#fff; outline:0 !important }
.widget .widget-controls a.widget-control-show-when-full { display:none }
.widget .page-link {text-align:center; margin-top:15px;}
.widget .page-link a{}
.widget .page-link a:hover { color:#777777;}
.widget .table{ margin-bottom:0;}
.widget .table thead tr{ background-color:#E8F2F8; text-align:center; text-transform:uppercase;}
.widget .table thead tr th{ text-align:center;}
.widget .table tfoot tr th { text-align:center; border-top: 2px solid #B1D1E5; vertical-align: middle; }
.widget .table-bordered>thead>tr>th,
.widget .table-bordered>tbody>tr>th,
.widget .table-bordered>tfoot>tr>th,
.widget .table-bordered>thead>tr>td,
.widget .table-bordered>tbody>tr>td,
.widget .table-bordered>tfoot>tr>td{ border-color:#B1D1E5;}
.widget .table>thead>tr>th{border-color:#B1D1E5;}
.widget .table-bordered{border-color:#B1D1E5;}
.widget-full-screen { position:fixed; top:0; bottom:0; left:0; right:0; height:100%; z-index:9999; border-radius:0px !important; background-color:#ffffff; overflow:auto }
.widget-full-screen .widget-title { border-radius:0px !important }
.widget-full-screen .widget-title a.widget-control { display:none }
.widget-full-screen .widget-title a.widget-control-show-when-full { display:inline-block }
.widget-full-screen .widget-content { border-radius:0px !important }
.widget.widget-loading { position:relative }
.widget.widget-loading .widget-control-refresh { animation:animated-loading 0.5s; -moz-animation:animated-loading 0.5s; -webkit-animation:animated-loading 0.5s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; z-index:999 }
.widget.widget-loading:before { position:absolute; content:""; background-color:rgba(255, 255, 255, 0.5); color:#333; text-align:center; top:0; left:0; right:0; bottom:0; z-index:100; border-radius:6px }
.widget-blue .widget-title { background-color:#3498db }
.widget-blue .widget-title h3 { color:#fff }
.widget-blue .widget-control { color:#196090 }
.widget-red .widget-title { background-color:#e74c3c }
.widget-red .widget-title h3 { color:#fff }
.widget-red .widget-control { color:#a82315 }
.widget-orange .widget-title { background-color:#e67e22 }
.widget-orange .widget-title h3 { color:#fff }
.widget-orange .widget-control { color:#924d10 }
.widget-green .widget-title { background-color:#1abc9c }
.widget-green .widget-title h3 { color:#fff }
.widget-green .widget-control { color:#0e6252 }
.widget-purple .widget-title { background-color:#9b59b6 }
.widget-purple .widget-title h3 { color:#fff }
.widget-purple .widget-control { color:#623475 }
.widget-dark-grey .widget-title { background-color:#757575 }
.widget-dark-grey .widget-title h3 { color:#fff }
.widget-dark-grey .widget-control { color:#424242 }
.widget-bordered { border:1px solid #e0dacf }
.widget-bordered .widget-title { border-bottom:1px solid #e0dacf }
.widget-bordered .section-title { margin-top:0px; padding:20px 20px; margin-bottom:0px }
.widget-bordered .widget-content { padding:20px 30px; background-color:transparent }
.widget-bordered .widget-content.more-v-padding { padding:40px 30px }
.widget-bordered .widget-foot { border-top:1px solid #e0dacf; padding:20px }
.widget-bordered.widget-white { background-color:#fff }
.widget-bordered.widget-border-red .section-title { border-bottom:3px solid #EFCFCE }
.widget-bordered.widget-border-blue .section-title { border-bottom:3px solid #ADD4ED }
.widget-bordered.widget-bg-yellow { background-color:#F7EED4; color:#5E594A; border:1px solid #DBC8A8 }
.widget-bordered.widget-bg-yellow .section-title { border-bottom:1px solid #DBC8A8 }
.main-content { -webkit-box-shadow:inset 2px 0px 3px 0px rgba(255, 255, 255, 0.8), 0px -4px 15px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow:inset 2px 0px 3px 0px rgba(255, 255, 255, 0.8), 0px -4px 15px 0px rgba(0, 0, 0, 0.65); box-shadow:inset 2px 0px 3px 0px rgba(255, 255, 255, 0.8), 0px -4px 15px 0px rgba(0, 0, 0, 0.65) }
.page-header { /*background-image:-webkit-gradient(linear, left 0%, left 100%, from(#334659), to(#253647)); background-image:-webkit-linear-gradient(top, #334659, 0%, #253647, 100%); background-image:-moz-linear-gradient(top, #334659 0%, #253647 100%); background-image:linear-gradient(to bottom, #334659 0%, #253647 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff334659', endColorstr='#ff253647', GradientType=0);
-webkit-box-shadow:inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3); box-shadow:inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3) */}
.page-header .top-search { -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4); box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4); border:1px solid #141517 }
/*.sidebar-wrapper { background-image:-webkit-gradient(linear, 0% top, 100% top, from(#2980b9), to(#3896d3)); background-image:-webkit-linear-gradient(left, color-stop(#2980b9 0%), color-stop(#3896d3 100%)); background-image:-moz-linear-gradient(left, #2980b9 0%, #3896d3 100%); background-image:linear-gradient(to right, #2980b9 0%, #3896d3 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2980b9', endColorstr='#ff3896d3', GradientType=1);
-webkit-box-shadow:inset -2px 0px 3px 0px rgba(255, 255, 255, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow:inset -2px 0px 3px 0px rgba(255, 255, 255, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.8); box-shadow:inset -2px 0px 3px 0px rgba(255, 255, 255, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.8) }*/
.sidebar-wrapper {
background: #233F78;
background: linear-gradient(180deg, #00487C 0%, #00223B 100%);
box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.35);
/*background-image:-webkit-gradient(linear, 0% top, 100% top, from(#334659), to(#253647));
background-image:-webkit-linear-gradient(left, color-stop(#334659 0%), color-stop(#253647 100%));
background-image:-moz-linear-gradient(left, #334659 0%, #253647 100%);
background-image:linear-gradient(to right, #334659 0%, #253647 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff334659', endColorstr='#ff253647', GradientType=1);
-webkit-box-shadow:inset -2px 0px 3px 0px rgba(255, 255, 255, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow:inset -2px 0px 3px 0px rgba(255, 255, 255, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.8);
box-shadow:inset -2px 0px 3px 0px rgba(255, 255, 255, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.8) */}
/*.sidebar-wrapper ul>li { -webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.2); box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.2) }
.sidebar-wrapper ul>li { -webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1); -moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1); box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1) }
.sidebar-wrapper ul>li a i { text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.4) }
.sub-sidebar-wrapper ul li { border-bottom:1px solid #1F262E; -webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1); -moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1); box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1) }*/
@media (min-width: 767px) {
.all-wrapper.hide-side-menu .sidebar-wrapper, .all-wrapper.hide-sub-menu .sidebar-wrapper {
-webkit-box-shadow:inset -3px 0px 4px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:inset -3px 0px 4px 0px rgba(0, 0, 0, 0.3);
box-shadow:inset -3px 0px 4px 0px rgba(0, 0, 0, 0.3)
}
}
@media (max-width: 767px) {
.all-wrapper.hide-side-menu.hide-sub-menu .sidebar-wrapper {
-webkit-box-shadow:inset -3px 0px 4px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:inset -3px 0px 4px 0px rgba(0, 0, 0, 0.3);
box-shadow:inset -3px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
}
/*.section-title { -webkit-box-shadow:0px 2px 2px 0px #ffffff; -moz-box-shadow:0px 2px 2px 0px #ffffff; box-shadow:0px 2px 2px 0px #ffffff }*/
.widget-bordered { background-color:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none }
.widget-bordered .section-title { background-image:-webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#f0f0f0)); background-image:-webkit-linear-gradient(top, #f5f5f5, 0%, #f0f0f0, 100%); background-image:-moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 100%); background-image:linear-gradient(to bottom, #f5f5f5 0%, #f0f0f0 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff0f0f0', GradientType=0);
-webkit-box-shadow:inset 0px -2px 2px 0px #e8e8e8, 0px 2px 2px 0px #fff; -moz-box-shadow:inset 0px -2px 2px 0px #e8e8e8, 0px 2px 2px 0px #fff; box-shadow:inset 0px -2px 2px 0px #e8e8e8, 0px 2px 2px 0px #fff; border-bottom:1px solid #d6cec0 }
.widget { -webkit-box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.1); border-radius:6px }
.widget .widget-title { border-radius:6px 6px 0px 0px; -webkit-box-shadow:inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow:inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.2); position:relative; padding:5px 20px }
.widget .widget-title h3 { text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3) }
.widget .widget-title .widget-control { text-shadow:1px 1px 1px rgba(255, 255, 255, 0.2) }
.widget .widget-title .widget-control i.icon-remove-sign { color:#fff !important; text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3) !important }
.widget .widget-title .widget-control:hover { text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3) }
.widget .widget-content { border-radius:0px 0px 6px 6px; border:1px solid #cccccc; border-top:none; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#f9f9f9)); background-image:-webkit-linear-gradient(top, #fff, 0%, #f9f9f9, 100%); background-image:-moz-linear-gradient(top, #fff 0%, #f9f9f9 100%); background-image:linear-gradient(to bottom, #fff 0%, #f9f9f9 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow:inset 0px -2px 2px 0px #fff; -moz-box-shadow:inset 0px -2px 2px 0px #fff; box-shadow:inset 0px -2px 2px 0px #fff }
.widget.widget-bordered { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.widget.widget-bordered .widget-title { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; border:none; border-bottom:1px solid #cccccc; margin-bottom:30px }
.widget.widget-bordered .widget-title h3 { text-shadow:none }
.widget.widget-bordered .widget-content { background-color:transparent; background-image:none; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.widget.widget-bordered a.widget-control { color:#878585; text-shadow:none }
.widget.widget-bordered a.widget-control:hover { color:#444; text-shadow:none }
.widget.widget-bordered a.widget-control.widget-control-remove i.icon-remove-sign { color:#c17070 !important; text-shadow:none !important }
.widget.widget-title-minimized .widget-title { border-radius:6px }
.widget-blue .widget-title { background-color:#3498db; color:#fff; border:1px solid #217dbb; border-bottom:1px solid #196090; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#3498db), to(#258cd1)); background-image:-webkit-linear-gradient(top, #3498db, 0%, #258cd1, 100%); background-image:-moz-linear-gradient(top, #3498db 0%, #258cd1 100%); background-image:linear-gradient(to bottom, #3498db 0%, #258cd1 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db', endColorstr='#ff258cd1', GradientType=0)}
.widget-blue .widget-control { color:#196090 }
.widget-red .widget-title { background-color:#e74c3c; color:#fff; border:1px solid #d62c1a; border-bottom:1px solid #a82315; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#e74c3c), to(#e43725)); background-image:-webkit-linear-gradient(top, #e74c3c, 0%, #e43725, 100%); background-image:-moz-linear-gradient(top, #e74c3c 0%, #e43725 100%); background-image:linear-gradient(to bottom, #e74c3c 0%, #e43725 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe74c3c', endColorstr='#ffe43725', GradientType=0)}
.widget-red .widget-control { color:#a82315 }
.widget-orange .widget-title { background-color:#e67e22; color:#fff; border:1px solid #bf6516; border-bottom:1px solid #924d10; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#e67e22), to(#d67118)); background-image:-webkit-linear-gradient(top, #e67e22, 0%, #d67118, 100%); background-image:-moz-linear-gradient(top, #e67e22 0%, #d67118 100%); background-image:linear-gradient(to bottom, #e67e22 0%, #d67118 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe67e22', endColorstr='#ffd67118', GradientType=0)
}
.widget-orange .widget-control { color:#924d10 }
.widget-green .widget-title { background-color:#1abc9c; color:#fff; border:1px solid #148f77; border-bottom:1px solid #0e6252; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#1abc9c), to(#17a689)); background-image:-webkit-linear-gradient(top, #1abc9c, 0%, #17a689, 100%); background-image:-moz-linear-gradient(top, #1abc9c 0%, #17a689 100%); background-image:linear-gradient(to bottom, #1abc9c 0%, #17a689 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1abc9c', endColorstr='#ff17a689', GradientType=0)
}
.widget-green .widget-control { color:#0e6252 }
.widget-purple .widget-title { background-color:#9b59b6; color:#fff; border:1px solid #804399; border-bottom:1px solid #623475; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9b59b6), to(#8f4bab)); background-image:-webkit-linear-gradient(top, #9b59b6, 0%, #8f4bab, 100%); background-image:-moz-linear-gradient(top, #9b59b6 0%, #8f4bab 100%); background-image:linear-gradient(to bottom, #9b59b6 0%, #8f4bab 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9b59b6', endColorstr='#ff8f4bab', GradientType=0)
}
.widget-purple .widget-control { color:#623475 }
.widget-dark-grey .widget-title { background-color:#757575; color:#fff; border:1px solid #5b5b5b; border-bottom:1px solid #424242; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#757575), to(#686868)); background-image:-webkit-linear-gradient(top, #757575, 0%, #686868, 100%); background-image:-moz-linear-gradient(top, #757575 0%, #686868 100%); background-image:linear-gradient(to bottom, #757575 0%, #686868 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757575', endColorstr='#ff686868', GradientType=0)}
.widget-dark-grey .widget-control { color:#424242 }
.widget-full-screen { background-color:#fff !important }
.widget-full-screen .widget-content { background-image:none; background-color:#fff !important; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.form-control { border-top:1px solid #a9a49d; /* -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px #fff; -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px #fff */ }
.vessel_info{margin:0px; font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:500; font-size:18px; padding:5px 5px 10px ;
text-align:center; width:100%; }
.vessel_info h4{ display:block; margin:3px 0 7px;font-size:22px; color:#89b43f;}
.vessel_info span.value{border-left:none; padding-right:15px; padding-left:5px; text-shadow:none; font-weight:300;}
.vessel_info span{ display:inline-block; padding:0 5px; padding-left:15px; margin-left:-4px; line-height:24px; font-weight:600;}
.rate{}
.rate h4{ font-size:14px; float:left; margin:4px 5px 0 0; font-weight:bold;}
.rate .rating{ float:left;}
.table .radio,
.table .checkbox{ margin:0px 0 3px;}
table.table thead th a { display:block; background:url(images/sort_both.png?1) no-repeat center right; margin-right:-8px; padding-right:12px; }
table.table thead .asc { background:url(images/sort_asc.png?1) no-repeat center right;}
table.table thead .desc { background: url(images/sort_desc.png?1) no-repeat center right; }
.page-headding{position:absolute; top:0; left:60px; z-index:1100; margin:0; color:#FFF;}
.has-iconed .help-block{color:#a94442}
.info-block{display: block; margin-top: 5px; margin-bottom: 0px; color: #88909B; font-weight: 300; font-size: 12px;}
label .info-block{ margin-top:-2px;}
.datepicker-days .table-condensed>thead>tr>th,
.datepicker-days .table-condensed>tbody>tr>th,
.datepicker-days .table-condensed>tfoot>tr>th,
.datepicker-days .table-condensed>thead>tr>td,
.datepicker-days .table-condensed>tbody>tr>td,
.datepicker-days .table-condensed>tfoot>tr>td{ padding:4px 7px;}
.form-group .row { margin-left:-5px; margin-right:-5px}
.form-group .row .col-xs-4,
.form-group .row .col-xs-8,
.form-group .row .col-sm-4,
.form-group .row .col-md-3{ padding:0 5px;}
.field-group{ max-height:110px; overflow:auto; border: solid 1px #CCC; padding:0 10px;}
.field-group {}
.umms{}
.umms .main-content{ padding-top:130px; margin-top:1px;}
.umms .main-content>br{ display:none;}
.umms .widget{ margin-bottom:15px;}
.modal-content .widget{ margin-bottom:0px!important;}
.umms .widget .widget-content{padding:15px 20px 15px;}
.umms .table th,
.umms .table td{ padding:4px 8px;}
.umms .widget .page-link{ margin-top:5px;}
form .form-group{ margin-bottom:15px;}
form .form-group>label{width:180px; float:left; padding-top: 7px;}
form .form-group .iconed-input{ margin-left:190px; }
form label.checkbox-inline,
form label.radio-inline{ float:none; width:auto; padding-top:0px;}
form .checkbox,
form .radio{ margin-top:0px;}
.form-group{ margin-bottom:15px;}
.form-group>label{width:180px; float:left; padding-top: 7px;}
.form-group .iconed-input{ margin-left:190px; }
.form1 .form-group>label{width:130px;}
.form1 .form-group .iconed-input{ margin-left:140px; margin-right:40px;}
.form1 .widget-content .row{ margin-bottom:10px;}
.form1 .form-group{ margin-bottom:10px;}
.form2 .form-group>label{width:210px;}
.form2 .form-group .iconed-input{ margin-left:220px; margin-right:40px;}
.form2 .widget-content>.row{ margin-bottom:10px;}
.form3 .form-group>label{width:110px;}
.form3 .form-group .iconed-input{ margin-left:120px; margin-right:20px;}
.form3 .widget-content .row{ margin-bottom:15px;}
.crew-system .form3 .widget-content .row{ margin-bottom:0;}
.form4 .form-group{ margin-bottom:15px;}
.form4 .form-group>label{width:130px;}
.form4 .form-group .iconed-input{ margin-left:140px; margin-right:40px;}
.form4 .widget-content .row{ margin-bottom:15px;}
.form5 .form-group{ margin-bottom:15px;}
.form5 .form-group>label{width:80px;}
.form5 .form-group .iconed-input{ margin-left:90px; margin-right:90px;}
.form6 .form-group{ margin-bottom:15px;}
.form6 .form-group>label{width:95px;}
.form6 .form-group .iconed-input{ margin-left:95px; margin-right:70px;}
.form6 .first .form-group>label{width:150px;}
.form6 .first .form-group .iconed-input{ margin-left:150px; margin-right:30px;}
.form7 .form-group{margin-bottom:15px;}
.form7 .form-group>label{width:130px;}
.form7 .form-group .iconed-input{ margin-left:130px; margin-right:50px;}
.form7 .first .form-group>label{width:150px;}
.form7 .first .form-group .iconed-input{ margin-left:150px; margin-right:30px;}
.form8 .form-group{ margin-bottom:15px;}
.form8 .form-group>label{width:150px;}
.form8 .form-group .iconed-input{ margin-left:155px; margin-right:30px;}
.form9 .form-group{ margin-bottom:20px; margin-right:30px;}
.form9 .form-group>label{width:100%; float:none;}
.form9 .form-group .iconed-input{ margin-left:0;}
.form9 .form-group.text-view .iconed-input{padding-top:6px;}
.form9.detail-view .form-group .iconed-input{padding-top:6px;}
.formauto .form-group{ margin-bottom:20px; margin-right:0px; display: flex; justify-content: start;}
.formauto .form-group>label{ float:left; margin: 0 10px 0 0; width:auto; white-space: nowrap; padding: 7px 0 0 0;}
.formauto .form-group .iconed-input{ margin-left:0; float: right; width: 100%;}
.radio-box{ vertical-align:top;}
.form-group.radio-box{ padding-top:6px;}
.radio-box input{ display:inline-block; margin:4px 5px 0 0; vertical-align:top;}
.radio-box label{ font-weight:normal; display:inline-block; padding:0; padding-right:15px;}
.radio-box .radio-control{ width:50%; float:left;}
form .radio-box>label{ padding-top:0; font-weight:bold;}
.checkbox-list{ vertical-align:top;}
.checkbox-list input{ position:absolute; left:0; top:0;}
.checkbox-list label{ position:relative; font-weight:normal; display:inline-block; padding:2px 15px 2px 20px;}
.fix_checkbox .checkbox-inline{ margin:0 15px 10px 0;}
form .help-block{margin-bottom:0px;}
.clear{clear:both; height:0px;}
.detail-view { margin-bottom:10px;}
.detail-view .form-group>label{ padding-top:1px; line-height:18px;}
.detail-view .form-group{ margin-bottom:0px; padding-top:5px;}
.text-view.form-group>label{padding-top:0;}
.text-view.form-group{ margin-top:5px; margin-bottom:10px; }
.marB0{ margin-bottom:0!important;}
.marB15{ margin-bottom:15px!important;}
.marL10{ margin-left:10px!important;}
div.form-group:before,
div.form-group:after {
content:"";
display:table;
}
div.form-group:after {
clear:both;
}
div.form-group {
zoom:1;
}
.edit-image{ padding-top:10px;}
/*form .error{ color:#A94442}*/
.inline-fields1 .form-control{display:inline-block; width:30%;}
.inline-fields1 .form-control.last{ width:67%; float:right;}
.inline-fields2 .form-control{display:inline-block; width:47%;}
.inline-fields2 .form-control.last{ float:right;}
.inline-fields4 { overflow:hidden;}
.inline-fields4 .input-group{ float:left; width:250px; margin-right:10px;}
.inline-fields4 .form-control.last{ width:70px; float:left;}
.inline-fields5 {overflow:hidden;}
.inline-fields5 .input-group{ float:left; width:180px;}
.inline-fields5 .input-group.last{ width:120px;}
.inline-fields6 {overflow:hidden;}
.inline-fields6 .input-group{float:left; width:200px; margin-left:10px!important; margin-right:10px!important;}
.inline-fields6 .input-group.last{ width:200px; }
.inline-fields7 .form-control{display:inline-block; width:45%;}
.inline-fields7 .form-control.last{ float:right;}
.inline-fields8 .form-control{display:inline-block; width:250px;}
.inline-fields8 .btn{ float:right; margin-top:2px;}
.inline-fields8 .form-control{display:inline-block; width:250px;}
.inline-fields8 .radio-box{ display:inline-block; margin:6px 0 0 10px;}
.inline-fields9 .form-control{display:inline-block; width:250px;}
form .inline-fields9.form-group> label{padding-top:0;}
.inline-fields9 .radio-box{display:inline-block; margin:6px 0 0 10px;}
.inline-fields9 .radio-box label{ vertical-align:top;}
.inline-fields10 .form-control{display:inline-block; width:70%;}
.inline-fields10 .form-control.last{ width:27%; float:right;}
.esigne-box{ float:right; text-align:left; line-height:22px;}
.esigne-box .blank{ display:inline-block; width:73px;}
.widget .widget-control .fa-minus-circle{ display:inline-block;}
.widget .widget-control .fa-plus-circle{ display:none;}
.widget-title-minimized .widget-control .fa-minus-circle{ display:none;}
.widget-title-minimized .widget-control .fa-plus-circle{ display:inline-block;}
.multiselect-box{width:100%;}
.multiselect-box .btn-group{ width:100%;}
.multiselect-container li a,
.multiselect-container li label{cursor:pointer;}
.multiselect-container.dropdown-menu{ max-height:300px; overflow:auto;}
.required{ color:#f00;}
.modal-dialog.modal-big{ width:85%;}
.big-icons{ text-align:center;}
.big-icons>div{text-align:center; color:#4aa0d8;}
.big-icons .icon{ height:70px;}
.big-icons img{}
.big-icons span{ display:block; font-size:16px; text-align:center;}
.big-icons .fa{font-size:41px; color:#4aa0d8; padding-top:7px;}
.big-icons .icon2 .icon{ }
.big-icons a{ display:inline-block;}
.form-control.inline-field{display:inline-block;}
.crew-system{}
.crew-system .main-content{ padding-top:70px; padding-bottom:1px;}
.crew-system .widget{ margin-bottom:20px;}
.modal-content .widget{ margin-bottom:0px;}
.crew-system .widget .widget-content{padding:15px 20px 10px;}
.crew-system .table th,
.crew-system .table td{ padding:6px 8px;}
.crew-system .widget .page-link{ margin-top:5px;}
.crew-system .form-control{padding:3px 5px; height: 30px;}
.crew-system textarea.form-control{ height:auto;}
.crew-system form .form-group>label{padding-top: 7px;}
.crew-system form .help-block{ font-size:12px; margin-top:2px;}
.crew-system form .form-radio .iconed-input{padding-top: 5px;}
.crew-system .detail-view .form-group>label{ padding-top:0;}
.crew-system .detail-view .form-group{ margin-bottom:5px;}
.crew-system .question_detail{
border:solid 1px #E1E1E1; margin-bottom:20px; padding-bottom:10px; border-radius:5px; padding:15px 15px 0;
position:relative;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.crew-system .question_detail .delete-que{position:absolute; top:4px; right:4px; padding: 3px 6px;}
.crew-system .question_detail:hover{ background:#f5f5f5;}
#questions .question_detail:first-child .delete-que{ display:none;}
.crew-system .box .btn-delete{position:absolute; top:-5px; right:10px; padding: 3px 6px;}
.crew-system .PrejoiningExperience .btn-delete{top:-10px; right:-10px; }
#applicant_certificates .row.header{ border-bottom: solid 2px #CCC;}
#applicant_certificates .row{ border-bottom: solid 1px #CCC; margin-bottom:8px; padding-bottom:8px;}
.crew-system .btn-gray{ background-color:#D3D3D3;}
.urser-img{width:100px; height:100px; text-align:center; border: solid 1px #CCC; margin-left:145px; margin-bottom:10px;}
.upload-field{margin:0px 0 0 15px;}
.file-input{width:150px; margin-left:145px;}
.field-title{margin-bottom:5px; font-size:16px;}
.modal-dialog.modal-big{ width:85%;}
.crew-view-detail .section-title{ margin-top:0!important; font-size:22px; padding-bottom: 5px;}
.crew-view-detail .detail-view{ margin-bottom:30px;}
.crew-view-detail form .widget-content .row{ margin-bottom:0;}
.crew-view-detail hr{ margin-top:10px; margin-bottom:10px;}
.crew-view-detail .urser-img{ margin-left:0; width:80px; height:80px;}
.crew-view-detail label{ margin-bottom:0;}
.crew-view-detail table{}
.form-table{}
.form-table td,
.form-table th{ vertical-align:top; padding:6px 10px;}
.group-btn{ margin-top:10px;}
.w300{ width:300px;}
.w500{ width:500px;}
.w650{ width:650px;}
.w700{ width:700px;}
.w90p{ width:90%;}
.w70p{ width:70%; display:inline-block}
.w28p{ width:28%; display:inline-block}
.table td .btn{ margin:2px 1px;}
.crew-action{}
.crew-action .fa{ font-size:18px; padding-top:3px;}
.crew-action a:hover{ color:#FFF;}
.widgetlist { text-align:center;}
.widgetlist .widget-icon {display:inline-block; width: 140px; margin: 0 0px 30px 0; position:relative;}
.widgetlist .widget-icon>a { display: block; padding:10px 15px; border: 1px solid #ccc; color: #333; text-align: center; background: #FFF; }
.widgetlist .widget-icon>a { color: #069;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.widgetlist .widget-icon a span { font-size: 16px; display: block; margin-top:5px; line-height:44px; min-height:44px; }
.widgetlist .widget-icon.dline a span{ margin-top:3px; line-height:normal;}
.widgetlist .widget-icon:hover>a { -moz-box-shadow:0 0 4px #ddd; color:#FFF; background:#3498DB; text-decoration: none; }
.widgetlist .widget-icon .dropdown-menu{display:none; text-align:left; left:140px; top:0;}
.widgetlist .widget-icon:hover .dropdown-menu{display:block;}
.widgetlist .widget-icon .dropdown-menu:before{ content:''; position:absolute; width: 0; height: 0; top:8px; left:-9px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #CCC;}
.widgetlist .widget-icon .dropdown-menu:after{ content:''; position:absolute; width: 0; height: 0; top:9px; left:-8px; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right:9px solid #FFF;}
.widgetlist .widget-icon .dropdown-menu a:hover{ background-color:#FFF; color:#3498DB;}
.widgetlist .widget-icon .dropdown-menu li{ position:relative;}
.widgetlist .widget-icon .dropdown-menu li>a{ padding-left:26px; padding-right:10;}
.widgetlist .widget-icon .dropdown-menu i{ font-size:12px; position:absolute; left:8px; top:8px}
.vessellist .image{ float:left; width:150px; }
.vessellist .info{ margin-left:160px; text-align:left;}
.vessellist .widget-icon li{ margin-bottom:7px;}
.vessellist .widget-icon a span{ line-height:normal; min-height:0; margin-top:0; display:inline-block;}
.vessellist .widget-icon a span.label1{ width:60px; font-weight:bold;}
.vessellist .widget-icon{ width:400px;}
.vessellist .widget-icon>a>i{ height:90px; display:block;}
.scrolling_outer .scrolling_inner{ }
.table-responsive>.scrolling_outer{position:relative;}
.detail-view .form-group .iconed-input{word-wrap:break-word;}
button.ui-multiselect{display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; color: #333; background-color: #EEE; border-color: #CCC;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; font-family: 'Roboto Slab', serif; overflow: hidden;}
.ui-multiselect-menu.ui-widget{border-color:#BDBDBD;}
.ui-multiselect-menu .ui-multiselect-header{ background-color:#EEE; color:#333; border-color:#CCC;}
.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter input{ width:auto;border-color:#CCC; font-size:13px; padding:2px 2px; height:20px; border-radius:5px; width:85%;}
.ui-multiselect-menu .ui-multiselect-header li{ margin-top:5px;}
.ui-multiselect-menu .ui-multiselect-header a{ font-weight:bold; color:#333; font-size: 14px;}
.ui-multiselect-menu .ui-multiselect-header a:hover{ font-weight:bold;}
.ui-multiselect-menu .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a{ font-weight:bold;}
.ui-multiselect-menu .ui-multiselect-checkboxes label{ margin-bottom:2px; padding: 1px 1px 3px;}
.ui-multiselect-menu .ui-multiselect-checkboxes label input{ margin-right:4px;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{background-color:#BDBDBD;}
.ui-autocomplete-loading { background: url(images/preloader.gif) no-repeat right center;}
.rightbar{background-color:#3491CD; position:fixed; top:100px; bottom:0; right:0; width:200px; border-left: solid 1px #DDD; padding:12px 0px 10px; z-index:300;}
.rightbar #vessel-scroll{max-height:100%; overflow:auto;}
.rightbar li{font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; border-bottom:1px solid #20638F;}
.rightbar li a{ padding:5px 10px; display:block; color:#FFF;}
.rightbar li a:hover{ text-decoration:none; background-color:#3498DB;}
.rightbar li .avatar{ float:left; width:36px; margin-right: 10px; height:28px; background-color:#FFF;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
position: relative;}
.rightbar li .avatar img{ height:28px;}
.rightbar li .fleet{font-size:15px; line-height:28px;}
.vm-dashboard .main-content{ padding-top:130px;}
.horizontal-menu {}
/*.horizontal-menu .sidebar-wrapper{position:fixed; top:50px; left:0; width:100%; bottom:inherit; height:auto; padding-top:0; z-index:400;}*/
.horizontal-menu .sidebar-wrapper>ul>li{ width: 55px; height: 50px; }
/*.horizontal-menu .sidebar-wrapper ul>li a {padding: 0px; height: 50px; vertical-align: top;
display: block;}*/
.horizontal-menu .sidebar-wrapper>ul>li a i{font-size:24px;}
.horizontal-menu .sidebar-wrapper>ul>li a img{ height:25px;/*margin-top:3px; height:30px; width:auto; margin-top:5px;*/}
/*.horizontal-menu .sidebar-wrapper>ul>li a img{ margin-top:-5px; height:40px;}*/
.horizontal-menu .sidebar-wrapper>ul>li>a>span{ display:none;}
.horizontal-menu .sidebar-wrapper>ul>li .submenu {width:100%; float:none; min-width:220px; right:inherit; left:0; top:50px; padding:0;}
.horizontal-menu .sidebar-wrapper>ul>li .submenu .lavel2{ display:none; top:30px;}
.horizontal-menu .sidebar-wrapper>ul>li .submenu li a{ line-height:20px; height:auto;}
.horizontal-menu .sidebar-wrapper>ul>li .submenu li:hover .lavel2{ display:block;}
.horizontal-menu .sidebar-wrapper ul>li .submenu i{ font-size:11px; padding-left:5px; line-height:normal; color:#D5DDE5!important }
.horizontal-menu .sidebar-wrapper ul li.last{ border:none!important; box-shadow:none;}
.horizontal-menu .sidebar-wrapper ul li.last a{ border:none!important;}
.verticalsub-menu .sidebar-wrapper>ul>li{ position:relative; border-left:1px solid #555;}
.verticalsub-menu .sidebar-wrapper>ul>li:last-child{ position:relative; border-right:1px solid #555;}
.verticalsub-menu .sidebar-wrapper>ul>li:hover{background: #1F262E;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu{width:220px; float:none; min-width:220px; right:inherit; left:-2px; top:45px; padding:0; border-radius:0 0 5px 5px; text-align:left;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu li{ display:block; position:relative;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu li i{ float:right; margin-top:11px;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu .lavel2{display:none; left:100%; top:-2px;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu li a{ line-height:20px; border:none; border-bottom: 1px solid #1F262E; width:auto;
-webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow:none;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu li:hover .lavel2{ display:block;}
.verticalsub-menu .sidebar-wrapper ul>li .submenu i{ font-size:11px; padding-left:5px; line-height:normal; color:#D5DDE5!important }
.verticalsub-menu .sidebar-wrapper>ul>li li:last-child>a{border-radius:0 0 5px 5px; }
.vesselbar .sidebar-wrapper{ height:350px; top:50%; margin-top:-150px; padding-top:20px; border-radius:0px 4px 4px 0px; z-index:200;}
.umms{position:relative;}
.umms-content .with-vessel-list{margin-left:0; margin-right:190px;}
.umms .with-vesselbar{margin-left: 0px; padding-left: 70px; padding-top: 70px;}
.vessel_info{margin:0px; font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:500; font-size:18px; padding:5px 5px 10px ; position:relative;
text-align:center; width:100%; }
.vessel_info h4{ display:block; margin:3px 0 7px;font-size:22px; color:#89b43f;}
.vessel_info span.value{border-left:none; padding-right:15px; padding-left:5px; text-shadow:none; font-weight:300;}
.vessel_info span{ display:inline-block; padding:0 5px; padding-left:15px; margin-left:-4px; line-height:24px; font-weight:600;}
.vessel_info .iocns{position:absolute; top:2px; right:15px; font-size:21px;}
.vessel_info .iocns a{}
.vessel_info .iocns i{font-size:18px;}
.umms .vessel-detail .widget {margin-bottom: 20px;}
.light-bg .tab-content{ position:relative; z-index:200;}
.login-btns{position:absolute; top:55px; right:-24px; width:40px; z-index:210;}
.login-btns .btn{ margin-bottom:5px; width:45px; position:relative; border-radius:0 4px 4px 0;}
.login-btns .active .btn{ background:#FFF; border-left-color:#FFF;}
.login-btns .btn i.fa-question{ position:absolute; color:#FFF; right:20px; top:15px; text-shadow:1px 1px 1px #000; font-size:14px;}
.umms.withoutbar .main-content{margin-left:0; padding-top:80px; padding-left:30px;}
.umms.withbar .main-content{margin-left:0; padding-top:70px; padding-left:80px;}
.label-SampleSent{ background-color:#428BCA;}
.label-SampleNotSent{ background-color:#FF0000;}
.label-SampleReceivedByLab{background-color:#ED9C28}
.label-SampleAnalyzedAndReportUploaded{background-color:#47A447;}
.label-SampleAnalyzedReportUploaded{background-color:#47A447;}
.btn-color1 {color:#FFF!important; background-color:#21BDBD; border-color:#17ACAC;}
.btn-color2 {color:#FFF!important; background-color:#E0752D; border-color:#9B460D;}
.label-green1,
.btn-green1 {color:#FFF!important; background-color:#38B496;}
.label-green2,
.btn-green2 {color:#FFF!important; background-color:#598729;}
.label-blue1,
.btn-blue1 {color:#FFF!important; background-color:#17C1C1;}
.label-blue2,
.btn-blue2 {color:#FFF!important; background-color:#3FA2BB;}
.label-blue3,
.btn-blue3 {color:#FFF!important; background-color:#3443A3;}
.label-red1,
.btn-red1 {color:#FFF!important; background-color:#DD1515;}
.label-red2,
.btn-red2 {color: #FFF!important; background-color:#F13C67;}
.label-orange1,
.btn-orange1 {color: #FFF!important; background-color:#E05E07;}
.label-green3,
.btn-green3 {color: #FFF!important; background-color:#307241;}
.label-gray,
.btn-gray {color:#FFF!important; background-color:#E2E2E2;}
a.btn-gray {color:#FFF!important; background-color:#E01B1B;}
.btn-xs { margin:2px 0; display:inline-block; padding:3px 5px; vertical-align:top;}
.btn-xs .fa{ font-size:13px; width:13px;}
.table tr td .label{ text-transform:uppercase;}/*min-width:80px;*/
.label.cr_Routine{ background-color:#428BCA;}
.label.cr_Urgent{background-color:#CC6766}
.label.cr_DueDate{background-color:#ED9C28;}
.DefectStatus_0{ background:#3498db; color:#fff;}
.DefectStatus_1{ background:#FF8000; color:#fff;}
.DefectStatus_2{ background:#00A800; color:#fff;}
.DefectStatus_3{ background:#008000; color:#fff;}
.DefectStatus_4{ background:#0080C0; color:#fff;}
.DefectStatus_5{ background:#008000; color:#fff;}
.DefectStatus_6{ background:#FF8000; color:#fff;}
.DefectStatus_7{ background:#008000; color:#fff;}
.DefectStatus_8{ background:#F00; color:#fff;}
.DefectStatus_9{ background:#f00; color:#fff;}
.DefectStatus_10{ background:#f00; color:#fff;}
.DefectStatus_11 { background:#008000; color:#fff;}
.DefectStatus_12 {background-color: #35A535; color: #fff;}
.PSCStatus_1{ background:#E29931; color:#fff;}
.PSCStatus_2{ background:#FA5; color:#000;}
.PSCStatus_3{ background:#FA5; color:#fff;}
.PSCStatus_4{ background:#0080C0; color:#fff;}
.PSCStatus_10{ background:#009500; color:#fff;}
.PSCStatus_8{ background:#009500; color:#fff;}
.CTMStatus_1{ background:#5C5C5C; color:#fff;}
.CTMStatus_2{ background:#FF8000; color:#fff;}
.CTMStatus_3{ background:#9B0000; color:#fff;}
.CTMStatus_4{ background:#008000; color:#fff;}
.CTMStatus_5{ background:#2894FF; color:#fff;}
.CTMStatus_6{ background:#004000; color:#fff;}
.CTMStatus_7{ background:#FF9122; color:#fff;}
.CTMStatus_8{ background:#008040; color:#fff;}
.PURStatus_0{ background:#E29931; color:#fff;}
.PURStatus_1{ background:#0080C0; color:#fff;}
.PURStatus_11{ background:#0080C0; color:#fff;}
.PURStatus_5{ background:#E10000; color:#fff;}
.PURStatus_10{ background:#008000; color:#fff;}
.PURStatus_15{ background:#FF8000; color:#fff;}
.PURStatus_20{ background:#FF9E3E; color:#fff;}
.PURStatus_25{ background:#C66300; color:#fff;}
.PURStatus_30{ background:#008040; color:#fff;}
.PURStatus_35{ background:#004600; color:#fff;}
.cs_0 {background:#E0752D; color:#FFF;}
.cs_5 {background:#39B3D7; color:#FFF;}
.cs_10{background:#FF8500; color:#FFF;}
.cs_13{background:#F09926; color:#FFF;}
.cs_15{background:#73199C; color:#FFF;}
.cs_20, .cs_20:hover{background:#E2284D; color:#FFF;}
.cs_25{background:#7F0F81 !important; color:#FFF;}
.cs_30{background:#F13C67; color:#FFF;}
.cs_35{background:#F16403; color:#FFF;}
.cs_37{background:#E7A358; color:#FFF;}
.cs_40{background:#159A24; color:#FFF;}
.cs_42{background:#3BB022; color:#FFF;}
.cs_43{background:#11C226; color:#FFF;}
.cs_45{background:#F34A2A; color:#FFF;}
.cs_48{background:#F45000; color:#FFF;}
.cs_50, .cs_50:hover{background:#519AE9 !important; color:#FFF !important;}
.cs_52, .cs_52.form-control[readonly] {background:#4BC5E4; color:#FFF;}
.cs_53, .cs_53.form-control[readonly] {background:#cadaff; color:#000;}
.cs_55{background:#4BC5E4; color:#FFF;}
.cs_60{background:#EFBC1A; color:#FFF;}
.cs_65{background:#47a447; color:#FFF;}
.cs_67{background:#E0752D; color:#FFF;}
.cs_70,
.cs_70:focus{background:#d2322d; color:#FFF;}
.cs_75,
.cs_75:focus{background:#E0752D; color:#FFF;}
.cs_80,
.cs_80:focus{background:#89C5C5; color:#FFF;}
.cs_85,
.cs_85:focus{background:#B2B2B2; color:#FFF;}
.cs_90,
.cs_90:focus, .cs_90:hover{background:#38B496; color:#FFF;}
.cs_110, .cs_110:focus, .cs_110:hover{background:#8A2D00; color:#FFF;}
.cs_120{background:#FF0000; color:#FFF;}
.cs_130{background:#008000; color:#FFF;}
.cs_140, .cs_140:hover{background:#D9534F; color:#FFF;}
.cs_141{background:#1F33E4; color:#FFF;}
.cs_142{background:#38B496 !important; color:#FFF !important;}
.cs_143, .cs_143:hover, .cs_143:focus{background:#8F6700; color:#FFF;}
.cs_144{background:#73199C; color:#FFF;}
.cs_144:hover, .cs_144:focus{background:#73199C; color:#FFF;}
.cs_145{background:#E2284D; color:#FFF;}
.cs_146 {background: #555; color: #FFF;}
.cs_146:hover, .cs_146:focus{background:#555; color:#FFF;}
.cs_147 {background: #4d4d4d; color: #FFF;}
.cs_148 {background: #afafaf; color: #000;}
.cs_149 {background: #9a3eff; color: #000;}
.cs_150 {background: #d9d9d9; color: #000;}
/*BG color same as label-danger*/
.status1 .label{ width:115px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status2 .label{ width:140px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status3 .label{ width:180px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status4 .label{ width:200px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status5 .label{ width:90px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status6 .label{ width:70px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status7 .label{ width:55px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status8 .label{ width:145px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status9 .label{ width:62px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status10 .label{ width:140px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.status11 .label{ width:265px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase;}
.label.label-SampleNotLanded{ background-color:#E2284D;}
.label.SampleSent{background-color:#27D3D3}
.label.SampleReceivedByLab{background-color:#ED9C28;}
.label.SampleAnalyzedAndReportUploaded{background-color:#47A447;}
.label-DispensationApplied{ background-color:#39B3D7;}
.label-DispensationReceived{ background-color:#ED9C28;}
.label-DispensationClosed{ background-color:#47A447;}
.page-header .header-links .user-dd a.header-link{ min-width:200px; padding: 10px 15px 5px;}
.page-header .header-links .vessel-dd{ position:relative;}
.page-header .header-links .vessel-dd .avatar{ height:26px; width:32px; overflow:hidden; background:#FFF;}
.page-header .header-links .vessel-dd .avatar img{max-width:none; height:26px; width:auto;}
.page-header .header-links .vessel-dd .dropdown-menu { width:190px; background:#FFF; color:#000;}
.page-header .header-links .vessel-dd .dropdown-menu li{ line-height:normal; }
.page-header .header-links .vessel-dd .dropdown-menu li a{display:block; padding:2px 15px}
#vessel-top-list{ position:absolute; top:5px; left:40px; z-index:1100; width:190px; background:#FFF;}
#vessel-top-list li{ padding:3px 15px; line-height:14px;}
#vessel-top-list li a{ font-size:12px;}
#notification_scroll{ width:302px; max-height:333px;}
#notification_scroll ul{ margin:0;}
#notification_container .header-link { color:#FFF; display:block; padding:8px 5px; line-height:30px; margin:0px 5px; font-weight:300; font-size:14px; text-decoration:none !important; position: relative;}
#notification_container .header-link:focus { outline:none }
#notification_container .header-link:hover { text-decoration:none !important;color:#fff }
#notification_container .header-link:hover i { color:#fff }
#notification_container .header-link i { font-size:16px; color:#FFF; margin-right:5px; margin-left:5px }
#notification_container .header-link a{ color:#FFF; text-decoration:none;}
#notification_scroll.open{ display:block;}
#notification_scroll .notification{ text-decoration:none; width:300px;}
#notification_scroll.dropdown-inbar .notification{ padding:8px 15px}
#notification_scroll .notification { display:block; color:#FFF; padding:12px 15px; border-bottom:1px solid #6f6f6f; font-weight:300;}
#notification_scroll .notification .label { float:right; background-color:#FFEE91; color:#494335 }
#notification_scroll .notification:hover { background-color:#6f6f6f; color:#fff }
#notification_scroll .notification:hover .fa { color:#fff }
#notification_scroll span.info{ display:block; font-size:12px; color:#DFF5BB;}
#notification_scroll a{ display:block; width:auto; padding:0; border:none;}
.alert-warning1{ background-color: #F5AF65; border-color: #C00; color: #FFF; border-top: 1px solid #E41B1B;}
.alert-warning1 a{ color:#C00;}
.umms .section-title{ margin-top:20px; color:#217DBB; padding-bottom:7px;}
.report-tip .tooltip-inner{ background-color:#F00;}
.report-tip.left .tooltip-arrow{border-left-color:#F00;}
.gauge_chart{ height:90px;}
.ajx_overlay{ display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0;z-index: 1030; background-color:#000; opacity: .5; filter: alpha(opacity=50);}
.ajx_overlay .ajx_preloader{ display:block;}
.ajx_preloader{display:none; position:absolute; position:fixed; top:0%; left:0%; /*margin-top:-25px; margin-left:-25px;*/ width:100%; height:100%; color:#FFF; z-index:1050;}
.ajx_preloader .fa{ font-size:40px;}
.preloader{font-size:24px; color:#000; position:absolute; right:-26px; top:2px; display:none;}
.ajx_box { position:relative;}
.ajx_box .ajx_preloader{ position:absolute; color:#000;}
.reportForm .widget-content table[cellpadding="3"]{ width:100%;}
.crew-overlay{ display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0;z-index: 1030; background-color:#000; opacity: .5; filter: alpha(opacity=50);}
.crew-overlay .ajx_preloader{ display:block;}
.file-uploader,
.pre-uploader{ font-size:12px; font-weight:bold; color:#268DD2;}
.file-uploader i,
.pre-uploader i{ font-size:13px;}
.linktovs{ color:#1C449B; cursor:pointer;}
.linktovs:hover{ text-decoration:underline;}
.widget-title .linktovs{ color:#FFF;}
.box1{ margin:20px 0 0; width:50%}
.sunday_report .table tr th{vertical-align: middle; background-color:#FFF; text-align:center;}
.sunday_report .table tr th label{ text-align:left; display:block;}
.sunday_report .help-text{ display:block; text-align:left; font-size:12px; margin-top:-4px;}
.meter{}
.meter .meter-slider{ display:inline-block; width:90%; margin:3px 10px 0 10px; vertical-align:top;}
.meter>span{ display:inline-block; vertical-align:top; margin-top:-2px;}
.meter .min-val{ }
/*UI Slider */
.ui-slider.ui-corner-all{
border:none;
cursor: pointer;
background-color:#FFF;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FFF), to(#fAfAfA));
background-image: -webkit-linear-gradient(top, #FFF, 0%, #fAfAfA, 100%);
background-image: -moz-linear-gradient(top, #FFF 0%, #fAfAfA 100%);
background-image: linear-gradient(to bottom, #FFF 0%, #fAfAfA 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffafafa', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.ui-slider .ui-slider-range{
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
background-image: linear-gradient(to bottom, #f5f5f5, #e0e0e0);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ui-slider .ui-slider-handle.ui-state-default{
cursor:pointer;
width: 20px;
height: 20px;
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
opacity: 0.8;
border: 0px solid transparent;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.slider-block{ position:relative; margin-top:15px;}
.slider-block .slider-bar{margin:3px 10px 0 10px;}
.slider-block > span{ position:absolute; left:-10px; top:-5px;}
.slider-block > span.max-val{ left:inherit; right:-10px;}
/****/
.report-map{position:absolute; top:-20px; left:0px; height:100%; width:100%;}
.colorblue{color:#357ebd;}
.radioValidation{ border:1px solid #A94442 !important; background:#FDD !important; }
input.require,select.require,textarea.require, button.ui-multiselect.require{ border:1px solid #A94442 !important; background:#FDD !important; }
.tab-content {border: 1px solid #cecac4; border-bottom: 1px solid #B2ACA4; border-top:none; margin-top:-1px; position:relative; background: #fff;}
.notification-alert .tab-content{ padding:10px 5px;}
.notification-alert .nav-tabs{ z-index:0;}
.notification-alert .nav-tabs li a,
.notification-alert .nav-tabs li a:hover,
.notification-alert .nav-tabs li a:focus{ color:#428BCA}
.notification-alert .nav-tabs li .label{ padding:2px 5px;}
.notification-alert .nav-tabs li.noti>a{color: #b94a48;}
.notification-alert .nav-tabs li.aler>a{color: #E29931;}
.notification-alert .nav-tabs li.task>a{color: #E29931;}
.activity-list { padding:0 10px; margin-bottom:0px; list-style:none; max-height:600px; overflow-y:scroll}
.activity-list li { padding:7px 5px; border-bottom:1px solid #ddd; color:#000;}
.activity-list li:last-child { border-bottom:none; margin-bottom:0px }
.activity-list li .activity-image { color:#CF9646; position:absolute; top:4px; left:20px;}
.activity-list li p { margin-bottom:0px }
.activity-list li .activity-time { color:#888; font-size:12px; }
.activity-list li .notice{position:relative;}
.activity-list li .notice a{display: inline-block; vertical-align: middle; padding: .4em .8em .4em; margin-bottom: 0; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #d9534f; text-decoration:none;}
.activity-list li .notice a:hover, .activity-list li .notice a:focus { background-color: #c9302c; }
.activity-list { margin-top:40px;}
.activity-list li.top{ position:absolute; top:15px; right:30px; left:15px; z-index:100; height:37px; background-color:#FFF;}
.userAlertBox { padding-bottom:10px;}
.userAlertBox h3{ text-align:center; padding-bottom:0px; margin-top:10px; line-height:32px;}
.userAlertBox ul{ margin-bottom:0; padding-bottom:0;}
.userAlertBox li{ width:50%; float:left; text-align:center; padding:10px 0 5px;}
.userAlertBox li.last{ width:100%;}
.userAlertBox li span{ font-size:22px;}
.userAlertBox li span.count{color:#428bca; font-weight:bold; font-size:26px;}
.userAlertBox li.task .count{ color:#E29931;}
.userAlertBox li.noti .count{ color:#b94a48;}
.crew-back{ margin-top:10px;}
.red_parent{ background:#E01B1B; color:#FFF; display:inline-block; padding:0 3px; border-radius:3px;}
.report-edit tr{ height:40px;}
td.report_unit {font-weight:bold; background:#F7FECF; border-right: solid 1px #CCC;}
td.report_unit span{ display:block; width:40px; text-align:center; color:#428BCA;}
.month-report td.report_unit span{ width:70px;}
.noon-report td.report_unit span{ width:60px;}
.report-top{ position:fixed; width:100%; padding:20px 30px 0; left:0px; top:100px; z-index:200; background-color:#F4F4F4;}
.report-top .page-title{ margin-bottom:10px;}
.report-top-block{ height:50px;}
.withbar .report-top{ top:43px;}
.VoyageCode{display:inline-block; margin-top:5px;}
.table-big{width:100%; overflow-x:auto; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch }
.table-big>.table { margin-bottom:0 }
.cargo-table2 tbody tr th,
.cargo-table2 tr th.first{ text-align:center; border-right-width:2px; vertical-align:middle;}
.cargo-table2 .sep{ background-color:#DDD;}
.cargo-table2 .pm{ border-right-width:2px;}
.sticky_horizontal { position: sticky; left: 0; background: #E8F2F8; z-index: 99 !important; outline: 1px solid #B1D1E5 !important; outline-offset: -1px; }
.cargo-table2 table { font-size: 14px !important; }
.cargo-table1 tr td:first-child { position: sticky; left: 0; background: #f9f9f9; z-index: 99 !important; outline: 1px solid #B1D1E5 !important; outline-offset: -1px; }
.cargo_sticky_horizontal tr th { z-index: 9 !important; }
.cargo_sticky_horizontal tr:first-child th:first-child { position: sticky; left: 0; background: #E8F2F8; z-index: 99 !important; outline: 1px solid #B1D1E5 !important; outline-offset: -1px; }
.cargo_sticky_horizontal tr:first-child th:nth-child(2) { position: sticky; left: 90px; background: #E8F2F8; z-index: 99 !important; outline: 1px solid #B1D1E5 !important; outline-offset: -1px; }
.cargo_sticky_horizontal tr td:first-child { position: sticky; left: 0; background: #f9f9f9; z-index: 99 !important; outline: 1px solid #B1D1E5 !important; outline-offset: -1px; }
.cargo_sticky_horizontal tr td:nth-child(2) { position: sticky; left: 90px; background: #f9f9f9; z-index: 99 !important; outline: 1px solid #B1D1E5 !important; outline-offset: -1px; }
.widget .table.rob-table{}
.widget .table.rob-table .heading{ background:#fAfAfA;}
.widget .table.rob-table .unit{ font-size:12px; font-weight:normal;}
.widget .table.rob-table .unit th{vertical-align:bottom;}
.widget .table.rob-table tfoot{ border-top: solid 2px #DDD; background:#f6f6f6; font-weight:bold;}
.widget .table.monthly-table .unit{ font-size:12px; font-weight:normal;}
.widget .table.monthly-table .unit th{vertical-align:bottom;}
.widget .table.monthly-table tfoot{ border-top: solid 2px #DDD; background:#f6f6f6; font-weight:bold;}
.widget .table.monthly-table .heading th{ text-align:left;}
.widget .table.monthly-table .body-top th{ text-align:center;}
.col-title{color:#000; border-right-width: 1px; border-right-style: solid; border-right-color:#CCC; background-color: #F7FECF;}
.cargo_report_page{}
.cargo_report_page .radio_label{ margin-top:2px;}
.cargo_report_page .show_block{ display:none; margin-top:-5px;}
.cargo_report_page hr{ margin:15px 0px 5px; border-top: 1px solid #d9d9d9;}
.cargo_report_page .row .row{ margin-bottom:0px;}
.cargo_report_page form .form-group>label{ padding-top:4px; line-height:16px; color:#000;}
.cargo_report_page .section-title{ margin:5px 0px 15px; padding-bottom:6px;}
.cargo_report_page .form-file-control{ margin-top:1px;}
.cargo_report_page .cargo_report{ border: none; margin: 0px; border-radius:4px; padding:10px 10px 0;}
.cargo_report h4 {margin-top: 0px !important;}
#cargo_65535 { display:none}
.cargo_report_page .btn-delete{ margin-left:15px; float:right; padding: 4px 5px; display:none;}
.cargo_report_page .alert-info { margin:0 -10px; padding:10px 10px 0px 10px;}
.alert-info .form-control {
-webkit-box-shadow: inset 0 1px 1px rgba(162, 205, 226, 0.5), 0px 1px 1px #A2CDE2;
-moz-box-shadow: inset 0 1px 1px rgba(162, 205, 226, 0.5), 0px 1px 1px #A2CDE2;
box-shadow: inset 0 1px 1px rgba(162, 205, 226, 0.5), 0px 1px 1px #A2CDE2; }
.crew-block{}
.crew-block .block-controls{ float:right; margin-top:12px;}
.crew-block .min{ display:none;}
.crew-block.block-minimized .max{display:none;}
.crew-block.block-minimized .min{display:block;}
.fixedhead2._scrolling._thead{ z-index:10;}
.table._scrolling._thead{ z-index:100;}
.umms .table .travelpo_row{position:relative; padding-right:26px; z-index:0;}
.umms .table .travelpo_row .po-btn{ position:absolute; right:5px; top:50%; margin-top:-10px; padding:4px 4px 3px;}
.umms .table .travelpo_row .po-btn .fa{font-size:11px;}
.po-list{}
.po-list table tr td{vertical-align:middle;}
.cargo-table{}
.cargo-table .form-control{padding:4px 4px; font-size:13px; height:26px; min-width:35px;}
.cargo-table textarea.form-control{ height:auto;}
.cargo-table .date-block{ width:85px;}
.sub-option{ font-size:12px; margin-left:10px;}
.nav-tabs>li.task>a,
.nav-tabs>li.task.active>a,
.nav-tabs>li.task.active>a:hover,
.nav-tabs>li.task.active>a:focus { color:#E29931;}
.task-list li.selected{ background-color:#fcf8e3;}
.task-list li .select-task{float:left; margin:4px 5px 0 -5px;}
.task-list li .task{ padding-left:20px;}
.task-top{ text-align:right; margin-bottom:15px;}
.task-top select{ width:200px; display:inline-block; margin-right:10px; vertical-align:top}
.task-top .btn{ font-size:14px;}
.userlist { padding:30px 0; line-height:22px;}
.userlist .col-md-3{ margin-bottom:5px;}
.userlist select{ width:300px; display:inline-block; margin-right:10px; vertical-align:top}
.userlist .btn{ font-size:14px;}
.nav-tabs>li.mess>a,
.nav-tabs>li.mess.active>a,
.nav-tabs>li.mess.active>a:hover,
.nav-tabs>li.mess.active>a:focus { color:#1C449B;}
.message-top{ text-align:right; margin-bottom:15px;}
.message-top .btn{}
.inbox-info-bar {padding: 10px 0; border-bottom: 1px solid #bfbfbf;}
.inbox-info-bar img {
width: 35px;
height: auto;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
margin-left: 2px;
border: 1px solid #CCC;}
.inbox-message { padding: 15px 4px; border-bottom: 1px solid #bfbfbf; }
.compose-btn{float:right; position:absolute; right:5px; top:-31px;}
.week-report .report_unit span{ width:70px;}
.week-report .help-text{ font-size:12px;}
.report-map1{ margin-top:-25px;}
input.file-control{ font-size:12px; max-width:180px;}
.table-form .form-control{ max-width:200px;}
.table-form .input-group{ max-width:200px;}
.Provision-form{}
.Provision-form hr{ border-width:2px; border-color:#3498db; margin:15px -20px 25px -20px;}
.Provision-form h4{ font-size:15px; margin:20px 0 20px 0;}
.white-box{ background-color:#FFF; border-radius:4px; padding:15px 15px 5px; margin-bottom:20px; border: 1px solid #DDD;
-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1); }
.table-provison{}
.table-provison .form-control{ max-width:250px;}
.table-provison textarea.form-control{ max-width:400px;}
.table-provison .unit{display:block;font-size:12px; font-weight:normal;}
.table-provison .select-item-block{}
.table-provison .select-item-block .sub-category{ margin-left:20px; max-width:230px; }
.table-provison .select-item-block .item-list{ margin-left:40px; max-width:210px; }
.append_provision_item td{ position:relative;}
.add_provision_item{ background:#f0f0f0;}
.delete_provision_item,
.add_provision_btn{ position:absolute; right:5px; top:10px;}
.append_provision_item td.last{ padding-right:35px;}
.clone_provision_item{ display:none;}
.provision_items .category{ font-size:16px; font-weight:bold;}
.provision_items .category td{ border-bottom: solid 2px #DDD; background-color:#DDD;}
.provision_items .sub-category td{ font-weight:bold; padding:6px; font-size:14px;}
.provision_items .selected td{ background-color:#d9edf7;}
.pre-loader{}
.manual_list{ float:left; width:240px; max-height:480px; overflow:auto; }
.manual_list ul,
.manual_list li{ margin:0; padding:0; list-style:none;}
.manual_list li{ position:relative; padding-left:15px;}
.manual_list li li:before{ content:''; position:absolute; left:4px; top:10px; border-left:1px dotted #666; height:100%; width:1px;}
.manual_list li:after{ content:''; position:absolute; left:10px; top:9px; border-top:1px dotted #666; height:1px; width:12px;}
.manual_list li li:first-child>i.icon:before{content:''; position:absolute; left:4px; top:-12px; border-left:1px dotted #666; height:17px; width:1px;}
.manual_list li li:last-child:before{ display:none;}
.manual_list li li.no-menu:after{ left:6px;}
.manual_list li ul{ padding-left:1px; margin-bottom:0px;}
.manual_list li ul ul{ display:none; padding-top:2px; }
/*.manual_list li i{ color:#428BCA; font-size:12px;}
.manual_list li.active>i:before { content: "\f147"; }*/
.manual_list li i.icon{background:url(images/plus-minus.png) no-repeat; height:9px; width:9px; position:absolute; left:0px; top:5px;}
.manual_list li.active>i.icon{ background-position: left bottom;}
.manual_list li.no-menu>i{ background:none;}
.manual_list li a{ color:#000; margin-bottom:6px; line-height:17px; padding-bottom:1px; padding-left:4px; display:inline-block; text-decoration:none;}
.manual_list li a.opened,
.manual_list li a:hover{color:#428BCA;}
.manual_content{ border-left:solid 2px #DDD; height:500px; overflow:auto; margin-left:250px; padding:25px 20px 15px; margin-top:-10px;}
table.table-bordered tbody tr td{ vertical-align:middle;}
.table-title{ font-size:16px; color:#217DBB; font-weight:bold; margin:5px 0; text-align:left;}
.table thead tr th.suppliercolor1, .suppliercolor1{ background-color:#FDEAD8; border-color:#FADCC0;}
.table tbody tr td.suppliercolor1{ background-color:#FFF8F2; border-color:#FADCC0;}
.table thead tr th.suppliercolor2, .suppliercolor2{ background-color:#CAEBFC; border-color:#A5CEE2;}
.table tbody tr td.suppliercolor2{ background-color:#E7F5FC; border-color:#A5CEE2;}
.table thead tr th.suppliercolor3, .suppliercolor3{ background-color:#C1FAD0; border-color:#A7EFBA;}
.table tbody tr td.suppliercolor3{ background-color:#E5FCEB; border-color:#A7EFBA;}
.table thead tr th.suppliercolor4, .suppliercolor4{ background-color:#D1C4E9; border-color:#B39DDB;}
.table tbody tr td.suppliercolor4{ background-color:#EDE7F6; border-color:#B39DDB}
.table thead tr th.suppliercolor5, .suppliercolor5{ background-color:#F8BBD0; border-color:#F48FB1;}
.table tbody tr td.suppliercolor5{ background-color:#FCE4EC; border-color:#F48FB1}
.table thead tr th.suppliercolor6, .suppliercolor6{ background-color:#B2DFDB; border-color:#80CBC4;}
.table tbody tr td.suppliercolor6{ background-color:#E0F2F1; border-color:#80CBC4}
.table thead tr th.suppliercolor7, .suppliercolor7{ background-color:#E6EE9C; border-color:#D4E157;}
.table tbody tr td.suppliercolor7{ background-color:#F0F4C3; border-color:#D4E157}
.table thead tr th.suppliercolor8, .suppliercolor8{ background-color:#FFF59D; border-color:#FFF176;}
.table tbody tr td.suppliercolor8{ background-color:#FFF9C4; border-color:#FFF176}
.table thead tr th.suppliercolor9, .suppliercolor9{ background-color:#C8E6C9; border-color:#A5D6A7;}
.table tbody tr td.suppliercolor9{ background-color:#E8F5E9; border-color:#A5D6A7}
.table thead tr th.suppliercolor10, .suppliercolor10{ background-color:#D7CCC8; border-color:#BCAAA4;}
.table tbody tr td.suppliercolor10{ background-color:#EFEBE9; border-color:#BCAAA4}
.table .blur-cell {background-color:#F2F2F2;color:#BEBEBE;}
.table .highlight-cell .font{ color:#BEBEBE!important}
.table .highlight-cell {background-color:#428BCA;color:#fff;}
.table .highlight-cell .font{ color:#FFF!important}
.dispenstion-textarea{ width:80%;}
.dispenstion-textarea .form-group>label{ float:none; width:80%;}
.dispenstion-textarea .form-group .iconed-input{ margin-left:0;}
i.reason-files{}
.reason-files h5{color:#217DBB;}
.reason-files .file-type{ display:inline-block; margin-left:10px; display:none;}
.sub-heading{ font-size:13px;}
.iconed-input .ajax-file-upload{ color:#000; font-size:inherit;}
.iconed-input .upload-image{max-width:500px; border-color:#2980B9;}
.iconed-input .upload-image .btn-remove{ float:right; font-size:14px;}
.open_acc:hover{ text-decoration:none;}
.ctmCurrency{ display:block;}
.ctmCurrency span{ display:inline-block;}
.ctmCurrency .type{ width:40px;}
.ctmCurrency .multiply{ width:40px;}
.ctmCurrency .no{ width:100px;}
.ctmCurrency .equal{ float:right;}
.amount_field{ position:relative; padding-right:30px;}
.amount_field .btn-action{ position:absolute; top:4px; right:-3px;}
.risk_1,
.risk_2,
.risk_3 {background-color: #35A535;}
.risk_4,
.risk_5,
.risk_6 {background-color:#3a87ad;}
.risk_8,
.risk_9,
.risk_10,
.risk_12,
.risk_15,
.risk_16,
.risk_20 {background-color:#b94a48;}
.page-header .menu-toggler{ padding: 13px 20px; color:#FFF; border-left:1px solid #648d1e;}
.table-edit-provision{}
.table-edit-provision input{}
.requisition-options>div{ display:none;}
.requisition-top{}
.requisition-top .value{display:none; margin-top:8px;}
.requisition-top .radio-value{ margin-left:1px;}
.compare-table table{ min-width:1500px; overflow:auto;}
.modal-header{ background-color:#3276b1; border-radius:5px 5px 0 0; color:#FFF; padding:10px 15px;}
.modal-header button.close{ color:#FFF; text-shadow:none; opacity:.5; margin-top:4px;}
.pur-order-view{}
.pur-order-view .box{ min-width:600px; margin-top:5px; padding:5px 15px 5px 0; border-right: solid 1px #CCC;}
.pur-order-view td:last-child .box{ padding-right:0; border:none;}
.pur-order-view .form-group{ margin-bottom:5px;}
.pur-order-view .form-group label{ float:left; width:100px; margin-bottom:0;}
.pur-order-view .form-group .iconed-input{ margin-left:100px;}
.top-home-btn{ position:absolute; top:70px; right:30px;}
.owner-dashboard .widgetlist{float:left; width:540px; margin:0 -20px;}
.owner-dashboard .widget-icon{float:left; margin:0 20px 40px; border-radius: 5px; background: #1abc9c; border:solid 1px #12967c;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.owner-dashboard .widget-icon > a{height:140px; color:#FFF; border:none;
border-radius: 5px;
background: rgba(59,59,59,0);
background: -moz-linear-gradient(top, rgba(59,59,59,0) 0%, rgba(0,0,0,0.22) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,59,22,0)), color-stop(100%, rgba(0,0,0,0.50)));
background: -webkit-linear-gradient(top, rgba(59,59,59,0) 0%, rgba(0,0,0,0.22) 100%);
background: -o-linear-gradient(top, rgba(59,59,59,0) 0%, rgba(0,0,0,0.22) 100%);
background: -ms-linear-gradient(top, rgba(59,59,59,0) 0%, rgba(0,0,0,0.22) 100%);
background: linear-gradient(to bottom, rgba(59,59,59,0) 0%, rgba(0,0,0,0.20) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000', GradientType=0 );}
.owner-dashboard .widget-icon:hover{background:#3d3d3d!important; border-color:#000!important;}
.owner-dashboard .widget-icon:hover > a{
background: rgba(59,59,59,0);
background: -moz-linear-gradient(top, rgba(59,59,59,0) 0%, rgba(0,0,0,0.22) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,59,59,0)), color-stop(100%, rgba(0,0,0,0.50)));
background: -webkit-linear-gradient(top, rgba(59,59,59,0) 0%, rgba(0,0,0,0.50) 100%);
background: -o-linear-gradient(top, rgba(59,59,59,0) 0%, rgba(0,0,0,0.22) 100%);
background: -ms-linear-gradient(top, rgba(59,59,59,0) 0%, rgba(0,0,0,0.22) 100%);
background: linear-gradient(to bottom, rgba(59,59,59,0) 0%, rgba(0,0,0,0.22) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000', GradientType=0 ); }
.owner-dashboard .widget-icon.color1{ background:#1abc9c; border-color:#12967c;}
.owner-dashboard .widget-icon.color2{ background:#9f5bbb; border-color:#8642a1;}
.owner-dashboard .widget-icon.color3{ background:#f1c30f; border-color:#dca308;}
.owner-dashboard .widget-icon.color4{ background:#e84f3f; border-color:#d03626;}
.owner-dashboard .widget-icon.color5{ background:#369adc; border-color:#1474b3;}
.owner-dashboard .widget-icon.color6{ background:#32d175; border-color:#139b4d;}
.owner-dashboard .widget-icon.color7{ background:#9f5bbb; border-color:#8642a1;}
.owner-dashboard .widget-icon.color8{ background:#e57d21; border-color:#c1630f;}
.owner-dashboard .widget-icon.color9{ background:#bf1e4b; border-color:#950d33;}
.owner-dashboard .map{ margin-left:550px;}
.owner-dashboard .notification-icon{ }
.owner-dashboard .notification-icon > a{ display:block; position:absolute; top:60px; right:30px; height:40px; width:40px; padding-top:10px; font-size:18px; background:#7EA935; border: solid 1px #648D1E; border-radius:50%; color:#FFF; z-index:900; text-align:center;
-webkit-box-shadow:0px 0px 12px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0px 0px 12px 2px rgba(0, 0, 0, 0.4);
box-shadow:0px 0px 12px 2px rgba(0, 0, 0, 0.4);}
.owner-dashboard .notification-icon > a:hover{ background-color:#688E28;}
/*-- 1.4 Right Bar / .right-aside --*/
.right-aside { width:300px; background-color:#f5f5f5; position:fixed; height:100%; visibility:hidden; top:51px; z-index:1000; right:-300px;
-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.right-aside .aside-branding { height:50px; background-color:#2D93D7;
background-color:#3498db; color:#fff; border-bottom:1px solid #196090; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#3498db), to(#258cd1)); background-image:-webkit-linear-gradient(top, #3498db, 0%, #258cd1, 100%); background-image:-moz-linear-gradient(top, #3498db 0%, #258cd1 100%); background-image:linear-gradient(to bottom, #3498db 0%, #258cd1 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db', endColorstr='#ff258cd1', GradientType=0)}
.right-aside .aside-branding .rightbar-action { position: absolute; right: 12px; top: 9px; cursor:pointer; background-color: rgba(0, 0, 0, 0.1); width: 32px; height: 32px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;}
.right-aside .aside-branding .rightbar-action:hover { background-color: rgba(0, 0, 0, 0.2); }
.right-aside .aside-branding .rightbar-action i { display: block; text-align: center; position: relative; font-size: 14px; line-height: 31px; color: #fff; }
.right-aside.rightbar-show {visibility: visible; right:0;}
.aside-tab { position: relative; height: 50px; }
.aside-tab .nav-tabs { border-bottom: 0px; }
.aside-tab li a {height:50px; width: 50px; border: 0px; padding:20px 0px 0; margin-right:0px; text-align:center; font-size:20px; color:#ffffff;
cursor:pointer!important;
border-radius: 0px;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;}
.aside-tab li a:focus,
.aside-tab li a:hover {color: #f5f5f5; border: 0px; background-color: transparent;}
.aside-tab li.active a {cursor:pointer; border: 0px; border-radius: 0px; background-color:#f5f5f5; }
.aside-tab li.active a:focus,
.aside-tab li.active a:hover {border:0px; color:#2D93D7;}
.aside-notifications .alert-bubble {background-color:#E29931; display:inline-block; color:#fff; line-height:normal; font-size:10px; position:absolute; padding:3px 4px; right:10px; top:8px; font-weight:500; border-radius:50%;}
.aside-notifications-wrap h4 { font-size: 14px; font-weight: 500; padding: 15px; margin: 0px; border-bottom: #eee 1px solid; }
.right-aside .tab-content{ border:none; margin:0;}
.aside-notifications-wrap { overflow-y:auto; }
.aside-notifications-wrap .message-wrap > ul { list-style: none; padding:0px; }
.aside-notifications-wrap .message-wrap > ul > li { border-bottom:#eee 1px solid; background:#f9f9f9; }
.aside-notifications-wrap .message-wrap > ul > li > a { display:block; font-size: 12px; color: #444444; text-decoration: none; padding: 8px;}
.aside-notifications-wrap .message-wrap > ul > li > a:hover { text-decoration:none; color: #2980b9;}
.aside-notifications-wrap .message-wrap > ul > li:hover,
.aside-notifications-wrap .message-wrap > ul > li:active,
.aside-notifications-wrap .message-wrap > ul > li:focus { background: #fff;text-decoration: none;}
.message-meta { font-weight:600; font-style: italic; font-size: 12px; }
.message-time { display: block; color: #999999;}
.owner-dashboard{}
.section-control{font-size:14px; line-height:20px; display:inline-block; color:#2D93D7; background:#196090; height:20px; width:20px; border-radius:50%; text-align:center;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
-webkit-transition:all all 0.3s ease ease-out;
-moz-transition:all all 0.3s ease ease-out;
-o-transition:all all 0.3s ease ease-out;
transition:all all 0.3s ease ease-out;
text-decoration:none!important;
outline:0 !important}
.section-control:hover,
.section-control:focus{text-decoration:none !important; color:#fff; outline:0 !important }
.section-control i{ margin-right:0!important; padding-top:3px;}
.section-control .box-min{ display:none;}
.jqBox .section-control .box-min,
.jqBox.widget-minimized .section-control .box-max{ display:block;}
.jqBox .section-control .box-max,
.jqBox.widget-minimized .section-control .box-min{ display:none;}
.owner-dashboard #map-canvas{
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.umms .owner-dashboard .widget{ margin-bottom:20px;}
.accountcode-list{ background-color:#FFFF; font-size:13px; padding:10px 45px 20px 15px;}
.accountcode-list .form-group>label{ width:260px; padding-top:3px; font-weight:normal;}
.accountcode-list .form-group .iconed-input{margin-left:260px; max-width:160px;}
.accountcode-list .form-control{padding:3px 6px; height:28px;}
.accountcode-list .table tr td:last-child{vertical-align:top;}
.accountcode-list .table td .input-group{ max-width:200px; float:right; margin-bottom:5px;}
.accountcode-list ul.item-list{display:block; margin:15px 0 0 45px;}
.accountcode-list ul.item-list.amount { margin-left:30px; margin-top:5px;}
.accountcode-list ul.item-list li { margin-bottom:5px;}
.accountcode-list ul.item-list li .field{float:left; width:65%; font-weight:bold;}
.accountcode-list ul.item-list li .valve{float:right; width:15%;}
.accountcode-list ul.item-list li .btn{float:right; margin-top:0; margin-left:10px; padding:4px 7px;}
.accountcode-list ul.item-list .input-group{ max-width:160px;}
.accountcode-list ul.item-list .form-control{ height:26px; padding:2px 4px; font-size:12px;}
.accountcode-list ul.item-list .input-group-addon{padding:1px 6px; font-size:12px;}
.accountcode-list .table td .btn-item{ margin:0 0 5px 0px; font-size:12px; padding: 2px 4px;}
.accountcode-list .table td .btn-item .fa{font-size:11px; width:11px; }
.accountcode-list .table td > div.code{ margin-bottom:5px;}
.accountcode-checkbox{ margin-left:15px;}
.group-field{ width:200px; text-align:center;}
.group-field .input{ display:none;}
.group-field span{display:inline-block;}
.group-field span.qty{ width:50px; text-align:right;}
.group-field span.unit{width:20px; text-align:left; font-weight:bold;}
.group-field span.input{width:100px;}
.group-field span.input input{width:80px; height:28px; padding:3px 6px; display:inline-block;}
ul.graph-list > li{padding-right:5px; padding-left:5px;}
.voyage-data{}
.voyage-data h3.section-title{ font-size:20px;}
.voyage-data .right-check{ float:right;}
.voyage-data .data-list,
.voyage-data .data-list ul{ padding:0; margin:0; list-style:none;}
.voyage-data .data-list > li{ }
.voyage-data .data-list .sub-data{}
.voyage-data .data-list h4{ margin:3px 0 5px; font-size: 16px; font-weight: bold; color:#217DBB;}
.voyage-data .data-list h5{ margin:3px 0 5px; font-size: 14px; font-weight: bold; color:#217DBB;}
.voyage-data .data-list .sub-data ul {display:none1; padding-left:0px;}
.voyage-data .data-list .sub-data label{ margin-bottom:0;}
.voyage-data .data-list .clearfix{ height:10px;}
.msa-table { background-color:#FFF; border: solid 1px #B1D1E5;}
.msa-table .msa-tr > td{ padding:0; border:none;}
.msa-table .table .code-list td { vertical-align:top;}
.msa-table .btn-item{ margin:0 0 5px 0px; font-size:12px; padding: 2px 4px; float:right;}
.msa-table .btn-item .fa{font-size:11px; width:11px; }
tr a.btn-img{height:21px; width:25px; padding:1px 0 0;}
.table-scroll{position:relative;padding-left:500px; padding-top:40px;}
.table-scroll .box{width:100%; overflow:hidden;}
.table-scroll tr{position:relative;}
.table-scroll tr td,
.table-scroll tr th{width:100px;}
.table-scroll .fix-table{position:absolute; left:0; width:500px;}
.table-scroll .box-scroll{}
.table-scroll .box-scroll table{width:2000px;
transition: all 200ms ease;}
.widget-content .owl-controls{ position:absolute; left:0; top:7px; overflow:hidden; height:30px; width:100%; margin-top:0px;}
.widget-content .owl-controls .owl-next,
.widget-content .owl-controls .owl-prev{display:block; cursor:pointer; text-align:center;}
.widget-content .owl-controls .owl-next{ float:right}
.widget-content .owl-controls .owl-prev{float:left;}
.widget-content .owl-controls .owl-next:hover .btn,
.widget-content .owl-controls .owl-prev:hover .btn{}
.table-form2{}
.table-form2 .form-control{padding:4px 4px; font-size:13px; height:26px;}
.nav-tabs{ position:relative; z-index:10;}
.nav-tabs>li>a{ font-size:15px;}
.tab-pane .buttons{ margin-top:20px;}
@media (max-width: 991px) {
body{ font-size:13px;}
.google-chart{padding:10px 0!important;}
.google-chart #chart_div{ width:85%!important;}
#gauge_arrival_t1, #gauge_noon_t1, #gauge_port_t1, #gauge_departure_t1, #gauge_monthend_t1,
#gauge_arrival_t2, #gauge_noon_t2, #gauge_port_t2, #gauge_departure_t2, #gauge_monthend_t2{ height:70px!important;}
.scrolling_inner{ overflow-x: auto!important;}
.scrolling_outer ._thead{display:none!important;}
.filter_account_head{ width:450px!important;}
.w500 { width: 420px!important; }
.reportForm .widget-content table[cellpadding="3"]{ width:450px;}
.reportForm .form-group td[width="40%"],
.reportForm .widget-content td[width="19.5%"]{width:160px;}
.reportsearch { }
.reportsearch tr{ display:block;}
.reportsearch .td6{ display:block; float:left; width:100%;}
.reportsearch .td1,
.reportsearch .td4,
.reportsearch .td7{ width:120px;}
.reportsearch .td10 { width:50%; text-align:right;}
.reportsearch .td10 button{ }
.reportsearch .td4{ padding-left:20px;}
.bunkersearch { }
.bunkersearch tr{ display:block;}
.bunkersearch .td6{ display:none;}
.bunkersearch .td4,
.bunkersearch .td7{ width:120px;}
.bunkersearch .td9{ display:block; float:left; width:100%;}
.bunkersearch .td10 { display:block; width:100%; text-align:right;}
.bunkersearch .td10 button{ }
.bunkersearch .td7{ padding-left:20px;}
.surveySearch {}
.surveySearch tr{ display:block;}
.surveySearch .td6{ display:block; float:left; width:100%;}
.surveySearch .td1,
.surveySearch .td4,
.surveySearch .td7{ width:110px;}
.surveySearch .td9 { width:50%; text-align:right;}
.surveySearch .td9 button{}
.surveySearch .td4{ padding-left:20px;}
.pmdsearch{}
.pmdsearch thead{ display:none;}
.umms .pmdsearch tbody tr td{float:left; width:50%; border-top:none; min-height: 70px;}
.umms .pmdsearch tbody tr td.td5{ width:100%;}
.umms .pmdsearch tbody tr td.td9{ margin-top:17px; text-align:right;}
.pmdsearch td:before{ content:'Search For'; font-weight:bold; display:block; margin-bottom:4px; font-size:14px;}
.pmdsearch .td1:before{content:'Search For'; }
.pmdsearch .td2:before{content:'Status'; }
.pmdsearch .td3:before{content:'Supplier'; }
.pmdsearch .td4:before{content:'Vessel Name'; }
.pmdsearch .td5:before{content:'Account Code and Head'; }
.pmdsearch .td6:before{content:'Date From'; }
.pmdsearch .td7:before{content:'Date To'; }
.pmdsearch .td8:before{content:'PO/Invoice Number'; }
.pmdsearch .td9:before{content:'';}
.umms.withoutbar .main-content{padding-top: 70px;}
.side.horizontal-menu.verticalsub-menu{ min-height:100%; right:0; top:0px;}
.horizontal-menu .sidebar-wrapper{ width:200px; left:inherit; right:-200px; height:100%; overflow:auto;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;}
.horizontal-menu .sidebar-wrapper.showMenu{right:0px;}
.horizontal-menu .sidebar-wrapper ul{ margin:0; padding:0;}
.horizontal-menu .sidebar-wrapper ul>li{ display:block; border:none; position:inherit;}
.horizontal-menu .sidebar-wrapper>ul>li>a{ border:none; display:block; width:auto; text-align:left; padding:5px 16px 5px; height:auto; color:#FFF; font-size:12px; text-decoration:none!important;}
.horizontal-menu .sidebar-wrapper>ul>li>a>i{ line-height:22px; font-size:18px; position:absolute; left:10px; top:9px;}
.horizontal-menu .sidebar-wrapper>ul>li>a>img{height:16px; margin:0; position:absolute; left:10px; top:9px;}
.horizontal-menu .sidebar-wrapper>ul>li>a>span{display:block; padding-left:60px; font-weight:bold;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu{ position:inherit;background:none; border-radius:0px; width:200px; min-width:200px; margin:0; display:block!important;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:none;
height: 0;
overflow-y: hidden;
-webkit-transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu li{position:inherit!important; width:auto; margin-bottom: 0px;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu a{ width:auto; border-radius:0px!important; margin-bottom:-1px!important;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu li.open>a>.fa-caret-right:before { content: "\f0d7";}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu .lavel2{display:block!important; top:inherit; left:inherit;}
.verticalsub-menu .sidebar-wrapper>ul>li .submenu .lavel2 li a{ padding-left:25px;}
.verticalsub-menu .sidebar-wrapper>ul li.open>.submenu{opacity:1; height:auto;}
.page-header .vessel-toggler{ float:left; font-size:24px; color:#405F0A; padding:10px 15px;}
.rightbar{top:42px; right:-200px;
-webkit-transition: right 0.5s ease-in-out;
-moz-transition: right 0.5s ease-in-out;
-o-transition: right 0.5s ease-in-out;
transition: right 0.5s ease-in-out;}
.rightbar.showbar{right:0px;}
.umms-content .with-vessel-list{ margin-right:0px;}
}
@media (max-width: 767px) {
.left-menu .main-content { left:0px; }
.umms.withoutbar .main-content{ padding-left:15px;}
.page-header .header-links{ float:right; margin-bottom:0;}
.page-header .header-links>a{ display:block!important; border-left: 1px solid #648d1e; text-decoration:none!important;}
.page-header .header-links>a i{display:block;}
.page-header .header-links .head-text{display:none;}
.page-header .header-links .user-dd a.header-link{ min-width:40px;}
.page-header .header-links .user-dd .avatar{margin-right:5px;}
.page-header .header-links .user-dd .user-name-w{ padding-top:8px;}
.page-header h1{font-size:20px; padding-left:10px;}
.activity-list li{ position:relative; min-height:50px;}
.activity-list .notice{margin-right:100px; width:auto; float:none; padding:0 0 0 10px;}
.activity-list .notice.name{ font-weight:bold; font-style:italic;}
.activity-list .check-box{position:absolute; right:0; top:6px; width:100px; text-align:right; padding:0;}
.activity-list .date{ position:absolute; right:0; bottom:6px; width:100px; text-align:right; padding:0;}
.activity-list .top { min-height:30px;}
.activity-list .top .check-box { text-align:left;}
.activity-list .top .check-box span{ display:block; width:150px; margin-left:-17px;}
#message .activity-list .top .check-box span {margin-left:-33px;}
.activity-list .top .check-box input{ position:absolute; right:0; top:0;}
.activity-list .top .notice,
.activity-list .top .date{ display:none;}
.modal-dialog.modal-lg{ max-width:90%; margin:10px auto;}
.activity-list .bottom .check-box { text-align:right; width:100%; left:0; right:0;}
.compose-btn{ padding:4px 8px; font-size:13px; margin:0px 36px -20px 0; position:relative; z-index:200; float:none;}
.umms .pmdsearch tbody tr td { width: 100%; }
.page-header h1{font-size:16px; padding-left:5px; display:none;}
}
@media (max-width: 500px) {
.page-header .menu-toggler{ padding: 13px 10px;}
.page-header .header-links .user-dd a.header-link{padding:10px 8px 5px; margin:0;}
#notification_container .header-link{ padding: 10px 7px;}
.alert-animated{ margin-left:0;}
.umms.withoutbar .main-content{ padding-left:5px; padding-right:5px;}
.umms .widget .widget-content { padding:15px 10px 10px;}
.page-header h1{font-size:16px; padding-left:5px; display:none;}
}
.word-wrap{ word-wrap: break-word; }
.form-group .rank {font-size:12px; color: #217DBB; font-weight: bold;}
.rightbar{right:-200px;
-webkit-transition: right 0.5s ease-in-out;
-moz-transition: right 0.5s ease-in-out;
-o-transition: right 0.5s ease-in-out;
transition: right 0.5s ease-in-out;}
body.show-vessel-list .rightbar{right:0px;}
.vessel-list-toggler { padding:0px 50px 0px 10px; text-align:left; margin:0px; width:125px; height:40px; background:#273849; z-index:15; position: fixed; right:0px; top:50%; margin-top:-100px; color:#FFF;
border-radius: 5px 5px 0px 0px;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform-origin: bottom right;
-webkit-transition: right 0.5s ease-in-out;
-moz-transition: right 0.5s ease-in-out;
-o-transition: right 0.5s ease-in-out;
transition: right 0.5s ease-in-out;}
.vessel-list-toggler:hover,
.vessel-list-toggler:focus{color:#e0f1f9; text-decoration:none !important;}
body.show-vessel-list .vessel-list-toggler{right:199px;}
.vessel-list-toggler .fa { display: inline-block; padding: 5px; vertical-align: top; margin-top: 6px; font-size: 18px; }
.vessel-list-toggler .fa.fa-angle-double-down{ display:none;}
body.show-vessel-list .vessel-list-toggler .fa.fa-angle-double-down{ display:inline-block;}
body.show-vessel-list .vessel-list-toggler .fa.fa-angle-double-up{ display:none;}
.vessel-list-toggler span.info {display:inline-block; line-height:40px; font-size:16px;}
.vessel-list-toggler span.img{position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-color:#fff; border-radius: 4px 0 0 0;
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
-webkit-transform:rotate(90deg);}
.vessel-list-toggler span.img img{padding:2px;}
.umms-content .with-vessel-list {margin-right:0px; padding-right: 50px; }
body.show-vessel-list .umms-content .with-vessel-list {margin-right: 190px; padding-right:60px; }
.search-table{margin:7px 0 10px}
.search-table td{padding-right:20px}
.search-table td.button{padding-right:0; text-align:right;}
.search-table td.td-label{ padding-right:5px; }
.search-table td.td-label label{ margin-bottom:0; }
.search-table td.checkbox{padding-top:7px;}
.search-table.unpaid-amount{margin:0;}
.search-table.unpaid-amount .button,
.search-table.unpaid-amount .td-toggle{padding-right:10px; text-align:right;}
.search-table.unpaid-amount td{padding-right:10px;}
.search-table.unpaid-amount td select.form-control{max-width:180px;}
.search-table.unpaid-amount td .input-group{max-width:180px;}
.search-table.unpaid-amount td.td-checkbox{padding-top:7px; text-align: center;}
.search-table.unpaid-amount td.td-checkbox input{margin-right:5px;}
/*Search Table (lable next line)*/
.search-table1{margin:7px 0 10px}
.search-table1 td{padding-right:20px; width:200px;}
.search-table1 td.button{padding-right:0; padding-top:25px; text-align:right; width:auto;}
.search-table1 td label{ margin-bottom:5px; display:block;text-align: center;}
.claim_invoice_amounts{display:block; width:130px; font-weight: bold; font-size: 12px;}
.claim_invoice_amounts span{display:block;}
.turtle-diagram-box{width:890px; height:540px; margin:30px auto; position:relative;}
.turtle-diagram-box .turtle{height:230px; width:320px; position:absolute; top:50%; left:50%; margin:-115px 0 0 -160px;}
.turtle-diagram-box .popover{display:block; width:280px; z-index:10;}
.turtle-diagram-box .popover .popover-content{font-size:12px; height:113px; padding:5px 10px; overflow:auto;}
.turtle-diagram-box .popover p{margin:0;}
.turtle-diagram-box .popover .popover-title{font-weight:bold;}
.turtle-diagram-box .popover.tl{left:100px;}
.turtle-diagram-box .popover.tl .arrow{left:80%;}
.turtle-diagram-box .popover.tr{left:inherit; right:170px; top:10px;}
.turtle-diagram-box .popover.tr .arrow{left:15%;}
.turtle-diagram-box .popover.r{left:inherit; right:0px; top:185px;}
.turtle-diagram-box .popover.br{left:inherit; top:inherit; right:170px; bottom:0px;}
.turtle-diagram-box .popover.br .arrow{left:15%;}
.turtle-diagram-box .popover.bl{top:inherit; left:100px; bottom:5px;}
.turtle-diagram-box .popover.bl .arrow{left:80%;}
.turtle-diagram-box .popover.l{left:10px; top:185px;}
.turtle-diagram-box .turtle h3{position:absolute; display:table; top:10px; left:13px; width:200px; height:150px; color:#FFF; text-transform:uppercase; font-size:18px; font-weight:bold; line-height:1.3em;}
.turtle-diagram-box .turtle h3 span{display: table-cell; vertical-align: middle; text-align:center;}
.turtle-btns{position:absolute; top:10px; right:10px;}
.tdtextfield {width:200px; display:inline-block; height:28px; padding:2px 8px; font-size:13px; margin-right:15px; margin-left:15px;}
.tdtextfield.w100 {width:100px;}
.tdtextfield1 {display:inline-block; height:28px; padding:2px 4px; font-size:13px; margin:0;}
.table-info{display:block; margin-top:0px; color:#88909B; font-weight:300; font-size:11px;}
.blue-box{background-color:rgba(13, 69, 115, 0.99); border-radius:4px; color:#FFF; padding:14px; margin-bottom:20px;}
.blue-box.left{min-height:64px;}
.blue-box .btn-br{border:solid 1px #FFF; color:#FFF;}
.blue-box .btn-br:hover{color:#FFF; background-color:#000;}
.widget-controls .btn{color:#FFF; border:1px solid #FFF; font-size:12px; padding:3px 8px; margin-top:-3px; margin-right:-5px;}
.widget-controls .btn i{margin-right:2px;}
.message-modal .modal-content{color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6;padding:10px; }
.message-modal .modal-content .modal-body{padding:8px 10px 8px 35px; background:url(images/icon-success.svg) left center no-repeat; background-size:28px 28px; min-height:30px;}
.message-modal.error-modal .modal-content{color:#a94442; background-color:#f7cabe; border-color:#ebccd1;}
.message-modal.error-modal .modal-content .modal-body{background-image:url(images/icon-error.svg);}
.message-modal.warning-modal .modal-content{background:#fffceb; color: #e28327; border-color: rgba(226,131,39,.3);}
.message-modal.warning-modal .modal-content .modal-body{background-image:url(images/icon-warning.svg);}
.message-modal.info-modal .modal-content{color:#31708f; background-color:#d9edf7; border-color:#bce8f1;}
.message-modal.info-modal .modal-content .modal-body{background-image:url(images/icon-info.svg);}
.alert-warning1{ background-color: #F5AF65; border-color: #C00; color: #FFF; border-top: 1px solid #E41B1B;}
.alert-warning1 a{ color:#C00;}
.swal-overlay--show-modal .swal-modal{padding-bottom:20px;}
.swal-modal .swal-title{ color:#000; margin-bottom:20px; font-weight:normal;}
.swal-modal .swal-subtitle { color:#000; font-size: 14px; padding: 0 15px;}
/*Data Table*/
.dataTables_wrapper{margin:10px 0 30px; position: relative; }
.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td{padding:4px 6px;}
.dataTables_wrapper table.dataTable thead th{padding:4px 16px 4px 6px;}
.dataTables_wrapper table.dataTable thead .sorting{background:url(images/sort_both.png) right center no-repeat;}
.dataTables_wrapper table.dataTable thead .sorting_asc{background:url(images/sort_asc.png) right center no-repeat;}
.dataTables_wrapper table.dataTable thead .sorting_desc{background:url(images/sort_desc.png) right center no-repeat;}
.dataTables_info,
.dataTables_length,
.dt-buttons { display: inline-block; padding-top:18px; }
.dataTables_info{ position:absolute; left:0; width:100%; text-align:center;}
.dataTables_length,
.dataTables_paginate{position:relative; z-index:10;}
.dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 15px; }
.dataTables_wrapper .dataTables_paginate .paginate_button { display: inline-block; min-width: 1.5em; padding: 3px 9px; margin-left: 2px; text-align: center; text-decoration: none; cursor: pointer; color: #000; border: 1px solid transparent; border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff; border: 1px solid #428bca; background-color: #428bca; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { cursor: not-allowed; color: #67757c; border: 1px solid transparent; background: 0 0;
-webkit-box-shadow: none;
box-shadow: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #fff; border: 1px solid #428bca; background-color: #428bca; }
.dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: 0; background-color: #67757c; }
.dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; }
.dataTables_wrapper .top{overflow: hidden;}
.dataTables_wrapper .dataTables_filter{float:right; margin-bottom:10px;}
.dataTables_wrapper .dataTables_filter label input{width:150px; padding:3px 5px; height:30px; border: 1px solid #ccc; border-radius: 4px;}
.dataTables_wrapper .dataTables_length select{padding:3px 5px; height:30px; border: 1px solid #ccc; border-radius: 4px;}
.sm-field label{width:40px; float:left; padding-top:7px;}
.sm-field input.form-control{margin-left:50px; width:70px;}
.toggle-list{}
.toggle-list a{display:inline-block; margin:0 5px; cursor: pointer;}
.toggle-list a.active{font-weight: bold;}
.user-add-page .tab-pane,
.site-tab .tab-pane{padding:10px;}
.user-add-page .tab-bottom{margin-top:30px;}
.icon-list{ margin-left:-7px; margin-right:-7px; padding:0; list-style:none;}
.icon-list li{padding-left:7px; padding-right:7px; margin-bottom:10px;width:20%;}
.icon-list li label{display:block; /*background:#FFF; border:solid 1px #efefef;*/ border-radius:6px; padding:6px 6px 6px 10px; position:relative; height:54px; cursor:pointer; background: #314457; color: #fff;}
.unit_block .icon-list li label{display:block; border:solid 1px #efefef; border-radius:6px; padding:6px 6px 6px 60px; position:relative; height:54px; cursor:pointer; background: #0480be;}
.unit_block .icon-list li label.inactive_vessel{display:block; border:solid 1px #efefef; border-radius:6px; padding:6px 6px 6px 60px; position:relative; height:54px; cursor:pointer; background: #e4e4e4; color: #7c7d7e;}
.unit_block .icon-list li label.expected_vessel{display:block; border:solid 1px #efefef; border-radius:6px; padding:6px 6px 6px 60px; position:relative; height:54px; cursor:pointer; background: #35a535;}
/*.icon-list li label img{ width:44px; position:absolute; left:6px; top:5px;}*/
.icon-list li label img {width: auto; height: 35px;}
.icon-list li label .role-image {display:inline-block;}
.icon-list li label.checkb_label img{ width:44px; position:absolute; left:6px; top:10px; height:30px;}
.icon-list li label img.default-vessel{ width:44px; position:absolute; left:6px; top:10px;}
.icon-list li input{display:none;}
.icon-list li input:checked + label{ background:url("images/green-tick.png") #0480be no-repeat 90% 15px; color:#FFF;}
.checkb_label_ { background: #0480be !important;color: #FFF;width: 50px;padding:5px;border-radius: 5px;height: 30px;text-align: center;}
.checkb_label_inactive_vessel {background: #e4e4e4 !important;color: #000;width: 50px;padding:5px;border-radius: 5px;height: 30px;text-align: center;}
.checkb_label_expected_vessel {background: #35a535 !important;color: #FFF;width: 50px;padding:5px;border-radius: 5px;height: 30px;text-align: center;}
.unit_block .icon-list li input:checked + label.inactive_vessel{ background:url("images/green-tick.png") #e4e4e4 no-repeat 90% 15px; color:#7c7d7e;}
.unit_block .icon-list li input:checked + label.expected_vessel{ background:url("images/green-tick.png") #35a535 no-repeat 90% 15px; color:#fff;}
.inactive_vessel_default {background:#e4e4e4; color:#7c7d7e; border-radius: 6px;}
.expected_vessel_default {background:#35a535; color:#fff; border-radius: 6px;}
.active_vessel_default {background:#0480be; color:#fff; border-radius: 6px;}
.icon-list li label span.role-text{display: inline-block; padding-top:10px; font-size:12px;}
.policy-list{ margin-bottom:20px; border:solid 1px #efefef; border-radius:4px;}
.policy-list h3 {margin: 0; position: relative; color: #fff; background-color: #233F78; border-bottom: solid 1px #efefef; padding: 6px 6px 6px 54px; border-radius: 4px 4px 0 0; height: 50px; cursor: pointer; }
.policy-list h3 img{ /*width:40px;*/ position:absolute; left:4px; top:5px; height:30px;}
.policy-list h3 span{ display:block; padding-top:10px; font-size:18px;}
.policy-list h3 .fa{ position:absolute; right:10px; top:50%; margin-top:-7px; font-size:14px;}
.policy-list h3.open .fa{-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);}
/*.policy-list ul{margin:0; padding:5px 0 0px 15px; list-style:none;}
.policy-list > ul{padding-top:14px;}
.policy-list ul li ul{ margin-left:15px;}*/
.policy-list ul.parent_ul{margin:0; padding:12px 0 0px 15px; list-style:none;}
.policy-list > ul{padding-top:14px;}
.policy-list ul.sub-list{ margin-left:30px; padding-left: 0px;}
.policy-list ul li a.link{position:absolute; right:10px; top:2px; font-size:12px;}
.policy-list ul li a.link .fa{font-size:16px;}
.policy-list ul li .help-text{ font-weight:normal; vertical-align:top; margin-left:4px; margin-top:3px; display: inline-block;}
.policy-list.static ul.parent_ul{display: none;}
.permission-list-static{margin:0; padding:0; list-style:none;}
.policy-list.static li,
.permission-list-static li{display:block; position:relative; padding-left:20px; margin-bottom:10px;}
.policy-list.static li:after,
.permission-list-static li:after{content:""; position:absolute; left:6px; top:4px; width:6px; height:11px; border:solid #428bca; border-width:0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}
.custom-checkbox{ display: block; position:relative; margin-bottom:0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.custom-checkbox input {position:absolute; opacity:0;}
.custom-checkbox label{display:block; position:relative; padding-left:26px; cursor:pointer; margin-bottom:10px;}
.custom-checkbox label::before{content: ""; position:absolute; top:0; left:0; height:18px; width:18px; background-color:#eee; }
.custom-checkbox input:checked.partially_checked ~ label::before{background: url("images/partial_selected.png") no-repeat; height:18px; width: 18px;}
.custom-checkbox input:checked.partially_checked ~ label::after{border: none;}
.custom-checkbox label:hover::before{ background-color:#ccc; }
.custom-checkbox input:checked ~ label::before{ background-color: #428bca;}
.custom-checkbox label:after {content: ""; position: absolute; display: none; }
.custom-checkbox input:checked ~ label:after { display:block; }
.custom-checkbox label:after {left:6px; top:2px; width:6px; height:11px; border:solid white; border-width:0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}
.custom-checkbox ul.sub-list{ margin-left:30px; padding-left: 0px;}
.permission-list{ margin:0; padding:8px 0 0 10px; }
.permission-list li{ display:inline-block; margin-right:15px;}
.um_overlay{position:absolute; top:10px; right:10px; bottom:70px; left:10px; z-index:30; background-color:rgba(0, 0, 0, 0.24);}
.um_overlay .content{ position:absolute; top:5%; right: 10px; width:100%; text-align: right;}
.um_overlay .content .btn{ font-size:16px;}
.policy-list h3.for_association{padding:0;}
.policy-list h3.for_association .custom-checkbox{position:absolute; width:18px; height:18px; top:16px; left:10px;}
.policy-list h3.for_association .list_toggle{padding:6px 6px 6px 82px; height:50px;}
.policy-list h3.for_association img{left:35px;}
.policy-list h3.for_association label::before{background-color:#FFF; border: solid 1px #CCC;}
.policy-list h3.for_association input:checked ~ label::before{background-color:#428bca;}
.policy-list h3.for_association input:checked.partially_checked ~ label::before{background: url("images/partial_selected.png") no-repeat; height:18px; width: 18px;}
.policy-list h3.for_association input:checked.partially_checked ~ label::after{display: none;}
.policy-list h3.for_association input:checked.full_checked ~ label::before{background: url("images/full_selected.png") no-repeat; height:18px; width: 18px;}
.policy-list h3.for_association input:checked.full_checked ~ label::after{display: none;}
.page-submenu{position:fixed; left:0; top:35px; bottom:0; z-index: 10; padding:20px 0; width:185px;}
.page-submenu ul{margin:0; padding:0; list-style:none;}
.page-submenu ul li{ clear:both;}
.page-submenu ul li.divider{ height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.page-submenu ul li a{color:#FFF; text-align:left; padding-left:20px;}
.page-submenu ul li a:hover{ text-decoration:none; margin:0;}
body .umms-content .main-content.open-submenu{padding-left:200px;}
.td-rotated{transform:rotate(-90deg); position:absolute; text-align:center; width:235px; height:20px; left:-100px;}
.td-rotated.red{font-weight:bold; font-size:1.3em; color:#C00;}
.user-review{ margin:0;}
.user-review .top{border-bottom:solid 1px #DDD; margin:20px 0 20px; padding-bottom:8px;}
.user-review .top h3{font-size:18px; margin:0; color:#1C449B;}
.user-review .top .action{ float:right; margin-top:-25px; padding:8px; font-size:16px;}
.phnumber{}
.phnumber > .form-control,
.phnumber > .intl-tel-input{display:inline-block; width:100px; vertical-align: top;}
.phnumber > .intl-tel-input input{height:34px;}
.phnumber > .form-control.w1{ width:100px;}
.phnumber > .form-control.w2{ width:230px;}
.phnumber > .form-control.w3{ width:145px;}
.phnumber > .form-control.w4{ width:80px;}
.phnumber > .form-control.w5{ width:49%;}
.phnumber > .form-control.w6{ width:70px;}
.contact_info .intl-tel-input { width: 100px; display: inline-block; }
.contact_info .intl-tel-input .form-control { width: 100% !important; height: 34px; }
.contact_info .form-control { display: inline-block; width: calc(100% - 120px); float: right; }
.contact_info_3 .intl-tel-input { width: 100px; display: inline-block; }
.contact_info_3 .intl-tel-input .form-control { width: 100% !important; height: 34px; }
.contact_info_3 .area_code { width: 120px; display: inline-block; margin-left: 10px; margin-top: -3px; }
.contact_info_3 .contact_number { display: inline-block; width: calc(100% - 250px); float: right}
.top-button{text-align:right; margin-bottom:20px;}
.marT10{margin-top:10px;}
.search-table1 td .graph-radio {text-align:center; width:100%;}
.search-table1 td .graph-radio label {display:inline-block; margin:0px 20px 0px 5px; font-weight:normal;}
/* New CSS done by Vishal Sir*/
.search-table1 td .graph-radio {text-align:center; width:100%;}
.search-table1 td .graph-radio label {display:inline-block; margin:0px 20px 0px 5px; font-weight:normal;}
.hide-tag {
display: none !important;
}
.show-tag {
display: block !important;
border-bottom:none;
}
.legs .tab-content {margin-bottom:15px; padding-top:15px;}
.legs .tab-content fieldset {width:100%;}
.legs .nav.nav-pills {
border-bottom: 1px solid #ccc;
margin-bottom: 0px;
margin-top:10px;
}
.legs .nav-pills>li {
margin-bottom:-1px;
}
.legs .nav-pills > li.active > a, .legs .nav-pills > li.active > a:hover, .legs .nav-pills > li.active > a:focus {
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
color:#555;
border-bottom:none;
border-radius:0px;
}
.input-pass-icon {position: absolute; right: 40px; top: 20px;}
.function-list .trclass td:first-child {border-right:0px;}
.function-list .trclass td:nth-child(2) {border-left:0px;}
.function-list .trclass td:nth-child(2) img {width:35px; background:#314457; border-radius:8px; padding:4px;}
.manning-icon i.active {color:#32CD32;}
.manning-icon i.inactive {color:#f00;}
/*.manning-card {width:290px;}*/
.visiting-address {font-size:12px;}
.agency-name {font-size:16px;}
.new-search {width:100%; margin:10px 0px;}
.new-search select {width: 10%; border-radius: 4px 0px 0px 4px; float: left;}
.new-search input[type="text"] {width: 80%; border-radius: 0px; border-left: 0px; float: left;}
.new-search button[type="submit"] {border-radius: 0px 4px 4px 0px; padding: 9px 15px;}
.help-text i {width: 20px; height: 20px; border-radius: 50%; background: #ddd; padding: 5px 8px; font-size: 10px; color: #666; margin-top: 5px;}
.user-add-page .nav-tabs > li.active > a, .user-add-page .nav-tabs > li.active > a:hover, .user-add-page .nav-tabs > li.active > a:focus { /*border-top: 2px solid #f90;*/ border-top: 2px solid #0480be; border-bottom: 1px solid #fff; background: #fff; font-weight: bold;}
.user-add-page .nav-tabs > li {margin-left:5px;}
.user-add-page .nav > li.disabled > a,.user-add-page .nav > li.disabled > a:focus {background-color: #efefef; border: 1px solid #ccc; border-bottom: none; bottom: -1px; background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0, #e0e0e0 100%); background: -webkit-linear-gradient(top, #f6f6f6 0, #e0e0e0 100%); background: -o-linear-gradient(top, #f6f6f6 0, #e0e0e0 100%); background: -ms-linear-gradient(top, #f6f6f6 0, #e0e0e0 100%); background: linear-gradient(to bottom, #f6f6f6 0, #e0e0e0 100%);filter: progid;}
.user-add-page #AdminUserMasterPrefix {margin-left:-10px;}
.radio-box label {padding-right:25px;}
.jobs-checkbox {padding: 0px 20px 0px 4px;}
.user-profile-content .user-profile {margin-bottom:15px;}
.user-profile-content .user-profile-img {width:150px; height:150px; border-radius:50%; border:4px solid #e8e8e8;}
.user-profile-content .profile-user-name {font-size:20px;}
.user-profile-content .profle-user-title {font-size:16px;}
.user-profile-content .country-flag {height:35px; border: 2px solid #e8e8e8; padding:2px;}
.user-profile-content .tab-pane {padding:20px;}
.hatch-table .table td {padding:10px; vertical-align:top;}
.hatch-table .table td label {margin-top:5px;}
/*.user-profile-content th {background:#3498db; color:#fff; text-align:left !important; font-size:16px; border:none;}*/
.user-profile-content th {background: #fdfdfd; color: #656f7f;text-align: left !important;font-size: 23px;border: none; font-weight: normal;}
.user-profile-content .employee-profile td {padding: 6px 8px; color: #656f7f; font-weight: bold;}
.user-profile-content .employee-profile td strong {font-weight: normal; color: #656f7f;}
.department {font-weight:bold;}
.unit-block {border: 1px solid #ccc; float: left; margin: 10px 0px; width: 100%; padding: 10px 0px 0px 0px; border-radius: 10px;}
.unit-block .col-sm-3.unit-name label{display: block; background: #fff; border: solid 1px #efefef; border-radius: 6px; padding: 10px 0px; position: relative; cursor: pointer; text-align:center; margin-top:35px;}
.unit-block .col-sm-3.unit-name input {display: none;}
.div_unit_message {position: fixed; left: -141px; top: 60%; background: #3498db; color: #fff; padding: 9px 10px; border-radius: 0px 0px 5px 5px; transform: rotate(-90deg); font-size: 15px; min-width:305px; text-align:center; z-index:99;}
.feedback-table input[type="radio"] {margin-right:5px; margin-left:5px;}
.nav-tab-wrapper .nav-tabs > li {margin-left: 5px;}
.nav-tab-wrapper .nav-tabs > li.active > a, .nav-tab-wrapper .nav-tabs > li.active > a:hover, .nav-tab-wrapper .nav-tabs > li.active > a:focus {border-top: 2px solid #0480be; border-bottom: 1px solid #fff; background: #fff; font-weight: bold;}
.nav-tab-wrapper .nav-tabs > li.disabled > a, .nav-tab-wrapper .nav-tabs > li.disabled > a:focus, .nav-tab-wrapper .nav-tabs > li.disabled > a, .nav-tab-wrapper .nav-tabs > li > a {background-color: #efefef; border: 1px solid #ccc; border-bottom: none; bottom: -1px; background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0, #e0e0e0 100%); background: -webkit-linear-gradient(top, #f6f6f6 0, #e0e0e0 100%); background: -o-linear-gradient(top, #f6f6f6 0, #e0e0e0 100%); background: -ms-linear-gradient(top, #f6f6f6 0, #e0e0e0 100%); background: linear-gradient(to bottom, #f6f6f6 0, #e0e0e0 100%);filter: progid; color:#999;}
.profile-phone-number {margin-left:5px;}
.imo_label {font-weight:normal !important; color:#666;}
.imo_label_heading {font-size:18px;}
.label-width {width:100px !important;}
.label-input {width:70%; display:inline-block;}
.pms-build-vessel {border-radius: 8px; padding: 80px 0px 0px 0px; margin-right: 6px; margin-bottom: 20px; margin-left: 12px; font-size: 13px; color: #fff; text-align:center; height:120px; width:120px; display:inline-block;}
.pms-build-vessel input {position: absolute; opacity: 0; }
.checkmark {position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.pms-build-vessel input:checked ~ .checkmark:after {
display: block;
}
.pms-build-vessel .checkmark:after {
left: 15px;
top: 10px;
width: 8px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pms-build-vessel {
/*display: block;*/
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pms-build-vessel label.pms-build-label {position: absolute; z-index: 99; width:100%; left:0px; top:0px; height:100%; padding-top:80px; cursor:pointer;}
.pms-build-deck {background: url("images/deck-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-electrical {background: url("images/electic-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-engine {background: url("images/engine-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-galley {background: url("images/galley-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-radio {background: url("images/radio-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-safety {background: url("images/safety-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-others {background: url("images/others-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-accommodation-system {background: url("images/accom-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-document {background: url("images/document-icon.png") #314457 no-repeat 50% 20px;}
.pms-build-deck input:checked ~ .checkmark {background: url("images/deck-icon.png") #2196F3 no-repeat 50% 20px;}
.pms-build-electrical input:checked ~ .checkmark {background: url("images/electic-icon.png") #2196F3 no-repeat 50% 20px;}
.pms-build-engine input:checked ~ .checkmark {background: url("images/engine-icon.png") #2196F3 no-repeat 50% 20px;}
.pms-build-galley input:checked ~ .checkmark {background: url("images/galley-icon.png") #2196F3 no-repeat 50% 20px;}
.pms-build-radio input:checked ~ .checkmark {background: url("images/radio-icon.png") #2196F3 no-repeat 50% 20px;}
.pms-build-safety input:checked ~ .checkmark {background: url("images/safety-icon.png") #2196F3 no-repeat 50% 20px;}
.pms-build-others input:checked ~ .checkmark {background: url("images/others-icon.png") #2196F3 no-repeat 50% 20px;}
.pms-build-accommodation-system input:checked ~ .checkmark {background: url("images/accom-icon.png") #2196F3 no-repeat 50% 20px;}
.pms-build-document input:checked ~ .checkmark {background: url("images/document-icon.png") #2196F3 no-repeat 50% 20px;}
.jobs-done-during {width:100%; background-color: green; border-radius:5px;}
.due-jobs {width:100%; background-color: #ce9107; border-radius:5px;}
.overdue-jobs {width:100%; background-color: #ca3e3e; border-radius:5px;}
.part-consume-jobs {width:100%; background-color: #0080C0; border-radius:5px;}
.jobs-done-heading {width:100%; text-align:center; color:#fff; text-transform:uppercase; padding:8px 0px; background:rgba(255, 255, 255, 0.24);}
.jobs-done-heading select {width:80%; margin:2px auto;}
.jobs-done-footer {width:100%; text-align:center; color:#fff; text-transform:uppercase; padding:8px 0px; background:rgba(255, 255, 255, 0.24);}
.jobs-done-footer a {color:#fff;}
.jobs-done-number {color:#fff; font-size:14px; background: url("images/job-bg.png") no-repeat; height:120px; padding-left:15px; margin-top:10px; background-size:100%;}
.jobs-done-number span {font-size:18px;}
.job-chart i {position: absolute; right: 25px; top: 85px; font-size: 18px; background: #fff; padding: 6px; border-radius: 5px;}
.daily-report {position: absolute; right: 25px; top: 85px; font-size: 18px; background: #fff; padding: 6px; border-radius: 5px;}
.daily-report a {color:#1c88a8;}
.weekly-report {position: absolute; right: 25px; top: 125px; font-size: 18px; background: #fff; padding: 6px; border-radius: 5px;}
.weekly-report a {color:#1c3e7a;}
.monthly-report {position: absolute; right: 25px; top: 165px; font-size: 18px; background: #fff; padding: 6px; border-radius: 5px;}
.monthly-report a {color:#1c1d6c;}
.dashboard-po-box {text-align:center; border-radius:5px; margin: 5px; color:#fff; padding:5px 0px;}
.dashboard-po-box.open, .dashboard-po-box.open_not_linked_to_po, .dashboard-po-box.order_placed {background-color: #00b2e0;}
.dashboard-po-box.ready_to_send {background-color: #654321;}
.dashboard-po-box.al_sent {background-color: #0080C0;}
.dashboard-po-box.delivered, .dashboard-po-box.delivered_at_wh {background-color: #082b51;}
.dashboard-po-box.partial_delivered, .dashboard-po-box.partial_delivered_at_wh {background-color: #008ee3;}
.dashboard-po-box.awaiting-all-invoices {background-color: #ffb3bf;}
.dashboard-po-box.ready_to_pre_verify, .dashboard-po-box.ready_for_verify {background-color: #007ccb;}
.dashboard-po-box.dispute_filed {background-color: red;}
.dashboard-po-box.verified {background-color: #00cc00;}
.dashboard-po-box.reviewed {background-color: #082b51;}
.dashboard-po-box.not_delivered, .dashboard-po-box.suspended {background-color: #FFB6C1;}
.dashboard-po-box.partly_paid, .dashboard-po-box.partial_paid, .dashboard-po-box.paid_and_closed_credit_pending {background-color: #02afc9;}
.dashboard-po-box.paid_and_closed, .dashboard-po-box.ready_for_printable {background-color: green;}
.dashboard-po-box.approval_require {background-color: #0080c0;}
.dashboard-po-box.si-approval-required {background-color: #ff0000;}
.dashboard-po-box.manager-approval-required {background-color: #c00000;}
.dashboard-po-box.printed {background-color: #cc0e0e;}
.dashboard-po-box.director-approval-required {background-color: #02623c;}
.dashboard-po-box.si-approved {background-color: #0064be;}
.dashboard-po-box.manager-approved {background-color: #928047;}
.dashboard-po-box.director-approved {background-color: #0064be;}
.dashboard-po-box a:hover{text-decoration:none;}
.dashboard-po-box a {color:#fff; display:block;}
.dashboard-requisition-box {text-align:center; border-radius:5px; margin: 5px; color:#fff; padding:5px 0px;}
.dashboard-requisition-box.open, .dashboard-requisition-box.open_not_linked_to_po, .dashboard-requisition-box.order_placed {background-color: #00b2e0;}
.dashboard-requisition-box.ready_to_send {background-color: #654321;}
.dashboard-requisition-box.reject {background-color: red;}
.dashboard-requisition-box.approved {background-color: #0080C0;}
.dashboard-requisition-box.rfq {background-color: #082b51;}
.dashboard-requisition-box.quote_partial_received, .dashboard-requisition-box..dashboard-requisition-box.quote_partial_received {background-color: #008ee3;}
.dashboard-requisition-box.partial_delivered, .dashboard-requisition-box.partial_delivered_at_wh {background-color: #008ee3;}
.dashboard-requisition-box.quote_received {background-color: #ff309d;}
.dashboard-requisition-box.awaiting-all-invoices {background-color: #ffb3bf;}
.dashboard-requisition-box.ready_to_send {background-color: #654321;}
.dashboard-requisition-box.al_sent {background-color: #0080C0;}
.dashboard-requisition-box.order_created, .dashboard-requisition-box.order_placed {background-color: #00cc00;}
.dashboard-requisition-box.po_created {background-color: #082b51;}
.dashboard-requisition-box.delivered {background-color: #082b51;}
.dashboard-requisition-box.delivered_at_wh {background-color: #618428;}
.dashboard-requisition-box.ready_to_pre_verify, .dashboard-requisition-box.ready_for_verify {background-color: #007ccb;}
.dashboard-requisition-box.dispute_filed {background-color: red;}
.dashboard-requisition-box.verified {background-color: #00cc00;}
.dashboard-requisition-box.reviewed {background-color: #082b51;}
.dashboard-requisition-box.rejected {background-color: #e41111;}
.dashboard-requisition-box.not_delivered, .dashboard-requisition-box.suspended {background-color: #FFB6C1;}
.dashboard-requisition-box.partly_paid, .dashboard-requisition-box.partial_paid, .dashboard-requisition-box.paid_and_closed_credit_pending {background-color: #02afc9;}
.dashboard-requisition-box.paid_and_closed, .dashboard-requisition-box.ready_for_printable {background-color: green;} {background-color: green;}
.dashboard-requisition-box.approval_require {background-color: #0080c0;}
.dashboard-requisition-box.si-approval-required {background-color: #ff0000;}
.dashboard-requisition-box.manager-approval-required {background-color: #c00000;}
.dashboard-requisition-box.director-approval-required {background-color: #02623c;}
.dashboard-requisition-box.si-approved {background-color: #0064be;}
.dashboard-requisition-box.manager-approved {background-color: #928047;}
.dashboard-requisition-box.director-approved {background-color: #0064be;}
.dashboard-requisition-box a:hover{text-decoration:none;}
.dashboard-requisition-box a {color:#fff;}
.po_dashboard .vessel-img-wrapper {text-align: left; width: 15%; display: flex; align-items: center; margin-left: 10px;}
.po_dashboard .vessel-img-wrapper img {border-radius:8px; margin-top:10px; margin-bottom:4px;}
.po_dashboard .jobs-content-wrapper {display: flex; flex-wrap: nowrap; border-bottom:1px solid #666; margin-bottom:15px; padding-bottom:15px; justify-content: center; margin-left: 15px;}
.po_dashboard .jobs-wrapper {margin: 10px 5px; width:10%;}/*width:11%;*/
.widget .widget-title .setting-icon i {margin-right:0px;}
.step-show {border:1px dashed #666; border-radius:8px; padding:4px 8px; display:inline-block; margin:5px; cursor:pointer;}
.step-show:hover {background:#00b050; color:#fff; border:1px solid #00b050;}
.step-show.selected {background:#f00; color:#fff; border:1px solid #f00;}
.sortable {margin: auto; padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sortable.grid {overflow: hidden;}
.sortable li {border:1px dashed #666; border-radius:8px; padding:4px 8px; display:inline-block; margin:5px; cursor:pointer;}
.sortable.grid li {float: left; text-align: center;}
.po-info-text {margin:10px; color:#f00;}
.component-table .table._scrolling._thead {top: 0px !important; position: sticky !important;margin-top: -62px;}
.component-table .scrolling_inner {border: 1px solid rgb(204, 204, 204); overflow: hidden auto; padding-right: 0px; max-height: 400px; width: 100%;}
@media(max-width:600px){
.po_dashboard .jobs-content-wrapper {display: table; flex-wrap: nowrap;}
}
.spinner-wrapper {
position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background:rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center;
}
.spinner {/*position: absolute;*/ left: 50%; top: 50%; height:60px; width:60px; margin:0px auto; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear;
border-left:6px solid rgba(0,174,239,.15); border-right:6px solid rgba(0,174,239,.15); border-bottom:6px solid rgba(0,174,239,.15);
border-top:6px solid rgba(0,174,239,.8); border-radius:100%;}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
.upload-close-btn {color: red; position: absolute; right: -12px; top: -15px; background: #fff; border-radius: 5px; padding: 2px; border: 1px solid red; font-size: 12px;}
.upload-close-wrapper {position:relative; display:inline-block; width:auto; margin-right:15px;}
.remove-record-btn {color: red; background: #fff; border-radius: 5px; padding: 2px; border: 1px solid red; font-size: 12px;}
.portal-dashboard-widget {width:100%; border-radius:5px;}
.portal-dashboard-widget a {color: #fff; text-decoration: underline;}
.portal-dashboard-widget a:hover {color: #fff; text-decoration: none;}
.portal-dashboard-widget .header {width:100%; text-align:center; color:#fff; text-transform:uppercase; padding:8px 0px; background:rgba(255, 255, 255, 0.24); font-weight:bold;}
.portal-dashboard-widget .footer {padding:8px 0px; background:rgba(255, 255, 255, 0.24);}
.portal-dashboard-widget .detail {color:#fff; font-size:13px; background: url("images/job-bg.png") no-repeat; height:130px; padding-left:10px; margin-top:10px; background-size:100%; line-height:20px;}
.report-dashboard .portal-dashboard-widget .detail {color:#fff; font-size:14px; background: url("images/job-bg.png") no-repeat; height:90px; padding-left:10px; margin-top:10px; background-size:100%; line-height:20px;}
/*.portal-dashboard-widget .detail span {font-size:18px;}*/
.portal-dashboard-widget .link a {position: absolute; right: 25px; bottom: 25px; font-size: 24px; color:#fff;}
.portal-dashboard-green {background-color: green;}
.portal-dashboard-orange {background-color: #ce9107;}
.portal-dashboard-red {background-color: #ca3e3e;}
.part-consume-jobs {width:100%; background-color: #0080C0; border-radius:5px;}
.portal-dashboard-dark-red {background:#654321;}
.portal-dashboard-dark-blue {background:#082b51;}
.portal-vessel-reports {background:#632289;}
.portal-near-miss {background:#425cfb;}
.portal-inspections {background:#06af8f;}
.portal-purchasing-invoices {background:#0f7e1d;}
.portal-dashboard-light-blue {background:#0080C0;}
.portal-dashboard-dark-green {background:#02623c;}
.portal-dashboard-position {background:#008600;}
.portal-dashboard-red .detail span, .portal-dashboard-position span {font-size: 24px; text-align: center; padding: 25px 0px; display: block;}
.filter-content {float: left;}
#sidebar {-webkit-transition: margin 0.3s ease; -moz-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; box-shadow: 0 1px 3px -1px rgba(0,0,0,.4); border: 1px solid #B1D1E5; padding: 0px 10px; position: absolute; z-index: 200; background: #fff; left: 0px; top: 10px;}
.filter-toggle {display: none;}
.filter-wrapper h3 {font-size: 18px; border-bottom: 1px solid #B1D1E5; padding-bottom: 8px;}
.filter-options {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin: 10px 0px;}
.filter-options:last-child {border-bottom: none;}
.filter-text {margin-bottom: 5px;}
.filter-collapse {position: absolute;right: -26px;border: 1px solid #B1D1E5;background: #fff;border-radius: 3px;}
.toggle-sidebar {cursor: pointer;padding: 8px;display: block;}
.po_dashboard {overflow:hidden auto;height:500px;}
.po_dashboard.all-vessel {height: 77px; border: 2px solid #c9c9c9; border-radius: 8px; margin: 10px 5px; padding: 5px 0px; overflow: hidden; background: #e5e5e5;}
.po_dashboard.all-vessel .dashboard-po-box { margin-top: 0; font-size: 12px; background: #5a7695 !important; }
.po_dashboard.all-vessel .dashboard-po-box.po-header {font-size: 14px; background: #2c3743 !important; text-transform: uppercase;}
.all-vessel .dashboard-po-box {display: flex; align-items: center; justify-content: center;}
.all-vessel .dashboard-po-box.open, .all-vessel .dashboard-po-box.open_not_linked_to_po, .all-vessel .dashboard-po-box.order_placed {background-color: #00b2e0;}
.all-vessel .dashboard-po-box.ready_to_send {background-color: #00b2e0;}
.all-vessel .dashboard-po-box.al_sent {background-color: #00b2e0;}
.all-vessel .dashboard-po-box.delivered, .all-vessel .dashboard-po-box.delivered_at_wh {background-color: #082b51;}
.all-vessel .dashboard-po-box.partial_delivered, .all-vessel .dashboard-po-box.partial_delivered_at_wh {background-color: #00b2e0;}
.all-vessel .dashboard-po-box.awaiting-all-invoices {background-color: #00b2e0;}
.all-vessel .dashboard-po-box.ready_to_pre_verify, .all-vessel .dashboard-po-box.ready_for_verify {background-color: #007ccb;}
.all-vessel .dashboard-po-box.dispute_filed {background-color: #00b2e0;}
.all-vessel .dashboard-po-box.verified {background-color: #00cc00;}
.all-vessel .dashboard-po-box.reviewed {background-color: #082b51;}
.all-vessel .dashboard-po-box.not_delivered, .all-vessel .dashboard-po-box.suspended {background-color: #00b2e0;}
.all-vessel .dashboard-po-box.partly_paid, .all-vessel .dashboard-po-box.partial_paid, .all-vessel .dashboard-po-box.paid_and_closed_credit_pending {background-color: #00b2e0;}
.all-vessel .dashboard-po-box.paid_and_closed, .all-vessel .dashboard-po-box.ready_for_printable {background-color: green;}
.all-vessel.po_dashboard .jobs-content-wrapper {border-bottom: none; justify-content: center; margin-left: 0;}
@media (min-width: 992px) {
.filter-toggle {display: block; margin-left: -27%;}
}
.wrapper-order-1{order: 1;}
.wrapper-order-2{order: 2;}
.wrapper-order-3{order: 3;}
.wrapper-order-4{order: 4;}
.wrapper-order-5{order: 5;}
.wrapper-order-6{order: 6;}
.wrapper-order-7{order: 7;}
.wrapper-order-8{order: 8;}
.wrapper-order-9{order: 9;}
.wrapper-order-10{order: 10;}
.wrapper-order-11{order: 11;}
.wrapper-order-12{order: 12;}
.wrapper-order-13{order: 13;}
.keyword-search {width: 71%; display: inline-block; border-radius: 4px 0px 0px 4px; border-right: 0px;}
.keyword-dropdown {width: 27%; display: inline-block; margin-left: -3%; border-radius: 0px 4px 4px 0px; background:#eee;}
.switch {position: relative; height: 35px; width: 125px; background: #eee; border-radius: 5px; border: 1px solid #ccc;}
.switch-label {position: relative; z-index: 2; float: left; width: 61px; font-size: 14px; text-align: center; cursor: pointer; font-weight: normal; padding-top:7px; margin-bottom: 0; padding-bottom: 5px;}
.switch-input {display: none;}
.switch-input:checked + .switch-label {-webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: color, text-shadow; -moz-transition-property: color, text-shadow; -ms-transition-property: color, text-shadow; -o-transition-property: color, text-shadow;
transition-property: color, text-shadow; color:#fff;}
.switch-input:checked + .switch-label-on ~ .switch-selection {left: 60px;}
.switch-selection {position: absolute; z-index: 1; top: 1px; left: 1px; display: block; width: 62px; height: 31px; border-radius: 3px;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out;
-ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out;
background-image:-webkit-gradient(linear, left 0%, left 100%, from(#89b43f), to(#77A22F)); background-image:-webkit-linear-gradient(top, #89b43f, 0%, #77A22F, 100%); background-image:-moz-linear-gradient(top, #89b43f 0%, #77A22F 100%); background-image:linear-gradient(to bottom, #89b43f 0%, #77A22F 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89b43f', endColorstr='#ff77A22F', GradientType=0); color:#fff;
}
.approval-pending {font-size: 12px; color: #f00; margin-top: 2px;}
.btn-disable {background: #ccc; color: #888 !important; cursor: not-allowed;}
/*------------------ Button Class --------------------*/
/*.btn {color:#fff;}
.btn:hover {color:#fff;}*/
.btn-search {background-color: #428bca; border-color: #357ebd; color:#fff;}
.btn-search:hover, .btn-search:focus {background-color: #3276b1; border-color: #285e8e; color:#fff;}
.btn-clear {color: #555; background-color: #E2E2E2; border-color: #ccc;}
.btn-clear:hover, .btn-clear:focus {color: #555; background-color: #ebebeb; border-color: #adadad;}
.btn-export {background-color:#598729; border-color:#597714; color:#fff;}
.btn-export:hover, .btn-export:focus {background-color:#598016; border-color:#596d00; color:#fff;}
.btn-config {background-color: #5cb85c; border-color: #4cae4c; color:#fff;}
.btn-config:hover, .btn-config:focus {background-color:#47a447; border-color:#398439; color:#fff;}
.btn-unpaid {background-color: #428bca; border-color: #357ebd; color:#fff;}
.btn-unpaid:hover, .btn-unpaid:focus {background-color: #3276b1; border-color: #285e8e; color:#fff;}
.btn-print {color: #fff; background-color: #89b43f; border-color: #898334; color:#fff;}
.btn-print:hover, .btn-print:focus {color: #fff; background-color: #898334; border-color: #89b43f; color:#fff;}
.setting-icon {position: absolute; right: 30px; top: 40px; z-index: 99;}
@media (max-width: 1000px) {
.search-table-wrapper tbody tr td {float:left; width:50%; border-top:none; text-align:left;}
}
.purchase-status {padding-top:10px;}
.purchase-status .purchase-status-title {text-align:center; width:15%; font-weight:bold; font-size:18px; padding-top:20px;}
.purchase-status .purchase-status-wrapper {display: flex; flex-wrap: nowrap; border-bottom:1px solid #666; margin-bottom:15px; padding-bottom:15px;}
.purchase-status-box {text-align:center; border-radius:5px; margin: 5px; width:10%; color:#fff; padding-top:5px;}/*border-radius:15px; margin: 10px 5px; */
.purchase-status-box.open {background-color: green; }
.purchase-status-box.order_placed {background-color: orange;}
.purchase-status-box.ready_to_send {background-color: #654321;}
.purchase-status-box.al_sent {background-color: #0080C0;}
.purchase-status-box.delivered {background-color: #082b51;}
.dashboard-po-box.delivered_wh {background-color: #933b3b;}
.purchase-status-box.partial_delivered {background-color: #c00000;}
.purchase-status-box.not_delivered {background-color: #02623c;}
.purchase-status-box.partial_delivered_at_wh {background-color: #0064be;}
.purchase-status-box.open_not_linked_to_po {background-color: #928047;}
.dashboard-po-box.ready_to_verify {background-color: #928047;}
.tr-details .jq_update_rank {margin:3px 0px;}
.rfq-number {width:105px; word-wrap: break-word;}
.table tr td.status8 .label {width: 75px; white-space: normal; line-height: 15px;}
.table tr td.status8.crew-status .label {white-space: normal; line-height: 15px; width: 105px; padding: 10px;}
.box-body #jq_asigned_training a {padding:0px 10px;}
.box-body #jq_asigned_training a.jq_add_training_identify {padding:6px 10px;}
.jq_remove_event {position:absolute; top:-15px; right:-5px;}
tr:first-child>td>.fc-day-grid-event {margin-top:15px !important;}
#training-drag-box h4 {line-height:24px;}
.error-message {color:#f00; margin:5px 0px;}
.regular {color: #fff; background-color: #428bca; border-color: #357ebd;}
.selected {color: #fff; background-color: #ffb22b; border-color: #ffa627;}
.not-available {color: #555; background-color: #E2E2E2; border-color: #ccc;}
.course-location {font-style: italic; font-weight: bold; font-size: 14px;}
.training-schedule-dates ul {margin:0px; padding:0px;}
.training-schedule-dates ul li {list-style:none;}
.training-schedule-dates ul li a {display:block;}
.umms .widget .widget-content.training-schedule-dates {padding:10px 0px;}
.training-date-schedule {margin-left:10px; display:block;}
.training-date-schedule span {display:inline-block; padding:4px; border-radius: 4px; color:#fff; margin-right:5px; font-size:11px; margin-bottom:7px;background:#3498db;}
.training-date-schedule span.jq_scheduled_date {background:#00cc00;}
.jq_location_name {font-style: italic; font-weight:bold; color:#000; text-shadow: none; font-size:12px; display:block; padding-top:5px;}
.widget-title.training-schedule-title {padding:10px;}
.widget-title.training-schedule-title h3, .widget-title.training-schedule-disable h3 {font-size:14px;}
.widget-title.training-schedule-disable {cursor: not-allowed; opacity:0.65; padding:10px;}
.notification-search {margin:10px 0px;}
.forward-notice {display: block; text-align: right; background: #f00; width: auto; float: right; padding: 3px 5px; color: #fff; border-radius: 4px; font-size:12px;}
.error-message-text {color: #fff; background-color: #d9534f; border-color: #d43f3a; padding:6px 12px; text-align:center; border-radius:5px;}
.po-form-box {padding: 6px; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.po-form-box .amount_text_box{display: inline; text-align: right; border-radius: 5px 0px 0px 5px; height: 25px; padding-right:5px;}
.po-form-box .currency_box{display: inline-block; width: 45px; padding: 5px 3px 4px; margin-top: -3px; border-radius: 0px 4px 4px 0px;}
.manaulContainer .pageHeading img {height: 35px;}
.notification-label {width:275px !important;}
.notification-input {width:175px; display:inline-block; margin-left:0px !important;}
.pms-job-category-icon {background:url(images/critical-icon.png) no-repeat; display: inline-block; width: 16px; height: 16px;}
.pms_job_vessel_specific_1 { background: url(images/icon-vessel-1.png) no-repeat; display: inline-block; background-size: 22px; padding: 8px 10px; border-radius: 4px; background-position: center center;}
.pms-class-job {background-position: 0px -16px;}
.pms-not-class-job {background-position: 0px 0px;}
.pms-safety-job {background-position: -16px -16px;}
.pms-not-safety-job {background-position: -16px 0px;}
.pms-critical-job {background-position: -32px -16px;}
.pms-not-critical-job {background-position: -32px 0px;}
.provision-order {border:1px solid #B1D1E5; padding:10px;}
.guaranteed-icon {background:url(images/icon-guaranteed.png) no-repeat; width: 22px; height: 22px; float:right;}
.guaranteed-text {display: inline-block;}
.modal-dialog .nav-tab-wrapper .tab-content>.active {padding: 10px;}
.budget-vessel {max-height:155px; overflow-y: auto; padding-right:8px;}
.budget-vessel .form-group {margin-bottom:5px;}
.defect-status .label{width:120px; padding:.5em .4em .4em; white-space:inherit; text-transform:uppercase; line-height:14px;}
.defect-wrapper {border:1px solid #bbbbbb; border-radius:3px; padding:8px 16px;}
.defect-wrapper .row {margin-top:10px;}
#DefectList .defect-wrapper:first-child .jq_remove {display:none;}
li.read0{
font-weight:bold;
}
.setting-icon {right: 75px; top: 55px;}
h3.notice-heading {
float:left;
width:80%;
}
.exclusive-text {
display: block;
text-align: right;
background: #458bca;
width: auto;
float: right;
padding: 3px 5px;
color: #fff;
border-radius: 4px;
font-size: 12px;
margin-right: 2px;
}
.delete-notification{
margin-bottom: 10px;
margin-left: 10px;
}
/*------ InVentory Dashboard CSS-------- */
.inventory-dashboard .order-history {display:none;}
.inventory-dashboard .order-history {position: absolute; background: #fff; padding: 10px; z-index:99; width:500px; top:auto; margin-top: -25px; height:fit-content;
border:1px solid #B1D1E5;}
.inventory-dashboard .close-btn {position: absolute; top: -5px; right: -7px; font-size: 20px; z-index: 9999;}
.inventory-dashboard .manaulContainer {margin-bottom:15px;}
.inventory-heading, .total-heading {background: #314457; border-radius: 8px 8px 0px 0px; color: #fff; padding: 8px 0px; height:52px;}
.total-heading {height:35px; padding:5px 0px;}
.inventory-heading h1, .total-heading h1 {margin: 0px; font-size:15px; margin-top:5px;}
.manaulContainer .textContent, .total-textContent {
height: 200px;
border: 1px solid #cccccc;
border-radius: 0px 0px 8px 8px;
padding: 10px;
text-align: left;
font-size: 24px;
}
.manaulContainer .textContent .download-center-table{
width: 100%;
}
.textContent a:hover, .total-textContent a:hover {color:#314457;}
.total-textContent {min-height: 40px; padding:0px;}
.inventory-heading img {float: left; margin:0px 10px;}
.order-history a, a.history {cursor:pointer;}
.js_invoice_amounts .js_invoice_amounts_anchor_div {display:block;}
.insu-serach-table {margin:0px -15px;}
.manning-agency-name {display:inline-block; float:right;}
.crew-insurance-selected {background:#ffd2ff;}
.expiry_date_error {color:#17a2b8}
.left-padding5 {padding-left:5px;}
#ProfileImageReview {width: 150px; border: 1px solid #DDD; padding: 5px;}
.crew-action-icon {background:url(images/crew-icon.png) no-repeat center; display: inline-block; height: 18px; margin:0px 0px 0px 5px; width:18px;}
.view-appraisal {background-position: -57px 0px;}
.payroll-icon {background-position: -180px 0px;}
.interview-icon {background-position: -148px 0px; width:20px;}
.assign-vessel {background-position: -27px 0px;}
.orientation-icon {background-position: -88px 0px;}
.view-appraisal-5 {background-position: -125px 0px;}
.view-appraisal-6 {background-position: -150px 0px;}
.view-appraisal-7 {background-position: -175px 0px;}
.view-appraisal-8 {background-position: -200px 0px;}
.view-appraisal-9 {background-position: -225px 0px;}
.training-one {background:#dddf00; padding: 4px 5px;}
.training-two {background:#64e572; padding: 4px 5px;}
.training-four {background:#ff9655; padding: 4px 5px;}
.training-five {background:#fff263; padding: 4px 5px;}
.training-three {background:#00b050; padding: 4px 5px;}
.training-six {background:#404040; padding: 4px 5px;}
.training-seven {background:#8497b0; padding: 4px 5px;}
.training-eight {background:#0070c0; padding: 4px 5px;}
.training-nine {background:#0070c0; padding: 4px 5px;}
.training-ten {background:#f8cbad; padding: 4px 5px;}
.training-eleven {background:#f60ada; padding: 4px 5px;}
.training-twelve {background:#ffc000; padding: 4px 5px;}
.training-thirteen {background:#daffb3; padding: 4px 5px;}
.training-fourteen {background:#aebda8; padding: 4px 5px;}
.training-fifteen {background:#fcdca4; padding: 4px 5px;}
.training-sixteen {background:#d3e6a5; padding: 4px 5px;}
.training-seveteen {background:#d3d0d0; padding: 4px 5px;}
.training-eighteen {background:#d8a800; padding: 4px 5px;}
.training-nineteen {background:#b9d870; padding: 4px 5px;}
.training-twenty {background:#b6c61b; padding: 4px 5px;}
.training-day {float:left;}
.seat-number {float:right; margin-right:25px;}
.scrolling_inner .component-table.fixedhead:first-child {top: unset !important;}
.jq_seat_number {color:#fff;}
.training-two-day {padding-top:20px;}
.training-single-day {padding-top:50px;}
.user-add-page .pswd_info {
display: none;
position: absolute;
width: 100%;
padding: 15px;
background: #fff;
border-radius: 5px;
z-index:99;
right: -215px;
top: -6px;
}
.user-add-page .pswd_info h4 {margin:0 0 10px 0; padding:0; font-weight:normal; font-size:14px;}
.user-add-page .pswd_info::before {
content: "\25C0";
position: absolute;
top: 15px;
left: -11px;
font-size: 14px;
line-height: 15px;
color: #fff;
text-shadow: none;
display: block;
}
.user-add-page .confirm_pswd_info{
top: 0px;
}
.user-add-page .confirm_pswd_info::before{
top: 10px;
}
.user-add-page .pswd_info ul {margin:0px; padding:0px;}
.user-add-page .pswd_info ul li {list-style:none;}
.user-add-page .invalid {
background:url(images/invalid.png) no-repeat 0 50%;
padding-left:40px;
line-height:30px;
color:#116fb7;
font-size:14px;
}
.user-add-page .valid {
background:url(images/valid.png) no-repeat 0 50%;
padding-left:40px;
line-height:30px;
color:#3a7d34;
font-size:14px;
}
.user-add-page .show-password {
position: absolute;
top: 10px;
right: 155px;
color: #888;
}
.export-icon {float:right; margin-top:-35px;}
.summary-table-heading {font-size:16px; font-weight:bold; text-align:left !important; background:#E8F2F8;}
.pop-up-scroll {height:400px; overflow:auto;}
.ctm-table tr:last-child .dropdown-menu {top:550px !important;}
.general-icn {background-image:url(images/general-icon.png); height: 28px; background-repeat: no-repeat;}
a.general-icn-over:hover {background:url(images/general-icon.png) #000ba2 !important; height: 28px; background-repeat: no-repeat !important;}
.icn-padding {padding: 3px 10px 0px 26px !important;}
.general-plus-icn, a.general-plus-icn:hover {background-position: 3px 7px !important;}
.general-pencil-square-o-icn, a.general-pencil-square-o-icn:hover {background-position: 5px -22px !important;}
.general-times-icn, a.general-times-icn:hover {background-position: 3px -53px !important;}
.general-times-grey-icn, a.general-times-grey-icn:hover {background-position: 3px -84px !important;}
.general-check-icn, a.general-check-icn:hover {background-position: 3px -115px !important;}
.general-pencil-icn, a.general-pencil-icn:hover {background-position: 3px -146px !important;}
.general-cogs-icn, a.general-cogs-icn:hover {background-position: 3px -175px !important;}
.general-file-pdf-o-icn, a.general-file-pdf-o-icn:hover {background-position: 3px -207px !important;}
.general-list-icn, a.general-list-icn:hover {background-position: 3px -236px !important;}
.general-table-icn, a.general-table-icn:hover {background-position: 3px -267px !important;}
.general-eye-icn, a.general-eye-icn:hover {background-position: 3px -298px !important;}
.general-file-o-icn, a.general-file-o-icn:hover {background-position: 3px -329px !important;}
.general-clock-o-icn, a.general-clock-o-icn:hover {background-position: 3px -358px !important;}
.general-upload-icn, a.general-upload-icn:hover {background-position: 3px -389px !important;}
.general-download-icn, a.general-download-icn:hover {background-position: 3px -420px !important;}
.general-envelope-icn, a.general-envelope-icn:hover {background-position: 3px -451px !important;}
.general-search-icn, a.general-search-icn:hover {background-position: 3px -482px !important;}
.general-compress-icn, a.general-compress-icn:hover {background-position: 3px -510px !important;}
.general-minus-circle-icn, a.general-minus-circle-icn:hover {background-position: 3px -541px !important;}
.general-dollar-icn, a.general-dollar-icn:hover {background-position: 3px -572px !important;}
.general-globe-icn, a.general-globe-icn:hover {background-position: 3px -603px !important;}
.general-star-icn, a.general-star-icn:hover {background-position: 3px -633px !important;}
.general-sign-in-icn, a.general-sign-in-icn:hover {background-position: 3px -664px !important;}
.general-history-icn, a.general-history-icn:hover {background-position: 3px -695px !important;}
.general-ban-icn, a.general-ban-icn:hover {background-position: 3px -724px !important;}
.general-check-square-o-icn, a.general-check-square-o-icn:hover {background-position: 3px -755px !important;}
.general-bar-chart-icn, a.general-bar-chart-icn:hover {background-position: 3px -786px !important;}
.general-file-excel-o-icn, a.general-file-excel-o-icn:hover {background-position: 3px -817px !important;}
.general-fa-check-black, a.general-fa-check-black:hover {background-position: 3px -846px !important;}
.general-pie-chart-icn, a.general-pie-chart-icn:hover {background-position: 3px -877px !important;}
.general-cog-icn, a.general-cog-icn:hover {background-position: 3px -908px !important;}
.general-comment-icn, a.general-comment-icn:hover {background-position: 3px -938px !important;}
.general-plus-circle-icn, a.general-plus-circle-icn:hover {background-position: 3px -968px !important;}
.general-plus-square-icn, a.general-plus-square-icn:hover {background-position: 3px -999px !important;}
.general-repeat-icn, a.general-repeat-icn:hover {background-position: 3px -1030px !important;}
.general-calendar-icn, a.general-calendar-icn:hover {background-position: 3px -1061px !important;}
.general-arrow-down-icn, a.general-arrow-down-icn:hover {background-position: 3px -1090px !important;}
.general-folder-open-icn, a.general-folder-open-icn:hover {background-position: 3px -1121px !important;}
.general-exclamation-circle-icn, a.general-exclamation-circle-icn:hover {background-position: 3px -1152px !important;}
.general-trash-o-icn, a.general-trash-o-icn:hover {background-position: 3px -1181px !important;}
.general-info-icn, a.general-info-icn:hover {background-position: 3px -1213px !important;}
.general-link-icn, a.general-link-icn:hover {background-position: 3px -1243px !important;}
.general-pencil-icn-black, a.general-pencil-icn-black:hover {background-position: 3px -1274px !important;}
.general-files-o-icn, a.general-files-o-icn:hover {background-position: 3px -1305px !important;}
.general-wrench-icn, a.general-wrench-icn:hover {background-position: 3px -1336px !important;}
.general-print-icn, a.general-print-icn:hover {background-position: 3px -1366px !important;}
.general-unlink-icn, a.general-unlink-icn:hover {background-position: 3px -1396px !important;}
.general-barcode-icn, a.general-barcode-icn:hover {background-position: 3px -1424px !important;}
.general-check-circle-o-icn, a.general-check-circle-o-icn:hover {background-position: 3px -1456px !important;}
.general-user-icn, a.general-user-icn:hover {background-position: 3px -1487px !important;}
.general-question-icn, a.general-question-icn:hover {background-position: 3px -1518px !important;}
.site-icn {background-image:url(images/icons-set.png); height: 28px; background-repeat: no-repeat;}
a.site-icn-over:hover {background:url(images/icons-set.png) #000ba2 !important; height: 28px; background-repeat: no-repeat !important;}
.site-icn-chart-report, a.site-icn-chart-report:hover {background-position: 0px 6px !important;}
.site-icn-receive-order, a.site-icn-receive-order:hover {background-position: 0px -24px !important;}
.site-icn-manage-expense, a.site-icn-manage-expense:hover {background-position: 0px -54px !important;}
.site-icn-checklist, a.site-icn-checklist:hover {background-position: 0px -84px !important;}
.site-icn-review, a.site-icn-review:hover {background-position: 0px -114px !important;}
.site-icn-average, a.site-icn-average:hover {background-position: 0px -144px !important;}
.site-icn-medical-new-request, a.site-icn-medical-new-request:hover {background-position: 0px -174px !important;}
.site-icn-close-job, a.site-icn-close-job:hover {background-position: 0px -234px !important;}
.site-icn-critical, a.site-icn-critical:hover {background-position: 0px -264px !important;}
.site-icn-export-barcodes, a.site-icn-export-barcodes:hover {background-position: 0px -294px !important;}
.site-icn-ff-quote, a.site-icn-ff-quote:hover {background-position: 0px -324px !important;}
.site-icn-ff-quote-view, a.site-icn-ff-quote-view:hover {background-position: 0px -354px !important;}
.site-icn-iso, a.site-icn-iso:hover {background-position: 0px -384px !important;}
.site-icn-maintenance-history, a.site-icn-maintenance-history:hover {background-position: 0px -414px !important;}
.site-icn-place-order, a.site-icn-place-order:hover {background-position: 0px -444px !important;}
.site-icn-postponed, a.site-icn-postponed:hover {background-position: 0px -474px !important;}
.site-icn-postpone-job, a.site-icn-postpone-job:hover {background-position: 0px -504px !important;}
.site-icn-print-barcodes, a.site-icn-print-barcodes:hover {background-position: 0px -534px !important;}
.site-icn-quote, a.site-icn-quote:hover {background-position: 0px -564px !important;}
.site-icn-quote-arrow, a.site-icn-quote-arrow:hover {background-position: 0px -594px !important;}
.site-icn-quote-view, a.site-icn-quote-view:hover {background-position: 0px -624px !important;}
.site-icn-report-running-hours, a.site-icn-report-running-hours:hover {background-position: 0px -654px !important;}
.site-icns-al, a.site-icns-al:hover {background-position: 0px -684px !important;}
.site-icn-view-job, a.site-icn-view-job:hover {background-position: 0px -714px !important;}
.site-icn-view-job-history, a.site-icn-view-job-history:hover {background-position: 0px -744px !important;}
.site-icn-view-parts-inventory, a.site-icn-view-parts-inventory:hover {background-position: 0px -774px !important;}
.site-icn-view-sub-components, a.site-icn-view-sub-components:hover {background-position: 0px -804px !important;}
.site-icn-swa, a.site-icn-swa:hover {background-position: 0px -834px !important;}
.site-icn-medical-assistance, a.site-icn-medical-assistance:hover {background-position: 0px -864px !important;}
.site-icn-dispute, a.site-icn-dispute:hover {background-position: 0px -894px !important;}
.site-icn-create-requistion, a.site-icn-create-requistion:hover {background-position: 0px -924px !important;}
.site-icn-orientation, a.site-icn-orientation:hover {background-position: 0px -954px !important;}
.site-icn-crew1, a.site-icn-crew1:hover {background-position: 0px -984px !important;}
.sidebar-wrapper>ul>li:nth-last-child(2) .submenu li:hover ul.submenu.lavel2, .sidebar-wrapper>ul>li:nth-last-child(3) .submenu li:hover ul.submenu.lavel2, .sidebar-wrapper>ul>li:nth-last-child(1) .submenu li:hover ul.submenu.lavel2 {left:-100%;}
.btn-act {text-transform:uppercase;}
.svg-icon {width: 16px;}
form .form-group.stevedore-damage>label {width:400px;}
.radio-margin {margin-top:7px;}
.soa-filter {font-size:16px; line-height:24px;}
.soa-filter i {color:green;}
.soa-filter a {color: red;}
.soa-export {position: absolute; right: 20px; top: 20px; z-index: 999;}
.crewkin_overlay{opacity: 0.4; pointer-events: none;}
ul.budget-code-select {margin: 0px; padding: 0px;}
ul.budget-code-select li {list-style: none; color: blue; margin-top: 5px;}
ul.budget-code-select li i {background: red; color: white; padding: 4px; margin-right: 5px; border-radius: 4px;}
ul.budget-code-select li span {float: right;}
#tab_supplier_category ul, #tab_type_supplier ul, #tab_tag ul {margin:0px; padding:0px; max-height: 450px; overflow: auto;}
#tab_supplier_category ul li, #tab_type_supplier ul li, #tab_tag ul li {list-style: none; margin: 5px 4px; border-bottom: 1px solid #B1D1E5; width: 24%; display: inline-block; font-weight:bold; padding-bottom: 5px;}
#tab_supplier_category ul li i, #tab_type_supplier ul li i,#tab_tag ul li i {color:green;}
#tab_supplier_category ul li.active-supplier-type, #tab_type_supplier ul li.active-supplier-type, #tab_tag ul li.active-supplier-type {font-weight: normal; color:#999;}
.require-work-permit {font-weight: bold; margin-top: 10px; display: block;}
.jq_routine_work_permit hr {margin: 4px 0px; border-top: 1px solid #666;}
/*.jq_routine_work_permit i {background: #428bca; padding: 5px 4px; color: #fff; border-radius: 5px;}*/
.upload-filename-success { width: 180px; word-wrap: break-word; }
.weather-table {border:1px solid #000; padding: 10px; line-height: 30px; margin-top: 20px; margin-left: -20px;}
td.column-edit {padding: 0px !important;}
td.column-edit .bs_view_title{padding: 4px 8px !important; display: block;}
td.column-edit textarea{width: 100%; border: none;position: relative;}
td.column-edit textarea:before {content: "\f110"; font-family: FontAwesome; font-size:20px; position: absolute;
top: 0; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
.js_hull_paint_loop .w200 {margin-right: 8px;}
.js_hull_paint_loop .w180 {width: 180px !important;}
.tile{margin-bottom:30px; background-color:#fff; overflow: hidden; position: relative; border-radius:3px;}
.tile .tile-header {position:relative; padding:15px 25px 15px; border-bottom: solid 1px #e8e8e8;}
.tile .tile-header .heading {font-size:26px; font-weight:700; padding: 0; margin: 0;}
.tile .tile-header .controls {position: absolute; right: 15px; top: 15px;}
.tile .tile-body{padding: 25px 25px 15px; position: relative; transition: opacity .25s linear; -webkit-transition: opacity .25s linear;}
a.morelink {text-decoration:none; outline: none;}
.morecontent span {display: none;}
.comment {width: 400px;}
.single_multiselect.require ~ .ui-multiselect {background: #FDD;border: 1px solid #A94442; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] {-moz-appearance: textfield; }
#OfficeLocationMasterAddForm div.require,#CreatePOForm div.require, #CreatePOForm button.require {border: 1px solid #A94442; background: #FDD; }
.switch {position: relative; height: 35px; width: 125px; background: #eee; border-radius: 50px; border: 1px solid #ccc; }
.switch-label {position: relative; z-index: 2; float: left; width: 61px; font-size: 14px; text-align: center; cursor: pointer; font-weight: normal; padding-top: 7px; margin-bottom: 0; padding-bottom: 5px;}
.switch-input {display: none; }
.switch-input:checked + .switch-label {-webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: color, text-shadow; -moz-transition-property: color, text-shadow; -ms-transition-property: color, text-shadow; -o-transition-property: color, text-shadow; transition-property: color, text-shadow; color: #fff; }
.switch-input:checked + .switch-label-on ~ .switch-selection {left: 60px; }
.switch-selection {position: absolute; z-index: 1; top: 1px; left: 1px; display: block; width: 62px; height: 31px; border-radius: 50px; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#075901), to(#087900)); background-image: -webkit-linear-gradient(top, #075901, 0%, #087900, 100%); background-image: -moz-linear-gradient(top, #075901 0%, #087900 100%); background-image: linear-gradient(to bottom, #075901 0%, #087900 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff075901', endColorstr='#ff087900', GradientType=0); color: #fff; }
.update-distribution .switch {width: 230px; }
.update-distribution .switch-label {width: 112px; }
.update-distribution .switch-input {display: none; }
.update-distribution .switch-input:checked + .switch-label {-webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: color, text-shadow; -moz-transition-property: color, text-shadow; -ms-transition-property: color, text-shadow; -o-transition-property: color, text-shadow; transition-property: color, text-shadow; color: #fff; }
.update-distribution .switch-input:checked + .switch-label-on ~ .switch-selection {left: 114px; }
.update-distribution .switch-selection {width: 112px;}
.calendar-error .js_error {display: table-footer-group; }
.umms_block_user {background: darkgrey !important; position: relative; color: #fff;}
.umms_block_user a{color: #fff;}
.umms_block_user .rfq-number + img{position: absolute; top: 5px; right: 4px;}
.umms_block_user img {width: 20px; float: right; margin-top: 2px;}
.reports-content .table tr td .label {width: 100px; white-space: normal; line-height: initial;}
.form-check{display: inline-block;}
.form-check .form-check-input{float:left; }
.form-check:not(.form-switch) .form-check-input[type=checkbox]{background-size:60% 60% }
.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e") }
.form-check-input:checked{background-color:#009ef7; border-color:#009ef7 }
.form-check-input[type=checkbox]{
border-radius:.45em
}
.form-check-input{
--bs-form-check-bg:transparent;
flex-shrink:0;
width:1.75rem;
height:1.75rem;
margin-top:-.125rem;
vertical-align:top;
appearance:none;
background-color:var(--bs-form-check-bg);
background-image:var(--bs-form-check-bg-image);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
border:1px solid var(--bs-gray-300);
print-color-adjust:exact
}
.edit-profile-button {position: absolute; right: 20px; top: 45px; z-index: 9999;}
/*vessel activity Start*/
.vessel_last_activity { list-style-type: none; background: #253647; float:left; width: 100%; padding: 10px 15px; border-radius: 6px; display: flex; align-items: center; }
.vessel_last_activity li { display: flex; float:left; width: calc(100% / 4 - 15px); margin-right: 15px }
.vessel_last_activity li:last-child { margin-right: 0; }
.vessel_last_activity li label { color: #fff; margin-bottom: 0;}
.vessel_event_two span { margin-right: 15px; display: inline-block; }
.vessel_event_two span:last-child { margin-right: 0; }
.Vessel_form_containers .fieldset_section { margin-top: 15px; padding: 8px 5px 5px 5px; }
.Vessel_form_containers .nc-audit-row { padding: 15px; }
.Vessel_form_containers .nc-audit-row .col-md-4, .Vessel_form_containers .nc-audit-row .col-md-8 { padding-right: 10px; padding-left: 10px; }
.Vessel_form_containers .fieldset_section legend { font-size: 13px; }
.Vessel_form_containers table tr td .form-control { padding: 4px 5px; }
.Vessel_form_containers table tr td .input-group-addon { padding: 4px 5px; }
.vessel_view .voyage-label { padding: 5px 15px; height: 25px; display: flex; align-items: center; justify-content: center; }
.Vessel_form_containers .fieldset_section.msa_tab_block_shadow { padding: 15px !important; }
.Vessel_form_containers .switch-label { padding-top: 10px; }
/*vessel activity END*/
.add-vessel .select_policies { list-style-type: none; padding: 20px 0 0 50px; text-align: center;}
.add-vessel .select_policies li { float: unset; width: calc(100% / 2 - 15px); display: flex; flex-direction: row; align-items: center; padding: 5px; border: 1px solid #CCCCCC; border-radius: 5px; position: relative; margin-bottom: 15px; background: #F4F9FF}
.add-vessel .select_policies li label{font-weight: normal; width: 100%; padding: 0;}
.add-vessel .select_policies li:hover { background-color: #253647; }
.add-vessel .select_policies li:hover label{ color: #fff; }
.add-vessel .select_policies li:nth-child(odd) { margin-right: 15px; }
.add-vessel-switch .select_sub_policies li span { width: unset; float: left; margin-top: -2px; display: flex; align-items: center; justify-content: center;}
.add-vessel-switch .switch {position: relative; height: 35px; width: 85px; background: #eee; border-radius: 50px; border: 1px solid #ccc;}
.add-vessel-switch .switch-label {color: #000;position: relative; z-index: 2; float: left; width: 40px; font-size: 14px; text-align: center; cursor: pointer; font-weight: normal; padding-top:7px; margin-bottom: 0; padding-bottom: 5px;}
.add-vessel-switch .switch-input {display: none;}
.add-vessel-switch .switch-input:checked + .switch-label {-webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: color, text-shadow; -moz-transition-property: color, text-shadow; -ms-transition-property: color, text-shadow; -o-transition-property: color, text-shadow;
transition-property: color, text-shadow; color:#fff;}
.add-vessel-switch .switch-input:checked + .switch-label-on ~ .switch-selection {left: 40px;}
.add-vessel-switch .switch-selection { position: absolute;
z-index: 1;
top: 2px;
left: 2px;
display: block;
width: 40px;
height: 32px;
border-radius: 15px;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-ms-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#89b43f), to(#77A22F));
background-image: -webkit-linear-gradient(top, #89b43f, 0%, #77A22F, 100%);
background-image: -moz-linear-gradient(top, #89b43f 0%, #77A22F 100%);
background-image: linear-gradient(to bottom, #89b43f 0%, #77A22F 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89b43f', endColorstr='#ff77A22F', GradientType=0);
color: #fff;}
.display-flex{
display: flex;
}
.display-inline-flex{
display: inline-flex;
}
.umms_info_message { color: #217DBB; background-color: #fff; border-color: #217DBB; }
.disabled {
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}
.po-table-footer {position: sticky; bottom: 0;}
.purchase-status.fleet-status-report .purchase-status-title {text-align: center; font-weight: bold; font-size: 18px; padding-top: 20px; flex: 0 0 12%;}
.purchase-status.fleet-status-report .deliver-at-info {position: absolute; right: 10px; bottom: 10px;}
.fleet-status-report .dashboard-requisition-box,.fleet-status-report .dashboard-po-box {margin: 5px 10px; display: flex; align-items: center; justify-content: center; flex: 0 0 9.5%; padding: 4px 5px; font-size: 14px;}
.sub-listing li {float: left; margin-right: 150px; font-size: 24px;}
.sub-listing li:last-child {float: left; margin-right: 0px;}
.sub-listing li:nth-last-child(2) {float: left; margin-right: 0px;}
.sub-listing-2 li {font-size: 24px;}
.po-list-text{font-size: 14px;}
.show_password_icon {
position: absolute;
bottom: 12px;
right: 5px;
}
.cs_warning{background:#E29931;}
.edit-rob-btn{position: absolute; top: 10px; right: 10px;}
.req_error{background:#f9f1c8;}
.spare-part-attachment {align-items: center; display: flex;}
.spare-part-attachment .part-head {font-size: 14px; margin-right: 10px; font-weight: bold;}