/**
 * @file
 * Subtheme specific CSS.
 */
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
.node .field--type-image + .field--type-image { clear: both }
.node .align-center .field--type-image { float: none }
.field--type-image img,
.field--name-user-picture img { margin: 0 0 1em }
.align-center .field--type-image img,
.align-center .field--name-user-picture img { display: block; margin-right: auto; margin-left: auto }
.align-center .media-library-item__name { text-align: center }
.field--type-image a { border-bottom: none }
iframe, img, video, audio { display: block; margin-left: auto; margin-right: auto; max-width: 100% }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

/*Body Style -->>Start*/
* { margin: 0; padding: 0; outline: 0; box-shadow: border-box; -webkit-box-shadow: border-box; -moz-box-shadow: border-box }
::selection { background: #4396bf; color: #fff; text-shadow: none }
body { background: url(../images/oled-info-background-tiles.png) repeat 0 0 #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px; font-weight: 400; line-height: 1.5em; color: #383838 !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; margin-top: 5px }
h1 { font-weight: 600; font-size: 1.6em; line-height: 1.4em }
h2 { font-weight: bold; font-size: 1.5em; line-height: 1.333em }
h3 { font-weight: 600; font-size: 1.333em; line-height: 1.375em }
h4 { font-weight: 600; font-size: 1.166em; line-height: 1.428em }
h5 { font-weight: normal; font-size: 1.083em; line-height: 1.461em }
h6 { font-weight: bold; font-size: 1em; line-height: 1.5em }
p { font-size: 14px; text-align: justify; margin-top: 5px; margin-bottom: 20px }
strong, th { font-weight: 700 }
a, .link { text-decoration: none; color: #4396bf !important }
a:hover, a:focus, .link:hover, .link:focus { color: #383838 !important; box-shadow: none !important }
/*img { max-width: 100%; border: 0; height: auto }*/
#page-wrapper { max-width: 1020px; margin: 0 auto; border-top: 5px solid #6c96d0; box-shadow: 0px 0px 8px rgb(0 0 0 / 24%); background-color: #fff; overflow: hidden }
.container { max-width: 990px; margin: 0 auto }
.main-content ul { list-style-type: none; padding-left: 30px }
.main-content ul li { margin-left: 30px; list-style-image: url(../images/arrow-right.png); }
/*Body Style -->>end*/

/*body content Style -->>Start*/
.path-frontpage .main-content .block-block-content { border-left: 4px solid #6b99cd; }
.path-frontpage .main-content .block-block-content .content { background-color: #f7f7f7; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 15px 5px 10px 10px; margin-bottom: 10px  }
.path-frontpage .main-content .block-block-content .content h1 { font-weight: 600; font-size: 1.6em; line-height: 1.4em }
.path-frontpage .main-content .block-block-content .content p { margin-bottom: 0; margin-top: 10px }

.main-content .node { border-bottom: 1px solid #ddd; margin-bottom: 10px }
.main-content .node h2.node__title { font-weight: 700; font-size: 1.5em; line-height: 1.333em }
.main-content .node h2.node__title a { color: #383838 !important; text-decoration: none }
.main-content .node h2.node__title a:hover { color: #4396bf !important }
.main-content .node .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.main-content .node .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.main-content .node .home-posted a { font-weight: 700; font-size: 13px; }

.path-frontpage .block-page-title-block h1.title { margin-bottom: 10px; border-bottom: 1px solid #ddd; font-weight: 400; font-size: 1.6331em; line-height: 1.734em }
.block-system-main-block .views-row .views-field-title h2.field-content { font-weight: 700; font-size: 1.5em; line-height: 1.333em }
.block-system-main-block .views-row .views-field-title h2.field-content a { color: #383838 !important }
.block-system-main-block .views-row .views-field-title h2.field-content a:hover { color: #4396bf !important }
.block-system-main-block .views-row .views-field-nothing { border-bottom: 1px solid #ddd; margin-bottom: 10px; font-size: 0.916em; color: #888 }
.block-system-main-block .views-row .views-field-nothing a { font-weight: 700; font-size: 13px }
.block-system-main-block .views-row .views-field-nothing b { font-size: 13px; color: #383838 }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.block-system-main-block .views-row ul { list-style-type: none; padding-left: 30px }
.block-system-main-block .views-row ul li { margin-left: 30px; list-style-image: url(../images/arrow-right.png) }
.block-system-main-block .views-row .views-field-body h2 { font-weight: bold; font-size: 1.5em; line-height: 1.333em }
.block-system-main-block nav { margin-bottom: 40px; text-align: right }
.block-system-main-block nav .pagination { margin-bottom: 0 !important; display: block; padding-left: 0 }
.block-system-main-block nav .pagination li { margin: 0 0 0 5px; display: inline-block; list-style-image: none }
.block-system-main-block nav .pagination li span.page-link { display: none }
.block-system-main-block nav .pagination li a { display: block; background-color: #e5e5e5; color: #383838 !important; padding: 5px 10px; border: 0 !important; border-radius: 0 !important }
.block-system-main-block nav .pagination li a:hover { background-color: #283065; color: #fff !important }


.block-views-blockproducts-block-1 .views-row ul { list-style-type: none; padding-left: 30px }
.block-views-blockproducts-block-1 .views-row ul li { margin-left: 30px; list-style-image: url(../images/arrow-right.png) }
.block-views-blockproducts-block-1 .views-row .views-field-body h2 { font-weight: bold; font-size: 1.5em; line-height: 1.333em }
.block-views-blockproducts-block-1 nav { margin-bottom: 40px; text-align: right }
.block-views-blockproducts-block-1 nav .pagination { margin-bottom: 0 !important; display: block; padding-left: 0 }
.block-views-blockproducts-block-1 nav .pagination li { margin: 0 0 0 5px; display: inline-block; list-style-image: none }
.block-views-blockproducts-block-1 nav .pagination li span.page-link { display: none }
.block-views-blockproducts-block-1 nav .pagination li a { display: block; background-color: #e5e5e5; color: #383838 !important; padding: 5px 10px; border: 0 !important; border-radius: 0 !important }
.block-views-blockproducts-block-1 nav .pagination li a:hover { background-color: #283065; color: #fff !important }
.block-views-blockproducts-block-1 .views-table thead tr th {color: #5385c2; font-size: 1.2em; border-bottom: 0px;}
.block-views-blockproducts-block-1 td, th {
   background-color: white !important;
}

.block-views-blockproducts-block-1 .table>:not(caption)>*>* {
  background-image: none;
}


.feed-icons { display: none }
.node--type-story h1.title { padding: 10px 0; border-bottom: 1px solid #e5e5e5; font-weight: 600; font-size: 1.6em; line-height: 1.4em; color: #383838  }
.node--type-story .field--name-body ul { list-style-type: none; padding-left: 30px }
.node--type-story .field--name-body ul li { list-style-image: url(../images/arrow-right.png); margin-left: 30px }
.node--type-story .field--name-body h3 { font-weight: 600; font-size: 1.333em; line-height: 1.375em }
.node--type-story .tags .field { margin-bottom: 0 }
.node--type-story .tags .field__label { font-weight: 700; font-style: normal; font-size: 90% }
.node--type-story .tags .field__items { display: inline; color: #50788a; font-size: 0.8em; font-weight: 700 }
.node--type-story .tags .field__item { display: inline; margin-right: 5px }
.node--type-story .posted { font-size: 90%; color: #888 }
.node--type-story .posted strong { color: #383838; font-weight: 700 }
.node--type-story .inline__links nav { margin-bottom: 0 }
.node--type-story .inline__links nav .nav-link { padding: 0 5px 0 0; font-weight: 700 }
.node--type-story .source .field__label { font-weight: 700; font-style: normal; font-size: 90% }
.node--type-story .source .field__items { display: inline; color: #50788a; font-size: 0.8em; font-weight: 700 }
.node--type-story .source .field__item { display: inline; margin-right: 5px }
.node--type-story .field--type-comment { background-color: #fffbed; margin-top: 10px; margin-bottom: 10px }
.node--type-story .field--type-comment h2.title { font-weight: 600; font-size: 1.333em; line-height: 1.375em; margin: 0; padding: 10px 10px 0 }
.node--type-story .field--type-comment .comment__meta { font-weight: 700; padding-bottom: 0 }
.node--type-story .field--type-comment .comment__content { width: 100%; display: block; background-color: transparent; border: 0 }
.node--type-story .field--type-comment .comment__content:after,
.node--type-story .field--type-comment .comment__content:before { display: none }
.node--type-story .field--type-comment .card-body { padding: 0 }
.node--type-story .comment { display: block; margin: 5px 0; border-top: 1px solid #ccc; padding: 5px 10px }
.node--type-story .comment:first-child { border-top: 0 }
.node--type-story .field--type-comment .comment__content h3 { font-weight: 700; margin-top: 5px; margin-bottom: 0; font-size: 1em  }
.node--type-story .field--type-comment .comment__content h3 a { color: #383838 !important }
.node--type-story .field--type-comment .comment__content p { margin-bottom: 10px }
.node--type-story .field--type-comment .comment__content nav { margin-bottom: 0; font-size: .9em }
.node--type-story .field--type-comment .card-body .comment__time,
.node--type-story .field--type-comment .card-body .comment__permalink { font-style: italic; font-size: .9em }
.node--type-story .field--type-comment .card-body .comment__permalink { padding-left: 0 }

.node--type-page .block-page-title-block h1.title { padding: 10px 0; border-bottom: 1px solid #e5e5e5; font-weight: 600; font-size: 1.6em; line-height: 1.4em }
.node--type-page .field--name-body h2 { font-weight: bold; font-size: 1.5em; line-height: 1.333em }
span.inline-right { display: block; float: right; margin: 5px 0px 5px 5px }
.node--type-page .field--name-body h3 { font-weight: 600; font-size: 1.333em; line-height: 1.375em }
.node--type-page .node__meta em { font-style: normal }
.node--type-page .node__content ul { padding-left: 30px; list-style-type: none }
.node--type-page .node__content ul li { list-style-image: url(../images/arrow-right.png); margin-left: 30px }
.rm-two-grid-left { width: 50%; min-height: 170px; margin-bottom: 10px; float: left; display: inline-block }
.rm-two-grid-right { width: 50%; min-height: 170px; display: inline-block; margin-bottom: 10px }
.rm-two-grid-higher { min-height: 550px !important }
.services-page h2 { color: #315998; margin-top: 16px }
.services-page ul { padding-left: 30px; list-style-type: none }
.services-page ul li { padding-left: 15px; list-style-image: url(../images/bullet.jpeg) !important; margin-bottom: 3px; line-height: 20px; margin-left: 30px }
.book-cover-large { padding-left: 15px }
.flexyContainer { display: flex; align-items: center }
.div-width-128 { max-width: 256px; min-width: 128px }
.threeColSpecCont { display: flex; align-items: center; flex-wrap: wrap; border: 2px solid #bcbcbc; width:100%; }
.threeColSpecContFirst { margin-left: 15px; max-width: 450px }
.threeColSpecContSecond { margin: 0 15px; max-width: 150px }
.threeColSpecContThird { margin-left: 25px; max-width: 270px; padding-top: 5px }
.threeColSpecContThird ul { padding-left: 15px }
.gray-border-div-handbook { border: 2px solid #bcbcbc; display: flex; align-items: center; flex-wrap: wrap; margin-left: 15px }
.success-message {
    background-color: #f8fff0;
    border-color: #be7;
    background-position: 8px 8px;
    background-repeat: no-repeat;
    margin: 6px 0;

}
#main-wrapper .block-metalgrass-banner-manager { padding-top: 10px !important; padding-bottom: 10px !important }
/*body content Style --<<end*/

/*Header Style -->>Start*/
#header { max-width: 968px; margin: 0 auto }
#header #navbar-top { padding-bottom: 0 }
#header .menu-wrap { margin-bottom: 15px }
#header #navbar-main { padding-top: 0; padding-bottom: 0; background: #283165; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
#header #navbar-main .navbar-nav li { min-width: 6em }
#header #navbar-main .navbar-nav li a { display: block; font-weight: 400; padding: 10px 12px; text-align: center; color: #fff !important; border-right: 1px solid #fff; box-shadow: 1px 0 rgb(255 255 255 / 75%); background-color: #283065 !important }
#header #navbar-main .navbar-nav li a:hover,
#header #navbar-main .navbar-nav li a.is-active,
#header #navbar-main .navbar-nav li a.active { background-color: #6c99ce !important; color: #fff !important }
#header .menu-wrap.sticky{ position: fixed; top: 0; width: 968px; z-index: 999; border-top: 0 }
#header #block-secondarymenu .nav { margin-bottom: 0; list-style: none; font-size: .9em; background-color: #c4c4c4; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
#header #block-secondarymenu .nav li { list-style: none; float: left; background-color: #c4c4c4; padding: 0; margin-right: 0; margin-left: 0; color: #000 }
#header #block-secondarymenu .nav li a { color: #000 !important; display: block; border-right: 1px solid #fff; padding: 3px 8px; text-align: center }
#header #block-secondarymenu .nav li a:hover { color: #000 !important  }
/*Header Style --<<end*/

/*Footer Style -->>Start*/
.site-footer { padding: 0; background-color: #383838; border-top: 5px solid #e5e5e5; margin-top: 20px }
.site-footer__bottom .region { margin-top: 0 }
.site-footer .container { max-width: 960px }
.site-footer .site-footer__bottom { border-top: 0; margin-top: 0; }
.rm-two-grid-footer-left { width: 100%; text-align: left; font-size: 13px; text-align: center; color: #fff }
.rm-two-grid-footer-left a { color: #bfbfbf !important }
.rm-two-grid-footer-left a:hover { color: #4396bf !important }
.rm-two-grid-footer-left br { display: none }
.site-footer__bottom {
  display: flex;
}
.expert-log {
    display: inline;
    margin-top: 36px;
}
#af-form-mg .af-body {
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(/img/icons/social/newsletter-e-mail-icon.png);
    color: #2a306a;
    font-size: 11px;
}
#AWGetNewsP {
    line-height: 14px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 40px;
    color: #2a306a;
    font-size: 12px;
}
#af-form-mg div {
    margin: 0;
}
#af-form-mg {
    overflow: hidden;
}
#af-form-mg {
    display: block;
}
#af-form-mg {
    background-color: #F8E299;
    border-color: #BE9210;
    border-width: 1px;
    border-style: solid;
}
#af-form-mg, #af-form-mg .quirksMode {
    width: 100%;
}
.af-form {
    box-sizing: border-box;
    text-align: left;
    margin: auto;
}
#af-form-mg .af-standards .af-element {
    padding-right: 9px;
    padding-left: 9px;
}
.af-element {
    padding-bottom: 5px;
    padding-top: 5px;
}
#af-form-mg .af-body input.text, #af-form-mg .af-body textarea {
    background-color: #FFFFFF;
    border-color: #BE9210;
    border-width: 1px;
    border-style: solid;
    color: #2a306a;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
}
.af-body input.text {
    width: 100%;
    float: none;
    padding: 2px;
}
.site-footer #af-form-mg { width: 95% }
.site-footer #af-form-mg input[type='text'] { width: 138px !important }
.inline {
    display: flex;
}
.source {
    display: flex;
}
.tags {
    display: flex;
}
.mram-expert {
  display: inline;
  margin-block: auto;
  margin-top: 32px;
}
.testimonial-div {
    float: left;
    max-width: 305px;
    text-align: justify;
    margin-right: 8px;
    margin-left: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.rm-right-side-book-images {
    float: right;
}
.handbook-testimonial-quote {
    display: inline;
    margin-right: 5px;
}
.handbook-testimonial-quote-end {
    display: inline;
    margin-left: 5px;
}
/*Footer Style --<<end*/


/*Sidebar -->>Start*/
.sidebar .block { padding: 0; background-color: transparent !important; border: 0; margin-bottom: 10px }
.sidebar #search-block-form { display: block; text-align: center; margin-bottom: 0 }
.sidebar .search-block-form .container-inline { display: block }
.sidebar .search-block-form .container-inline .form-actions,
.sidebar .search-block-form .container-inline .form-type-search { margin-bottom: 0 !important }
.sidebar .search-form { background-color: #F8E299; border: 1px solid #BE9210; padding: 8px; margin-bottom: 1em }
.sidebar .search-form input[type="search"] { background-color: #f7f7f7; padding: 6px 8px; border-radius: 0; border: 1px solid #BE9210 !important; width: 80%; margin: 4px auto 8px !important; height: 34px; font-size: 14px }
.sidebar .search-form .form-submit { padding: 6px 30px; margin: 0; background-color: #292d6a; border: 0; border-radius: 0; font-size: 14px; color: #fff; }
.sidebar .search-form .form-submit:hover { background-color: #383838 }
.form-control:focus { box-shadow: none !important }
#block-social { text-align: center }
/*Sidebar --<<end*/

/*Breadcrumb -->Start*/
.breadcrumb { padding-bottom: 0.5em; margin-bottom: 0 }
.breadcrumb .inline { display: inline-block; margin-left: 0px }
.breadcrumb .breadcrumb-item.active { color: #383838 }
.breadcrumb .breadcrumb-item+.breadcrumb-item { padding-left: .2rem }
.breadcrumb .breadcrumb-item+.breadcrumb-item::before { content: "»"; padding-right: .2rem }
/*Breadcrumb --<<end*/

/*Inner Pages -->>Start*/
.layout-one-sidebar h1.title,
h1#page-title { font-weight: 600; font-size: 1.6em; line-height: 1.4em; padding: 10px 0; border-bottom: 1px solid #e5e5e5 }
.path-comment .node--type-story .inline__links { display: none }
.path-comment .node { padding-bottom: 10px }
.path-comment .comment-form label,
.path-contact .contact-form label,
.path-user form label { margin-bottom: 5px; font-weight: 700; cursor: pointer }
.path-comment .comment-form input[type="text"],
.path-contact .contact-form input[type="text"],
.path-contact .contact-form input[type="email"],
.path-user form input[type="text"],
.path-user form input[type="password"],
.path-user form input[type="email"] { width: 50% }
.path-comment .comment-form .form-control,
.path-contact .contact-form .form-control,
.path-user form .form-control { border-radius: 0; background-color: #f7f7f7 }
.path-comment .comment-form .form-control:focus,
.path-contact .contact-form .form-control:focus,
.path-user form .form-control:focus { border-color: #e5e5e5; background-color: transparent }
.path-comment .comment-form ul { padding-left: 30px; list-style-type: none }
.path-comment .comment-form ul li { list-style-image: url(../images/arrow-right.png); margin-left: 30px }
.path-comment .comment-form .button,
.path-contact .contact-form .button,
.path-user form .button { width: auto; display: inline-block; cursor: pointer; line-height: normal; margin: 0 10px 0 0; border: 0; background-color: #292d6a; color: #fff !important; padding: 7px 15px; border-radius: 0 }
.path-comment .comment-form .button:hover,
.path-contact .contact-form .button:hover,
.path-user form .button:hover { background-color: #383838 }
.path-contact .contact-form #edit-preview { display: none }
.path-taxonomy .node { padding-bottom: 0 }
.path-events .node { padding-bottom: 0 }
.path-events .node__title a { color: #383838 !important }
.path-events .node__meta { display: none }
.path-events .node__content .field--type-datetime .field__label,
.path-events .node__content .field--type-string .field__label { font-weight: 700 }
.path-events .inline__links nav { margin-bottom: 0 }
.path-events .inline__links nav .nav-link { padding: 0; font-weight: 700; font-size: 13px }
.path-archive .item-list ul { margin: 0 0 0.75em 0; padding: 0 }
.path-archive .item-list ul li { margin: 0 0 0.25em 1.5em; padding: 0 }
.oledItemBox { background-color: #e9e9e9; padding-left: 10px; padding-top: 5px; border-left: solid #6a98cc 4px; border-right: solid #ffffff 20px; height: 160px;}
.oledItemBox h2 { margin-bottom: 5px }
.oledItemBox h2 a { font-size: 0.8em; color: #000 !important }
.oledItemBox tr, .oledItemBox tr td {
    background: transparent;
    border: none;
}
.flexyContainer { display: flex; align-items: center }
.div-width-140 { max-width: 256px; min-width: 140px }

.path-user .tabs .nav-tabs .nav-link { border-radius: 0; background-color: #ddd; margin-left: 15px; margin-right: 15px }
.path-user .tabs .nav-tabs .nav-link.active { color: #000 !important; background-color: transparent }
.path-user .contact-form button#edit-preview { display: none }

.path-search #search-form { background-color: #F8E299; border: 1px solid #BE9210; padding: 8px; margin: 15px 0 }
.path-search #search-form #edit-help-link { display: none }
.path-search #search-form fieldset { display: inline-block; margin-bottom: 0 !important }
.path-search #search-form label { display: inline-block; font-weight: 700 }
.path-search #search-form input[type="search"] { display: inline-block; width: 300px; background-color: #f7f7f7; padding: 6px 8px; border-radius: 0; background-color: #f7f7f7; border: 1px solid #e5e5e5; font-size: 14px }
.path-search #search-form .button { vertical-align: top; padding: 6px 30px; margin: 0; background-color: #292d6a; border: 0; border-radius: 0; font-size: 14px }
.path-search #search-form .button:hover { background-color: #383838 }
.path-search #search-form #edit-basic { margin-bottom: 0 !important; line-height: 0 }
.path-search .node_search-results { border-radius: 0 }
.path-search .node_search-results .list-group-item { padding-top: 0; padding-bottom: 0; border: 0; padding-left: 30px }
.path-search .node_search-results .list-group-item p { margin-bottom: 15px; padding-left: 1em }
.path-search .node_search-results .list-group-item p em { font-style: normal; font-size: 13px }
/*Inner Pages --<<end*/

/*Admin Style fix -->>Start*/
.tabs .nav-tabs { padding-left: 0 }
.tabs .nav-tabs li { margin-left: 0; list-style-image: none }
/*Admin Style fix --<<end*/
.company-sponsor-id-1 {
    border: solid 4px #d2d2d2;
    padding: 5px;
}
.company-sponsor-id-2 {
    border: solid 4px #fafad2;
    padding: 5px;
}
.company-sponsor-id-3 {
    border: solid 4px #bad0e9;
    padding: 5px;
}
.node--type-content-company-profile .field--name-body .img-assist-img-rm img { width: 120px }
.view-story a::marker { unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none; text-indent: 0px !important; text-align: start !important; text-align-last: start !important }

/*Sidebar Popular Stories -->>Start*/
.sidebar #block-quicktabspopularstory h2 { text-align: center; font-weight: 600; font-size: 1.333em; line-height: 1.375em; border-bottom: 0 }
.sidebar #block-quicktabspopularstory h2::after { content: ''; background: url(/img/icons/star-icon.png) no-repeat; width: 20px; height: 20px; display: inline-block !important; margin: 0px 4px; background-size: contain; margin-bottom: -2px }
.sidebar #block-quicktabspopularstory h2::before { content: ''; background: url(/img/icons/star-icon.png) no-repeat; width: 20px; height: 20px; display: inline-block !important; margin: 0px 5px; background-size: contain; margin-bottom: -2px }
.sidebar #block-quicktabspopularstory .on-the-gray { padding: 0 }
.sidebar #block-quicktabspopularstory .on-the-gray .quicktabs-tabs { border-bottom: 1px solid #ddd; padding: 0px; margin: 0px; display: block; border: 0; margin-bottom: -1px }
.sidebar #block-quicktabspopularstory .on-the-gray .quicktabs-tabs li { list-style: none; display: inline-block; margin-right: 5px; margin-left: 0px; border-radius: 0; border: 0 !important }
.sidebar #block-quicktabspopularstory .on-the-gray .quicktabs-tabs li a { text-decoration: none; padding: 2px 6px; background: #ccc; color: #fff; line-height: 20px; border: 0; color: #fff !important }
.sidebar #block-quicktabspopularstory .on-the-gray .quicktabs-tabs li.active a { background-color: #fff; color: #000 !important; border: 1px solid #ddd; border-bottom-color: transparent; font-weight: 600 }
.sidebar #block-quicktabspopularstory .on-the-gray .quicktabs-tabpage { padding: 15px 5px 10px }
.sidebar #block-quicktabspopularstory .on-the-gray .quicktabs-tabpage .views-field-title { font-size: 12px; margin: 0 0 3px; padding: 0 0 3px 15px; position: relative; line-height: 1.8em }
.sidebar #block-quicktabspopularstory .on-the-gray .quicktabs-tabpage .views-field-title:before { content: ""; width: 5px; height: 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; transform: rotate(45deg); display: inline-block; position: absolute; left: 0; top: 9px }
/*Sidebar Popular Stories --<<end*/

/*Event Start*/
.centereddiv {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
#oldConferenceDiv {
    font-size: 1.2em !important;
}
#oldConferenceDiv a {
    color: #698EA0 !important;
}
.node--type-content-microled-event .field.field--label-inline .field__label {
    font-weight: 700;
}
.node--type-content-microled-event .field.field--label-inline .field__label:after{
    content: ':';
}
.node--type-content-microled-event .main-content .node {
    border-bottom: 0;
}
/*Event End*/
.mobile-image {
    display: none;
}

.adsense-admin-top {
  text-align:center;
  display: inline-block;
  vertical-align:middle;
  border:solid 1px;
  width:460px;
  height:60px;
}

.adsense-admin-sidebanner {
  text-align:center;
  display: inline-block;
  vertical-align:middle;
  border:solid 1px;
  width:160px;
  height:600px;
}

.adsense-admin-sidebanner2 {
  text-align:center;
  display: inline-block;
  vertical-align:middle;
  border:solid 1px;
  width:160px;
  height:600px;
}

.adsense-admin-bottom {
  text-align:center;
  display: inline-block;
  vertical-align:middle;
  border:solid 1px;
  width:718px;
  height:90px;
}
.adsensediv {
    max-width: 600px;
    margin: 0px;
    height: auto;
}
.adsense-admin-between {
  text-align:center;
  display: inline-block;
  vertical-align:middle;
  width:718px !important;
  height:90px !important;
}
.three-fourths {
    width: 74.5%;
    max-width: 100%;
}

.column-last {
    margin-right: 0 !important;
}

.one-fourth {
    width: 24.5%;
    max-width: 245px;
}
.quicktabs-main {
  text-align: left;
}
/*img {
    max-width: 100%;
    border: 0;
    height: auto;
}*/
.inline-middle {
    display: flow-root;
}
.show-on-mobile {display: none; }
.mobile-toc-content {
    width: 500px;
    margin: auto;
}
.mobile-toc-content > div {
    display: block;
    overflow: hidden;
    padding: 0 5px 0 0;
    width: 100%;
}
.mobile-toc-content .pagenumber {
    float: right;
}
.mobile-toc-content span {
    display: block;
    overflow: hidden;
    padding: 0 5px 0 0;
    white-space: nowrap;
    width: 90%;
}
.ctags { display: inline-flex; }

.oled-device-type {
    display: flex;
}
.tags .field--type-entity-reference {
    margin-bottom: 0;
}

.field--name-body .mg-sitemap ul {
    padding-left: 0px;
}

.views-table thead tr th {
    color: #5385c2;
    font-size: 16.8px;
    border-bottom: 0px;
}

.div-width-50-80-amp {
    max-width: 50px;
    min-width: 50px;
    padding-right: 5px;
    margin-bottom: 10px;
}
#block-abouttextforronipeleg .field--type-image img,
#block-abouttextforamitlevran .field--type-image img,
#block-abouttextforronmertens .field--type-image img {
    margin-left: 5px;
}

.blackHref {
    color: black !important;
    font-size: 14px;
}

.oled-device-type p {
    margin-top: 0px !important;
}

.comment-details {
    padding-left: 10px;
}
.comment-details .comment-author {
    font-weight: bold;
}
.comment-details .comment-meta {
    margin-bottom: 15px;
    color: #888;
    font-style: italic;
}

.mg-amazon-buy-now-button a {
    width: 150px;
    height: 29px;
    display: block;
    margin: 0 auto 10px auto;
    background-image: url("/sites/oled/themes/custom/subtheme/images/amazon-buy.jpg");
    text-indent: -9999px;
    overflow: hidden;
}

.node-form .layout-region,
.node-form .layout-region-node-secondary {
  float: none !important;
  width: 100% !important;
  padding-right: 0 !important;
}

.node-form .layout-region-node-secondary .vertical-tabs__panes {
  padding: 1em;
}

.node-form .layout-region-node-secondary .vertical-tabs__menu {
  padding-left: 0 !important;
}



/*Responsive style -->>Start*/
@media screen and (max-width: 700px){
.remove-on-mobile-rm {
    display: none;
}
@media screen and (max-width: 700px) {
.show-on-mobile {
    display: block;
}
@media (max-width: 460px) {
.mobile-toc-content {
    font-size: 12px;
}
@media (max-width: 530px) {}
.mobile-toc-content {
    width: 100%;
}
@media (max-width: 991px){
  body.path-frontpage #main-wrapper { padding-top: 15px }
  .breadcrumb { display: none }
  body { padding-top: 70px; background: #fff !important; background-image: none !important; box-shadow: none }
  #header { position: fixed; width: 100%; left: 0; right: 0; top: 0; z-index: 999; background-color: #fff; border-top: 5px solid #6c96d0; max-width: 100%; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #f1f1f1 }
  #header #navbar-top { padding-top: 0 !important }
  #header #navbar-main { background-color: transparent; margin-bottom: 0; position: absolute; border: 0; top: -5px }
  .navbar-toggler { position: absolute; left: 0; top: 20px; /*background-color: #2a2d6a;*/ border-radius: 0; position: relative; height: 22px; padding-top: 0; transition: all .5s; padding: 0 }
  .navbar-toggler.active { left: 285px; top: 0; width: 30px; height: 30px; background-color: #2a2d6a; }
  .navbar-toggler:focus { box-shadow: none }
  .navbar-toggler .navbar-toggler-icon { background-image: none; width: 30px; height: 5px; background-color: #2a2d6a; position: relative; border-radius: 3px; }
  .navbar-toggler .navbar-toggler-icon:before,
  .navbar-toggler .navbar-toggler-icon:after { content: ""; display: block; position: absolute; height: 5px; background-color: #2a2d6a; width: 100%; border-radius: 3px }
  .navbar-toggler .navbar-toggler-icon:before { top: -10px }
  .navbar-toggler .navbar-toggler-icon:after { bottom: -10px }
  .navbar-toggler.active .navbar-toggler-icon { background-color: transparent; width: 20px }
  .navbar-toggler.active .navbar-toggler-icon:before { top: 0; transform: rotate(45deg); background-color:#fff }
  .navbar-toggler.active .navbar-toggler-icon:after { bottom: 0px; transform: rotate(-45deg); background-color:#fff }
  .navbar-brand { margin-left: 50px }
  .navbar-nav { width: 300px; height: 100vh; position: fixed; background: #283165; left: -300px; top: 0; transition: all .5s; display: block; overflow-y: scroll }
  .navbar-nav.active { left: 0 }
  #header #navbar-main .navbar-nav li { min-width: 100%; border-bottom: 1px solid #fff }
  #header #navbar-main .navbar-nav li a { border-right: 0 }
  .sidebar .search-form input[type="search"] { width: 100% }
  .sub-menu-nav { display: none }
  #header .menu-wrap.sticky { position: static }
  #page-wrapper { border-top: 0; box-shadow: none }
  #header .menu-wrap { margin-bottom: 0 }
  /*.navbar-brand img.d-inline-block { display: block !important }*/
  #header .navbar section { width: 50% }
}
@media (max-width: 963px){
  .sidebar #block-social a img { width: 20%; height: auto }
  .rm-two-grid-left,
  .rm-two-grid-right { width: 100%; float: none; }
  .oledItemBox { border-right: 0; padding-bottom: 10px; height: auto; }
  .navbar-brand img.d-inline-block { display: block !important }
  .navbar-brand { width: auto; }
  .navbar-brand img.align-bottom {
    margin-left: 25px;
  }
  body { padding-top: 90px }
  .site-footer #af-form-mg input[type='text'] {
    width: 125px !important;
  }
}
@media (max-width: 939px){
    .site-footer__bottom {
        display: block;
        text-align: center;
    }
    .site-footer__bottom .col-md-6 {
        flex: 0 0 100%;
        width: 100%;
    }
    .site-footer__bottom .content {
        padding: 0;
    }
    .site-footer #af-form-mg {
        width: 460px;
    }
    .site-footer #af-form-mg input[type='text'] {
        width: 130px !important;
    }
}
@media (max-width: 800px){
  .navbar-brand img.align-bottom { display: block !important }
  .rm-two-grid-footer-left { text-align: center; width: auto }
  .path-search #search-form input[type="search"] { width: 270px }
}
@media (max-width: 767px){
  .one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {float: none; display: block; margin-right: 0 !important; width: auto !important; max-width: unset !important; }
.three-fourths {
    float: none;
    display: block;
    margin-right: 0;
    width: auto;
    max-width: unset;
}
  .row.row-offcanvas { display: block }
  .main-content { padding-left: 15px; padding-right: 15px; margin-bottom: 30px }
  .sidebar_second { padding-left: 0; padding-right: 0; width: 320px !important; margin: 0 auto !important  }
  .rm-two-grid-higher { min-height: auto !important }
  .rm-two-grid-left { width: 100%; float: none }
  .rm-two-grid-right { width: 100%; display: block }
  .gray-border-div-handbook { margin-left: 0 }
  .threeColSpecContFirst { max-width: 100%; margin: 15px; min-width: auto }
  .threeColSpecCont { display: block }
  .threeColSpecContSecond { margin: 0 auto }
  .threeColSpecContThird  { margin: 0 auto }
  .gray-border-div-handbook { display: block; width: 300px; margin: 0 auto }
  .rm-two-grid-right { width: 100%; margin-bottom: 15px !important }
  .sidebar .search-block-form fieldset { display: inline-block; width: calc(100% - 110px); vertical-align: top; padding: 0 }
  .sidebar .search-form input[type="search"] { width: 100% }
  .sidebar .search-block-form .container-inline .form-actions { display: inline-block; width: 105px; vertical-align: top }
  .sidebar .search-form input[type="search"] { margin: 0 !important; height: 36px }
  .sidebar #search-block-form { padding: 15px }
  .sidebar .search-form .form-submit { padding: 8.5px 30px }
  .path-search #search-form fieldset { width: calc(100% - 110px) }
  .path-search #search-form input[type="search"]{ width: 100% }
  .path-search #search-form label { display: block; margin-top: 10px; margin-bottom: 20px }
  .path-search #search-form .button { vertical-align: bottom }
  .sidebar #block-social a img { width: auto; }

}
@media(max-width: 700px){
    .desktop-image {
        display: none;
    }
    .mobile-image
    {
        display: block;
    }
    .expert-log {
      margin-top: 15px;
    }
}
@media (max-width: 576px){
  .navbar { display: block; text-align: center }
  .navbar-brand { text-align: center; width: 250px; margin: 0 auto; }
  .navbar-brand img { display: block !important }
  .navbar-brand img.align-bottom { margin-left: 25px }
  .region-secondary-menu { margin: 0 }
  .path-comment .comment-form input[type="text"],
  .path-contact .contact-form input[type="text"],
  .path-contact .contact-form input[type="email"],
  .path-user form input[type="text"],
  .path-user form input[type="password"],
  .path-user form input[type="email"] { width: 100% }
  .main-content ul { padding-left: 0 }
  .block-system-main-block .views-row ul { padding-left: 0 }
  .node--type-page .node__content ul { padding-left: 0 }
  .services-page ul li { padding-left: 0 }
  .gray-border-div-handbook ul { padding-left: 15px !important }
  .path-user .tabs .nav-tabs .nav-link { margin-left: 10px; margin-right: 10px }
  .main-content { padding-left: 20px; padding-right: 20px }
  .path-search .node_search-results .list-group-item { padding-right: 0; padding-left: 15px }
  #header .navbar section { width: 100% }
  body { padding-top: 160px }
  #header { padding-bottom: 10px; }
  body.no-headerBanner { padding-top: 96px }
  .mram-expert { margin-block: auto; margin-top: 4px; }
  .expert-log {
    margin-top: 15px;
  }
}

@media (max-width: 479px) {
  .path-node .node--type-page .field--name-body iframe { width: 100% }
  .site-footer #af-form-mg {
    width: 300px;
  }
  .site-footer #af-form-mg input[type='text'] {
    width: 148px !important;
    margin-left: -4px !important;
    margin-top: 5px;
  }
  .site-footer #af-form-mg input {
    margin-top: 5px;
  }
  .expert-log {
    margin-top: 15px;
  }
}
@media (max-width: 374px){
    .navbar-brand img { width: 170px }
    .navbar-brand img.align-bottom { margin-left: 42px; width: 140px }
    .navbar-nav { width: 245px }
    .navbar-toggler.active { left: 230px }
    body { padding-top: 145px }
    .sidebar_second { width: 280px }
    .oledItemBox { padding-right: 5px }
    .oledItemBox h2 a { font-size: 0.78em;  }
    .gray-border-div-handbook {
        width: 280px
    }
    body.no-headerBanner { padding-top: 86px }
    .expert-log {
      margin-top: 15px;
    }
}
/*Responsive style -->>end*/