﻿/*.mail-badge {
    background-color: #00aeef !important;
    border-radius: 1em;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: normal !important;
    line-height: 1em !important;
    margin-left: 10px !important;
    padding: 3px 5px !important;
    position: absolute !important;
    right: 0 !important;
    top: -5px !important;
    z-index: 100 !important;
}*/

[data-aos="flip-left"]:first-child {
    transition-delay: 50ms;
}

[data-aos="flip-left"]:nth-child(2) {
    transition-delay: 150ms;
}

[data-aos="flip-left"]:nth-child(3) {
    transition-delay: 200ms;
}

[data-aos="flip-left"]:nth-child(4) {
    transition-delay: 400ms;
}

[data-aos="flip-left"]:nth-child(5) {
    transition-delay: 600ms;
}

[data-aos="flip-left"]:nth-child(6) {
    transition-delay: 800ms;
}

[data-aos="flip-left"]:nth-child(7) {
    transition-delay: 1100ms;
}

.browser-alert {
    background: #00aeef;
    color: #fff;
    padding: 20px;
    width: 100%;
    text-align: center;
    position: fixed;
    z-index: 9;
}

/* Add here all your CSS customizations */

/* GENERELL STYLES
------------------------------------------------------------- */
.bim {
    color: #00aeef !important;
}

.container {
    padding: 0 15px !important;
}

@media (max-width: 1400px) {
    .container.xl {
        width: 100% !important;
        padding: 0 20px !important;
    }
}

h1.header {
    font-size: 34px;
    margin-bottom: 10px;
}

h1.short {
    margin-bottom: 25px;
}

.smaller {
    font-size: 63%;
}

.minheight50 {
    min-height: 50px !important;
    padding: 15px !important;
}

.minheight100 {
    min-height: 100px !important;
}

.minheight200 {
    min-height: 200px;
}

.minheight350 {
    min-height: 350px;
}

.minheight460 {
    min-height: 460px;
}

.minheight500 {
    min-height: 500px;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.padding5 {
    padding: 5px !important;
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.marginleft {
    margin-left: -15px !important;
}

.marginright {
    margin-right: -15px !important;
}

.block {
    width: 10px;
    height: 10px;
    float: right;
}

hr.hr-xs {
    margin-top: 10px;
}

.two-btn-group {
    width: 100%;
}

    .two-btn-group button:first-child, .two-btn-group button:first-child + button {
        width: 60%;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }

        .two-btn-group button:last-child, .two-btn-group button:first-child + button + button {
            width: 40%;
            border-top-right-radius: 4px !important;
            border-bottom-right-radius: 4px !important;
        }

i.text-success, .text-success {
    color: #5cb85c;
}

i.text-warning, .text-warning {
    color: #f0ad4e;
}

i.text-danger, .text-danger {
    color: #d9534f;
}

i.text-primary, .text-primary {
    color: #00aeef;
}

a:active, a:focus {
    color: #00aeef;
}

.dragndropfile:focus, .dragndropfile:active {
    outline: 0; /*removes the dotted border*/
}

input {
    outline: none;
}

.label {
    font-weight: 400;
    font-size: 85%;
}

.label-info {
    background-color: #00aeef;
}

.label-list {
    margin: 7px 0 0 6px;
    font-weight: 400;
    padding: 0;
}

.adv-filter {
    background: #f9f9f9;
}

#confirm-dialog {
    z-index: 999999;
}

#error-dialog {
    z-index: 9999999;
}

/* SIGN IN / REGISTER VIEW */
h1.signin-header {
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #444;
    font-weight: 400;
}

/* SOCIAL BUTTONS */
.linkedin,
.linkedin:hover,
.linkedin:active,
.linkedin:focus,
.google,
.google:hover,
.google:active,
.google:focus,
.facebook,
.facebook:hover,
.facebook:active,
.facebook:focus {
    height: 32px;
    color: #fff;
}

    .linkedin,
    .linkedin:hover,
    .linkedin:active,
    .linkedin:focus {
        background: #0077b5;
        border-color: #0077b5;
    }

        .linkedin:hover {
            background: #006ea8;
        }

    .google,
    .google:hover,
    .google:active,
    .google:focus {
        background: #e54d42;
        border-color: #e54d42;
    }

        .google:hover {
            background: #d6463c;
        }

    .facebook,
    .facebook:hover,
    .facebook:active,
    .facebook:focus {
        background: #4973aa;
        border-color: #4973aa;
    }

        .facebook:hover {
            background: #426594;
        }

.social-icon {
    border-right: 1px solid #fff;
    float: left;
    margin-left: -10px;
    margin-top: -7px;
    padding: 10px;
    width: 3em;
    font-size: 1.2em;
}

/* Top menu fix------------------------------ */
#languageContent, #popoverContent {
    max-width: 200px;
}

.navbar-collapse .fa-fw, .navbar-collapse .fa-inbox {
    margin: inherit !important;
    font-size: 1em !important;
}

.navbar-collapse nav ul.nav-main li ul a {
    height: auto;
}

.popover.bottom {
    max-width: none !important;
}

.top-menu-user-img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
}

.dropdown-menu .divider {
    margin: 6px 0;
}

/* Placeholder------------------------------ */
.form-control::-webkit-input-placeholder {
    color: #aaa;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    color: #aaa;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #aaa;
}

.form-control:-ms-input-placeholder {
    color: #aaa;
}

footer a:hover,
footer a:active,
footer a:focus {
    text-decoration: none !important;
}

.space1, .space5, .space10, .space20, .space30, .space40, .space50 {
    width: 100%;
    clear: both;
}

.space1 {
    height: 1px;
}

.space5 {
    height: 5px;
}

.space10 {
    height: 10px;
}

.space20 {
    height: 20px;
}

.space30 {
    height: 30px;
}

.space40 {
    height: 40px;
}

.space50 {
    height: 50px;
}

.alert-grey {
    background-color: #f5f5f5;
    border-color: #ddd;
}

