@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('../assets/webfonts/helveticaneue-light-webfont.woff2') format('woff2'), url('../assets/webfonts/helveticaneue-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../assets/webfonts/HelveticaNeue.eot');
    src: url('../assets/webfonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('../assets/webfonts/HelveticaNeue.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('../assets/webfonts/HelveticaNeue-Bold.eot');
    src: url('../assets/webfonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('../assets/webfonts/HelveticaNeue-Bold.woff') format('woff'), url('../assets/webfonts/HelveticaNeue-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeue-CondensedBold';
    src: url('../assets/webfonts/HelveticaNeue-CondensedBold.eot');
    src: url('../assets/webfonts/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'), url('../assets/webfonts/HelveticaNeue-CondensedBold.woff') format('woff'), url('../assets/webfonts/HelveticaNeue-CondensedBold.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('../assets/webfonts/HelveticaNeue-Light.eot');
    src: url('../assets/webfonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('../assets/webfonts/HelveticaNeue-Light.woff') format('woff'), url('../assets/webfonts/HelveticaNeue-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('../assets/webfonts/HelveticaNeue-Medium.eot');
    src: url('../assets/webfonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('../assets/webfonts/HelveticaNeue-Medium.woff') format('woff'), url('../assets/webfonts/HelveticaNeue-Medium.ttf') format('truetype');
}

/*Icons Font*/
@font-face {
    font-family: 'drewry-icon';
    src: url('../assets/webfonts/icons/drewry-icon.eot?p92v5c');
    src: url('../assets/webfonts/icons/drewry-icon.eot?p92v5c#iefix') format('embedded-opentype'), url('../assets/webfonts/icons/drewry-icon.ttf?p92v5c') format('truetype'), url('../assets/webfonts/icons/drewry-icon.woff?p92v5c') format('woff'), url('../assets/webfonts/icons/drewry-icon.svg?p92v5c#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

#et-boc .top-bar .top-bar-right ul.menu-contact .submenu-contact {
    display: none;
}

#et-boc [type=text],
#et-boc [type=password],
#et-boc [type=date],
#et-boc [type=datetime],
#et-boc [type=datetime-local],
#et-boc [type=month],
#et-boc [type=week],
#et-boc [type=email],
#et-boc [type=number],
#et-boc [type=search],
#et-boc [type=tel],
#et-boc [type=time],
#et-boc [type=url],
#et-boc [type=color],
#et-boc select {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-color: #ccc;
    width: 100%;
    height: 2rem !important;
    resize: none;
    padding: 0.3rem;
}

#et-boc * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box !important;
}

#et-boc .top-bar-wrapper.new-top-bar .notification-box {
    margin-right: 25px;
}

#et-boc .dod-tp-content.market-data-content {
    max-width: 1250px;
    width: 100%;
    margin: auto;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

body {
    margin: 0;
    background-color: transparent;
    color: #353D42;
    font-size: 16px;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    line-height: 21px;
}

#et-boc .main-content {
    /* max-width: 100%;
    margin: auto; */
    /* margin-top: -25px; */
}

/* Dynamic menu: nested submenu for My Resources */
#dynamic_menu li.has-submenu { position: relative; }
#dynamic_menu li.has-submenu > .submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 43px;
    min-width: 240px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    z-index: 20;
    padding: 8px 0;
}
.dy-header.inner-dy-header .menu-list.child_wrapper > ul > li.has-submenu > a::before {
    position: absolute;
    content: "\e904";
    font-family: 'drewry-icon' !important;
    right: -25px;
    top: -1px;
    font-size: 25px;
}
#dynamic_menu li.has-submenu:hover > .submenu { display: block;list-style: none;padding: 0; }
#dynamic_menu .submenu li a { display: block; padding:15px; white-space: nowrap;
    font-family: 'HelveticaNeue'; font-weight: inherit !important;font-size: 17px; cursor: pointer;}

#dynamic_menu li.has-submenu > ul.submenu > li:hover a{background-color: #e6e9ee !important;}    

#et-boc .hentry,
#et-boc a,
#et-boc a:active,
#et-boc blockquote,
#et-boc em,
#et-boc form,
#et-boc h1,
#et-boc h2,
#et-boc h3,
#et-boc h4,
#et-boc h5,
#et-boc h6,
#et-boc hr,
#et-boc iframe,
#et-boc img,
#et-boc input,
#et-boc label,
#et-boc li,
#et-boc object,
#et-boc ol,
#et-boc p,
#et-boc span,
#et-boc strong,
#et-boc textarea,
#et-boc ul,
#et-boc video {
    text-align: inherit;
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
    letter-spacing: normal;
    color: inherit;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: inherit;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.dy-header.inner-dy-header .sp-dropdown-subb>ul>li {
    padding: 15px !important;
    width: 190px;
    text-align: left !important;
    background-color: #fff !important;
}

#et-boc .top-bar ul {
    margin: 0 0 0 -11px;
    padding: 0;
    list-style: none;
}

#et-boc .top-bar ul li {
    display: inline-block;
    vertical-align: middle;
}

#et-boc .top-bar-wrapper {
    background-color: #243A50;
    margin: 0 auto;
}

#et-boc .top-bar {
    width: 100%;
    display: table;
    max-width: 1250px;
    margin: auto;
}

#et-boc .top-bar .top-bar-left,
#et-boc .top-bar .top-bar-right {
    display: inline-block;
    vertical-align: middle;
}

#et-boc .top-bar a {
    text-decoration: none;
    display: block;
}

#et-boc .top-bar ul {
    margin: 0 0 0 -11px;
    padding: 0;
    list-style: none;
}

#et-boc .top-bar ul li {
    display: inline-block;
    vertical-align: middle;
}

/* #et-boc .top-bar .breadcrumb-navigation li{position:relative;font-size:14px;color:#002b5c;} */
#et-boc .top-bar .breadcrumb-navigation li {
    position: relative;
    font-size: 14px;
    color: #fff;
}

#et-boc .top-bar .breadcrumb-navigation li:first-child {
    padding-right: 0
}

.dy-header.inner-dy-header .menu-list.child_wrapper>ul>li {
    font-size: 16px;
    font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
    line-height: 19px;
    color: #353D42 !important;
    padding: 10px 0 10px 0 !important;
    /* margin-right: 67px !important; */
    border-bottom: 4px solid rgb(243 176 0 / 0%) !important;
    position: relative;
    font-weight: 500;
    white-space: nowrap;
    display: block;
    margin-right: 30px !important;
}
.dy-header.inner-dy-header .menu-list.child_wrapper>ul#dynamic_menu>li.has-submenu{
     margin-right: 45px !important;
}

/*#et-boc .top-bar .breadcrumb-navigation li:after{content:'/';display:inline-block;position:absolute;right:1px;top:-1px;font-size:14px;color:#002b5c;}*/
#et-boc .new-top-bar .top-bar .breadcrumb-navigation li:after {
    display: none;
}

#et-boc .top-bar .breadcrumb-navigation li:last-child:after {
    content: '';
}

#et-boc .top-bar .breadcrumb-navigation a {
    color: #002B5C;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding-right: 0px;
    display: inline-block;
}

#et-boc .top-bar-wrapper.new-top-bar .top-bar .top-bar-left .breadcrumb-navigation a {
    color: #fff;
    padding-right: 0px
}

#et-boc .top-bar-wrapper.new-top-bar .top-bar .top-bar-left .breadcrumb-navigation li:first-child a {
    padding-right: 0;
}

#et-boc .top-bar .breadcrumb-navigation span {
    position: relative;
    padding: 0 3px;
}

#et-boc .top-bar .breadcrumb-navigation span:after {
    position: absolute;
    content: '/';
    right: -5px;
}

#et-boc .top-bar .breadcrumb-navigation li:last-child span:after {
    content: '';
}

#et-boc .top-bar .breadcrumb-navigation .icon-DrewryHomeIcon {
    font-size: 2.5em;
    vertical-align: middle;
}

#et-boc .top-bar .top-bar-right {
    text-align: right;
}

#et-boc .top-bar .top-bar-right ul {
    display: flex;
    align-items: center;
    justify-content: end;
}

#et-boc .top-bar .top-bar-right ul.menu-contact .has-submenu:hover .submenu-contact {
    display: block;
    position: absolute;
    text-align: left;
    min-width: 105px;
    background-color: #f2f4f7;
    font-size: 14px;
    color: #002B5C !important;
    z-index: 9;
}

#et-boc .top-bar .top-bar-right ul.menu-contact .has-submenu:hover .submenu-contact li {
    display: block;
    padding: 10px 12px;
}

#et-boc .top-bar .top-bar-right ul li {
    display: inline-block;
    vertical-align: middle;
}

#et-boc .top-bar .top-bar-right .top-bar-item {
    font-weight: 300;
    text-decoration: none !important;
    color: #fff;
    padding: 9px 20px 8px;
    font-size: 14px;
    font-family: 'Helvetica Neue Light', sans-serif;
}

#et-boc .top-bar .top-bar-right a i {
    vertical-align: middle;
    margin-right: 2px;
    color: #fff;
    position: relative;
    top: 0;
}

#et-boc .top-bar .top-bar-right ul li.cta-login {
    background: #f9b122 !important;
    position: relative;
    margin-left: 14px;
    display: inline-block;
    height: 38px;
    min-width: 135px;
}

#et-boc .top-bar .top-bar-right ul li.cta-login ul {
    text-align: left;
    position: relative;
    width: 100%;
    right: -12px;
    visibility: hidden;
    opacity: 0;
    top: 0px;
    min-width: 135px;
    background-color: #f2f4f7;
    transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    -moz-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    -webkit-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    z-index: 1;
    font-size: 14px;
    display: block;
}

#et-boc .top-bar .top-bar-right ul li.cta-login ul .arrow-up {
    border-bottom: 10px solid #f2f4f7;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 40%;
    height: 0;
    width: 0;
    transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    -moz-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    -webkit-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
}

#et-boc .top-bar .top-bar-right ul li.cta-login>a {
    font-family: '' Helvetica Neue Light', sans-serif';
    padding-left: 3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    color: #102A59;
}

#et-boc .top-bar .top-bar-right ul li.cta-login>a i {
    position: absolute;
    left: 0;
    font-size: 25px;
    top: -1px;
    height: 100%;
    line-height: 40px;
    border-right: 1px solid #013167;
    width: 2.5rem;
    text-align: center;
    color: #102A59;
}

#et-boc .top-bar .top-bar-right ul li.cta-login>a i.icon-DrewryArrowNavy {
    font-size: 0.875rem;
    line-height: 2.5rem;
    top: 0
}

#et-boc .top-bar .top-bar-right ul li.cta-login ul li {
    display: block;
}

#et-boc .top-bar .top-bar-right ul li.cta-login ul li a,
#et-boc .top-bar .top-bar-right ul li.cta-login ul li form {
    display: block;
    padding: 0 10px
}

body #et-boc .top-bar .top-bar-right ul li.cta-login ul li a {
    padding: 10px 12px;
}

#et-boc .top-bar .top-bar-right ul li.cta-login ul li a span,
#et-boc .top-bar .top-bar-right ul li.cta-login ul li form input {
    font: 0.875rem/150% 'HelveticaNeue-Light', Arial, sans-serif;
    text-decoration: none !important;
    color: #002b5c;
    padding: 9.5px 15px;
    display: block;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

#et-boc .top-bar .top-bar-right ul li.cta-login ul li form input {
    border-bottom: 0
}

#et-boc .top-bar .top-bar-right ul li.cta-login:hover ul {
    opacity: 1;
    visibility: visible;
    z-index: 999999;
}

#et-boc .top-bar .top-bar-right ul li li:hover {
    background: #e6e9ee;
}

#et-boc .top-bar-right .cta-login ul li .logout-nav input[type="submit"] {
    padding: 0;
}

/*Search*/
#et-boc .logo-search {
    display: table;
    width: 100%;
    height: auto;
    max-width: 1250px;
    margin: auto;
    /* padding: 15px 0 0 0 !important; */
}
.page-template-page-login #et-boc .logo-search{padding-top: 35px !important;}

#et-boc .logo-search.main-menu-not-login {
    display: block;
    max-width: 445px;
    margin: 0 auto;
}

#et-boc .logo-search .logo {
    display: table-cell;
    vertical-align: top;
    padding-top: inherit;
    padding-bottom: 15px;
}

