/* Bootstrap */

.form-control { outline: 0!important; box-shadow: none!important; }

div[class^="col-"]{
    padding-left: 7px;
    padding-right: 7px;
}

body { font-size: 15px !important; }

/* Tabs */
.nav-pills>li { background-color: #fff; margin: 0px; padding: 0px; }
.nav-pills>li+li { margin-left: 0; margin-right: 2px; }
.nav-pills>li a { font-size: 16px; }
.nav-pills>li.gray { background-color: #DEDFDF; }
.nav-pills>li.turquoise { background-color: #00ADBB; }
.nav-pills>li.turquoise.active:after { border-color: #00ADBB transparent; }
.nav-pills>li.turquoise.active>a { background-color: #00ADBB !important; }
.nav-pills>li.turquoise a { color: #fff; }
.nav-pills>li.turquoise a:hover { color: #58595B; }
.nav-pills>li>a { border-radius: 0px; color: #58595B; font-weight: bold; }

.nav-pills.turquoise>li.active:after { border-color: #00ADBB transparent; }
.nav-pills.turquoise>li.active>a { background-color: #00ADBB !important; }

/* MegaNavBar */
#menuNavBar { margin-bottom: 0px; font-size: 16px; background-color: #949699; }
#menuNavBar .navbar-collapse { background-color: #949699; }
#menuNavBar .navbar-nav>li>a { background-color: #949699; }
#menuNavBar > .container { padding: 0px; }
#menuNavBar ul.nav.navbar-nav { float: none !important; display: flex; justify-content: space-between; }
#menuNavBar ul.nav.navbar-nav:before { display: none; }
#menuNavBar ul.nav.navbar-nav:after { display: none; }
#menuNavBar ul.nav.navbar-nav > li.active > a { background: #0E77A9; /* color: #0E77A9; */ }
#menuNavBar a { /* font-size: 16px; */ color: #fff; }

.navbar.navbar-grey-light .navbar-toggle { border-color : #fff !important; }
.navbar.navbar-grey-light .navbar-toggle .icon-bar { background-color: #fff !important; }

@media (max-width: 767px) {
    .nav-tabs { width: 100% !important; border-right: none !important; border-bottom: 1px solid #555 !important; }
    .tab-content { width: 100% !important; padding-left: 0 !important; }
}

.tab-pane { width: 100%!important; }
.nav-tabs>li{ padding: 0;margin-bottom: 0; }
.nav-tabs>li:not([class*="col-"]) { width: 100%!important; }
.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { margin-right: 0;border-radius: 0; border: none; }

@media (min-width: 768px) {
    .navbar .dropdown-toggle {/*margin-bottom: -1px; */border-bottom: 1px solid transparent!important;}
    .navbar.navbar-fixed-bottom .dropdown-toggle {margin-top: -1px;border-top: 1px solid transparent!important;}

    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-nav>li>a:hover { background-color: #0E77A9; color: #fff; }
}

.navbar[class*="navbar-fixed-"] { opacity: 0.75; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; }
.navbar[class*="navbar-fixed-"]:hover {opacity: 1;}

.navbar .dropdown-menu ul.list li>a { padding: 7px; }
.navbar .dropdown-menu ol.carousel-indicators li>a { padding: 7px; }

.navbar.navbar-grey-light .navbar-nav>li .dropdown-menu:not([class*="collaps"]) { background-color: #fff /*#A7A9AB*/ !important; }

/* Product App Areas */
#menuNavBar .productAppAreas { width:100%; text-align: center; }
#menuNavBar .productAppAreas ul{ list-style:none; width:100%; height: 100%;  margin: 0; display: table; }
#menuNavBar .productAppAreas ul li{ position: relative; display: inline-block; vertical-align: middle; line-height:37px; height:100%; list-style-type:none; margin: 0 0 15px 0; width: 11%; padding-right: 0px;  }
#menuNavBar .productAppAreas ul li.active:after { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -7px; border-width: 15px 15px 0;  border-style: solid; border-color: inherit; display: block; width: 0; }
#menuNavBar .productAppAreas ul li a { padding: 0; background: none; color: #fff; line-height: 15px !important; }
#menuNavBar .productAppAreas ul li a div { width: 100%; white-space: initial; height: 90px; font-size: 14px; }
#menuNavBar .productAppAreas ul li img.img-responsive { display: inherit; }

#menuNavBar .appAreasData { display: none; color: #fff; margin: 10px 0px; }
#menuNavBar .appAreasData .appAreasImg { width: 40px;}

/* Product Literatur */
#menuNavBar .literatur { width:100%; text-align: center; }
#menuNavBar .literatur ul{ list-style:none; width:100%; height: 100%; margin: 0; display: flex; justify-content: space-between; }
#menuNavBar .literatur ul li{ position: relative; display: inline-block; vertical-align: middle; line-height:37px; height:100%; list-style-type:none; margin: 0 0 15px 0; overflow:hidden; }
#menuNavBar .literatur ul li a { padding: 0; background: none; color: #fff; line-height: 15px !important; }
#menuNavBar .literatur ul li a div { width: 100px; white-space: initial; height: 90px; font-size: 14px; margin: 0px 35px 0px 8px; }
#menuNavBar .literatur ul li img.img-responsive { display: inherit; }

/* Products */
#menuNavBar .products ul li { position: relative; }
#menuNavBar .products ul li a { padding: 0; background: none; color: #fff; margin-right: 2px; }
#menuNavBar .products ul li a div.active, #menuNavBar .products ul li a:hover, #menuNavBar .products ul li a:active { color: #0E77A9; }
#menuNavBar .products ul li a div { background-color: #BFC0C1; text-align: center; padding: 10px; }
#menuNavBar .products ul li a div.active:after { content: ""; position: absolute; bottom: -15px; left: 50%; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #BFC0C1; }
#menuNavBar .products .tab-content #tabCategory, #menuNavBar .products .tab-content #tabBrand, #menuNavBar .products .tab-content #tabShimadzu, #menuNavBar .products .tab-content #tabSarf { background-color: #BFC0C1; padding: 20px; min-height: 350px; }

/* Representations */
#menuNavBar .representations { margin-bottom: 20px; }
#menuNavBar .representations .col-md-1 { height: 62px; padding-left: 1px; padding-right: 1px; }
#menuNavBar .representations a { padding: 0; background: none; color: #fff; text-align: center; }
#menuNavBar .representations a:hover, #menuNavBar .products ul li a:active { color: #0E77A9; }
#menuNavBar .representations a div.img { position: relative; background-color: #fff; padding: 10px; height: 60px; }
#menuNavBar .representations a div.img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 10px; }
/* #menuNavBar .representations a div.img:after { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -15px; border-width: 15px 15px 0;  border-style: solid; border-color: #BFC0C1 transparent; display: block; width: 0; } */
#menuNavBar .representations a div.title { padding-top: 15px; white-space: initial; }


/* Support */
#menuNavBar .support .col-md-2 { height: 150px; }
#menuNavBar .support a { padding: 0; background: none; color: #fff; text-align: center; }
#menuNavBar .support a:hover, #menuNavBar .products ul li a:active { color: #0E77A9; }
#menuNavBar .support a div.title { padding: 15px; background-color: #BFC0C1; min-height: 70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


/* Corporation */
#menuNavBar .corporation ul li { position: relative; }
#menuNavBar .corporation ul li a { padding: 0; background: none; color: #fff; }
#menuNavBar .corporation ul li a:hover, #menuNavBar .corporation ul li a:active { color: #0E77A9; }
#menuNavBar .corporation ul li a div { background-color: #BFC0C1; text-align: left; padding: 10px; height: 47px; }
#menuNavBar .corporation ul li a div:after { content: ""; position: absolute; top: 8px; right: -15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #BFC0C1; }


/* Revolution */

.revFont { color: #414042 !important; }

@media (max-width: 767px) { .tp-thumbs { display: none; } }
.tp-thumb-image {	background-position: top left; background-size:cover; width:100%; height:100%; display:block; position:absolute; top:0px; left:0px;}
.tp-thumb.selected .tp-thumb-image { background-position: 0 -50px; }


/***
jQuery Multi Select
***/
.ms-container .ms-list {
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.ms-container .ms-optgroup-label {
    font-size: 14px; }

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    font-size: 13px; }

.ms-container .ms-list.ms-focus {
    border-color: #999999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    color: #333;
    background-color: #eee; }

.ms-container .form-control {
    margin-bottom: 5px; }

/* Owl Crousel */

.owl-theme .owl-controls { text-align: right; position: relative; right: 10px; bottom: 30px; margin: 0px; padding: 0px; }

/*!
 * Tab drop for Bootstrap
 */
.tabbable-tabdrop .nav-tabs,
.tabbable-tabdrop .nav-pills {
    position: relative; }
.tabbable-tabdrop .nav-tabs .caret,
.tabbable-tabdrop .nav-pills .caret {
    display: none; }
.tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i,
.tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i {
    font-size: 14px; }

.tabbable-tabdrop .dropdown-menu:after {
    right: 10px;
    left: auto; }

.tabbable-tabdrop .dropdown-menu:before {
    right: 9px;
    left: auto; }

/* Slider */
.sliderBlueAlt { border-bottom:5px solid #1378AA; }
.sliderBlueAlt:after { content: ""; position: absolute; bottom: 0px; left: 20%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #1378AA transparent; display: block; width: 0; }

.sliderOrangeAlt { border-bottom:5px solid #E05C2A; }
.sliderOrangeAlt:after { content: ""; position: absolute; bottom: 0px; left: 28%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #E05C2A transparent; display: block; width: 0; }

.sliderGreenAlt { border-bottom:5px solid #81B541; }
.sliderGreenAlt:after { content: ""; position: absolute; bottom: 0px; left:37%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #81B541 transparent; display: block; width: 0; }

.sliderOrangeLightAlt { border-bottom:5px solid #EF8D21; }
.sliderOrangeLightAlt:after { content: ""; position: absolute; bottom: 0px; left: 44%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #EF8D21 transparent; display: block; width: 0; }

.sliderPurpleAlt { border-bottom:5px solid #972064; }
.sliderPurpleAlt:after { content: ""; position: absolute; bottom: 0px; left: 52%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #972064 transparent; display: block; width: 0; }

.sliderTurquizaAlt { border-bottom:5px solid #17A6B4; }
.sliderTurquizaAlt:after { content: ""; position: absolute; bottom: 0px; left: 59%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #17A6B4 transparent; display: block; width: 0; }

.sliderTurquizaLightAlt { border-bottom:5px solid #28C3EB; }
.sliderTurquizaLightAlt:after { content: ""; position: absolute; bottom: 0px; left: 67%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #28C3EB transparent; display: block; width: 0; }

.sliderDarkLightAlt { border-bottom:5px solid #3A3A3C; }
.sliderDarkLightAlt:after { content: ""; position: absolute; bottom: 0px; left: 75%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #3A3A3C transparent; display: block; width: 0; }

.sliderPurpleDarkAlt { border-bottom:5px solid #7F3F98; }
.sliderPurpleDarkAlt:after { content: ""; position: absolute; bottom: 0px; left: 83%; margin-left: -30px; border-width: 0 15px 15px;  border-style: solid; border-color: #7F3F98 transparent; display: block; width: 0; }

/* Portfolio */

.portfolio-content .cbp-l-filters-button .cbp-filter-counter, .portfolio-content .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { background-color: #1378AA;  border-color: #1378AA; }
.btn.btn-outline.dark:hover, .btn.btn-outline.dark:active, .btn.btn-outline.dark:active:hover, .btn.btn-outline.dark:active:focus, .btn.btn-outline.dark:focus, .btn.btn-outline.dark.active { background-color: #1378AA;  border-color: #1378AA; }
.cbp-caption-activeWrap { background-color: #949699; }
.portfolio-content .btn.red:not(.btn-outline) { background-color: #1378AA; border-color: #1378AA; }


/***
Fullcalendar
***/
/* External events */
.external-event {
    display: inline-block;
    cursor: move;
    margin-bottom: 5px;
    margin-left: 5px; }

.fc-scroller {
    overflow-y: auto;
    overflow-x: hidden; }

.fc-month-view .fc-scroller {
    height: auto !important; }

.portlet .event-form-title {
    font-size: 16px;
    margin-top: 4px;
    font-weight: 400;
    margin-bottom: 10px; }

.portlet.calendar .fc-button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: 0;
    height: 35px;
    padding: 5px 8px 8px 8px;
    margin-left: 2px;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: solid;
    border-left-style: solid;
    border-color: #ddd;
    background: transparent;
    color: #fff;
    top: -48px;
    outline: none !important;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; }

.portlet.calendar .fc-toolbar {
    margin-bottom: 0px; }
.portlet.calendar .fc-toolbar h2 {
    margin-top: 3px;
    font-size: 17px;
    float:right; /* arrowDown */
}

.portlet.calendar .fc-header {
    margin-bottom: -21px; }

.portlet.calendar .fc-button-prev {
    padding-right: 10px;
    padding-left: 8px; }

.portlet.calendar .fc-button-next {
    padding-right: 8px;
    padding-left: 10px; }

.portlet.calendar .fc-button .fc-icon {
    height: 20px;
    top: -5px; }

.portlet.calendar .fc-button.fc-state-active,
.portlet.calendar .fc-button.fc-state-hover {
    color: #666;
    background-color: #fff; }

.portlet.calendar .fc-button.fc-state-disabled {
    color: #ddd; }

.portlet.calendar .fc-button .fc-icon-left-single-arrow {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 16px; }
.portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
    content: "";
    margin: 0; }
.portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
    content: "\f104"; }

.portlet.calendar .fc-button .fc-icon-right-single-arrow {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 16px; }
.portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
    margin: 0;
    content: ""; }
.portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
    content: "\f105"; }

.portlet.calendar .fc-text-arrow {
    font-size: 22px;
    font-family: "Courier New", Courier, monospace;
    vertical-align: baseline; }

.portlet.calendar .fc-event {
    border: 0px;
    background-color: #69a4e0;
    color: #fff; }
.portlet.calendar .fc-event .fc-content {
    border: 0px;
    padding: 5px 7px; }
.portlet.calendar .fc-event .fc-time {
    float: left;
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding-right: 5px; }
.portlet.calendar .fc-event .fc-title {
    text-align: left;
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: 300; }

.portlet.calendar .fc-header-title h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #111; }

.portlet.calendar .fc-widget-header {
    background-image: none;
    filter: none;
    background-color: #eee;
    text-transform: uppercase;
    font-weight: 300; }

.portlet.calendar.light .fc-button {
    top: -60px;
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 35px; }
.portlet.calendar.light .fc-button .fc-text-arrow {
    margin-top: -6px;
    display: inline-block; }
.portlet.calendar.light .fc-button.fc-state-active,
.portlet.calendar.light .fc-button.fc-state-hover {
    color: #333;
    border-bottom: 2px solid #36c6d3; }
.portlet.calendar.light .fc-button.fc-state-disabled {
    color: #aaa; }

.portlet.calendar .mobile .fc-button {
    padding: 0px 6px 20px 6px;
    margin-left: 2px;
    border: 0;
    background-color: #ddd;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #000;
    text-shadow: none;
    text-align: center; }
.portlet.calendar .mobile .fc-button.fc-state-hover,
.portlet.calendar .mobile .fc-button.fc-state-active {
    background-color: #eee; }
.portlet.calendar .mobile .fc-button.fc-state-disabled {
    color: #bbb; }

.portlet.calendar .mobile .fc-button-prev {
    margin-right: 5px;
    margin-top: -2px; }

.portlet.calendar .mobile .fc-button-next {
    margin-right: -0px;
    margin-top: -2px; }

.portlet.calendar .mobile .fc-header-space {
    margin: 0px;
    padding: 0px;
    width: 0px; }

.portlet.calendar .mobile .fc-header-left {
    position: absolute;
    z-index: 10; }
.portlet.calendar .mobile .fc-header-left .fc-button {
    top: -2px; }

.portlet.calendar .mobile .fc-header-right {
    position: relative;
    right: 0; }
.portlet.calendar .mobile .fc-header-right .fc-button {
    top: 35px; }

.portlet.calendar .mobile .fc-content {
    margin-top: 53px; }

.portlet.calendar.light .fc-prev-button,
.portlet.calendar.light .fc-next-button {
    top: inherit !important; /* arrowBottm*/
}