.bg-grey {
    background-color: #eee;
}

.start-grey-bg {
    background: #f9f9f9;
    padding: 20px;
}

.floatleft {
    float: left !important;
}

.floatright {
    float: right !important;
}

.nobold {
    font-weight: 100;
}

.thumbnail {
    max-width: 100%;
}

.circle-icon {
    background: #f9f9f9;
    border-radius: 100px;
    padding: 50px;
    color: #999;
}

/*
.flags {
	min-width: 150px;
	float: left;
	height: 30px;
	margin-top: 0px;
	margin-left: -2px;
	display: none;
	padding: 5px !important;
	background-color: #eee;
	border-radius: 4px;
}
.flagsmobile {
}
.flag {
	float: left !important;
	margin: -5px 2px 0 2px !important;
	padding: 0 !important;
}
*/
.flagmobile {
    float: left !important;
    margin: 0 !important;
    padding: 3px !important;
}

.flag-btn, .user-btn {
    margin-left: 10px;
}

.bimail-btn {
    margin-left: 20px;
}

.owl-prev, .owl-next {
    background-color: #00aeef !important;
}

.startpage-search input {
    -webkit-border-radius: 50px 0 0 50px !important;
    border-radius: 50px 0 0 50px !important;
}

.startpage-search .btn {
    -webkit-border-radius: 0 50px 50px 0 !important;
    border-radius: 0 50px 50px 0 !important;
}

.new-date-list li {
    padding: 2px;
}

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*
.interact-btn {
    margin-top: -10px;
}*/
.embed-btn, .like-btn, .unlike-btn, .share-btn, .webgl-btn, .rotate-img-btn, .spaces-btn, .asbuilt-btn {
    margin-right: 10px;
    float: left;
}

    .embed-btn .btn-sm, .like-btn .btn-sm, .unlike-btn .btn-sm, .share-btn .btn-sm, .webgl-btn .btn-sm, .rotate-img-btn .btn-sm, .spaces-btn .btn-sm, .asbuilt-btn .btn-sm {
        padding: 7px 9px;
    }

    .embed-btn i, .like-btn i, .unlike-btn i, .share-btn i, .webgl-btn i, .rotate-img-btn i, .spaces-btn i, .asbuilt-btn i {
        font-size: 15px;
    }

.btn-3d {
    padding: 7px 3px !important;
}

    .btn-3d img {
        width: 32px;
    }

.cursor-3d {
    cursor: move;
}

.embed-size-txt {
    font-weight: 900;
    padding-top: 5px;
    display: block;
}
/*
.social-buttons a span {
    opacity: 0.9 !important;
    border-radius: 4px;
    margin-bottom: 4px;
    width: 10px !important;
}*/
.at300b img {
    width: 10px !important;
}

.btn-inverted,
.btn-inverted:hover,
.btn-inverted:focus,
.btn-inverted:active {
    background-color: #333 !important;
    border-color: #111 !important;
    color: #fff;
}

.btn-animation {
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    background-color: #00aeef;
}

.user-dropdown-toggle {
    height: 30px !important;
}

div.featured-box h4 {
    text-transform: none;
}

.progress-bar-bim {
    background-color: #00aeef !important;
    color: #fff !important;
}

/* OVERLAY */
.overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    position: absolute;
    z-index: 1100;
    overflow: no-display;
    display: none;
}

.overlay-img {
    position: relative;
    top: 50px;
    text-align: center;
}

    .overlay-img img {
        width: 700px;
    }

/* LANGUAGE DROPDOWN */
/*.languageselect {
    position: absolute;
    right: 30px;
    top: 15px;
    width: 200px;
    z-index: 1100;
}
.fa-lang-text {
    color: #cccccc;
}
.fa-lang {
    color: #cccccc;
    margin-right: 5px;
    margin-top: -1px;
}
.fa-lang-added {
    color: #000;
}
.icon-en {
    background: url('../images/Languages/uk.png') no-repeat;
}
.icon-cs {
    background: url('../images/Languages/Czech.png') no-repeat;
}
.icon-da {
    background: url('../images/Languages/Denmark.png') no-repeat;
}
.icon-fr {
    background: url('../images/Languages/France.png') no-repeat;
}
.icon-de {
    background: url('../images/Languages/Germany.png') no-repeat;
}
.icon-hu {
    background: url('../images/Languages/Hungary.png') no-repeat;
}
.icon-it {
    background: url('../images/Languages/Italy.png') no-repeat;
}
.icon-ko {
    background: url('../images/Languages/korea.png') no-repeat;
}
.icon-pt {
    background: url('../images/Languages/Portugal.png') no-repeat;
}
.icon-es {
    background: url('../images/Languages/Spain.png') no-repeat;
}
.icon-se {
    background: url('../images/Languages/Sweden.png') no-repeat;
}*/

/* BIG ROUNDED ICONS
------------------------------------------------------------- */
.round-icon {
    background: #eee;
    border-radius: 200px;
    padding: 20px;
    margin: 0 auto;
    max-width: 180px;
    margin-top: 10%;
    margin-bottom: 30px;
}

    .round-icon i {
        font-size: 10em;
    }

.userapikey {
    cursor: text !important;
}

/* MODAL STYLES
------------------------------------------------------------- */
.modal-body {
    max-height: 500px;
    overflow: auto;
}

#bannerModal .modal-body {
    max-height: 600px;
}

.icon-btn-modal-margin {
    margin-right: 20px;
}

.icon-btn-modal {
    color: #999;
    font-size: 1.2em;
}

.translation-modal-body {
    max-height: 900px;
}

.modal-header-default {
    background: #f5f5f5;
}

.modal-title {
    color: #333;
}

/* HEADER STYLES
------------------------------------------------------------- */
.language-btn .popover-marker, .bimail-btn .popover-marker, .web-apps-btn .popover-marker, .user-settings-btn .popover-marker {
    height: 31px !important;
    min-width: 40px !important;
    margin: 0;
}