#et-boc .logo-search .logo a {
    text-decoration: none;
}

#et-boc .logo-search .header-nav-search {
    display: table-cell;
    vertical-align: top;
    padding-top: 25px;
    width: 59%;
    text-align: right;
}

#et-boc .logo-search .header-nav-search ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#et-boc .logo-search .header-nav-search ul li {
    display: inline-block;
}

#et-boc .logo-search .header-nav-search ul li a {
    text-decoration: none;
    margin-right: 45px;
    color: #002C58;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-family: "Helvetica Neue Medium", HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
}

#et-boc .logo-search .header-nav-search .search-box {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

#et-boc .logo-search .header-nav-search .search-box a {
    font-size: 30px;
    height: 100%;
    width: 38px;
    text-decoration: none;
}

#et-boc .logo-search .header-nav-search .search-box a:before {
    color: #002B5C;
}

/*Search open in Toggle*/
.top-bar-right #search_box_wrapper form.search-box {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    padding-right: 0 !important;
}

#et-boc .new-top-bar .search-box-wrapper {
    z-index: 9999;
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 35px;
    left: 0;
    background: #373d42;
    z-index: 3;
    right: 0;
    bottom: 0;
    padding: 10px;
    outline: none;
    box-shadow: none;
    height: 65px;
}

#et-boc .new-top-bar .search-box-wrapper button {
    font-family: 'HelveticaNeue' !important;
}

#et-boc #notification_box_wrapper .notification-container {
    border-radius: 0;
    max-width: 372px;
    background: #f2f4f7;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
    color: #333;
    overflow: hidden;
    width: 100%;
}

#et-boc .notification-container {
    background-color: #f0f0f0;
    border-radius: 8px;
    padding: 10px;
    position: absolute;
    z-index: 111;
}

/* General Notification Styling */
#et-boc #notification_box_wrapper .notification-container {
    border-radius: 0;
    max-width: 372px;
    background: #f2f4f7;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
    color: #333;
    overflow: hidden;
    width: 100%;
}

/* Header */
#et-boc #notification_box_wrapper .notification-header {
    background-color: #002B5C;
    color: #ffffff;
    padding: 12px 16px 7px;
    display: flex;
    justify-content: flex-start;
    align-items: self-start;
    border-bottom: 1px solid #ddd;
    margin-bottom: 4px;
}

#et-boc #notification_box_wrapper .notification-title {
    font-size: 18px;
    font-weight: bold;
}

#et-boc #notification_box_wrapper .notification-title a {
    color: #fff
}

#et-boc #notification_box_wrapper .notification-count {
    font-size: 12px;
    background: #f9b122;
    color: #002B5C;
    padding: 2px 6px;
    border-radius: 12px;
    font-weight: bold;
    display: inline-block;
    top: -2px;
    position: relative;
    margin-left: 1px;
}

#et-boc #notification_box_wrapper .notification-item:last-child {
    border-bottom: none;
}

#et-boc .notification-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

#et-boc #notification_box_wrapper .notification-item:hover {
    background: #e6e9ee;
}

#et-boc #notification_box_wrapper .notification-text {
    font-size: 14px;
    color: rgb(16, 42, 89);
    text-align: left;
    padding-right: 10px;
    font-family: HelveticaNeue-Light, Arial, sans-serif;
}

#et-boc #notification_box_wrapper .notification-list {
    max-height: 300px;
    overflow-y: auto;
}

#et-boc #notification_box_wrapper .notification-item {
    padding: 4px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 0;
    transition: background 0.3s ease;
}

#et-boc .new-top-bar .search-box-wrapper input {
    background: #fff;
    border: 0;
    border: 1px solid #8F9295;
    color: #353D42;
    width: calc(100% - 75%);
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    vertical-align: bottom;
    font-family: 'HelveticaNeue-Light';
    text-align: left;
}

#et-boc #notification_box_wrapper .notification-list {
    max-height: 300px;
    overflow-y: auto;
}

#et-boc .notification-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#et-boc .top-bar {
    width: 100%;
    display: table;
    max-width: 1250px;
    margin: auto;
}

.top-bar-wrapper.new-top-bar>.top-bar{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.top-bar-right ul .search-box {
    padding-right: 20px !important;
}

.top-bar-right ul .search-box a {
    color: #fff !important;
    font-family: 'Helvetica Neue Light', sans-serif !important;
    font-size: 14px;
}

#et-boc .top-bar .top-bar-right .top-bar-item {
    font-weight: 300;
    text-decoration: none !important;
    color: #fff;
    padding: 9px 20px 8px;
    font-size: 14px;
    font-family: 'Helvetica Neue Light', sans-serif;
}

#et-boc .new-top-bar .search-box-wrapper input:focus {
    box-shadow: none;
}

#et-boc .new-top-bar .search-box-wrapper button {
    margin-left: 10px
}

#et-boc .new-top-bar .search-box-wrapper button:hover {
    background-color: #f9b122 !important;
    color: #000 !important;
}

#et-boc .new-top-bar .search-box-wrapper button:hover::before {
    color: #000 !important;
}

body #et-boc .new-top-bar .search-box-wrapper:before {
    right: 28px;
}

#et-boc .top-bar .top-bar-right ul #search_error .parsley-errors-list {
    margin-right: 270px;
}

#et-boc .top-bar-wrapper {
    background-color: #243A50;
    margin: 0 auto;
}


/* Footer
* --------------------------------------- */
.dy-footer {
    background-color: #353D42;
    padding: 15px 0 0;
    max-width: 100%;
    border-top: 1px solid #d5d6d9;
    width: 100%;
    bottom: auto;
}

.dy-footer .footer-wrapper {
   display: flex;
    max-width: 1250px;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.dy-footer .footer-wrapper .footer-links {
    display: table-cell;
    vertical-align: top;
    width: inherit;
    margin-right: 20px;
}

.dy-footer .footer-wrapper .footer-links h6 {
    font-weight: 500;
    margin: 0 0 5px;
    padding: 0 5px;
    border-bottom: 1px solid #d5d6d9;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Helvetica Neue Medium';
    letter-spacing: normal;
    line-height: 1.4rem;
}

.dy-footer .footer-wrapper .footer-links a {
    color: #fff !important;
    font-family: 'HelveticaNeue-Medium';
    text-decoration: none;
}

.dy-footer .footer-wrapper .footer-social-links {
    display: table-cell;
    width: 50%;
    text-align: right;
}

.dy-footer .site-info {
    /* font-size: 16px;
    border-top: 0;
    padding: 30px 0 !important;
    margin: 10px 0 0 0 !important;
    color: #FFFFFF !important;
    text-align: center !important;
    background: #353D42 !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    min-height: 80px !important;
    z-index: 0 !important;
    position: relative;
    left: 0 !important;
    line-height: 1.8; */
        font-size: 13px;
    border-top: 0;
    padding: 10px 0 20px;
    margin-top: 10px;
    color: #FFFFFF;
    text-align: center;
    background: #353D42;
}

/* .dy-footer .site-info .row {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    display: block;
} */

.dy-footer .site-info .columns {
    width: 100%;
    display: block;
    text-align: center;
}

.dy-footer .site-info .copyright-text {
    font-size: 14px;
    padding: 8px 0;
    letter-spacing: 0.4px;
    line-height: 1.6;
    color: #FFFFFF !important;
    text-align: center;
    margin: 5px auto;
    display: block;
    border-bottom: 1px solid #555;
    margin-bottom: 15px;
}

.dy-footer .site-info .browser-disclamer {
    font-size: 12px;
    padding: 8px 0;
    letter-spacing: 0.4px;
    line-height: 1.5;
    color: #FFFFFF !important;
    text-align: center;
    margin: 5px auto;
    display: block;
}

.dy-footer .site-info a {
    color: #FFFFFF !important;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.dy-footer .site-info a:hover {
    color: #f9b122 !important;
    text-decoration: underline;
}

/* Ensure all dropdowns appear above footer */
.select-items,
.sp-dropdown-subb,
.dropdown,
.menu-dropdown {
    z-index: 9999 !important;
}

.dy-header .select-items,
.dy-header .sp-dropdown-subb {
    z-index: 9999 !important;
}

.page-template-page-login .dy-footer .site-info .browser-disclamer {
    font-size: 11px;
    padding-top: 10px;
    letter-spacing: 0.4px;
    padding-top: 5px;
    color: #70767A !important;
}
.page-template-page-login .dy-footer.dy-login-footer a{color: #102A59 !important;}

.images-slider ul li {
    display: inline-block;
    padding: 0px 2px 6px 0 !important;
    margin-left: 15px;
}

#et-boc .images-slider ul li a img {
    max-width: 24px;
}

#et-boc .images-slider ul li a {
    margin-bottom: 0px;
    margin-right: 0px;
    border-bottom: 0;
}

.dy-footer .footer-wrapper::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #707070;
    bottom: -8px;
}

#et-boc [class^="icon-"],
#et-boc [class*=" icon-"] {
    font-family: 'drewry-icon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#et-boc .icon-DrewryArrowNavyDownDD:before {
    content: "\e900";
}

#et-boc .icon-DrewryArrowNavyLeft:before {
    content: "\e901";
}

#et-boc .icon-DrewryUserIconV3:before {
    content: "\e902";
    font-size: 25px;
}

#et-boc .icon-DrewryBurgerIcon:before {
    content: "\e903";
}

#et-boc .icon-DrewryArrowNavyDown:before {
    content: "\e904";
}

#et-boc .icon-DrewryBulletIcon .path1:before {
    content: "\e905";
}

#et-boc .icon-DrewryBulletIcon .path2:before {
    content: "\e906";
    margin-left: -1em;
    color: #fff;
}

#et-boc .icon-DrewryLinkedinIconV2:before {
    content: "\e907";
}

#et-boc .icon-DrewryTwitterIconV2:before {
    content: "\e908";
}

#et-boc .icon-DrewrySearchIconV2:before {
    content: "\e909";
}

#et-boc .icon-DrewryArrowNavy:before {
    content: "\e90a";
}

#et-boc .icon-DrewryHomeIcon:before {
    content: "\e90b";
}

#et-boc .icon-tick:before {
    content: "\e90e";
}

#et-boc .icon-oval-speech-bubble:before {
    content: "\e90f";
}

#et-boc .icon-list:before {
    content: "\e90c";
}

#et-boc .icon-grid:before {
    content: "\e90d";
}

#et-boc .icon-notebook:before {
    content: "\e910";
}

#et-boc .icon-inverted-commas:before {
    content: "\e911";
}

#et-boc .icon-sort-by-asc:before {
    content: "\ea50";
    top: 10px;
}

#et-boc .icon-sort-by-desc:before {
    content: "\e904";
    top: 5px;
}

#et-boc .icon-sort-by-desc:before,
#et-boc .icon-sort-by-asc:before {
    font-size: 24px;
    position: relative;
}

#et-boc .left-section-full {
    max-width: 1093px;
    margin: 0 20px 0 0;
    width: 100%;
}

#et-boc .icon-discussion .path1:before {
    content: "\e900";
    color: rgb(242, 244, 247);
}

#et-boc .icon-discussion .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: rgb(4, 44, 91);
}

#et-boc .icon-discussion .path3:before {
    content: "\e902";
    margin-left: -1em;
    color: rgb(5, 45, 92);
}

#et-boc .icon-discussion .path4:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

#et-boc .icon-discussion .path5:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(0, 25, 77);
}

#et-boc .icon-discussion .path6:before {
    content: "\e905";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

#et-boc .icon-discussion .path7:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

#et-boc .icon-discussion .path8:before {
    content: "\e907";
    margin-left: -1em;
    color: rgb(0, 22, 75);
}

#et-boc .icon-discussion .path9:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(0, 22, 75);
}

#et-boc .icon-discussion .path10:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(254, 254, 254);
}

#et-boc .icon-discussion .path11:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(254, 254, 254);
}

#et-boc .icon-discussion .path12:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

#et-boc .icon-discussion .path13:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

#et-boc .icon-discussion .path14:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(242, 244, 247);
}

#et-boc .icon-discussion .path15:before {
    content: "\e90e";
    margin-left: -1em;
    color: rgb(193, 204, 215);
}

#et-boc .icon-discussion .path16:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(211, 218, 227);
}

