/*general*/
body#tinymce {background: #fff;overflow-y: auto !important;}
body#tinymce.mce-content-readonly { background-color: #eeeeee; }
.material_content { font-family: 'Roboto', sans-serif; /*antibootstrap*/ font-size: 14px; line-height: normal; }
.material_content * { box-sizing: border-box; }
.material_wrapper > .l_float {width: 68%;}
.material_wrapper > .r_float {width: 27%;}
.material_wrapper > .material_content .material_content_inner {min-height: 400px; position: relative; padding-bottom: 20px;}
.material_content > *:first-child, .material_content .material_content_inner > *:first-child, .material_content .material_content_inner_wrapper > *:first-child, .material_content .image_modal + * {margin-top: 0;}
/*general*/


/*similiar block*/
.material_wrapper > .r_float h3 {font-size: 16px;margin-bottom: 20px; font-weight: 400;}
.material_wrapper > .r_float .short_material {margin: 10px 0; padding: 17px 0 13px 0; border-top: 1px solid #d5e1e4; }
.material_wrapper > .r_float .short_material h4, .material_wrapper > .r_float .short_material h4 a {font-size: 15px;  line-height: 1.4em; font-weight: 400; text-decoration: none; margin-top: 5px; margin-bottom: 10px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word;}
/*end similiar block*/


/*headers*/
.material_content h1, .material_content table h1, .material_content h2, .material_content table h2, .material_content h3, .material_content table h3, .material_content h4, .material_content table h4, .material_content h5, .material_content table h5, .material_content h6, .material_content table h6 {overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; margin-bottom: 0;}
.material_content h1, .material_content h1 span, .material_content table h1 {font-size: 24px; font-weight: 700; line-height: 28px; margin-top: 40px;}
.material_content h2, .material_content h2 span, .material_content table h2 {font-size: 20px; font-weight: 700; line-height: 26px; margin-top: 36px;}
.material_content h3, .material_content h3 span, .material_content table h3 {font-size: 18px; font-weight: 700; line-height: 24px; margin-top: 32px;}
.material_content h4, .material_content h4 span, .material_content table h4 {font-size: 16px; font-weight: 700; line-height: 22px; margin-top: 20px;}
.material_content h5, .material_content h5 span, .material_content table h5 {font-size: 14px; font-weight: 700; line-height: 20px; margin-top: 20px;}
.material_content h6, .material_content h6 span, .material_content table h6 {font-size: 12px; font-weight: 700; line-height: 18px; margin-top: 10px; color: var(--dark_grey)}
.material_content img + h6, .material_content img + h6 span {margin-top: -4px; margin-bottom: 4px;}

/*MOT-20615*/
.material_content .material_content_inner_wrapper h1 a,
.material_content.mce-content-body h1 a,
.material_content .material_content_inner_wrapper h2 a,
.material_content.mce-content-body h2 a,
.material_content .material_content_inner_wrapper h3 a,
.material_content.mce-content-body h3 a,
.material_content .material_content_inner_wrapper h4 a,
.material_content.mce-content-body h4 a,
.material_content .material_content_inner_wrapper h5 a,
.material_content.mce-content-body h5 a,
.material_content .material_content_inner_wrapper h6 a,
.material_content.mce-content-body h6 a {color: var(--blue);}

/*end headers*/


/*text*/
.material_content p {font-size: 16px; line-height: 24px; font-weight: 400; margin-top:14px; margin-bottom: 0; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word;}
.material_content p:before { content: ''; display: block; clear: both; }
.material_content p.important {font-size: 18px; font-family: 'robotomedium'; font-weight: 500; padding: 20px; margin: 14px 0 14px 0; position: relative; font-family: 'robotomedium'; font-weight: 500;}
.material_content p.important:before {content: ''; width: 4px; height: 100%; display: block; position: absolute; top:0; bottom:0; left:0; background: var(--blue)}
.item.material_content p {font-size: 20px;}
.material_content a {text-decoration: none;}
.material_content .material_content_inner_wrapper a:not([class]):hover {opacity:0.8;}
/*end text*/

/*accordion*/
.material_content .accordion { margin: 14px 0 14px 0; padding: 10px 8px; border-radius: 5px; }
.material_content .accordion + .accordion { margin-top: 0; }
.material_content .accordion .accordion-title { display: block; font-size: 18px; font-family: 'robotomedium'; font-weight: 500; margin: 0 0 10px; }
.material_content .accordion .accordion-content { display: block; font-size: 16px; line-height: 24px; font-weight: 400; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; margin: 0; }
/*end accordion*/

/*buttons*/
.material_content a.btn { display: inline-block; border-radius: 4px; -webkit-transition: background-color 0.3s, opacity 0.3s, box-shadow 0.3s; transition: background-color 0.3s, box-shadow 0.3s, opacity 0.3s; color: var(--white) !important; text-decoration: none; word-break: break-word;max-width: 100%;}
.material_content a.btn-xs,
.material_content a.btn-sm { font-size: 14px; line-height: 20px; }
.material_content a.btn-xs { padding: 7px 18px; }
.material_content a.btn-sm { padding: 10px 20px; }
.material_content a.btn-lg { font-size: 16px; line-height: 19px; padding: 16px 26px; }
.material_content a.btn.default { background: var(--blue); }
.material_content a.btn.default:hover { background: var(--blue_hover); box-shadow: 0px 6px 15px rgba(172, 172, 172, 0.3); -webkit-box-shadow: 0px 6px 15px rgba(172, 172, 172, 0.3); }
.material_content a.btn.default:active { background: var(--blue_active); box-shadow: none; -webkit-box-shadow: none;  }
/*end buttons*/

/*horizontal rule*/
.material_content hr { border: 0; display: block; height: 1px; background: var(--light_grey); margin: 14px 0; }
/*end horizontal rule*/

/*glossary*/
.material_wrapper .glossary_link, .glossary_link {position: relative; cursor: pointer; color: #a865d7; border-bottom: 1px dotted; text-decoration: none;}
.material_wrapper .glossary_link:hover, .glossary_link:hover {border-color: transparent;}
.glossary_widget {position: absolute; width: 415px; top: calc(100% + 10px); left: calc(50% - 208px); z-index: 200; font-size: 14px; -webkit-box-shadow: 0 1px 15px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 15px 2px rgba(0, 0, 0, 0.2); overflow: visible; word-break: break-word; overflow-wrap: break-word; margin-top: 20px; opacity:0;}
.glossary_widget:before { content: '▲'; display: block; -webkit-transform: scale(1.2, 0.5); transform: scale(1.2, 0.5); color: #fff; font-size: 20px; position: absolute;top: -16px; z-index: 1; text-shadow: 0 -3px 4px rgba(0,0,0,0.15); left: 200px;}
.glossary_widget:after { content: ''; display: block; position: absolute; top: -15px; height: 30px; width: 110%; left: -5%; background: transparent; z-index: 1;}
.glossary_widget.left {left: calc(50% - 20px)}
.glossary_widget.left:before {left: 15px;}
.glossary_widget.right {left: calc(50% - 380px)}
.glossary_widget.right:before {left: 375px;}
.glossary_widget .preloader { position: relative; margin: 0 auto; left:0; top:0; right:0; }
.glossary_widget .contains_image {position: absolute; right: 5px; top: 5px; background: #f3e7f9; width: 28px; height: 28px; line-height: 28px; text-align: center;}
.glossary_widget .contains_image .i {font-size: 22px; color: #dab8ee; display: inline-block; vertical-align: middle; position: relative; top: -1px;}
.glossary_widget h5 {font-size: 16px; font-family:'robotomedium'; font-weight: 500; margin-bottom: 2px !important; max-width: calc(100% - 38px); margin-top: 0 !important;}
.glossary_widget .glossary_widget_inner {font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; font-style: normal;}
.glossary_widget .glossary_widget_content {min-height: 30px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word;}
.glossary_widget .glossary_link_to {text-decoration: none;}
.glossary_widget .glossary_link_to:hover {opacity:0.8;}
/*end glossary*/


/*lists*/
.material_content ol, .material_content  ul {margin-bottom: 0; margin-top: 14px; padding:0; margin-left:18px;}
.material_content ul li, .material_content  ol li {position: relative; font-size: 16px; line-height: 24px; font-weight: 400; margin-top:14px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; text-align: left !important;}
.material_content ul li:first-child, .material_content  ol li:first-child { margin-top: 0; }
.material_content ul li p, .material_content  ol li p {margin: 0;}
.material_content ul { list-style: disc;}
.material_content table ol, .material_content table ul {padding-left: 20px;}

/*end lists*/


/*images*/
.material_content img {max-width: 100%; height: auto; vertical-align: top; width: auto; border-radius: 4px; cursor: pointer;}
.material_content img.r_float { float: right; }
.material_content img.l_float { float: left; }
.material_content img.r_float, .material_content img[style*="float: right;"], .material_content p > img.r_float, .material_content p > img[style*="float: right;"] {margin: 0 0 0 34px; max-width: 50%; height: auto !important;}
.material_content img.l_float, .material_content img[style*="float: left;"], .material_content p > img.l_float, .material_content p > img[style*="float: left;"] {margin: 0 34px 0 0px; max-width: 50%; height: auto !important;}
.material_content img.full_width, .material_content > .full_width img {width: 100%; display: block; padding: 10px 0; border-top: 1px solid #d5e1e4; border-bottom: 1px solid #d5e1e4; margin-bottom: 35px;}
.material_content .gallery_wrapper {margin-top: 36px;}
.material_content .gallery_wrapper .label_header {margin-bottom: 14px;}
/*end images*/

/*blockquotes*/
.material_content blockquote {padding: 27px 36px 27px 84px; position: relative; background: var(--light_blue_hover); font-family: 'Georgia'; font-size: 20px; font-weight: 400; line-height: 27px; font-style: italic; margin:0; margin-top: 14px; margin-bottom:14px; clear: both; border-radius: 4px;}
#tinymce.material_content blockquote:before,
.material_content blockquote:before { content: ''; display: block; width: 32px; height: 32px; background-image: url(../img/blockquote.svg); background-repeat: no-repeat; position: absolute; left: 24px; top: 29px; }
.material_content blockquote svg { display: block; width: 32px; height: 32px; position: absolute; left: 24px; top: 24px;}
.material_content blockquote p {line-height: inherit; font-weight: inherit; margin:0; font-size: inherit;}
.material_content blockquote p + p {margin-top:14px;}
.material_content blockquote cite {display: block; font-family:'robotomedium'; font-size: 15px; font-weight: 500; font-style: normal; line-height: normal; }
.material_content blockquote cite span {display: block; font-size: 13px; font-weight: 400; font-style: normal; opacity: 0.8;}
/*end blockquotes*/


/*videos*/
.material_content iframe, .material_content p iframe {width: 100%; height: 400px; margin-top: 36px; margin-bottom: 14px; border: none;}
.material_content video, .material_content p video {width: 100%; height: auto; max-height: 430px; margin-top: 36px; margin-bottom: 14px; border: none;}
/*end videos*/


/*tinymce proof*/
.material_content table {width: auto !important; height: auto; border: 1px solid #C2C6D1; border-collapse: collapse; margin: 20px 0 10px 0; max-width: 750px; }
.material_content table td {width: auto; max-width: 100%; vertical-align: top; padding: 16px 14px; font-size: 14px; line-height: 18px; overflow-wrap: break-word; word-wrap: break-word;}
.material_content table thead td {background: #EDF0F5; font-family: 'robotomedium'; font-weight: 500; padding: 8px 14px;}
.material_content table td * {margin: 0 !important;}
.material_content table td img {width: auto !important; height: auto !important; }
.material_content strong em {font-style: normal;}
.material_content strong, .material_content b {font-family:'robotomedium'; font-weight:500;}
.material_content h2 strong, .material_content h3 strong, .material_content h4 strong, .material_content h5 strong, .material_content h6 strong {font-weight: inherit;}
.table_scroll_wrapper{
    width: 100%;
    overflow: auto;    
}
/*.table_scroll_wrapper.baron {overflow: hidden;}*/
.table_scroll_wrapper td p{word-break: normal;}
.table_scroll_wrapper.scrolled .baron_scroller { height: auto !important; min-height: 0 !important; max-height: none !important;}
.table_scroll_wrapper.scrolled:not(.baron) .baron_scrollbar_wrapper{
    display: none;
}
.table_scroll_wrapper.scrolled::-webkit-scrollbar,
.table_scroll_wrapper.scrolled .baron_scroller::-webkit-scrollbar {
    width: 0;
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
}
@media (min-width:980px){
    .table_scroll_wrapper.scrolled,
    .table_scroll_wrapper.scrolled .baron_scroller {
        overflow: hidden !important;
    }
}
.material_content .baron_scrollbar_wrapper {
    position: relative;
    width: 100%;
    height: 6px;
    opacity: 0.6 !important;
    z-index: 3;
    pointer-events: none;
    overflow: visible;
    margin-bottom: 10px;
}
.material_content .baron_scrollbar {
    position: absolute;
    z-index: 1;
    border-radius: 3px;
    pointer-events: auto;
    cursor: pointer;
    height: 6px !important;
    width: auto;
    min-width: 100px;
}

.material_content .baron_scrollbar:after{
    content:'';
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
    right: 0;
    height: 20px;
}

.material_content .table_scroll_wrapper.scrolled table{
    margin-bottom: 0;
}

.material_content img[data-mce-object="audio"] {height: 30px; width: 300px;}
.material_content [data-mce-object="iframe"] {display: block; width: 100%; max-width:750px; border: none;}
.material_content .mce-object-video {width: 100%; height: auto; max-height: 430px; margin-top: 36px; margin-bottom: 14px; max-width: 750px; background-color: #f5f5f5}
.material_content img.smiles_element {position: relative; display: inline-block !important; vertical-align: middle !important; font-size: inherit; width: 22px !important; height: 22px !important; padding: 2px 2px !important;top:0;}



/*tinymce proof*/


@media (max-width: 1024px) {
    .material_content iframe {height: 350px;}
    .material_wrapper > .r_float .short_material h4 { font-size: 14px;}
    .material_content img.r_float, .material_content img[style*="float: right;"], .material_content p > img.r_float, .material_content p > img[style*="float: right;"] {margin-left: 25px;}
    .material_content img.l_float, .material_content img[style*="float: left;"], .material_content p > img.l_float, .material_content p > img[style*="float: left;"] {margin-right:25px;}
}
@media (max-width: 768px) {
    .material_content iframe {height: 320px;}
}
@media (max-width: 500px) {
    .material_content blockquote {padding-left: 32px; padding-top: 82px; text-align: center; font-size: 18px;}
    #tinymce.material_content blockquote:before {left: 0; right: 0; margin: auto; top: 38px;}
    .material_content blockquote svg {left: 0; right: 0; margin: auto; top: 33px;}
    .material_content blockquote p {font-size: 16px;}
}

@media (max-width: 768px) {
    .material_wrapper > .l_float, .material_wrapper > .r_float {
        float: none;
        width: 100%;
    }
}