.language-btn a,
.bimail-btn a {
    padding: 0 !important;
    text-align: center;
}

.language-btn a,
.bimail-btn a {
    padding-top: 3px !important;
}

.bimail-btn .icon-inbox {
    margin-top: 2px !important;
}

/* Corporate site
#popoverId {
    padding: 4px 12px !important;
}*/

/* Language selector */

#languageId img {
    margin-top: -2px;
}

.language-btn img {
    border: 1px #eee solid;
}

.language-flags li {
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
}

.language-flags .flag {
    padding: 5px !important;
    color: #555 !important;
    text-decoration: none;
}

    .language-flags .flag img {
        margin-right: 5px;
    }

.flag-btn .btn, .flag-btn a {
    color: #999 !important;
}

/* BIMail button */
.newmail {
    display: block;
}

.bimail-btn .icon {
    margin: 0;
    padding: 0;
}

.bimail-btn a:hover {
    color: #999;
}

.bimailnotifier a {
    color: #00aeef !important;
}

    .bimailnotifier a:hover {
        color: #00aeef !important;
    }

/* BIMobject Solutions
.solutions-btn, .solutions-btn:active {
    background: #fff url('/Content/img/bimobject-web-apps-icon.png') center center no-repeat;
}
.btn-webapp {
    margin: 10px 10px;
    width: 100px;
    padding: 8px 0 !important;
}
.btn-webapp .small {
    font-size: 10px;
    color: #00aeef;
    padding: 0;
}
.btn-webapp i {
    margin: 6px 0 0 0 !important;
    color: #00aeef;
}
    */

header .icon-envelope, header .icon-inbox {
    margin: 1px 5px 0 5px;
    font-size: 20px !important;
}
/*.icon-cog, .icon-sign-out {
	margin: 1px 0;
	font-size: 21px !important;
}*/
.nav .prodicon a:hover {
    background-color: #f6f6f6 !important;
}

.mfp-content {
    width: 90% !important;
    height: 90% !important;
}

.user-btn .btn, .user-btn a, .user-btn .caret {
    color: #999 !important;
}

/* STARTPAGE
------------------------------------------------------------- */

.container-fluid .light-bg-o {
    background: #fff;
    opacity: .8;
    padding: 20px;
}

.container-fluid.dark-bg {
    background: #000;
    opacity: 1;
    padding: 20px;
    color: #fff;
}

    .container-fluid.dark-bg h1 {
        color: #fff;
        margin: 20px 0 20px;
    }

@media (max-width: 600px) {
    .container-fluid.dark-bg h1 {
        font-size: 24px;
    }
}

div.highlight {
    margin: 0 !important;
}