#et-boc .icon-discussion .path17:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(0, 22, 75);
}

#et-boc .icon-discussion .path18:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(0, 25, 77);
}

#et-boc .icon-discussion .path19:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(193, 204, 215);
}

#et-boc .icon-discussion .path20:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(211, 218, 227);
}

#et-boc .icon-discussion .path21:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(193, 204, 215);
}

#et-boc .icon-opinion .path1:before {
    content: "\e915";
    color: rgb(242, 244, 247);
}

#et-boc .icon-opinion .path2:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(3, 45, 92);
}

#et-boc .icon-opinion .path3:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(4, 46, 93);
}

#et-boc .icon-opinion .path4:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(2, 44, 91);
}

#et-boc .icon-opinion .path5:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(2, 44, 91);
}

#et-boc .icon-opinion .path6:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(2, 44, 91);
}

#et-boc .icon-opinion .path7:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(5, 46, 93);
}

#et-boc .icon-opinion .path8:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(5, 46, 93);
}

#et-boc .icon-opinion .path9:before {
    content: "\e91d";
    margin-left: -1em;
    color: rgb(5, 46, 93);
}

#et-boc .icon-opinion .path10:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(5, 46, 93);
}

#et-boc .icon-opinion .path11:before {
    content: "\e91f";
    margin-left: -1em;
    color: rgb(5, 47, 94);
}

#et-boc .icon-opinion .path12:before {
    content: "\e920";
    margin-left: -1em;
    color: rgb(5, 46, 93);
}

#et-boc .icon-opinion .path13:before {
    content: "\e921";
    margin-left: -1em;
    color: rgb(4, 46, 93);
}

#et-boc .icon-opinion .path14:before {
    content: "\e922";
    margin-left: -1em;
    color: rgb(5, 47, 94);
}

#et-boc .icon-opinion .path15:before {
    content: "\e923";
    margin-left: -1em;
    color: rgb(6, 47, 94);
}

#et-boc .icon-opinion .path16:before {
    content: "\e924";
    margin-left: -1em;
    color: rgb(5, 46, 93);
}

#et-boc .icon-subscription .path1:before {
    content: "\e925";
    color: rgb(242, 244, 247);
}

#et-boc .icon-subscription .path2:before {
    content: "\e926";
    margin-left: -1em;
    color: rgb(3, 45, 94);
}

#et-boc .icon-subscription .path3:before {
    content: "\e927";
    margin-left: -1em;
    color: rgb(2, 45, 93);
}

#et-boc .dy-header.inner-dy-header .menu-list {
    position: relative;
    max-width: 1250px;
}

/* #et-boc .dy-header.inner-dy-header .menu-list select {
    display: none;
} */

#et-boc .dy-header.inner-dy-header .select-selected {
    background-color: #fff0;
}

#et-boc .dy-header.inner-dy-header .select-selected {
    font-size: 38px;
    line-height: 55px;
    font-weight: 'HelveticaNeue-Light', Arial, sans-serif;
}


#et-boc .dy-header.inner-dy-header .select-selected:after {
    position: absolute;
    content: "\e904";
    font-family: 'drewry-icon' !important;
    top: 10px;
    right: -38px;
    font-size: 50px;
}

#et-boc .dy-header.inner-dy-header .select-selected.select-arrow-active:after {
    content: "\ea50";
    top: 16px;
    right: -38px;
    font-size: 45px;
}

#et-boc .dy-header.inner-dy-header .select-items div,
#et-boc .dy-header.inner-dy-header .select-selected {
    color: #102A59;
    padding: 5px 16px 5px 30px;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
}

#et-boc .dy-header.inner-dy-header .select-selected {
    padding-left: 0;
    display: table;
    position: relative;
    left: -3px;
}

#et-boc .dy-header.inner-dy-header .select-selected.select-arrow-active {
    padding-left: 28px;
    margin-left: -28px;
}



#et-boc .dy-header.inner-dy-header .select-items {
    position: absolute;
    background-color: #F2F4F7;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 5px 10px 12px #00000026;
    /* max-height: 450px; */
    /* overflow-y: auto; */
}

#et-boc .dy-header.inner-dy-header .select-hide {
    display: none;
}

#et-boc .dy-header.inner-dy-header .select-items div:hover,
#et-boc .dy-header.inner-dy-header .same-as-selected,
#et-boc .dy-header.inner-dy-header .select-items .same-as-selected {
    background-color: #fff;
    color: #102A59 !important;
}

.tabset.market-datas {
    max-width: 100%;
    width: 100%;
}

/* Header Main Dropdown End */
#main-register-form .register-wrapper.columns {
    position: relative;
}

a.register-back-cta {
    top: -36px;
}

/* Mobile Menu Start */
.logo-search.inner-dy-header-logo-search-two {
    position: relative;
}

.inner-dy-header-logo-search-two input {
    width: 40px;
    height: 32px;
    position: absolute;
    top: 0px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */
    -webkit-touch-callout: none;
}

.inner-dy-header-logo-search-two span {
    width: 30px;
    height: 4px;
    margin-bottom: 4px !important;
    position: relative;
    background: #353D42 !important;
    border-radius: 3px !important;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease !important;
}

.inner-dy-header-logo-search-two span:first-child {
    transform-origin: 0% 0%;
}

.inner-dy-header-logo-search-two span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

.inner-dy-header-logo-search-two input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

.inner-dy-header-logo-search-two input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

.inner-dy-header-logo-search-two input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

.inner-dy-header-logo-search-two input:checked~ul {
    transform: none;
}

.inner-dy-header-logo-search-two input,
.inner-dy-header-logo-search-two span {
    display: none;
}

/* Mobile Menu End */
/* Home page new header start */
.dy-header.main-navigationnn nav#menu-container {
    background-color: #fff;
    height: 30px;
}

#menu-container .menu-inner-box {
    width: calc(100% - 70px);
    margin: 0 auto;
}

.dy-header.main-navigationnn #menu-container .menu ul a {
    margin-right: 30px;
    padding-bottom: 4px;
    color: #102A59;
    font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

#menu-container .menu-inner-box::-webkit-scrollbar {
    display: none;
}

.dy-header.main-navigationnn #menu-container .menu ul a:last-child {
    margin-right: 0;
}

#menu-container #btn-nav-previous,
#menu-container #btn-nav-next {
    color: rgb(255 255 255 / 0%);
}

#menu-container #btn-nav-previous::before,
#menu-container #btn-nav-next::before {
    content: "\e901";
    position: absolute;
    top: 2px;
    font-size: 36px;
    font-family: 'drewry-icon' !important;
    color: #002B5C;
}

#menu-container #btn-nav-previous::before {
    content: "\e901";
    left: -11px;
}

#menu-container #btn-nav-next::before {
    content: "\e90a";
    right: -11px;
}

#Drewry-Home-text {
    position: relative;
    top: 3px;
}

.dy-header.inner-dy-header {
    background: #F2F4F7;
    margin-bottom: 20px;
    border-bottom: 1px solid #E5E9EE;
    width: 100%;
    z-index: 2;
}

#et-boc .dy-header.inner-dy-header .menu-list {
    position: relative;
    max-width: 1250px;
}

/* #et-boc .dy-header.inner-dy-header .menu-list select {
    display: none;
} */

#et-boc .dy-header.inner-dy-header .select-selected {
    background-color: #fff0;
}

#et-boc .dy-header.inner-dy-header .select-selected {
    font-size: 28px;
    line-height: 55px;
    font-weight: 'HelveticaNeue-Light', Arial, sans-serif;
}

#et-boc .dy-header.inner-dy-header .select-items div {
    background-color: #F2F4F7;
    color: #71767A !important;
    font-size: 22px;
    line-height: 31px;
}

#et-boc .dy-header.inner-dy-header .select-selected:after {
    position: absolute;
    content: "\e904";
    font-family: 'drewry-icon' !important;
    top: 6px;
    right: -38px;
    font-size: 50px;
}

#et-boc .dy-header.inner-dy-header .select-selected.select-arrow-active:after {
    content: "\ea50";
    top: 16px;
    right: -38px;
    font-size: 45px;
}

#et-boc .dy-header.inner-dy-header .select-items div,
#et-boc .dy-header.inner-dy-header .select-selected {
    color: #102A59;
    padding: 5px 16px 5px 30px;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
}

#et-boc .dy-header.inner-dy-header .select-selected {
    padding-left: 0;
    display: table;
    position: relative;
    left: -3px;
}

#et-boc .dy-header.inner-dy-header .select-selected.select-arrow-active {
    padding-left: 28px;
    margin-left: -28px;
}

#et-boc .dy-header.inner-dy-header .menu-list.select-arrow-active {
    max-width: 400px;
    padding-left: 28px;
    margin-left: -28px;
    box-shadow: inherit !important;
}


#et-boc .dy-header.inner-dy-header .select-items {
    position: absolute;
    background-color: #F2F4F7;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9999;

}

#et-boc .dy-header.inner-dy-header .select-hide {
    display: none;
}

#et-boc .dy-header.inner-dy-header .select-items div:hover,
#et-boc .dy-header.inner-dy-header .same-as-selected,
#et-boc .dy-header.inner-dy-header .select-items .same-as-selected {
    background-color: #fff;
    color: #102A59 !important;
}

.tabset.market-datas {
    max-width: 100%;
    width: 100%;
}

/* Header Main Dropdown End */
#main-register-form .register-wrapper.columns {
    position: relative;
}

a.register-back-cta {
    top: -36px;
}

/* Mobile Menu Start */
.logo-search.inner-dy-header-logo-search-two {
    position: relative;
}

.inner-dy-header-logo-search-two input {
    width: 40px;
    height: 32px;
    position: absolute;
    top: 0px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */
    -webkit-touch-callout: none;
}

.inner-dy-header-logo-search-two span {
    width: 30px;
    height: 4px;
    margin-bottom: 4px !important;
    position: relative;
    background: #353D42 !important;
    border-radius: 3px !important;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease !important;
}

.inner-dy-header-logo-search-two span:first-child {
    transform-origin: 0% 0%;
}

.inner-dy-header-logo-search-two span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

.inner-dy-header-logo-search-two input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

.inner-dy-header-logo-search-two input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

.inner-dy-header-logo-search-two input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

.inner-dy-header-logo-search-two input:checked~ul {
    transform: none;
}

.inner-dy-header-logo-search-two input,
.inner-dy-header-logo-search-two span {
    display: none;
}

/* Mobile Menu End */
/* Home page new header start */
.dy-header.main-navigationnn nav#menu-container {
    background-color: #fff;
    height: 30px;
}

#menu-container .menu-inner-box {
    width: calc(100% - 70px);
    margin: 0 auto;
}

.dy-header.main-navigationnn #menu-container .menu ul a {
    margin-right: 30px;
    padding-bottom: 4px;
    color: #102A59;
    font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

#et-boc a {
    text-decoration: none !important;
}

.dy-header.inner-dy-header .menu-list.child_wrapper>ul>li.sub-menu-child>a {
    position: relative;
    padding-right: 16px !important;
}

.dy-header.inner-dy-header .menu-list.child_wrapper>ul>li a {
    position: relative;
    width: 100%;
    display: block;
}

.dy-header.inner-dy-header .menu-list.child_wrapper>ul>li:hover,
.dy-header.inner-dy-header .menu-list.child_wrapper>ul>li.parent-active {
    border-color: #F3B000 !important;
}

li.has-submenu .submenu li.child-active {
    background: #e6e9ee!important;
}
.dy-header.inner-dy-header .menu-list.child_wrapper>ul>li {
    font-size: 16px;
    font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
    line-height: 19px;
    color: #353D42 !important;
    padding: 10px 0 10px 0 !important;
    /* margin-right: 67px !important; */
    border-bottom: 4px solid rgb(243 176 0 / 0%) !important;
    position: relative;
    font-weight: 500;
    white-space: nowrap;
}

.menu-list.child_wrapper>ul {
    display: flex;
    list-style: none;
    position: relative;
    /* justify-content: space-between; */
    margin-right: 40px !important;

}

#et-boc a {
    color: #102A59;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.tilde-view {
    position: relative;
    font-weight: 600;
    font-size: 0;
}

.tilde-view:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -5px;
    background: url(../images/info-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    background-size: 13px;
    top: 3px;

}