.container-fluid.live {
    background-color: #000;
    background: url('../img/startpage/noder.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

@media (max-width: 600px) {
    .container-fluid.live {
        background-image: none;
        background: #000;
    }
}

.container-fluid.live a {
    text-decoration: none;
}

.container-fluid.live h3 {
    margin-bottom: 0;
    font-size: 2rem;
    text-transform: capitalize;
    color: #fff;
}

.container-fluid.live img {
    max-height: 60px;
}

.container-fluid.seek {
    background: url('../img/startpage/banner-seek.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 150px;
    text-align: center;
}

    .container-fluid.seek h3 {
        font-size: 2.5rem;
        margin: 50px 0;
        font-weight: 300;
        color: #333;
        text-transform: none;
        line-height: normal;
    }

.container-fluid.manufacturer,
.container-fluid.user {
    background: #f9f9f9;
    min-height: 150px;
    text-align: center;
    padding: 60px 0;
}

    .container-fluid.manufacturer .m-icon,
    .container-fluid.user .u-icon {
        width: 70px;
        height: 70px;
    }

    .container-fluid.manufacturer h3,
    .container-fluid.user h3 {
        color: #777;
        text-transform: none;
        font-weight: 400;
        margin: 0 0 50px;
    }

    .container-fluid.manufacturer h4,
    .container-fluid.user h4 {
        color: #333;
        text-transform: none;
        font-weight: 400;
        margin: 20px 0;
    }

    .container-fluid.manufacturer p,
    .container-fluid.user p {
        min-height: 80px;
    }

/* OWL ads */
.container.feature-m {
    padding: 50px 0 !important;
}

    .container.feature-m h3 {
        color: #555;
        text-transform: none;
    }

.feature-m .owl-controls.clickable {
    margin-top: 50px;
}

#feature-m .item img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-theme .owl-controls .owl-page span {
    height: 8px;
    width: 8px;
}

@media (min-width: 991px) {
    .container-fluid.manufacturer .col:first-child,
    .container-fluid.user .col:first-child {
        border-right: 1px solid #ddd;
    }

    .container-fluid.manufacturer .col:last-child,
    .container-fluid.user .col:last-child {
        border-left: 1px solid #ddd;
    }
}

/* STARTPAGE BANNER */
div.slider-container div.main-label {
    font-size: 35px !important;
}

.sld-txt-1 {
    font-size: 42px;
    font-weight: 900;
}

.sld-txt-2 {
    top: 210px;
    max-width: 1000px;
}

.sld-txt-3 {
    font-size: 18px;
    font-weight: 400;
    top: 350px;
}

.inverted {
    border-radius: 10px;
    margin: 5px 0 !important;
    padding: 0 10px;
    line-height: 40px !important;
}

@media (max-width: 1300) {
    .sld-txt-2 {
        top: 170px !important;
        max-width: 800px !important;
    }
}

@media (max-width: 768px) {
    header {
        min-height: 80px;
    }

        header > div.container {
            height: 60px;
        }

    .sld-txt-1 {
        font-size: 28px !important;
        font-weight: 900;
    }

    div.slider-container div.main-label {
        font-size: 28px !important;
        top: 200px !important;
    }
}

@media (max-width: 640px) {
    .sld-txt-1 {
        font-size: 18px !important;
        font-weight: 900;
    }

    div.slider-container div.main-label {
        font-size: 24px !important;
        top: 120px !important;
    }

    div.slider-container .inverted {
        padding: 9px;
        line-height: 0 !important;
    }

    h1.short {
        font-size: 28px;
        font-weight: 500;
    }
}

@media (max-width: 480px) {
    .sld-txt-1 {
        font-size: 12px !important;
        font-weight: 900;
    }

    div.slider-container div.main-label {
        font-size: 15px !important;
        top: 60px !important;
    }

    div.slider-container .inverted {
        padding: 9px;
        line-height: 0 !important;
    }

    h1.short {
        font-size: 28px;
        font-weight: 500;
    }
}

div.featured-box i.image-icon, i.icon-featured {
    margin: 0;
    margin-bottom: 10px;
}

div.featured-box h4 {
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.5em;
}

div.inverse {
    background: #000;
    border-color: #000;
}

.parallax blockquote p,
.parallax blockquote span,
.parallax blockquote .icon {
    color: #fff !important;
}

.inverse blockquote {
    border: 0;
}

    .inverse blockquote p {
        color: #fff;
    }

.intro-header {
    color: #F8F8F8;
    text-align: center;
}

    .intro-header h1 {
        color: #fff;
        font-size: 5em;
        text-shadow: 1px 1px 0 #000000;
    }

    .intro-header h2 {
        color: #fff;
        font-size: 2em;
        text-shadow: 1px 1px 0 #000000;
    }

.intro-message {
    background: rgba(0, 0, 0, 0.0);
    display: block;
}

.intro-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid #F8F8F8;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}

div.featured.brands {
    background-color: #fff !important;
    border-top: 5px solid #000 !important;
    border-bottom: 5px solid #000 !important;
    padding-bottom: 20px !important;
}

    div.featured.brands img {
        height: 35px;
    }

    div.featured.brands .owl-pagination {
        margin-top: 20px !important;
    }

div.shop ul.products li.product .certified {
    background-color: #0088CC;
    border-bottom-color: #006DA3;
}

.product-thumb-info {
    background: #fff;
}

    .product-thumb-info img {
        margin: 0 auto;
    }

.viewlogo {
    border: 1px solid #ddd;
    border-radius: 2px;
    height: 90px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    padding-top: 15px;
    text-align: center;
    width: 100%;
    line-height: 13px;
}

    .viewlogo img {
        max-width: 100px;
        max-height: 35px;
    }

    .viewlogo:hover {
        border-color: #66AFE9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

.viewlogo__brand-name {
    margin-top: 6px;
    display: inline-block;
}

/* BROWSE BIM OBJECTS
------------------------------------------------------------- */
/*.isotope-item {
	width: 150px;
	margin-left: 10px ;
	margin-right: 10px ;
}*/
h2.product {
    font-size: 1.2em;
    line-height: 1.3em;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    /*height: 40px;
    text-transform: lowercase;*/
}

    h2.product:first-letter {
        /*text-transform: capitalize;*/
    }

h4.product {
    font-size: 0.9em;
    text-align: center;
    line-height: 1.2em;
    margin-top: 0;
    max-height: 15px;
    overflow: hidden;
    padding-bottom: 15px;
}

/* SEARCH MENU STYLES */
.inverted.small {
    font-size: 100%;
    padding: 0 7px;
    line-height: 1.5em !important;
}

.dropdown-search {
    min-width: 200px;
}

.search-filter {
    width: 20%;
}

.btn-group .bootstrap-select > .btn {
    width: 80% !important;
}

.btn-sort-group {
    width: 100%;
}

.btn-sort-drop {
    width: 25px;
}

.btn-sort {
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    width: calc(100% - 25px);
}

.dropdown-menu {
    min-width: 200px;
}

.project-cloud-list {
    max-height: 260px;
    overflow: auto;
}

.pc-btn-header {
    color: #00aeef;
    padding-left: 20px;
}

.pc-btn-link a {
    color: #999 !important;
    font-size: 85%;
}

.selectpicker {
    border-radius: 0 !important;
}

.selectfirst {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

.selectlast {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

/* BIMboard
------------------------------------------------------------- */
.bimboard {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.heart-grey {
    color: #999;
}

.heart-like-text {
    color: #999 !important;
}

.heart-like-text-black {
    color: #333 !important;
}

.heart:hover,
.heart:focus,
.heart:active {
    color: #d9534f !important;
    background: #fff !important;
}

.redheart {
    color: #d9534f !important;
}

.btn-background {
    background: #ebebeb;
}

#pager_loading {
    width: 100%;
    height: 264px;
    background: url('../img/loading.gif') center center no-repeat;
    text-align: center;
}

li.searchproduct {
    float: left;
    width: 160px;
    list-style-type: none;
    margin: 10px;
}

.portfolio-item {
    overflow: hidden;
    width: 100%;
    height: 2750px;
    max-height: 295px;
}

    .portfolio-item img.product-image {
        height: 150px !important;
    }

.searchlogo {
    max-height: 15px !important;
    position: relative !important;
    top: -3px !important;
    left: 1px !important;
}

.dropdown-selected-blue {
    background-color: #0099e6;
    border-color: #0099e6;
}

.dropdown-selected-grey {
    background-color: #eee;
    border-color: #cccccc;
}

.btn-group.bootstrap-select.form-control {
    height: 35px !important;
}

.bootstrap-select-searchbox input {
    height: 25px !important;
    padding: 2px;
    font-size: small;
    color: #00aeef;
}

.width110 {
    width: 110% !important;
}

/* LIST IMAGE HOVER */
.img-listpreview {
    border: 1px #eee solid;
    width: 20px;
    height: 20px;
}

#preview {
    border: 10px #000 solid;
    background: #fff;
    width: 405px;
}

.previewtext {
    background: #000;
}

    .previewtext h4 {
        color: #fff;
        margin: 0;
        padding: 0;
    }

/* Product search page icons */
.preview-product {
    /*
    position: absolute;
    top: 0;
    right: 5px;
    margin-top: -3px;
    z-index: 999;
    */
    position: absolute;
    right: 12px;
    top: 4px;
}

    .preview-product .icon-stack,
    .preview-product .fa-stack {
        width: 1.1em;
    }

    .preview-product .icon-stack-2x,
    .preview-product .fa-stack-2x {
        font-size: 1.5em;
        color: #ddd;
    }

    .preview-product .icon-stack-1x,
    .preview-product .fa-stack-1x {
        font-size: 0.7em;
        top: -7px;
        color: #555;
    }

/* Product detail page icons */
.preview-product-detail,
.hidden-product-detail {
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 999;
    margin-top: -3px;
}

    .preview-product-detail .icon-stack-1x,
    .hidden-product-detail .icon-stack-1x {
        top: -3px;
        color: #555;
    }

    .preview-product-detail .icon-stack-2x,
    .hidden-product-detail .icon-stack-2x {
        color: #ddd;
    }

.hidden-product-detail {
    right: 90px;
}

/* Brand details page preciew icons */
.preview-product-xs {
    position: absolute;
    top: 0;
    right: 22px;
    z-index: 999;
    margin-top: -3px;
}

    .preview-product-xs .icon-stack {
        width: 1.1em;
    }

    .preview-product-xs .icon-stack-2x {
        font-size: 1.5em;
        color: #ddd;
    }

    .preview-product-xs .icon-stack-1x {
        font-size: 0.7em;
        top: -7px;
        color: #555;
    }

.preview-product-admin, .preview-product-admin:hover {
    margin-right: 20px;
    margin-top: 8px;
    text-decoration: none;
}

/* EMPLOYEE PAGE
-------------------------------------------------------------
span.col-xs-2, span.col-xs-10 {
    padding: 0;
}
.isotope-item.col-md-3 {
    max-width: 240px !important;
}
.isotope-item.col-lg-3 {
    max-width: 292px !important;
}
.isotope-item .thumbnail {
    border: 1px #ddd solid;
}*/

.navbar-bright {
    background-color: #111155;
    color: #fff;
}

.affix-top, .affix {
    position: static;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        width: 228px;
    }

    #sidebar.affix {
        position: fixed;
        top: 70px;
        width: 228px;
    }
}

#sidebar li.active {
    border-right: 5px #00aeef solid !important;
}

#sidebar a:hover,
#sidebar a:focus,
#sidebar a:active {
    background: #f9f9f9;
}

ul.employee li {
}

.team-item {
    border: 1px #ddd solid;
    border-radius: 5px;
    margin: 10px;
}

.thumb-info-caption .col-xs-10 {
    padding: 0;
}

.thumb-info-caption .col-xs-2 {
    padding: 0;
}

/* PRODUCT & BRAND PAGES
------------------------------------------------------------- */
.image-container {
    text-align: center;
}

h1.product-header,
h1.brand-header {
    font-size: 28px !important;
    margin: 0 !important;
}

h2.brand-subheader {
    font-size: 24px;
    margin: 0;
}

.product-image-maxwidth {
    max-width: 385px;
}

.product.breadcrumb {
    background: none;
    padding: 0;
}

.text-box {
    max-height: 300px;
    position: relative;
    overflow: hidden;
    -webkit-transition: max-height 1s; /* Safari */
    transition: max-height 1s;
}

    .text-box.open {
        max-height: calc(100vh + 10000px);
        -webkit-transition: max-height 1s; /* Safari */
        transition: max-height 1s;
    }

    .text-box .read-more {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 30px 0;
        cursor: pointer;
        /* "transparent" only works here because == rgba(0,0,0,0) */
        background: url('../img/gradient.png') repeat-x;
    }

        .text-box .read-more i {
            color: #333 !important;
        }

.suggestion-box {
    border: 1px #ddd solid;
    border-radius: 4px;
    padding: 5px;
}

.suggested_automargin {
    margin: auto !important;
}

.brand-info .brandlogo {
    /*max-height: 35px !important;*/
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.brand-info {
    border: 1px #ddd solid;
    border-radius: 4px;
    padding: 5px;
    font-size: 13px;
}

.btn-brand-info {
    background: #eee;
    color: #555;
}

.brand-info-tbl {
    width: 90%;
    margin: 0 auto !important;
}

    .brand-info-tbl td {
        background: #333 !important;
        color: #fff !important;
        border: 0 !important;
    }

.brand-info .btn-sm {
    width: 90%;
    margin: 0 auto !important;
}

.brand-info-text {
    height: 50px;
    overflow: hidden;
}

.brand-info-text-full {
    height: auto;
    overflow: hidden;
}

.brand-info dt {
    margin-top: 10px;
    margin: 5px auto;
}

.brand-info dd {
    margin-left: 25px;
}

h3.brand-contact {
    color: #555;
    text-transform: none;
    margin-bottom: 5px;
    margin-top: 10px;
}

h3.brand-product-title {
    color: #555;
    font-size: 13px;
    height: 60px;
    line-height: 1.4em;
    margin: 5px 0 0;
    overflow: hidden;
    text-transform: none;
}

.brand.product-card {
    border: 1px #ddd solid;
    padding: 3px;
    border-radius: 5px;
    margin-bottom: 30px;
}

    .brand.product-card a,
    .brand.product-card a:hover,
    .brand.product-card a:focus,
    .brand.product-card a:active {
        text-decoration: none;
    }

.brand-bimboard {
    float: right;
}

#productRegions ul {
    margin-left: 5px;
}

.tabs-product .tab-pane {
    min-height: 250px;
}

.info {
    cursor: pointer;
}

.product-table td, .product-table th {
    border: 0 !important;
    max-width: 200px;
    word-wrap: break-word !important;
}

#productDescription,
#productSpecification {
    margin-top: 15px;
}

    #productDescription ul,
    #productSpecification ul {
        margin: 15px 0;
    }