#et-boc [type=text],
#et-boc [type=password],
#et-boc [type=date],
#et-boc [type=datetime],
#et-boc [type=datetime-local],
#et-boc [type=month],
#et-boc [type=week],
#et-boc [type=email],
#et-boc [type=number],
#et-boc [type=search],
#et-boc [type=tel],
#et-boc [type=time],
#et-boc [type=url],
#et-boc [type=color],
#et-boc select {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-color: #ccc;
    width: 100%;
    height: 2rem !important;
    resize: none;
    padding: 0.3rem;
}

#et-boc [type=text],
#et-boc [type=password],
#et-boc [type=date],
#et-boc [type=datetime],
#et-boc [type=datetime-local],
#et-boc [type=month],
#et-boc [type=week],
#et-boc [type=email],
#et-boc [type=number],
#et-boc [type=search],
#et-boc [type=tel],
#et-boc [type=time],
#et-boc [type=url],
#et-boc [type=color],
#et-boc textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    border-radius: 3px;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;

}
.email-template tr td{
    vertical-align: middle;
}
#et-boc select, body #et-boc select[multiple] {
    background: url(../images/15DrewryArrowNavyDownDD.svg) white no-repeat;
    border: 1px solid #ccc;
    background-position: 100% center;
    padding-right: 35px;
    appearance: none;
}

#dc-demand-section #white-btn a.cta,
#white-btn a.cta,
#et-boc .cta-yello-btn,
#et-boc .new-top-bar .search-box-wrapper button {
    border-radius: 0;
    display: inline-block;
    cursor: pointer;
    padding: 0.4rem 0.9rem 0.4rem 2.5rem;
    vertical-align: middle;
    font-size: 16px;
    font-family: "Helvetica Neue Medium", HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 155%;
    color: #002b5c;
    background-color: #ffffff;
    border: 0;
    position: relative;
    text-decoration: none !important;
}

#dc-demand-section #white-btn .cta::before,
#white-btn .cta::before,
#et-boc .cta-yello-btn::before {
    margin-right: 0.55rem;
    content: "\e90a";
    height: 36px;
    width: 1.94rem;
    font-family: 'drewry-icon' !important;
    position: absolute;
    top: -2px;
    left: -2px;
    text-align: center;
    font-size: 22px;
    padding-top: 0.27rem;
    box-sizing: border-box;
    margin: 0px 0;
    line-height: 27px;
    width: 30px !important;
    border-right: 1px solid #002b5c;
    font-weight: 600;
}

#et-boc .cta,
#et-boc .cta:active,
#et-boc .et_pb_module a.cta,
.cta-swal2,
#et-boc input[type="submit"].gform_button.button {
    border-radius: 0;
    display: block;
    cursor: pointer;
    font-size: 16px !important;
    font-family: "Helvetica Neue Medium", HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
    line-height: 17px !important;
    color: #000 !important;
    background-color: #f9b122;
    position: relative;
    text-decoration: none !important;
    margin: 45px auto 0;
}
h3{
 font-size: 1.17em;
 font-weight: bold;
}
h2{
    font-weight: bold;
}

#et-boc .list-toolbar .list-count,
#et-boc .discussion-forum-detail .right-heading-forum {
    padding: 0;
    font-size: 32px;
    color: #353D42;
    line-height: 37px;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    /* margin-top: 60px; */
}

/* #et-boc .list-toolbar .columns .list-count{
   margin-top: 85px;
} */
#et-boc .list-toolbar {
    margin: 0 0 16px;
}

.dy-header.inner-dy-header .sp-dropdown-subb>ul>li {
    padding: 15px !important;
    width: 190px;
    text-align: left !important;
    background-color: #fff !important;
}

.dy-header.inner-dy-header .sp-dropdown-subb>ul>li a {
    font-family: 'HelveticaNeue';
    font-weight: inherit !important;
}

.menu-list.child_wrapper>ul,
.sp-dropdown-subb ul {
    list-style: none;
}

.Vessel-tb {
    max-width: 660px;
    width: 100%;
    background: #fff !important;
    /* padding: 10px 20px !important;
    margin-top: 60px !important; */
}


.Vessel-tb tr td.vessel-title {
    text-align: center;
    font-size: 23px;
    background: #012060;
    color: #fff !important;
    padding: 10px;
}

.Vessel-tb tr td {
    vertical-align: middle;
    padding: 15px 15px 15px;
    font-size: 20px !important;
    font-family: 'HelveticaNeue-Medium';
    color: #2e3756 !important;
    border-bottom: solid 1px #506592;
}

.Vessel-tb tr td a {
    color: #2887c9;
    float: right;
}

.Vessel-tb tr td .input-text,
.vassel-select,
.price-tb tr td .input-text {
    border-radius: 0 !important;
    width: 100%;
    appearance: none;
    /* Standard syntax */
    -webkit-appearance: none;
    /* Chrome, Safari, Opera */
    -moz-appearance: none;
    /* Firefox */
    box-shadow: inherit !important;
}

#et-boc .cta-yello-btn,
#et-boc .new-top-bar .search-box-wrapper button {
    background-color: #f9b122 !important;
    color: #000 !important;
}

.select-arrow::after {
    position: absolute;
    content: "\e904";
    font-family: 'drewry-icon' !important;
    left: 0px;
    top: -1px;
    font-size: 22px;
    transition: 0.5s;
}
.select-arrow.active::after{
    transform: rotateX(180deg);
}

.select-arrow.collapsed::after {
    content: "\ea50";
    top: 3px;
}

.Vessel-tb .field-mandatory {
    font-size: 18px;
    font-style: italic;
    font-family: 'HelveticaNeue-Medium';
    padding-top: 30px !important;
    color: #2e3756 !important;
    font-weight: 500;
}

.cta-yello-btn,
.cta.cta-yellow {
    background: #F3B000;
    border: 2px solid #F3B000 !important;
    border-radius: 0px !important;
    width: auto;
    height: 36px;
    padding: 8px 12px 11px 41px !important;
    text-align: left;
    font-size: 16px !important;
    line-height: 17px !important;
}


.vessel-next-btn {
    max-width: 660px;
    width: 100%;
    text-align: center !important;
    margin-top: 15px !important;
}
.dy-header.inner-dy-header .menu-list.child_wrapper > ul > li.sub-menu-child > a::before {
    position: absolute;
    content: "\e904";
    font-family: 'drewry-icon' !important;
    right: -8px;
    top: -1px;
    font-size: 25px;
}
.dy-header.inner-dy-header .menu-list.child_wrapper>ul>li.sub-menu-child>a::before {
    position: absolute;
    content: "\e904";
    font-family: 'drewry-icon' !important;
    right: -8px;
    top: -1px;
    font-size: 25px;
}

.dy-header.inner-dy-header .sp-dropdown-subb>ul>li:hover,
.dy-header.inner-dy-header .sp-dropdown-subb>ul>li.child-active {
    background-color: #e6e9ee !important;
}

.menu-list.child_wrapper>ul {
    list-style: none !important;
}

.menu-list.child_wrapper>ul>li .sp-dropdown-subb {
    display: none;
    position: absolute;
    max-width: 1250px;
    background: #F2F4F7 !important;
    left: 0;
    /* bottom: -103px; */
    top: 44px;
    z-index: 9999;
   
}

#search_box_wrapper {
    transition: all 0.3s ease;
}

#et-boc .myFeed-content .titleHeading,
#et-boc .titleHeading {
    padding: 0;
    font-size: 32px;
    color: #353D42;
    line-height: 100%;
    margin-bottom: 30px;
    font-weight: 100;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    /* margin-top: 60px; */
    display: flex;
    gap: 15px;
    align-items: center;
}
#et-boc .titleHeading span{
	font-size: 25px !important;
	color: #102A59 !important;
}
#et-boc .heading-small {
    display: block;
    font-size: 18px;
    color: #012b5d;
    font-weight: 500;
}

#et-boc .myFeed-table {
    background: #f4f4f4;
    padding: 20px;
    margin: 15px 0;
}

#et-boc .myFeed-table .myFeed-tb tr th,
#et-boc .myFeed-table .myFeed-tb tr td {
    border: solid 1px #d8d8d8;
    padding: 15px;
    font-size: 16px;
    text-align: center;
    font-family: 'HelveticaNeue-Light';
}

#et-boc .myFeed-table tr td .your-input {
    display: inline-flex;
    flex-direction: column;
    gap: 28px;
    align-items: center;
    height: 89px;
    justify-content: center;
    width: 32%;
}

#et-boc .your-input {
    position: relative;
    top: 27px;
}

#et-boc .myFeed-table tr td .input-price {
    transform: rotate(-90deg);
    padding: 0px;
    background-color: #f8cbac;
    padding: 7px;
    margin-top: 30px;
    font-size: 16px;
}

#et-boc .your-input {
    font-size: 14px;
    line-height: 20px;
}

#et-boc .your-input.drewry-price-input .input-price {
    padding: 7px 32px;
    position: relative;
    top: -27px;
    background: #bf9100;
    color: #fff;
}

#et-boc .price-section {
    height: 176px;
    padding-top: 30px;
}

#et-boc .price-tb tr th {
    font-family: 'HelveticaNeue-Medium';
}

#et-boc .price-tb tr th {
    border-top: solid 1px #012060;
     border-bottom: solid 1px #012060;
    padding: 5px 15px;
    font-size: 14px;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    color: #2c3556;
}
#et-boc .price-tb tr td {
    border:none !important; 
    padding: 5px 15px;
    font-size: 14px;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    color: #2c3556;
}
#et-boc .price-tb .total-price{
 border-bottom: solid 1px #012060;
}
.select-arrow {
    position: relative;
}

#et-boc .price-tb tr td {
    border-top: 0
}

#et-boc .price-tb tr td:first-child {
    padding-left: 20px;
}

#et-boc .price-tb tr td:nth-child(2),
#et-boc .price-tb tr td:nth-child(3) {
    text-align: left;
}

#et-boc .price-tb tr td:nth-child(3) span,
#et-boc .price-tb tfoot tr td:nth-child(3) span {
    display: block;
    text-align: left;
}

#et-boc .price-tb tfoot tr td span {
    display: block;
}

#et-boc .price-tb tfoot tr td {
    font-weight: 600;
    color: #203665;
}

#et-boc .price-tb tfoot {
    background: #bdd7ee;
}

#et-boc .price-tb tfoot tr td:first-child {
    font-weight: 600;
    padding: 10px;
    width: 50%;
    word-wrap: break-word;
    padding-left: 20px;
}

#et-boc .price-tb tfoot tr td .input-text {
    max-width: 213px;
    width: 100%;
    min-width: 213px;
    float: right;
}

#et-boc .price-tb tr th:first-child {
    text-align: left;
}

#et-boc .price-tb tr th:last-child,
#et-boc .price-tb tfoot tr td:last-child {
    text-align: right;
}

#et-boc .banchMark-table {
    display: flex;
    justify-content: space-between;
}

#et-boc .tb-left-section,
#et-boc .tb-right-section {
    max-width: 48%;
    width: 100%;
}

#et-boc .price-tb .number-field {
    border: solid 1px #ededed !important;
    padding: 10px !important;
    width: 90%;
    border-top: solid 2px #858585 !important;
    border-left: solid 2px #858585 !important;
}

#et-boc .validate-btn {
    text-align: right;
    margin-top: 20px;
}

#et-boc .validate-btn button:first-child {
    margin-right: 5px;
}
/* Custom table css  */
.assets-table {
    border: solid 1px #cccccc6b;
}
.assets-table tr th {
    padding: 10px 12px;
    text-align: left;
    color: #102a59;
    font-size: 15px;
    background-color: #f2f4f7;
    font-weight: 500;
    white-space: nowrap;
    font-family: 'HelveticaNeue';
    border: solid 1px #cccccc6b;
}
.assets-table tr td {
    padding: 15px 12px;
    vertical-align: middle;
    font-size: 15px;
    color: #000000c2;
    font-family: 'HelveticaNeue';
     border: solid 1px #cccccc6b;

}
.assets-table tbody tr {
    border-bottom: solid 1px #cccccc6b;
}
.assets-table tbody tr:nth-child(odd) {
    background: #f2f4f747;
}
.assets-table tbody tr:nth-child(even) {
    background: #ffffff;
}
.assets-table .record-found-text {
    text-align: center;
    color: #959191;
    font-size: 16px;
}

.download-view-btn {
    display: inline-block;
}
.download-view-btn img{
    width: 20px;
}

.download-view-btn:hover img {
    opacity: 0.8;
    transform: scale(1.1);
}

/* Custom table css  */
/* form css */
.list-toolbar form.form-inline{
    background: #ebeef3 !important;
    padding: 20px 20px !important;
    border-radius: 5px !important;
    margin: 0px auto 10px !important;
}

.screnshot-tb-content .list-toolbar input.form-control {
    background-color: #ffffff !important;
    padding: 5px 13px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    font-size: 15px !important;
    min-height: 40px;
    border: none !important;
}

#et-boc .new-top-bar .search-box-wrapper button.cta:before {
    right: 6px;
    top: 0px;
    border: 0;
    left: 2px;
}

#et-boc .new-top-bar .search-box-wrapper button {
    padding: 9px 25px 9px 9px;
    margin-top: 4px;
    border-radius: 4px;
    font-size: 0px !important;
}

#et-boc .cta.cta-grey::before,
.cta-swal2.cta-grey::before {
    color: #002b5c;
}

#et-boc .new-top-bar .search-box-wrapper button {
    margin-left: 10px;
}

#et-boc .cta::before,
.cta-swal2::before {
    content: "\e90a";
    font-family: 'drewry-icon' !important;
    position: absolute;
    top: -2px;
    left: 0px;
    font-size: 22px;
    padding-top: 0.27rem;
    box-sizing: border-box;
    margin: 0px 0;
    line-height: 27px;
    width: 30px;
    height: 36px;
    border-right: 1px solid #002b5c;
    text-align: center;
    font-weight: 600;
}

#et-boc .new-top-bar .search-box-wrapper input {
    background: #fff;
    border: 0;
    border: 1px solid #8F9295;
    color: #353D42;
    width: calc(100% - 75%);
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    vertical-align: bottom;
    font-family: 'HelveticaNeue-Light';
    text-align: left;
}

#et-boc .copyright-text a {
    text-decoration: underline !important;
}

#et-boc .copyright-text a:hover {
    text-decoration: none !important;
}

@media screen and (max-width: 767px) {
    body .dy-footer .footer-wrapper .footer-links {
        display: inline;
    }

    .dy-footer .footer-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .dy-footer .footer-wrapper .footer-links.footer-gl .images-slider .social-links {
        padding-left: 0;
        margin-bottom: 0;
    }

    .dy-footer .site-info .columns.medium-12 {
        line-height: 1.5;
    }

    #et-boc .banchMark-table {
        display: grid;
    }

    #et-boc .tb-left-section,
    #et-boc .tb-right-section {
        max-width: inherit;
    }

    #et-boc .price-tb tfoot tr td .input-text {
        max-width: 100px;
        min-width: 100px;
    }

    #et-boc .tb-right-section {
        margin-top: 30px;
    }
}

@media screen and (min-width: 991px) {
    #notification_box_wrapper.notification-box-wrapper {
        transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
        -moz-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
        -webkit-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    }

    #notification_box_wrapper.notification-box-wrapper .column.medium-12:before {
        content: "";
        border-bottom: 10px solid #f2f4f7;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        top: 0px;
        right: auto;
        height: 0;
        width: 0;
        left: 0px;
    }

    .notification-box-list #notification_box_wrapper.notification-box-wrapper {
        transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
        -moz-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
        -webkit-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
        position: absolute;
        max-width: 400px;
        width: 100%;
        padding-top: 9px;
        visibility: hidden;
        opacity: 0;
        display: block !important;
    }

    .notification-box-list:hover #notification_box_wrapper.notification-box-wrapper {
        opacity: 1;
        visibility: visible;
        z-index: 999999;
    }
}

/* Dynamic Content Styles */
/* Sticky header styles */
.sticky-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: 0px;
}

/* Main content area with top margin to account for sticky header */
.main-content-area {
    margin-top: 158px!important;
    /* Adjust based on your header height */
    /* min-height: calc(100vh - 120px); */
    padding: 20px !important;
    position: relative;
    z-index: 1;
    margin-bottom: 60px !important;
}

/* Dynamic content container */
/* .dynamic-content {
    display: none;
} */
 .dynamic-content{
    min-height: 600px;
    /* height: 100%; */
}

/* .dynamic-content.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
} */

/* Force visibility for dynamic content */
/* #dynamic-content-container.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
} */

/* Override any conflicting CSS */
/* #dynamic-content-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    background: white !important;
    color: black !important;
    min-height: 200px !important;
    padding: 20px !important;
    margin: 20px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-top: 45px !important;
    top: -74px !important;
} */

/* Force visibility for all dynamic content */
/* .dynamic-content.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 160px !important;
    top: 120px !important;
} */

/* Override any other CSS that might hide the container */
/* #dynamic-content-container.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 45px !important;
    top: 145px !important;
} */

/* Ensure content is visible */
#dynamic-content-container .container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#dynamic-content-container .page-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Default content (My Assets) */
.default-content {
    display: block;
}

/* Hide default content when dynamic content is active */
.default-content.hidden {
    display: none;
}


/* Header Main Dropdown Start */
#main_parent_navigation.menu-list {
    position: relative;
    max-width: 1250px;
    margin: 0 auto;
}

#main_parent_navigation.menu-list select {
    display: none;
}

#main_parent_navigation .select-selected {
    background-color: transparent;
    font-size: 38px;
    line-height: 55px;
    font-weight: 300;
    color: #102A59;
    padding: 5px 16px 5px 0;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
    display: table;
    position: relative;
    left: -3px;
}

#main_parent_navigation .select-selected:after {
    position: absolute;
    content: "▼";
    font-family: Arial, sans-serif;
    top: 10px;
    right: -38px;
    font-size: 30px;
    color: #102A59;
    transition: all 0.2s ease;
}

#main_parent_navigation .select-selected.select-arrow-active {
    padding-left: 28px;
    margin-left: -28px;
}

#main_parent_navigation .select-selected.select-arrow-active:after {
    content: "▲";
    top: 16px;
    right: -38px;
    font-size: 25px;
}

#main_parent_navigation.select-arrow-active {
    max-width: 480px;
   
    padding-left: 28px;
    margin-left: -28px;
}

/* Dropdown options */
#main_parent_navigation .select-items {
    position: absolute;
    background-color: #F2F4F7;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 5px 10px 12px rgba(0, 0, 0, 0.15);
}

#main_parent_navigation .select-items div {
    background-color: #F2F4F7;
    color: #71767A;
    font-size: 28px;
    line-height: 37px;
    padding: 5px 16px 5px 30px;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
}

#main_parent_navigation .select-items div:hover,
#main_parent_navigation .select-items div.same-as-selected {
    background-color: #ffffff;
    color: #102A59;
}

#main_parent_navigation .select-hide {
    display: none;
}

/* Header Main Dropdown End */

.select-hide {
    display: none;
}
/* .dynamic-content .glance-page{
    margin-top: 80px !important;
} */

#et-boc .container.basic-container {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    /* margin-top: 75px; */
}

/* Search Results Styling */
.search-results {
    padding: 20px 0;
}

.search-results .titleHeading {
    color: #0c4474;
    font-size: 24px;
    margin-bottom: 10px;
    font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
}

.search-results p {
    color: #666;
    margin-bottom: 20px;
    font-size: 14px;
}

.search-results-list {
    margin-top: 20px;
}

.search-result-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.search-result-item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.search-result-item h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
}

.search-result-item h3 a {
    color: #2887c9;
    text-decoration: none;
    transition: color 0.3s ease;
}

.search-result-item h3 a:hover {
    color: #0c4474;
    text-decoration: underline;
}

.search-result-item p {
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.5;
    font-size: 14px;
}

.search-result-item small {
    color: #888;
    font-size: 12px;
    display: block;
}

.no-results {
    text-align: center;
    padding: 40px 20px;
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.no-results p {
    color: #666;
    font-size: 16px;
    margin: 0;
}

/* Search loading animation */
.search-loading {
    text-align: center;
    padding: 50px 20px;
}

.search-loading h2 {
    color: #0c4474;
    margin-bottom: 10px;
}

.search-loading p {
    color: #666;
    font-style: italic;
}

/* --------------Opinion-------------- */

/* .dynamic-content >  .latest-opinion-section{margin-top: 200px;} */
.dynamic-content .latest-opinion-section .dy-footer{margin-top: 0px;} 
.latest-opinion-section {
    max-width: 1250px;
    margin: 0 auto;
    padding-bottom: 0px;
}

.d-flex {
    display: flex;
}

.middle-section {
    max-width: 70.833%;
    width: 100%;
    margin-right: 30px !important;
}

#et-boc .checkbox-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

#et-boc label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.8;
}

#et-boc .checkbox-list li {
    background: #97BFE480;
    border-radius: 2px;
    padding: 4px 10px;
    margin: 0 10px 10px 0;
}

#et-boc .checkbox-list li label {
    margin-top: 0;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    color: #132E67;
    font-family: HelveticaNeue-Light, Arial, sans-serif;
}

#et-boc .sp-widget {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9ECF0;
    /* margin-top: 328px; */
}

#et-boc .sp-widget-LO {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9ECF0;
    margin-top: 160px;
}

#et-boc .checkbox-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

#et-boc .checkbox-list.content-type li {
    background-color: #EFE4B0;
}

#et-boc .checkbox-list li {
    background: #97BFE480;
    border-radius: 2px;
    padding: 4px 10px;
    margin: 0 10px 10px 0;
}

#et-boc .checkbox-list li {
    background: #97BFE480;
    border-radius: 2px;
    padding: 4px 10px;
    margin: 0 10px 10px 0;
}

#et-boc #drc-right-sidebar {
    background: transparent;
    margin-top: 88px;
}

#et-boc .checkbox-list li input {
    margin-bottom: 0;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

#et-boc #drc-right-sidebar .right-section {
    background: #F7E1AE;
    padding: 29px;
    color: #373D41;
    width: 100%;
    display: block;
    /* max-width: 100%; */
    max-width: 320px;
    width: 100%
}

#et-boc #drc-right-sidebar .right-section h3 {
    color: #102A59;
    font-size: 28px;
    margin-bottom: 0;
    padding-bottom: 12px;
    line-height: 35px;
    font-family: 'HelveticaNeue-Medium';
    font-weight: 500;
}

#et-boc #drc-right-sidebar .right-section p,
#et-boc #drc-right-sidebar .right-section .webinar-date {
    font-size: 16px;
    line-height: 20px;
    color: #373D41;
    padding: 0;
    margin-bottom: 18px;
    font-family: 'HelveticaNeue-Medium';
}

#et-boc #drc-right-sidebar .right-section:last-child {
    margin-bottom: 30px;
}

#et-boc .content-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

#et-boc .content-list li {
    margin-bottom: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#et-boc .financial-right .content-item {
    min-height: 150px;
}

#et-boc .financial-right .content-item .content-text {
    padding-left: 20px !important;
    padding-bottom: 0;
    display: table-cell;
    vertical-align: top;
    padding: 0 8px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#et-boc .latest-opinion-section .discussion-title {
    font-weight: inherit;
    font-size: 32px;
    line-height: 37px;
    color: #002B5C;
    margin-bottom: 20px;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    border-bottom: 1px solid #d5d6d9;
    padding-bottom: 12px;
    margin-bottom: 0;
}

#et-boc #drc-right-sidebar .latest-section,
#et-boc .drc-navigate-forcast-right .latest-section {
    font-size: 16px;
    line-height: 22px;
    border-bottom: 1px solid #d5d6d9;
    padding: 20px 0px;

}

#et-boc #drc-right-sidebar .register-btn {
    margin-top: 20px;
}

#et-boc #drc-right-sidebar .right-section .register-btn a.cta {
    background: #042A5A;
    color: #fff !important;
    width: 122px;
    padding: 9px 12px 9px 31px;
    border-radius: 4px;
    font-size: 13px !important;
    line-height: 17px !important;
    font-family: 'HelveticaNeue';
    display: inline-block;
    margin-top: 5px;
}

#et-boc #drc-right-sidebar .right-section .register-btn a.cta:hover::before {
    color: #F7E1AE !important;
    top: 4px;
    right: 5px;
    border-color: #fff;
}