.tabs-product .nav li a {
    background: #f9f9f9 !important;
    border: 0 !important;
    border-radius: 2px !important;
}

    .tabs-product .nav li a:hover {
        background: #333 !important;
        color: #fff !important;
    }

.tabs-product .nav li.active a,
.tabs-product .nav li.active a:hover,
.tabs-product .nav li.active a:focus,
.tabs-product .nav li.active a:active {
    background: #333 !important;
    color: #fff !important;
}

.tabs-product div.tab-content {
    border: 0 !important;
    box-shadow: none !important;
}

.product-desc {
    padding-left: 10px;
    padding-top: 3px;
}

.btn.inverse {
    background-color: #333 !important;
    border-color: #111 !important;
    color: #fff;
}

    .btn.inverse:hover {
        background-color: #222 !important;
        border-color: #000 !important;
    }

.download-btn {
    font-size: 0.8em;
}

.qr-image {
    width: 100%;
}

.downloads {
    margin-bottom: 5px;
}

.sidebar-padding {
    /*padding: 15px;*/
}

.sidebar h3 {
    font-size: 1.4em;
}

.sidebar .filetypeheader {
    font-size: 1.1em !important;
}

.btn-back {
    position: absolute;
    top: 5px;
    left: 20px;
    z-index: 1100;
    background: #333;
}

.list-inline > li.label:first-child {
    padding-left: 5px;
}

h6.region {
    margin-bottom: 0;
}

.panel-bopc {
    background: #fff none repeat scroll 0 0;
    border: 1px #ddd solid;
}

    .panel-bopc .panel-heading {
        padding: 5px;
        background-color: #eee;
    }

    .panel-bopc .bopc-img {
        float: right;
        height: 25px;
    }

.prop-link {
    display: block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owl-carousel.thumbnail {
    border: 0;
    padding: 0;
}

.startpage-video .owl-pagination {
    margin-top: -10px;
}

.owl-pagination {
    margin-top: -40px;
}

.owl-controls.clickable {
    margin-top: 10px;
}

.owl-buttons {
    position: absolute;
    top: 45%;
    width: 100%;
}

    .owl-buttons .owl-prev {
        float: left !important;
    }

    .owl-buttons .owl-next {
        float: right !important;
    }

    .owl-buttons div {
        border-bottom: 0 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        opacity: 0.6 !important;
        background: #000 !important;
        padding: 9px 14px !important;
    }

/* Local sales rep. */
.local-sales-rep {
    font-size: 0.9em;
    background-color: #f9f9f9;
    padding: 0px;
    margin: 1px;
}

.sales-rep-header {
    height: 64px;
    background: white;
    text-align: center;
}

.sales-rep-header-text {
    color: #363b3f;
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: normal;
    line-height: 22px;
}

.sales-rep-text {
    color: #363b3f;
    height: 18px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.sales-rep-title {
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}

.sales-rep-no-title-spacing {
    margin-top: 30px;
}

.sales-rep-name {
    font-weight: normal;
}

.sales-rep-location {
    font-weight: 300;
    margin-bottom: 15px;
}

.owl-carousel--local-sales-rep .owl-pagination {
    position: relative;
    top: 19px;
    padding: 10px 0;
}

.local-sales-rep .local-sales-rep-img {
    border-radius: 50%;
    display: table;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px !important;
    width: 100px;
}

.local-sales-btns {
    height: 110px;
}

.local-sales-btns-single {
    height: 50px;
}

.local-sales-btns a {
    margin: 5px auto;
    width: 80%;
}

.local-sales-btns-sm a {
    margin: 0 auto;
    width: 40%;
    display: inline-block;
}

.phoneSalesRep {
    text-align: center;
}

    .phoneSalesRep div {
        background: #eee;
        border-radius: 100px;
        padding: 30px 35px;
        display: inline-table;
        margin-bottom: 20px;
    }

    .phoneSalesRep i {
        font-size: 50px;
    }

/* MODALS
------------------------------------------------------------- */
h4.modal-title {
    font-weight: 300;
    text-shadow: unset;
    color: #333 !important;
}

.modal-body {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
}

.modal-footer {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 0 0 6px 6px;
    border-top: 0 none;
}

/* LENA PRODUCT SELECTOR
------------------------------------------------------------- */
h1.lena-product-header {
    margin: 0;
    font-size: 32px;
    font-weight: 100;
}

.product-info-box td {
    border-top: 0 none !important;
}

.lena-object-table th {
    border: 0 none !important;
}

.lena-product-thumb {
    width: 140px;
}

/* ADMINISTRATION
------------------------------------------------------------- */
.sidebar-nav {
    background-color: #f5f5f5;
    border: 0px solid #ddd;
    border-radius: 4px;
    padding: 0;
}

.nav-sidebar > .active > a {
    background-color: #00aeef !important;
    color: #FFFFFF;
}

.nav-sidebar .first a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.nav-sidebar .last a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav-sidebar li a:focus {
    background-color: #00aeef;
    color: #FFFFFF;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #f9f9f9 !important;
}

.selectallbox {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC !important;
    border-radius: 4px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin: 0 5px 0 0;
    padding: 10px 15px !important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.checkbox-nomargin {
    margin-top: 0;
}

.mandatory, .helptext {
    color: #00aeef;
}

.helptext {
    font-style: italic;
    font-size: small;
}

    .helptext.grey {
        color: #999;
    }

.bopc-edit-header {
    margin: 10px 0;
    font-size: 2em;
}

.bopc-icon-status {
    color: #555;
    font-size: 1.6em;
}

#productoverview thead th, #productoverview thead td {
    /*padding-left: 10px;*/
    border-color: #ddd;
    border-bottom: 0 solid;
}

#productoverview td .btn {
    margin: 0 5px;
}

.content-type-radio {
    margin-bottom: 5px;
    margin-top: 0;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #ccc !important;
    padding: 8px !important;
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 0 !important;
}

#fileupload .progress {
    margin-bottom: 0;
}