#et-boc .latest-opinion-section .register-btn a.cta::before {
    top: 0px;
    left: 0;
    margin: 0;
    height: 28px;
    line-height: 18px;
    font-weight: 400;
    font-size: 19px;
    right: 0;
    width: 25px;
}

#et-boc .cta::before,
.cta-swal2::before {
    content: "\e90a";
    font-family: 'drewry-icon' !important;
    position: absolute;
    top: -2px;
    left: 0px;
    font-size: 22px;
    padding-top: 0.27rem;
    box-sizing: border-box;
    margin: 0px 0;
    line-height: 27px;
    width: 30px;
    height: 36px;
    border-right: 1px solid #002b5c;
    text-align: center;
    font-weight: 600;
}

#et-boc .latest-opinion-section .register-btn a.cta:hover::before {
    border-color: #fff;
    color: #fff !important;
}

#et-boc .cd-pagination-parent .pagination-count {
    padding-top: 15px;
    color: #7C8085;
    font-size: 14px;
    line-height: 19px;
}
#et-boc .cd-pagination-parent {
    border-top: 1px solid #d5d6d9;
    display: flex;
    justify-content: space-between;
    align-items: center;
} 

#et-boc .cd-pagination {
    width: auto;
    float: none;
    text-align: center !important;
    list-style: none;
    margin: 0 0 0;
    padding: 21px 0 0;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    font-size: 16px;
}

#et-boc .cd-pagination span {
    background-color: #132E67;
    border-color: #132E67;
    pointer-events: none;
    color: #fff;
    border-radius: 2px;
}

#et-boc .cd-pagination a,
#et-boc .cd-pagination span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 27px;
    width: 28px;
    height: 28px;
    margin-right: 6px;
}

#et-boc .financial-right .content-item .content-img {
    background-size: cover;
    width: 298px;
    background-position: center;
    height: 150px;
}

#et-boc .content-list .content-img .tag-latest.Premium {
    background: rgb(182, 141, 48);
}

#et-boc .content-list .content-img .tag-latest {
    position: absolute;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    top: 15px;
    right: 0;
    background: #0C7B7E;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 3px 30px 3px;
}

#et-boc .content-item .content-img {
    width: 220px;
    display: table-cell;
    min-height: 190px;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: contain;
    position: relative;
    overflow: hidden;
}

#et-boc .content-item .content-title {
    margin: 0;
    font-size: 16px;
}

#et-boc .financial-right .content-item .content-title,
#et-boc .main-content.search-financial-right .content-title {
    margin-bottom: 7px;
    font-family: 'HelveticaNeue-Medium';
    font-weight: 500;
}

#et-boc .main-content.search-financial-right .titleHeading{border-bottom: 1px solid #EBEEF2;
    margin-bottom: 30px; font-weight: inherit;  font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    line-height: 100%; color: #002B5C; font-size: 24px; padding-bottom: 10px;}


#et-boc a {
    color: #102A59;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    text-decoration: none !important;
}

#et-boc .latest-opinion-section .content-item .date,
#et-boc .main-content.search-financial-right .date {
    font-size: 14px;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    color: #6D758A;
    line-height: 19px;
    display: block;
    margin-bottom: 8px;
    padding: 1px 0px;
    white-space: nowrap;
}

#et-boc .content-item p {
    margin: 0 0 4px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    letter-spacing: normal;
    color: #353D42;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
}

/* --------------chat bar-------------- */

#et-boc .ask-the-analyst-dropdown .toggle {
    vertical-align: middle;
    display: block;
    position: fixed;
    width: 48px;
    bottom: 8px;
    right: 10px;
    z-index: -9;
}

#et-boc .ask-the-analyst-dropdown .toggle a {
    background: #02a7e0;
    color: white;
    padding: 0.5rem 0rem;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
    text-align: center;
    border-radius: 50px;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
}

#et-boc .ask-the-analyst-dropdown .toggle a i {
    font-size: 24px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#et-boc .icon-oval-speech-bubble:before {
    content: "\e90f";
}

#et-boc .ask-the-analyst-dropdown .toggle a i:before {
    font-weight: 600;
}

#ask_the_analyst_comment_form [type=text] {
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 100%;
    resize: none;
    padding: 0.3rem;
    text-align: left;
    margin-bottom: 3px;
}

#et-boc .ask-the-analyst-dropdown input[name="fileUpload"] {
    font-size: 12px;
    color: white;
    background-color: #244a76;
    border: #315d8f;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 0px;
}

.ask-the-analyst-dropdown .close-btn {
    position: absolute;
    right: 10px;
    background: url(../images/close-icon.png) no-repeat !important;
    width: 14px;
    height: 14px;
    top: 13px;
}

#et-boc .ask-the-analyst-dropdown .analyst-profile p {
    font-size: 13.5px !important;
    margin-bottom: 10px;
}

#et-boc h4 {
    font-size: 15.84px;
    font-weight: inherit;
    font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
    line-height: 120%;
    color: #002B5C;
}

#et-boc .m-b0 {
    margin-bottom: 0 !important;
}

#et-boc button,
#et-boc html input[type=button],
#et-boc input[type=reset],
#et-boc input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

.ask-the-analyst-dropdown input[type="submit"]:hover {
    background: #002b5c !important;
    color: #fff !important;
}

#et-boc .input-group,
#et-boc [type=file],
#et-boc select {
    width: 100%;
}

#et-boc textarea {
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 100%;
    resize: none;
    padding: 0.3rem;
    text-align: left;
   
}

.create-email textarea{
 resize: auto !important;
 min-height: 210px;
}
.create-email.send-mail textarea{
 min-height: 50px;
}
.ask-the-analyst-dropdown input[type="submit"],
.forgot-password-popup .yellow-btn-submit {
    color: #000 !important;
    background-color: #f9b122 !important;
    font-family: "Helvetica Neue Medium", Helvetica, Arial, sans-serif !important;
    width: 100%;
    border-radius: 0 !important;
    padding: 15px 0 13px !important;
    margin-top: 15px !important;
}

#et-boc a {
    color: #102A59;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#et-boc .ask-the-analyst-dropdown .analyst-profile {
    vertical-align: middle;
    background: white;
    padding: 1rem;
    text-align: center;
    display: none;
    border: 1px solid #d8d6d6;
    width: 100%;
    box-shadow: 0 0 20px 6px #0d2b512b;
}

#et-boc label {
    font-size: 1rem;
    font-family: 'HelveticaNeue-Medium';
    font-weight: normal;
    color: #002b5c;
}

#et-boc .ask-the-analyst-dropdown label[for="fileUpload"] {
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 0 7px;
}

#et-boc .ask-the-analyst-dropdown #user_comment {
    height: 130px !important;
}

#et-boc p {
    font-size: 16px;
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: normal;
    color: #353D42;
}

#et-boc .ask-the-analyst-dropdown {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 21;
    width: 261px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#et-boc .ask-the-analyst-dropdown .toggle {
    vertical-align: middle;
    display: block;
    position: fixed;
    width: 48px;
    bottom: 8px;
    right: 10px;
    z-index: -9;
}

#et-boc .ask-the-analyst-dropdown .toggle a {
    background: #02a7e0;
    color: white;
    padding: 0.5rem 0rem;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
    text-align: center;
    border-radius: 50px;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
}

#et-boc .ask-the-analyst-dropdown .toggle a i {
    font-size: 24px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#et-boc .ask-the-analyst-dropdown .toggle a i:before {
    font-weight: 600;
}

#et-boc .ask-the-analyst-dropdown .analyst-profile {
    vertical-align: middle;
    background: white;
    padding: 1rem;
    text-align: center;
    display: none;
    border: 1px solid #d8d6d6;
    width: 100%;
    box-shadow: 0 0 20px 6px #0d2b512b;
    /*vertical-align:middle;background:white;padding:1rem;text-align:center;display:none;border:2px solid #02b0e3;width:100%;*/
}

#et-boc .ask-the-analyst-dropdown .analyst-profile img {
    max-width: 150px;
    margin: auto;
}

#et-boc .ask-the-analyst-dropdown {
    right: 6px;
}

.ask-the-analyst-dropdown .close-btn {
    position: absolute;
    right: 10px;
    background: url(../images/close-icon.png) no-repeat !important;
    width: 14px;
    height: 14px;
    top: 13px;
}

#et-boc .main-content.search-financial-right .content-img{background-size: cover;min-height: 155px;height: 100%;
    max-width: 298px;width: 100%; background-position: center;display: inline-table; margin-right: 23px;}
#et-boc .main-content.search-financial-right .content-item{display: flex;}


#et-boc #analyst_profile_dropdown .cta {
    margin: 0 auto 15px;
    height: 34px;
    padding: 9px 0;
}

#et-boc #analyst_profile_dropdown .cta::before {
    height: 33px;
    top: 1px;
}

#et-boc .ask-the-analyst-dropdown h3 {
    margin: 5px 0 0px;
}

#et-boc .ask-the-analyst-dropdown input[type="submit"].gform_button.button {
    height: 34px;
    padding: 0 !important;
    width: 100%;
    display: block;
    text-align: center;
}

.main-content #main-login-form .login-card{max-width: 520px;
    padding: 40px 35px 72px 35px !important;
    margin-top: 0 !important;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
    border: 1px solid #E6E9EE !important;
    border-radius: 5px !important;
    background: #FFFFFF !important;
    margin-bottom: 0;}
#main-register-form .register-wrapper h2, #main-login-form .login-card h2 {
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #002B5C;
}
#main-login-form .login-card > p {
    font-size: 16px;
    font-family: 'HelveticaNeue-Light';
    line-height: 21px;
    margin-top: 8px;
    color: #353D42;
    margin-bottom: 20px;
}
#main-login-form .btn-login{
    text-align: left;
    margin-top: 50px;
}
.logo-search .logo-heading {
    display: block;
    font-family: 'HelveticaNeue-Light';
    font-size: 14px;
    color: #002B5C !important;
    line-height: 15px;
    padding-left: 2px !important;
}
#et-boc .login-card a, #et-boc .not-member, #et-boc .not-member span, #et-boc .not-member a {
    font-family: 'HelveticaNeue-Light';
}
.not-member {
    min-height: 75px;
    background-color: #E1E6EB !important;
    border-top: 1px solid #A8B0B6 !important;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
    display: flex;
    align-items: center;
    padding-left: 35px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
}
.not-member span {
    padding-right: 5px !important;
}
/* .et-db #et-boc .main-content {
    max-width: 100%;
    margin: auto;
    margin-top: 25px;
} */
.dy-header.login-header-dy, .dy-header.register-header-dy {
    margin-bottom: 30px;
}
 
#et-boc .logo-search .logo a {
    text-decoration: none;
}
#et-boc .dy-header.login-header-dy .logo-search .logo {
    display: block;
    max-width: 445px;
    margin: 0 auto;
}
#et-boc .logo-search .logo {
    display: table-cell;
    vertical-align: top;
    padding-top: inherit;
    padding-bottom: 15px;
}