#fileupload .file-drop-area {
    /*background: rgba(0, 0, 0, 0) url("../img/file-drop-area-img.png") no-repeat scroll center center;*/
    border: 2px dashed #ddd;
    border-radius: 10px;
    color: #ccc;
    font-size: 2em;
    font-style: italic;
    font-weight: 600;
    padding-top: 25px;
}

.fileinput-button {
    width: 100% !important;
    height: 100px !important;
}

#fileupload .file-drop-area:hover,
#fileupload .file-drop-area:active,
#fileupload .file-drop-area:focus {
    border: 2px #00aeef solid;
}

/* Mosquito */
.mosquito-modal .modal-body {
    min-height: 600px;
}

.mosquito-modal .nav-tabs > li.active > a, .mosquito-modal .nav-tabs > li.active > a:hover, .mosquito-modal .nav-tabs > li.active > a:focus {
    background: none repeat scroll 0 0 #fff !important;
}

.mosquito-modal label {
    margin-bottom: 0;
    margin-left: 2px;
    font-size: 85%;
}

.mosquito-modal .minicolors-theme-default .minicolors-swatch {
    height: 20px;
    width: 20px;
}

.mosquito-modal h4 {
    margin: 0;
    font-size: 1.2em;
}

/* Edition number */
.edition-number {
    font-size: 2em;
    color: #555;
    margin: 0;
    padding: 0;
}

.product-alert {
    padding: 0px 15px;
}

.brandlogothumb {
    height: 45px !important;
}

.brandlogo-small {
    max-height: 20px !important;
    /*margin-bottom: 10px;*/
}

.control-label, th {
    font-weight: 600;
}

.dragndropfile, .dragndropimage, .dragndropimage-medium, .dragndropimage-small, .dragndropimage-mosquito {
    cursor: pointer;
    border: 1px dashed #999;
    padding: 20px;
    border-radius: 4px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-indent: 1000px;
}

    .dragndropfile:hover, .dragndropimage:hover, .dragndropimage-small:hover, .dragndropimage-medium:hover {
        border-color: #999;
        background: #f5f5f5 url('../img/icon-img-upload.png') no-repeat center center;
    }

.dragndropfile {
    height: 110px;
    background: url('../img/icon-img-upload.png') no-repeat center center;
}

.dragndropimage {
    height: 155px;
    background: url('../img/icon-img-upload.png') no-repeat center center;
}

.dragndropimage-medium {
    background: url('../img/icon-img-upload.png') no-repeat center center;
}

.dragndropimage-small {
    height: 30px;
    background: url('../img/icon-img-upload.png') no-repeat center center;
}

.dragndropimage-mosquito {
    background: url('../img/icon-img-upload.png') no-repeat center center;
}

.dragndropimage-done {
    border: 2px dashed #3cb878;
    background: url('../img/fileupload-done.png') no-repeat center center;
}

.height100 {
    height: 100px;
}

.height180 {
    height: 180px;
}

.panel-default, .panelbg {
    background: #fafafa;
}

/* SORT PRODUCT IMAGES */
.product-image-item {
    background: #f2f2f2;
    cursor: move;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .product-image-item:hover {
        background: #e9e9e9;
    }

    .product-image-item .thumbnail {
        margin-bottom: 0;
    }

    .product-image-item .product-image-name {
        font-size: 22px;
        color: #bbb;
        font-weight: 700;
        padding: 5px 0 10px 0;
        display: block;
    }

    .product-image-item .sort-bars {
        color: #ddd;
        margin-top: 20px;
    }

.admin-dropdown {
    width: 100%;
}

.check, .check-box, .checkbox_label, .group-edit-check {
    float: left;
}

.check-box {
    margin: 2px 10px 0 5px;
}

    .check-box input {
        border-color: #00aeef !important;
    }

.checkbox_label {
    margin-top: 1px;
}

.publishcheck label {
    margin-left: 10px;
}

.check {
    padding: 0 5px;
    width: 190px;
    border: 1px #ddd solid;
    border-radius: 4px;
    margin: 5px 5px;
}

    .check:hover {
        background-color: #eee;
    }

.group-edit-check {
    padding: 0 5px;
    width: 190px;
    border: 1px #ddd solid;
    border-radius: 4px;
    margin: 5px 5px;
}

    .group-edit-check:hover {
        background-color: #eee;
    }

    .group-edit-check.has-error {
        border-color: #b94a48;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    }

    .group-edit-check.has-success {
        border-color: #468847;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    }

.filterbg {
    background-color: #eee;
}

.control-label.group-edit {
    width: 100%;
}

    .control-label.group-edit input {
        margin-right: 3px;
        margin-top: 7px;
        float: right;
    }

.editcategory, .editcountry, .editfiletype, .editmaterial {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin: 5px;
    padding: 8px;
    min-height: 48px;
    width: 210px;
    float: left;
    font-size: smaller;
    color: #999;
}

.editcategory_name, .editcountry_name, .editfiletype_name, .editmaterial_name {
    padding: 5px 0 0 5px;
    display: block;
}

.editfiletype_name {
    height: 30px;
}

.editcategory img.delete {
    float: right;
    cursor: pointer;
}

.editcategory .input-sm, .editcountry .input-sm, .editfiletype_tb .input-sm, .editmaterial .input-sm {
    height: 30px !important;
    padding: 0 3px !important;
    font-size: small;
    color: #00aeef;
}

/* Solutions */
.pc-add-btn {
    /*position: absolute;
    top: -75px;
    right: 15px;*/
}

/* Private Clouds */
.pc-checkbox input[type="checkbox"], .pc-checkbox-inline input[type="checkbox"] {
    margin-left: -15px;
    top: -5px;
    position: absolute;
}

/* Regions */
.region-countries {
    list-style-type: none;
    display: inline;
}

    .region-countries li {
        float: left;
        padding: 0 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px #ccc solid;
        border-radius: 4px;
        background-color: #f1f1f1;
        font-size: 12px;
        cursor: pointer;
    }

        .region-countries li.active {
            background-color: #5CB85C;
            border: 1px #5CB85C solid;
            color: #fff !important;
        }

.region-tag {
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 5px;
    float: left;
}

    .region-tag:hover {
        background: #999;
    }

    .region-tag, .region-tag a {
        font-size: 14px;
    }

        .region-tag a {
            color: #FFFFFF;
            font-weight: bold;
            padding-left: 10px;
        }

            .region-tag a:hover {
                text-decoration: none;
            }

.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
    left: 5px !important;
    right: auto !important;
}

.minicolors-theme-default.minicolors-position-right .minicolors-input {
    padding-left: 33px !important;
    padding-right: 5px !important;
}

/* PAGINATION LAYOUT
------------------------------------------------------------- */
#productoverview_wrapper .top {
    display: none;
}

/* USER CARD
------------------------------------------------------------- */
.user-card h2 {
    margin-bottom: 0;
    padding-left: 15px;
}

.user-card-pic img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.profile-img {
    max-height: 200px;
    max-width: 200px;
    margin: 0 auto;
}

/* LANGUAGE TRANSLATION
------------------------------------------------------------- */
.control-label.strong {
    color: #222;
    font-weight: 600;
    padding-top: 4px !important;
}

/* BRAND SETTINGS DESIGN
------------------------------------------------------------- */
.brand-child1 {
    padding-left: 25px !important;
}

.brand-list-logo {
    max-height: 20px;
}

/* BOPC PROPERTY LIST
------------------------------------------------------------- */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #0099e6;
    border-color: #0099e6;
    color: #fff;
}