#main-register-form .register-wrapper, .main-content #main-login-form .login-card, .main-content .forget-password-section .login-card {
    max-width: 520px;
    padding: 40px 35px 72px 35px !important;
    margin-top: 0 !important;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
    border: 1px solid #E6E9EE !important;
    border-radius: 5px !important;
    background: #FFFFFF !important;
    margin-bottom: 0;
}
.main-content #main-login-form, .main-content .forget-password-section {
    max-width: 445px;
    margin: 0 auto !important;
}
#et-boc .dy-login-footer {
    width: 100%;
    background-color: #F2F4F7 !important;
    padding: 0 !important;
    border-top: none !important;
    margin-top: 60px;
}
#et-boc .dy-footer.dy-login-footer .site-info {
    background-color: #F2F4F7;
    color: #70767A;
    padding: 31px 0;
    border-top: 1px solid #d5d6d9;
    max-width: 1250px;
    margin: 0 auto;
    text-align: center;
}
#et-boc .dy-login-footer {
    width: 100%;
    background-color: #F2F4F7 !important;
    padding: 0 !important;
    border-top: none !important;
}
.page-template-page-login{background-color: #F2F4F7;}

.et_pb_column_0 .language-dropdown-wrapper, .et_pb_column_1 .language-dropdown-wrapper {
    width: 100% !important;
    margin-bottom: 20px !important;
    display: block !important;
}
.et_pb_column_0 .language-dropdown-container, .et_pb_column_1 .language-dropdown-container {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
}    

.et_pb_column_0 .language-dropdown-container p.translation-loader, .et_pb_column_1 .language-dropdown-container p.translation-loader {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    display: none !important;
    flex-shrink: 0 !important;
    background: #F3B000 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    animation: pulse 1.5s ease-in-out infinite !important;
    margin: 0 !important;
}

.et_pb_column_0 .language-dropdown-container select, .et_pb_column_1 .language-dropdown-container select {
    padding: 5px 14px !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    background: white !important;
    min-width: 110px !important;
    max-width: 130px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    appearance: none !important;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    padding-right: 36px !important;
    font-weight: 500 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
    margin: 0 !important;
    color: #495057 !important;

}


 #dynamic_menu li {
  position: relative;
  list-style: none;
}
#dynamic_menu li .dropdown-menu {
    width: 20vh;
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  padding: 0.5rem;
  border-radius: 5px;
  a{
    padding: 5px;
  }
}
#dynamic_menu li .dropdown-menu a:hover{
    background-color: rgba(212, 212, 212, 0.486)
}
#dynamic_menu li:hover .dropdown-menu {
  display: block;
}
.vessel-details-grid {
    display: grid;
    grid-template-columns: 250px 1fr;
    row-gap: 10px;
    column-gap: 20px;
  }

  .vessel-details-grid div {
    padding: 2px 0;
  }

  .vessel-details-label {
    font-weight: bold;
  }

  /*====================
     Pagination css  
  ===================== */

   .page-item{
      width:20px;
   }

   
/* pagination */

.myFeed-table .pagination li a,.pagination li span {
    background: #373d42 !important;
    margin: 0 !important;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
}
.myFeed-table .pagination li {
    margin: 3px !important;
    width: 100%;
}
.myFeed-table .pagination li:first-child .page-link,
.myFeed-table .pagination li:last-child .page-link {
   font-size: 25px;
}
.myFeed-table .pagination li a:hover, .pagination li span:hover {
    background: #f9b122 !important;
}

.myFeed-table .pagination li.active a, li.page-item.active span {
    background: #f9b122 !important;
}



  /*====================
     Modal css  
  ===================== */

   #vessel-details div {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: -1px;
    gap: 50px;
}

#vessel-details div strong {
    width: 60%;
    font-weight: 400;
    text-transform: capitalize;
}

#vessel-details div span {
    width: auto;
    background: #ebe3e3;
    padding: 4px 15px;
    text-align: center;
    margin-left: auto;
    border-radius: 3px;
}

div#vessel-details {
    column-count: 2;
}

/* My Credit */
.my-credit-view .picklist-container {
    min-width: 70vh;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.my-credit-view .picklist {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 350px;
    height: 500px;
    display: flex;
    flex-direction: column;
}
.my-credit-view .picklist input {
    border: 2px solid #AFAEAE;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.my-credit-view .picklist select {
    flex: 1;
    border: none;
    outline: none;
    padding: 5px;
    overflow-y: auto;
}
.my-credit-view .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
}
.my-credit-view button {
    margin-top: 20px;
    padding: 6px 12px;
    border: none;
    background: #F0F0F0;
    cursor: pointer;
    border-radius: 4px;
}
.my-credit-view #moveRightBtn,
.my-credit-view #moveLeftBtn {
    font-size: x-large;
}
.my-credit-view button:hover {
    background: #ddd;
}
.my-credit-view .disabled {
    opacity: 0.5;
    pointer-events: none;
}
.my-credit-view .control-buttons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}
.my-credit-view option {
    margin: 2px;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    background-color: #CCCCCC;
    width: 50vh;
    padding: 10px;
}


/* My Credit */
.my-credit {
	border-radius: 6px;
}

.my-credit h3 {
	text-align: center;
}

.picklist-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	max-width: 907px;
	margin: auto;
	flex-wrap: wrap;
}

.credit-count {
	width: 100%;
	text-align: right;
}

.credit-count span {
	font-size: 16px;
	font-weight: 600;
	background: #BFDBC5 !important;
	padding: 7px 17px !important;
	border-radius: 5px !important;
}

.picklist-left,
.picklist-right {
	width: 400px;
	background: #fff;
	border: solid 2px #898888;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.list-box {
	width: 100%;
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px 10px;
}

.list-item {
	padding: 10px 15px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	background: #EBEBEB;
	border-radius: 5px;
	margin: 5px 0px;
}

.list-item:active {
	background: #FFC107;
}

.list-item:hover {
	background: #F0F0F0;
}

.picklist-container .controls {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.picklist-container .controls button {
	background: #FFFFFF;
	width: 45px;
	height: 45px;
	border: solid 2px #898888;
	border-radius: 5px;
	font-size: 18px;
	color: #898888;
	transition: 0.3s;
}

.picklist-container .controls button:hover {
	background: #FFFFFF;
	border: solid 2px #F9B122;
	color: #F9B122;
}

#et-boc .my-credit .picklist-left .search-box,
#et-boc .my-credit .picklist-right .search-box {
	width: 100% !important;
	padding: 5px 20px !important;
	background: #f2f4f7 !important;
	border-radius: 0;
	height: 50px !important;
	font-size: 16px;
	box-shadow: none !important;
	border: none;
	color: #102a59;
}

#et-boc .my-credit input.search-box::placeholder {
	color: #102a59;
}

.list-item:hover {
	background: #F8DEAB;
}

.list-item.active {
	background: #F9B122;
}

/* spinner */
#loader {
	position: absolute;
	background: #FFFFFF;
	width: 100%;
	height: 90%;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: -6px;
}

.spinner {
	border: 4px solid #F3F3F3;
	border-top: 4px solid #F9B122;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
	margin: auto;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
/* .analyst-main{
    margin-top: 200px!important;
    position: relative!important;
} */
.custom-pagination {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 0px !important;
}
.custom-pagination li {
    min-width: 28px;
    height: 28px;
    list-style: none;
    background: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    width: auto;
    border-radius: 2px !important;
    overflow: hidden;
}
.custom-pagination li a{
    height: 100% !important;
    display: block;
    text-align: center !important;
    width: 100%;
    color:#193D6A !important;
}
.custom-pagination li a:hover{
    background: #d5d6d9 !important;
}
.custom-pagination li.page-item.dots,
.custom-pagination li.active a,
.custom-pagination li.active {
    background: #132E67 !important;
    color: #fff !important;
}
.custom-pagination li:first-child,
.custom-pagination li:last-child{
    background: #E5E9EE !important;
    font-size: 12px;
    min-width: 55px;
    position: relative;
}
.custom-pagination li:last-child a,
.custom-pagination li:first-child a{
    padding: 0px 9px !important;
}
.custom-pagination li.disabled:first-child{
    text-align: right !important;
    padding-right: 9px !important;
    justify-content: flex-end;
}
.custom-pagination li.disabled:last-child {
    text-align: right !important;
    padding-left: 9px !important;
    justify-content: flex-start;
}


.custom-pagination li:first-child a{
    text-align: right !important;
}
.custom-pagination li:last-child a{
    text-align: left !important;
}
.custom-pagination li:first-child:before,
.custom-pagination li:last-child:after{  
    font-family: 'drewry-icon' !important;
    font-size: 18px;
    color: #002b5c;
    top: 4px;
    line-height: 19px;
    z-index: 11;
    position: absolute;
}
.custom-pagination li:first-child:before{
    content: "\e901";
    left: 3px;
    pointer-events: none;
}

.custom-pagination li:last-child:after{  
    content: "\e90a";
    right: 3px;
    pointer-events: none;
}
input[type="checkbox"]{
    accent-color: #012060;
}
.filter-btn {
    font-weight: 500;
    border: 0;
    position: relative;
    display: block;
    font-size: 15px !important;
    font-family: "Helvetica Neue Medium", HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
    color: #000 !important;
    background-color: #f9b122 !important;
    text-decoration: none !important;
    padding: 8px 13px !important;
    height: 36px;
    min-width: 100px;
    border-radius: 0px !important;
}
.filter-btn:hover{
background-color: #012060 !important;
    color: #fff !important;
}
.blue-btn {
    font-weight: 500;
    border: 0;
    position: relative;
    display: block;
    font-size: 15px !important;
    font-family: "Helvetica Neue Medium", HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
    color: #ffffff !important;
    background-color: #012060 !important; 
    text-decoration: none !important;
    padding: 8px 13px !important;
    height: 36px;
    min-width: 100px;
    border-radius: 0px !important;
}
.blue-btn:hover{
background-color: #f9b122 !important;
    color: #012060 !important;
}
.form-inline .filter-btn {
    height: 40px;
}
#vesselModal .modal_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #000;
}
#vesselModal .modal_table .header {
    background-color: #ADD8E6;
    padding: 8px;
    font-weight: bold;
}
#vesselModal .modal_table tr td {
    padding: 4px;
    border: 1px solid #000;
}






.fl-main-container[data-position^=top-],
#toast-container {
    top: 10% !important;
    width: 383px;
}
#toast-container .toast-title{
        font-size: 16px;
}

#toast-container .toast {
    background-color: #fff;
    width: 100%;
    opacity: 1;
}
#toast-container .toast-message{
    color: #353D42;
}
#toast-container>.toast-error{
    background-image: url(../images/error-icon.svg) !important;
    background-size: 39px;
    padding-left: 73px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    border: none;
    border-radius: .375em 0 0 .375em;
}
#toast-container>.toast-success{
    background-image: url(../images/success-icon.svg) !important;
    background-size: 39px;
    padding-left: 73px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    border: none;
    border-radius: .375em 0 0 .375em;
}
#toast-container>.toast-info{
    background-image: url(../images/info-yellow-icon.svg) !important;
    background-size: 39px;
    padding-left: 73px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    border: none;
    border-radius: .375em 0 0 .375em;
}

#toast-container>.toast-error:hover,
#toast-container>.toast-success:hover,
#toast-container>.toast-info:hover{
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
}

#toast-container .toast-progress{
    opacity: 1;
    height: .125em;
    margin-left: -1px;
    background: #f7bf4c;
}

.fl-main-container .fl-container.fl-flasher.fl-info:not(.fl-rtl),
.fl-main-container .fl-container.fl-flasher.fl-success:not(.fl-rtl),
.fl-main-container .fl-container.fl-flasher.fl-error:not(.fl-rtl),
#toast-container .toast{
    border-left:.8em solid #f9b122!important;
}
.fl-main-container .fl-container.fl-flasher.fl-info .fl-title,
.fl-main-container .fl-container.fl-flasher.fl-success .fl-title,
.fl-main-container .fl-container.fl-flasher.fl-error .fl-title,
 #toast-container .toast .toast-title
{
    color:#f9b122!important;
}
.fl-main-container .fl-container.fl-info .fl-icon,
.fl-main-container .fl-container.fl-success .fl-icon,
.fl-main-container .fl-container.fl-error .fl-icon{
    background-color: #f9b122!important;
}
.fl-main-container .fl-container.fl-info .fl-progress-bar .fl-progress,
.fl-main-container .fl-container.fl-success .fl-progress-bar .fl-progress,
.fl-main-container .fl-container.fl-error .fl-progress-bar .fl-progress{
    background-color: #f9b122!important;
}
.fl-main-container .fl-container.fl-info .fl-progress-bar,
.fl-main-container .fl-container.fl-success .fl-progress-bar,
.fl-main-container .fl-container.fl-error .fl-progress-bar{
    background-color: #99a0a7!important;;
}

#toast-container .toast .toast-close-button,
#toast-container .toast .toast-close-button:hover{
    opacity: 1;
    color: #ccc;
}


.credit-use_row{
    line-height: 0px;
}

#setting-form .switch {
  position: relative !important;
  display: inline-block !important;
  width: 100px !important;
  height: 34px !important;
}

#setting-form .switch input {
  display: none !important;
}

#setting-form .slider {
  position: absolute !important;
  cursor: pointer !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: #3C3C3C !important;
  -webkit-transition: .4s !important;
  transition: .4s !important;
  border-radius: 34px !important;
}

#setting-form .slider:before {
  position: absolute !important;
  content: "" !important;
  height: 26px !important;
  width: 26px !important;
  left: 4px !important;
  bottom: 4px !important;
  background-color: white !important;
  -webkit-transition: .4s !important;
  transition: .4s !important;
  border-radius: 50% !important;
}