.info-center {
    float: none !important;
}

.img-bopc {
    max-height: 40px;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.bopc-logo-max-height {
    max-height: 130px;
}

.bopc-modal h2 {
    margin-bottom: 25px;
}

/* RESPONSIVE SEARCH PAGE
------------------------------------------------------------- */
.horisontalpadding {
    width: 1600px;
    margin: 0 auto;
}

@media (min-width: 300px) {
    .horisontalpadding {
        width: 100%;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 175px;
    }
}

@media (max-width: 1300px) {
    .horisontalpadding ul {
        padding: 0;
        width: 100%;
    }

    li.searchproduct {
        width: 150px;
    }

        li.searchproduct .product-image {
            height: 140px !important;
        }
}

@media (max-width: 1024px) {
    .horisontalpadding ul {
        padding: 0;
        width: 100%;
    }

    li.searchproduct {
        width: 150px;
    }

        li.searchproduct .product-image {
            height: 140px !important;
        }
}

@media (max-width: 768px) {
    .horisontalpadding ul {
        padding: 0;
        padding-left: 35px;
    }

    li.searchproduct {
        width: 150px;
    }

        li.searchproduct .product-image {
            height: 140px !important;
        }
}

@media (max-width: 568px) {
    .horisontalpadding ul {
        padding: 0;
    }

    li.searchproduct {
        width: 160px;
    }

        li.searchproduct .product-image {
            height: 150px !important;
        }
}

@media (max-width: 480px) {
    .horisontalpadding ul {
        padding: 0;
    }

    li.searchproduct {
        width: 130px;
        margin-left: 5px;
    }

        li.searchproduct .product-image {
            height: 120px !important;
        }
}

@media (max-width: 320px) {
    .horisontalpadding ul {
        padding: 0;
    }

    li.searchproduct {
        width: 140px;
        margin-right: 0;
        margin-left: 5px;
    }

        li.searchproduct .product-image {
            height: 130px !important;
        }
}

@media (min-width: 850px) {
    .horisontalpadding {
        width: 850px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 175px;
    }
}

@media (min-width: 1020px) {
    .horisontalpadding {
        width: 1020px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 175px;
    }
}

@media (min-width: 1170px) {
    .horisontalpadding {
        width: 1190px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 1360px) {
    .horisontalpadding {
        width: 1360px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 1530px) {
    .horisontalpadding {
        width: 1530px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 1700px) {
    .horisontalpadding {
        width: 1700px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 1870px) {
    .horisontalpadding {
        width: 1870px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 2040px) {
    .horisontalpadding {
        width: 2040px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 2210px) {
    .horisontalpadding {
        width: 2210px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 2380px) {
    .horisontalpadding {
        width: 2380px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 2560px) {
    .horisontalpadding {
        width: 2440px;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

@media (min-width: 2720px) {
    .horisontalpadding {
        width: 100%;
        margin: 0 auto;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 220px;
    }
}

.product-icon-bim-supply {
    width: 14px;
    position: relative;
    left: 1px;
    top: -1px;
}

.one-million-users-wrapper {
    position: relative;
}

    .one-million-users-wrapper video {
        width: 100%;
    }

    .one-million-users-wrapper img {
        width: 100%;
    }

    .one-million-users-wrapper p {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        color: #fff;
        text-align: center;
        font-size: 50px;
        line-height: normal;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 200;
        text-shadow: 0px 3px 4px #000;
        transform: translateY(-50%);
        margin: 0;
        padding: 0 15px;
    }

        .one-million-users-wrapper p span {
            font-size: 130%;
        }

@media (max-width: 991px) {
    .one-million-users-wrapper p {
        font-size: 30px;
    }

    .one-million-users-wrapper video {
        display: none;
    }
}

@media (max-width: 600px) {
    .one-million-users-wrapper p {
        font-size: 20px;
    }

        .one-million-users-wrapper p span {
            font-size: 110%;
        }
}

@media (max-width: 370px) {
    .one-million-users-wrapper p {
        font-size: 17px;
    }
}

@media (min-width: 992px) {
    .one-million-users-wrapper img {
        display: none;
    }
}

@media (min-width: 1300px) {
    .one-million-users-wrapper p {
        line-height: 1.7;
    }

        .one-million-users-wrapper p span {
            font-size: 165%;
        }
}

.search-input-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

bim-profile-component .bpc-beta {
    display: none !important;
}