#setting-form input:checked + .slider {
  background-color: #f9b122 !important;
}

#setting-form input:focus + .slider {
  box-shadow: 0 0 1px #f9b122 !important;
}

#setting-form input:checked + .slider:before {
  -webkit-transform: translateX(65px) !important;
  -ms-transform: translateX(65px) !important;
  transform: translateX(65px) !important;
}

/* ------ Slider Text for Each Switch ------ */
#setting-form .switch-validation .slider:after {
  content: 'OFF' !important;
  color: white !important;
  display: block !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
  top: 50% !important;
  left: 50% !important;
  font-size: 10px !important;
  font-family: Verdana, sans-serif !important;
}

#setting-form .switch-validation input:checked + .slider:after {
  content: 'ON' !important;
}

#setting-form .switch-publish .slider:after {
  content: 'Manual' !important;
  color: white !important;
  display: block !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
  top: 50% !important;
  left: 50% !important;
  font-size: 10px !important;
  font-family: Verdana, sans-serif !important;
}

#setting-form .switch-publish input:checked + .slider:after {
  content: 'Auto' !important;
}


.benchmark-view h2 {
	color: #2a4d69;
}
.benchmark-view table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.benchmark-view th,
.benchmark-view td {
	border: 1px solid #ccc;
	padding: 8px;
	text-align: left;
}
.benchmark-view th {
	background-color: #f2f2f2;
}


div:where(.swal2-container) button:where(.swal2-close):focus-visible {
    box-shadow: none!important;
}

.swal2-close:hover{
    color: #f9b122!important;
}

.assets-table .consumed_credit{
    cursor: pointer;
}

/* .swal2-container ul li {
    list-style-type: none;
} */
.excel-download {
    display: flex;
    align-items: center;
    gap: 40px;
}
.upload-excel {
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    width: 230px;
}

.instruction-heading{
   display: flex;
   align-items: center;
   gap: 7px;
}

.swal2-header {
    padding: 0px !important;
    align-items: flex-start !important;
}

.swal2-header .swal2-title {
    font-size: 20px;
}

.swal2-content , .swal2-html-container {
    padding: 0 !important;
}

.swal2-html-container ul {
    padding-left: 22px;
    text-align: left;
    font-size: 15px;
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
}
.swal2-html-container ul li{
    margin-top: 12px;
    width: 50%;
    font-weight: 700;
}


.tooltip-inner {
    background-color: #202427 !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: #202427 !important; }
.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #202427 !important; }
.tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: #202427 !important; }
.tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: #202427 !important; }

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    -webkit-appearance: none;
}

input[type="date"] {
    background-image: url(/images/calendar-icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px !important;
}
/* Modal css */
.modal-header {
    background: #ebeef3 !important;
}

.modal-accordion{
    .accordion-item{
        border-left: none;
        padding: 0px !important;
        border-right: none;
        border-top: none;
        .accordion-button:not(.collapsed){
            box-shadow: none !important;
            color: #000;
            background: #fff;
        }
        .accordion-button:focus{
            box-shadow: none !important;
        }
        .accordion-button{
            padding: 20px 0px;
            &::after{
                transform: rotate(-90deg);
                background-size: 16px;
                width: 20px;
                height: 20px;
            }
           
        }
         .accordion-button:not(.collapsed)::after{
            transform: rotate(0deg);
         }
    }

    .accordion-collapse{
        .vessel-name{
            font-size: 16px;
            color: #5a5a5a;
            flex: 1;
        }
        .vessel-point{
            padding: 7px 5px;
            min-width: 150px;
            text-align: center;
            background: #e5e5e5;
            /* min-height: 32px; */
        }

    }
}
.notewith-dis {
    position: relative;
    bottom: -100px;
}
.disclaimer{
    margin: 25px 0px;
    background: #fff3c812;
    padding: 16px 20px;
    border: solid 1px #f5e6b0b8;
    border-radius: 5px;
    border-left: solid 4px #ffc700;
}
.disclaimer h3{
    color: #000000 !important;
    font-family: 'HelveticaNeue-Medium';
    letter-spacing: 1px !important;
}

.notes-content {
    background: #fff3c812;
    padding: 16px 20px;
    border: solid 1px #f5e6b0b8;
    border-radius: 5px;
    border-left: solid 4px #ffc700;
    bottom: 135px;
}
.notes-content ol {
    padding-left: 20px !important;
}

.notes-content ol li,
.disclaimer p {
    font-size: 15px !important;
    color: #000000 !important;
    line-height: 26px;
}
.disclaimer h4 {
    font-size: 16px !important;
    margin-bottom: 7px !important;
    font-weight: 300 !important;
    color: #2d2d2d !important;
}
.notes-content h6,
.disclaimer h6 {
    margin-bottom: 13px !important;
    font-size: 15px;
    font-weight: bold;
    color: #000000 !important;
}
.error-items li{
    list-style-type: none;
}

.alert-danger a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-weight: 500;
    padding: 5px!important;
    font-family: "Helvetica Neue Medium", HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
    color: inherit !important;
}




 /* .status {
    font-weight: bold;
  } */

  .loading::before {
    content: "⏳";
    color: orange;
      animation: spin 1s linear infinite;
  }

  .completed {
    color: green;
  }

  .not-started {
    color: gray;
  }

  .spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top-color: #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    vertical-align: middle;
    margin-right: 5px;
  }

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

  #statusText {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

#statusText button {
    font-size: 13px !important;
    height: auto;
    white-space: nowrap;
    padding: 7px 10px;
}
.imo-number{
    cursor: pointer;
}
 .imo-number img{
    width:22px;
}

    .content-wrapper ul li {
    margin-bottom: 6px !important;
    font-size: 17px;
}

.content-wrapper ul {
    padding-left: 25px !important;
}

.content-wrapper p {
    font-size: 17px !important;
    margin-bottom: 10px !important;
}

.content-wrapper h3 {
    font-size: 22px;
    margin-bottom: 22px !important;
}

.content-wrapper h4 {
    margin: 20px 0px  !important;
    font-size: 20px !important;
}

.instructions-item{
    background-color: #fff;
    padding: 30px;
    border-radius: 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    border: solid 1px #d9d9d9;
    height: 100%;
}

.instructions-item .instructions-pdf{
    display: flex;
    justify-content: center;
    gap: 40px;
}
.instructions-item .instructions-pdf img{
    width: 70px;
}

.instructions-item h3{
    color: #102A59!important;
    font-size: 16px;
}

.instructions-item p{
    font-size: 14px;
    line-height: 16px;
}
#searchMember{
    position: relative;
}
#searchMember .typeahead.dropdown-menu {
      display: block;
      width: 100%;
      max-height: 250px;
      overflow-y: auto;
      border: 1px solid #dee2e6;
      border-top: none;
      border-radius: 0 0 0.5rem 0.5rem;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      background-color: #fff;
      z-index: 1056;
      margin-top: 0;
      padding: 0;
    }
    #searchMember .typeahead.dropdown-menu .dropdown-item {
    display: block;
    padding: 10px 12px;
    color: #212529;
    cursor: pointer;
    transition: background-color 0.2s;
        border-bottom: solid 1px #e3e3e3;
    }
    #searchMember .typeahead.dropdown-menu .dropdown-item:hover,
    #searchMember .typeahead.dropdown-menu .active .dropdown-item {
      background-color: #fbfbfb;
    color: #000000;
    }
    #searchMember input.typeahead,
    #searchMember .form-control.typeahead {
      border-radius: 0.5rem;
      font-size: 0.95rem;
      padding: 0.5rem 0.75rem;
    }


#benchmark-status{
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

#runSelectedBtn{
    display: none;
}
#runSelected{
    display: none;
}

#reportsDownload{
    display: none;
}

#editor {
    min-height: 300px; 
    height: 500px;
}
.ck.ck-voice-label {
    display: none!important;
}

.ck-editor__editable_inline {
    height: 300px;
    overflow-y: auto;
}

#faq-accordion .accordion-button:not(.collapsed){
    color: #102A59;
    background-color: #f2f4f7;
    font-weight: bold;
}
#faq-accordion .accordion-button:not(.collapsed)::after{
        filter: brightness(0.5);
}
#faq-accordion  .accordion-button:focus{
    box-shadow: none;
    border:none;
}
#faq-accordion .accordion-item ul li{
    font-size:16px;
}
#benchmark-formField textarea{
    height: auto;
    resize: auto;
}
#benchmark-formField h3 {
    margin: 40px 0px 20px;
}
.benchmark-output h3{
    margin: 10px 0px !important;
}



/* ---------------------------- */
/* master Excel css */
/* ---------------------------- */
.hover-drop{
    position: relative;
    display: flex;
    justify-content: flex-end;
}

#et-boc .hover-drop .menu-list {
    display: none;
    position: absolute;
    right: 0;
    top: 36px;
    min-width: 199px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    z-index: 20;
    padding: 0 0;
}

#et-boc .hover-drop .menu-list li {
    list-style: none;
}

#et-boc .hover-drop .menu-list li a {
    display: block;
    padding: 14px 15px;
    white-space: nowrap;
    font-family: 'HelveticaNeue';
    font-weight: inherit !important;
    font-size: 17px;
    cursor: pointer;
    color: #102A59;
    text-align: left;
}

#et-boc .hover-drop .menu-list li a:hover {
    background-color: #e6e9ee
}

#et-boc .hover-drop:hover .menu-list {
    display: block;
}


.total-heading .tilde-view{
    font-size: 14px;
    width: 10px;
    height: 10px;
}
.total-heading .tilde-view:after{
    left: auto;
    right: 0;
    top: 5px;
    width: 14px;
    height: 14px;
}

#et-boc select.form-control.head-select {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    font-size: 15px !important;
    min-height: 40px;
    border: none !important;
    padding: 0px 10px;
}



.accordion-btn {
    position: relative;
}

.accordion-btn:not(.collapsed)::after {
    content: "Close";
}

.accordion-btn::after {
    content: "Add";
}

.accordion-btn.collapsed::after{
content: "Add";
}

table.assets-table tr td i {
    color: #012060;
    margin-right: 7px;
}
.assets-table .oldvalue {
    background: rgba(199,43,43,.2196078431)!important;
    color: #333 !important;
}

.assets-table td.newvalue {
    background: rgba(43,199,76,.2196078431)!important;
    color: #333;
}

.scroll-height{
    max-height: 77vh;
}
.scroll-height thead {
    position: sticky;
    top: -1px;
    z-index: 99;
}
.pagination-info form label {
    display: flex !important;
    align-items: center;
    gap: 12px;
}

.vessel-left-form{
    padding:14px 15px 18px;
    background: #F2F4F7;
}
.vessel-left-form .Vessel-tb{
    background: transparent !important;
}
.vessel-left-form .Vessel-tb tr td{
    border-bottom:none;
}
.vessel-left-form input, .vessel-left-form select {
    width: 92% !important;
}
.vessel-left-form .tilde-view{ 
    opacity: 0.4;
}
.vessel-left-form .Vessel-tb tr td{
    padding: 8px 14px 8px;
    font-size: 17px !important;
}
.vessel-left-form tr td span{
    padding: 5px 5px !important;
    display: inline-block;
} 
.vessel-form-btn{
    display:flex;
    justify-content: flex-end;
    padding-right: 34px;
    margin-top: 11px;
    gap: 40px;
    align-items: center;
}
.vessel-form-btn .field-mandatory {
    font-style: italic;
    opacity: 0.5;
}
.vessel-upload h6 {
    font-size: 18px;
    margin-bottom: 15px !important;
    display: block;
    font-weight: 600;
    color: #000 !important;
}
.vissel-right {
    padding-left: 20px;
}

#et-boc #ask_the_analyst_comment_form label{
    text-align: left;
}
#et-boc .edit-btn {
    background: #ebeef3;
    border: none;
    padding: 5px 10px;
    color: #0000009c;
    display: flex;
    align-items: center;
    gap: 6px;
}

#et-boc .edit-btn img {
    width: 15px;
}

#et-boc .vessel-left-form input{
  background-color: #f2f4f7;
}

#et-boc .vessel-left-form input[name="imo_number"] {
  background-color: #fff;
}

.flatpickr-input {
    background-image: url(/images/calendar-icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px !important;
}

.download-now{
   font-family: unset;
   font-size:13px !important;
}