@import url("adminbar.css");
@import url("nav.css");
@import url("buttons.css");
@import url("fonts.css");
@import url("shadows.css");
@import url("colors.css");
@import url("sliders.css");
@import url("tabs.css");
@import url("google-translate.css");
@import url("errors.css");
@import url("elements.css");
@import url("products-effects.css");
@import url("release-notes.css");
@import url("accordeon.css");
@import url("cookie.css");
@import url("quick-contact.css");

/* ----------------------------------------------------------------------------- */
/* Common Styles
-------------------------------------------------------------------------------- */
body {
    background-color: #fff;
    color: #42515c;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 16px;
}
.col-center{
	margin: auto;
    float: none;
}

.breadcrumb {
    background: none;
    font-size: 14px;
    margin: 20px 0px;
    padding: 0;
}
.page-print {
    page-break-before: always;
}
.page-break-after {
    page-break-after: always;
}
hr.underline {
    margin: 1px auto 20px;
    width: 150px;
}
.align-right{align-content: right; text-align: right;}
@media (max-width: 767px) {
    .align-right{align-content: center; text-align: center;}
    .mobile-center{align-content: center; text-align: center;}
}

/* images */
.img-responsive{max-width: 100%; height:auto;}
.rounded-square{border-radius: 20px;}
.circle{border-radius: 50%;}

/*shadow boxes*/
.tile-overflow-shadow, .tile-overflow-shadow-right{position:relative; }
.tile-overflow-image, .tile-overflow-image-right{width:150px; position: absolute; }
.tile-overflow-image img, .tile-overflow-image-right img{position:relative; width:150px; height:auto;align-content: center; margin-left:auto; margin-right:auto;}
.tile-overflow-content{padding:50px 30px;}

.tile-overflow-big-shadow, .tile-overflow-big-shadow-right{position:relative; }
.tile-overflow-big-image, .tile-overflow-big-image-right{width:400px; position: absolute; }
.tile-overflow-big-image img, .tile-overflow-big-image-right img{position:relative; width:100%; height:auto; align-content: center; margin-left:auto; margin-right:auto;}
.tile-overflow-big-content{padding:50px 30px; display:inline-block; width:100%;}

.tile-overflow-shadow-6{position:relative; padding-top:75px;}
.tile-overflow-image-6{width:150px; position: absolute; width:100%; top:-75px; background-color:#ffffff;}
.tile-overflow-image-6 img{position:relative; width:150px; height:auto; align-content: center; margin-left:auto; margin-right:auto;padding:50px 0;}
.tile-overflow-content-6{padding:30px 30px 50px 30px;}
.tile-overflow-main-6{padding-top:75px; }
.contributor{margin:auto; padding-top:1em; padding-bottom:1em; width:100px; max-width:100%; height:auto;}

@media (min-width: 768px) {
    .tile-overflow-main{padding-left:75px; }
    .tile-overflow-shadow{padding-left:75px; }
    .tile-overflow-image{top: 50%;
        transform: translateY(-50%); left:-75px;}
    .tile-overflow-main-right{padding-right:75px; }
    .tile-overflow-shadow-right{padding-right:75px; }
    .tile-overflow-image-right{top: 50%;
        transform: translateY(-50%); right:-75px;}

    .tile-overflow-big-main{padding-left:100px; padding-bottom:50px;}
    .tile-overflow-big-shadow{padding-left:100px; }
    .tile-overflow-big-image{top: 50%;
           transform: translateY(-50%); left:-100px;}
    .tile-overflow-big-main-right{padding-right:100px; padding-bottom:50px;}
    .tile-overflow-big-shadow-right{padding-right:100px; }
    .tile-overflow-big-image-right{top: 50%;transform: translateY(-50%); right:-200px;}
    .tile-overflow-big-image img, .tile-overflow-big-image-right img{max-width:200px;}

}
@media (max-width: 767px) {
    .tile-overflow-main, .tile-overflow-main-right{padding-top:75px; }
    .tile-overflow-shadow, .tile-overflow-shadow-right{padding-top:75px;}
    .tile-overflow-image, .tile-overflow-image-right{width:100%; top:-75px; }

    .tile-overflow-big-main, .tile-overflow-big-main-right{padding-top:0; }
    /*.tile-overflow-big-shadow, .tile-overflow-big-shadow-right{}*/
    .tile-overflow-big-image, .tile-overflow-big-image-right{
        width: 100% !important;
        position: relative;
        display:block;}
}

@media (min-width: 992px) {

    .tile-overflow-big-main{padding-left:200px; padding-bottom:50px;}
    .tile-overflow-big-shadow{padding-left:200px; }
    .tile-overflow-big-image{top: 50%;
           transform: translateY(-50%); left:-200px;}
    .tile-overflow-big-main-right{padding-right:200px; padding-bottom:50px;}
    .tile-overflow-big-shadow-right{padding-right:200px; }
    .tile-overflow-big-image-right{top: 50%;transform: translateY(-50%); right:-200px;}
    .tile-overflow-big-image img, .tile-overflow-big-image-right img{max-width:400px;}

}

/* ----------------------------------------------------------------------------- */
/* Bootstrap fix
-------------------------------------------------------------------------------- */
.modal-header {
    padding: 15px 30px 0 15px;
    border-bottom: 0;
}
.modal-header .close {
    margin-top: -15px;
    margin-right:-30px;
    padding: 15px;
    background-color: rgb(0, 158, 182);
    color: rgb(255, 255, 255);
    opacity:1;
    line-height:10px;
    font-size:20px;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 60%;
    }
}
@media (min-width: 576px) {
    .container { width: 500px; }
}
@media (min-width: 768px) {
    .container { width: 650px; }
}
@media (min-width: 992px) {
    .container { width: 800px; }
}
@media (min-width: 1200px) {
    .container { width: 900px; }
}
@media (min-width:1600px) {
    .container { width: 1200px; }
}
/* Bootstrap 5 columns */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
}
.col-xs-15 {
    float: left;
    width: 20%;
}
@media (min-width: 768px) {
    .col-sm-15 {
        float: left;
        width: 20%;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        float: left;
        width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        float: left;
        width: 20%;
    }
}
/* Bootstrap columns all the same height (add class on the row) + Vertically center items */
@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
}
.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/* ----------------------------------------------------------------------------- */
/* Header
-------------------------------------------------------------------------------- */
section.header{
    background-image: url(../images/graph-header.png);
    background-position: right top 20px !important;
    background-repeat: no-repeat;
    background-size: 40vmin auto;
}

section.header .row:before{
    content: "";
    display:block;
    padding:140px 0 0 0;
    align-content: center;
    text-align: center;
    margin:auto;
}
/* ----------------------------------------------------------------------------- */
/* Paddings, offset & justification
-------------------------------------------------------------------------------- */
@media (min-width: 768px) {.container{position:relative; left: 50px;}} /*Adding space left for menu bar*/
.content-center{margin-left:auto; margin-right:auto;}
@media (max-width: 767px) {.row{padding-left:1em; padding-right:1em;}}
.offset-100{position: relative;left: 100px;}
.offset-l-sm{margin-left:1em;}
.offset-r-sm{margin-right:1em;}
.offset-lr-sm{margin-left:1em; margin-right:1em;}
.offset-arround-micro { margin: 5px; }
.offset-t-empty { margin-top: 0px; }
.offset-b-empty { margin-bottom: 0px; }
.offset-t-md { margin-top: 50px; }
.offset-t-lg { margin-bottom: 100px; }
.offset-b-sm { margin-bottom: 25px; }
.offset-b-md { margin-bottom: 50px; }
.offset-b-lg { margin-bottom: 100px; }
.offset-t-none{margin-top:0;}
.offset-b-none{margin-bottom:0;}
.offset-none{margin-top:0; margin-bottom:0;}
.offset-y-sm{margin-top:11px; margin-bottom:11px;}

.inner-l-none{padding-left:0;}
.inner-r-none{padding-right:0;}
.inner-lr-none{padding-left:0; padding-right:0;}
.inner-l-sm{padding-left:1em;}
.inner-r-sm{padding-right:1em;}
.inner-lr-sm{padding-left:1em; margin-right:1em;}
.inner-v-sm { padding-top: 20px; padding-bottom: 20px;}
.inner-v-md { padding-top: 40px; padding-bottom: 40px; }
.inner-v-lg { padding-top: 80px; padding-bottom: 80px; }
.inner-h-sm { padding-left: 20px; padding-right: 20px;}
.inner-h-md { padding-left: 50px; padding-right: 50px;}
.inner-b-xs { padding-bottom: 10px;}
.inner-b-sm { padding-bottom: 20px; }
.inner-b-md { padding-bottom: 40px; }
.inner-b-lg { padding-bottom: 80px; }
.inner-t-sm { padding-top: 20px; }
.inner-t-md { padding-top: 40px; }
.inner-t-lg { padding-top: 100px; }

.justify-last-line-center{
	text-align: justify;
	text-align-last: center;
}
.container-fluid-section {
    padding: 30px 0;
}
.container-post {
    position: relative;
    z-index: 100;
}
.vertical-align-div{
    display:flex;
  align-items: center;
}
@media (max-width: 767px) {
    .mobile-no-padding-t {padding-top:0 !important;}
    .vertical-align-div{display:block;}
}
@media (min-width: 600px) {
    .container-fluid-section {
        padding: 100px 0;
    }
}
@media print {
    .container-fluid-section {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
}
/* ----------------------------------------------------------------------------- */
/* Pages
-------------------------------------------------------------------------------- */

/* post category page
-------------------------------------------------- */
.single-thumbnail{
    max-width:250px;
    margin:auto;
    margin-bottom:50px;
    min-height:255px
}
.thumbnail-text-container{padding:30px 10px;}
.thumb-resize img{
    max-width:250px;
    height:auto;
    display:block;
}
.the-title{
    font-family: 'Work Sans', sans-serif !important;
    font-weight:600;
    font-size:18px;
    text-align: center;
}
.the-category{
    font-family: 'Work Sans', sans-serif !important;
    font-weight:300;
    font-size:16px;
    text-align: center;
    color:#42515c;
}
.the-category-link{color:#42515c !important; font-weight:400;}
.the-category-link:hover{color:#009eb6;}
.the-title p, .the-category p{color:#42515c;}
.the-title p:hover, .the-category p:hover{color:#009eb6;}
.read-time{
    font-family: 'Work Sans', sans-serif !important;
    font-weight:300;
    font-size:14px;
    text-align: center;
    color:#42515c;
}

/*col equal height*/
.col-2-eq-height{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:grid;
    grid-template-columns: auto auto;
}
.col-3-eq-height{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:grid;
    grid-template-columns: auto auto auto;
}
.col-4-eq-height{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:grid;
    grid-template-columns: auto auto auto auto;
}
@media (max-width: 1600px) {
    .col-4-eq-height {
        grid-template-columns: auto auto;
    }
}
@media (max-width: 991px) {
    .col-3-eq-height, .col-4-eq-height {
        grid-template-columns: auto auto;
    }
}
@media (max-width: 767px) {
    .col-2-eq-height, .col-3-eq-height, .col-4-eq-height{
        grid-template-columns: auto;
    }
}


/* Banner
-------------------------------------------------------------------------------- */
[class*="banner-"] {
    background-color: #fff;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.page-main-page [class*="banner-"] {
    height: 400px;
 }
.banner-about { background-image: url(../images/banner-legal.jpg); }
.banner-brochures { background-image: url(../images/banner-brochures.jpg); }
.banner-capabilities { background-image: url(../images/banner-capabilities.jpg); }
.banner-des { background-image: url(../images/banner-des.jpg); }
.banner-dmn-quick-start { background-image: url(../images/banner-dmn-quick-start.jpg); }
.banner-home { background-image: url(../images/banner-home.jpg); }
.banner-legal { background-image: url(../images/banner-legal.jpg); }
.banner-method { background-image: url(../images/banner-method-and-style.jpg); }
.banner-options { background-image: url(../images/banner-options.jpg); }
.banner-partners { background-image: url(../images/banner-partners.jpg); }
.banner-quote { background-image: url(../images/banner-quote.jpg); }
.banner-resources { background-image: url(../images/banner-resources.jpg); }
.banner-recognition { background-image: url(../images/banner-recognition.jpg); }
.banner-security { background-image: url(../images/banner-security.jpg); }
.banner-trials { background-image: url(../images/banner-trials.jpg); }
.banner-use-cases { background-image: url(../images/banner-use-cases.jpg); background-position: bottom center; }
.banner-visio { background-image: url(../images/banner-visio.jpg); }
.banner-himss19 { background-image: url(../images/banner-himss19.jpg); }
.banner-btoes19 { background-image: url(../images/banner-btoes19.jpg); }
.banner-mba-tech19 { background-image: url(../images/banner-mba-tech19.jpg); }
.banner-redhat-summit19 { background-image: url(../images/banner-redhat-summit19.jpg); }
.banner-city-montreal { background-image: url(../images/banner-city_Montreal_blue.jpg); }
.banner-city_washington { background-image: url(../images/banner-city_Washington_blue.jpg); }
.banner-city_detroit { background-image: url(../images/banner-city_Detroit_blue.jpg); }
.banner-city_sanFrancisco { background-image: url(../images/banner-city_SanFrancisco_blue.jpg); }
.banner-city_boston { background-image: url(../images/banner-city_Boston_blue.jpg); }
.banner-city_chicago { background-image: url(../images/banner-city_Chicago_blue.jpg); }
.banner-city_ottawa { background-image: url(../images/banner-city_Ottawa_blue.jpg); }
.banner-city_dallas { background-image: url(../images/banner-city_Dallas_blue.jpg); }
.banner-city_sanAntonio { background-image: url(../images/banner-city_SanAntonio_blue.jpg); }
.banner-ninjatour { background-image: url(../images/banner-city_Washington_blue.jpg); }
.banner-city_toronto { background-image: url(../images/banner-city_Toronto_blue.jpg); }
.banner-training { background-image: url(../images/banner-training.jpg); }
.banner-healthcare { background-image: url(../images/banner-healthcare.jpg); }
.banner-finance { background-image: url(../images/banner-finance.jpg); }
.banner-publicsector { background-image: url(../images/banner-publicsector.jpg); }
.banner-gsa { background-image: url(../images/banner-gsa.jpg); }
.banner-successprograms { background-image: url(../images/banner-success-programs.jpg); }
.banner-das { background-image: url(../images/banner-DAS.jpg); }
.banner-dms { background-image: url(../images/banner-DMS.jpg); }

.logo-Trisotech  { background-image: url(../images/logo-trisotech.png); }
.banner-career,
.jobs .banner-resources { background-image: url(../images/banner-career.jpg); }

@media (min-width: 768px) {
    [class*="banner-"] { height: 600px; padding-top: 50px; }
    .page-main-page [class*="banner-"] { height: 700px; }
}
@media print {
    [class*="banner-"] {
        min-height: 1px;
        height: 150px;
    }
}

/* = Box Banner = */
.box-banner {
    background: #fff;
    background-color: rgba(255,255,255,.7);
    padding: 15px;
    text-align: center;
}

.page-main-page .box-banner {
    text-align: center;
}
@media (min-width: 768px) {
    .box-banner {
        font-size: 1.2em;
        padding: 50px 30px;
        text-align: left;
    }
    .box-banner h1 {
        font-size: 50px;
        letter-spacing: -3px;
    }
}
@media (min-width: 1615px) {
    .page-main-page .box-banner {
        margin-top: 80px;
    }
}




.bg-light { background-color: #f4f4f4; }
.alternate { background-color: #f4f4f4; }




/* Sections
-------------------------------------------------------------------------------- */
h1.section-title {
    font-size: 36px;
    margin:0;
    padding:0 0 20px;
    text-align: center;

}
.underline {
    border-top: 1px solid #525252;
}
.section-title + .underline {
    margin: 0 auto 20px;
    width: 150px;
}

.section-primary .section-title + .underline {
    border-top-color: #fff;
}
.section-primary {
    background-color: #009eb6;
    color: #fff;
    font-size: 18px;
}

.section-padding-lg {
    padding: 30px 0;
}
@media (min-width: 600px) {
    .section-padding-lg {
        padding: 100px 0;
    }
    .section-padding-md {
        padding: 60px 0;
    }
}
@media print {
    .section-padding {
        border-bottom: 1px solid #ccc;
        padding: 10px 0 !important;
    }
}

/* Testimonials
-------------------------------------------------------------------------------- */
.testimonial {
    font-style: italic;
    margin: 20px 0px 50px;
    text-align: center;
}
.testimonial .logo {
    display: block;
    position: relative;
    text-align: right;
    width: 100%;
}
.testimonial h5 {
    font-size: 14px;
    font-weight: 600;
}
@media (max-width: 815px) {
    .testimonial .quote-left,
    .testimonial .quote-right { display:none; }
    .testimonial p:before {
        content: '\201C';
        font-size: 20px;
        font-weight: 700;
        padding-right: 5px;
    }
    .testimonial p:after {
        content: '\201D';
        font-size: 20px;
        font-weight: 700;
        padding-left: 5px;
    }
}

/* = Main Page = */
.page-main-page .lead {
    font-size: 20px;
}
[class*="bg-discover-"] {
    background-repeat: no-repeat;
    background-size: cover;
    height: 630px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.bg-discover-use-cases {
    background-image: url(../images/main-page-use-cases.jpg);
    background-position: top left;
}
.bg-discover-capabilities {
    background-image: url(../images/main-page-capabilities.jpg);
    background-position: top center;
}
.bg-discover-methods {
    background-image: url(../images/main-page-methods.jpg);
    background-position: top right;
}
@media (max-width: 1200px) {
    .bg-discover-capabilities,
    .bg-discover-use-cases,
    .bg-discover-methods {
        height: 300px;
        background-position: center center;
     }
}
.page-digital-enterprise-suite .discover,
.page-main-page .discover {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left:60px;
    font-size: 16px;
}
.page-digital-enterprise-suite .discover a,
.page-main-page .discover a {
    color: inherit;
}
.page-digital-enterprise-suite a:hover,
.page-main-page a:hover {
    color: #009eb6;
}
.page-digital-enterprise-suite .discover li,
.page-main-page .discover li {
    padding: 5px 0;
}
.page-digital-enterprise-suite .discover .fa-li,
.page-main-page .discover .fa-li {
    color: #009eb6;
    padding-top: 8px;
}
@media (min-width: 768px) {

}

@media (max-width: 1600px) {
    .page-digital-enterprise-suite .discover,
    .page-main-page .discover {
        padding: 30px 30px 60px;
    }
}



/* = Capabilities = */
.page-capabilities .lead {
    font-weight: 600;
}
.page-capabilities .topic {
    background: #F2F5F7;
    padding: 15px;
}
.page-capabilities .topic h3 {
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 0;
}
.page-capabilities .carousel-bullet {
    display: block;
    margin: 10px auto;
}
.page-capabilities .features [class*="wp-image"] {
    border: 1px solid #ccc;
    margin: 50px auto 0;
    padding: 4px;
    display: block;
    max-width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    .page-capabilities .topic {
        padding: 50px;
    }
}
@media (min-width: 990px) {
    .page-capabilities .features [class*="wp-image"] {
        border: 1px solid #ccc;
        margin: 50px auto 0;
        padding: 4px;
        display: block;
        max-width: 100%;
        height: auto;
    }
}
@media print {
    .page-capabilities .carousel-bullet {
        display: none;
    }
}


/* = Trial Onboarding = */
.page-trial-onboarding .lead {
    font-weight: 600;
}
.page-trial-onboarding .topic {
    background: #F2F5F7;
    padding: 15px;
}
.page-trial-onboarding .small-topic {
    background: #F2F5F7;
    padding: 15px;
    border: 5px solid #fff;
}

.page-trial-onboarding h2 {
    margin-top: 0;
}
.page-trial-onboarding .topic h3 {
    margin-top: 0;
}
.page-trial-onboarding .small-topic h3 {
    margin-top: 0;

}

.page-trial-onboarding .features [class*="wp-image"] {
    margin: 20px auto 0;
    padding: 4px;
    display: block;
    max-width: 100%;
    height: auto;
}
.page-trial-onboarding .side-image {
    max-width: 100px;
    margin-right: 10px;
}
.page-trial-onboarding hr.underline {
        margin: 1px auto 20px;
        width: 150px;
}
.page-trial-onboarding .trial-onboarding-icon {
        padding: 0 0 0 25px;
}
.page-trial-onboarding .trial-onboarding-icon i[class^=img-] {
    background-image: url(/wp-content/uploads/onboarding-icon-sprite.png);
    background-repeat: no-repeat;
    background-position: 0;
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 6px 0;
    margin: 4px 0 0 5px;
    margin: 3px 0 0 -25px;
}
.page-trial-onboarding .trial-onboarding-icon i[class^=img-].img-local {
    background-position: -18px;
}
.page-trial-onboarding .trial-onboarding-icon i[class^=img-].img-personal {
    background-position: -144px;
}
.page-trial-onboarding .trial-onboarding-icon i[class^=img-].img-publicapi {
    background-position: -108px;
}
.page-trial-onboarding .trial-onboarding-des-img-container {
    padding-left: 0;
}
.page-trial-onboarding .trial-onboarding-des-text-container {
    margin-left: -50px;
}
.page-trial-onboarding .trial-onboarding-qg-text-container {
    margin-left: 20px;
}
.page-trial-onboarding .small-topic-double-qgrb {
    min-height: 160px;
}
.page-trial-onboarding .small-topic-double-eurenthelp {
    min-height: 235px;
}
@media (min-width: 768px) {
    .page-trial-onboarding .topic {
        padding: 50px;
    }
}
@media (min-width: 990px) {
    .page-trial-onboarding .features [class*="wp-image"] {
        margin: 0 auto 0;
        padding: 4px;
        display: block;
        max-width: 100%;
        height: auto;
    }
}
@media (max-width:1600px) {
    .page-trial-onboarding .trial-onboarding-des-text-container {
        margin-left: 0px;
    }
    .page-trial-onboarding .trial-onboarding-qg-text-container {
        margin-left: 35px;
    }
    .page-trial-onboarding .small-topic-double-eurenthelp {
        min-height: 310px;
    }
}
@media (max-width:1200px) {
    .page-trial-onboarding .trial-onboarding-des-text-container {
        margin-left: -50px;
    }
    .page-trial-onboarding .trial-onboarding-qg-text-container {
        margin-left: 20px;
    }
    .page-trial-onboarding .small-topic-double-eurenthelp {
        min-height: 230px;
    }
}
@media (max-width:991px) {
    .page-trial-onboarding .trial-onboarding-des-img-container {
        text-align: center;
        padding-bottom: 10px;
    }
    .page-trial-onboarding .trial-onboarding-qg-text-container,
    .page-trial-onboarding .trial-onboarding-des-text-container {
        padding-left: unset;
        margin-left: unset;
        max-width: 60%;
        margin: auto;
    }
    .page-trial-onboarding .trial-onboarding-qg-text-container,
    .page-trial-onboarding .trial-onboarding-des-title-container {
        text-align: center;
    }
    .page-trial-onboarding .trial-onboarding-des-img-container {
        padding-left: 15px;
    }
    .page-trial-onboarding .small-topic-double-qgrb,
    .page-trial-onboarding .small-topic-double-eurenthelp {
        min-height: auto;
    }
}
@media (max-width:600px) {
    .page-trial-onboarding .trial-onboarding-des-img-container {
        text-align: center;
        padding-bottom: 10px;
    }
    .page-trial-onboarding .trial-onboarding-qg-text-container,
    .page-trial-onboarding .trial-onboarding-des-text-container {
        max-width: 90%;
        margin: auto;
    }
    .page-trial-onboarding .trial-onboarding-qg-text-container,
    .page-trial-onboarding .trial-onboarding-des-title-container {
        text-align: center;
    }
    .page-trial-onboarding .trial-onboarding-des-img-container {
        padding-left: 15px;
    }
}

/* = Use Cases = */
.page-use-cases .lead {
    font-weight: 600;
}
.page-use-cases [class*="title"] {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2px;
}
.page-use-cases .topic-title {
    color: #009eb6;
    margin-bottom: 30px;
}
.page-use-cases .problem-title {
    color: #ddd;
}
.page-use-cases .problem .text {
    background: #fafafa;
    padding: 5px 20px 20px;
}
.page-use-cases .solution .title {
    color: rgba(255,255,255,.3);
    text-align: right;
}
.page-use-cases .solution .text {
    background: #009eb6;
    color: #ffffff;
    padding: 20px 20px 5px;
}
@media (min-width: 768px) {
    .page-use-cases [class*="title"] {
        font-size: 46px;
    }
    .page-use-cases .topic-title {
        margin-bottom: 50px;
    }
    .page-use-cases .problem .text {
        padding: 18px 40px 40px;
    }
    .page-use-cases .solution .text {
        padding: 40px 40px 18px;
    }
}


/* = DES = */
.suite-options,
.suite-component {
    text-align: center;
    margin: 50px;
    position: relative;
}

.suite-component {
    top: -50px;
}

.page-main-page h3.inner-b-sm,
.page-digital-automation-suite h3.inner-b-sm,
.page-digital-modeling-suite h3.inner-b-sm,
.page-digital-enterprise-suite h3.inner-b-sm {
    min-height: 80px
}
.page-main-page .list_carousel,
.page-digital-automation-suite .list_carousel,
.page-digital-modeling-suite .list_carousel,
.page-digital-enterprise-suite .list_carousel {
    padding-bottom: 40px;
}
.deg-flex{
	display:flex;

}
.deg-img{
    min-width:500px;
}
.deg-text-v-center{
    align-self: center;
}

@media (max-width:1199px) {
	.deg-flex{
		display:block;
		text-align:center
	}
	.deg-img img{
		margin:auto;
	}
}
 @media (max-width:991px) {
    .page-main-page h3.inner-b-sm,
     .page-digital-automation-suite h3.inner-b-sm,
     .page-digital-modeling-suite h3.inner-b-sm,
    .page-digital-modeling-suite h3.inner-b-sm {
        min-height: unset
    }

    .tile-b-md {
        padding-bottom: 40px;
    }

    .testimonial .logo {
        text-align: center !important;
        padding-bottom: 15px;
    }

    .testimonial .is-table-row p {
        max-width: 90%;
        margin: auto;
    }

    .page-main-page .list_carousel,
     .page-digital-automation-suite .list_carousel,
     .page-digital-modeling-suite .list_carousel,
    .page-digital-enterprise-suite .list_carousel {
        padding-bottom: 0px;
    }

    .section-title-description{
	    text-align: center;
	}

}


/* = Success Program = */
.block-success h2{
    font-size: 30px;
	font-weight: 700;
	letter-spacing: -2px;
}
.page-success-programs p.inner-v-sm {
	min-height: 190px;
}

@media (max-width:1599px) and (min-width:1200px) {
	.page-success-programs p.inner-v-sm {
		min-height: 240px;
	}
}

@media (max-width:1199px) and (min-width:992px) {
	.page-success-programs p.inner-v-sm {
		min-height: 320px;
	}
	.block-success h2 {
		min-height: 70px;
	}
}

@media (max-width:991px) {
	.page-success-programs p.inner-v-sm {
		min-height: 120px;
	}
}


/* = Trials = */
.page-trials h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -2px;
}
.page-trials h2 span {
    font-size: 24px;
}
.page-trials p.inner-v-sm {
    min-height: 170px;
}
@media (max-width:1199px) and (min-width:993px) {
    .page-trials p.inner-v-sm {
		min-height: 250px;
	}
}
@media (max-width: 990px) {
    .page-trials h2,
    .page-trials p.inner-v-sm { min-height: 1px; }
    .page-trials .block-trial { margin-bottom: 50px; padding: 30px; }
}



/* = Training = */
.page-training .available-courses {
    color: #009eb6;
    font-size: 1.4em;
    font-weight: 700
}
.page-training .divider-small-white {
    background-color: rgba(255, 255, 255, .2);
    width: 100%;
    height: 1px
}
.page-training .divider-small-white-bottom {
    position: absolute;
    bottom: 10px;
    background-color: rgba(255, 255, 255, .2);
    width: 100%;
    height: 1px
}

.page-training .divider-big-purple {
    background-color: #009eb6;
    color: #fff;
    width: 100%;
    height: 40px;
    font-size: 1.5em;
    font-weight: 700
}
.page-training .divider-small-purple {
    background-color: #009eb6;
    width: 100%;
    height: 1px
}
.page-training .flip-corner-purple-container {
    -webkit-clip-path: polygon(0 0, 93% 0, 100% 75px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 93% 0, 100% 75px, 100% 100%, 0 100%);
    width: 100%;
    min-height: 380px !important;
    background-color: #009eb6
}
.page-training .flip-corner-purple {
    position: absolute;
    right: 0;
    -webkit-clip-path: polygon(93% 0, 100% 100%, 93% 100%);
    clip-path: polygon(93% 0, 100% 100%, 93% 100%);
    width: 100%;
    height: 75px;
    background-color: #009eb6
}
.page-training #shadow {
    position: absolute;
    right: 0;
    z-index: -1;
    content: "";
    background: rgba(0, 0, 0, .2);
    width: 200px;
    width: 100%;
    height: 80px;
    filter: blur(25px);
    -webkit-clip-path: polygon(92.5% 0, 100% 75px, 92.5% 100%);
    clip-path: polygon(92.5% 0, 100% 75px, 92.5% 100%)
}
.page-training .graduation {
    z-index: 5;
    font-size: 2em;
    position: absolute;
    right: 3.7%;
    color: #fff
}
.page-training .dmn-countainer {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 20px;
    height: 280px;
    background-color: rgba(255, 255, 255, 1)
}
.page-training .bpmn-countainer {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 280px;
    background-color: rgba(255, 255, 255, 1);
}
.page-training .panel-header {
    height: 50px;
}
.page-training .panel-header-logo {
    max-width: 100%;
    height: auto;
    text-align: right;
    float: right;
    width: 20%;
    position: relative;
    top: -19px;
}
.page-training .panel-header-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    text-align: Left;
    color: #606060;
}
.page-training .panel-line {
    position: absolute;
    top: 50px;
    left: 0;
    height: 1px;
}
.page-training .panel-content {
    position: relative;
    top: 10px;
    text-align: left;
    clear: both;
}
.page-training .panel-content-img {
    position: relative;
    max-width: 40% !important;
    left: 0;
    text-align: left;
    float: left;
    padding-right: 10px;
}
.page-training .panel-content-text {
    width: 60%;
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.page-training .panel-button {
    clear: both;
    position: absolute;
    bottom: 20px;
    right: 0;
    transform: scale(.8);
}
.page-training caption {
    font-size: 20px;
    font-weight: 600;
    color: #009eb6;
}
.page-training .divider-table {
    margin-top: 80px;
    margin-bottom: 80px;
}
.page-training table {
    position: relative;
    border-collapse: collapse;
    margin: auto;
}
.page-training th {
    border-bottom: thin solid rgba(0, 0, 0, .05);
    color: #009eb6;
}
.page-training td {
    padding: 6px;
    text-align: left;
    vertical-align: middle !important;
    border-bottom: thin solid rgba(0, 0, 0, .02);
}
.page-training tr:nth-child(2n-1) {
    height: 80px;
}
.page-training .training-td-noEvent {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
.page-training .this-panel-footer {
    position: absolute;
    bottom: 10px;
    left: 0;
    height: 1px;
}
.page-training .btn-small>a {
    color: rgba(255, 255, 255, .9);
}
.page-training .btn-small {
    color: rgba(255, 255, 255, .9);
    width: 90px;
}
.page-training .panel-main-row {
    position: absolute;
    height: 380px;
}
.page-training .btn-more {
    margin-left: 0;
}
.page-training .bs-table {
    float: none;
    margin: auto;
    overflow-x: auto;
}
.page-training .hiddenRow {
    padding: 0 !important;
}
.hiddenRow {
    padding: 0 !important;
}
.ticket-page--event-image-container {
    width: 100%;
    position: relative;
    display: none !important;
}
.training-td-name, .training-td-language, .training-td-date, .training-td-time, .training-td-city {
    vertical-align:middle !important;
}
.page-training i {
    display: inline-block;
    font-family: fontawesome !important;
    font-style: normal;
    font-size: 14px !important;
}
.page-training .training-td-btn {
    width: 100px;
    text-align: right;
}
.page-training .btn-courses {
    position: relative;
    background-color: rgba(255, 255, 255, 1);
    left: 100%;
    transform: translateX(-105%);
}
.ebw-container iframe {
    height:600px;
}
.page-training .rotate {
    margin-left: 5px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.page-training .rotate.down {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.page-training .contact-us-panel {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.page-training .chart-panel__button::before {
    padding: 11px 0 !important;
}
.page-training .bjs-ticket-widget-checkout-button .ticket-widget__button .checkout-buttontn--epic {
    padding: 11px 0 !important;
}
.page-training .g-cell .g-cell-1-1 .g-cell-md-3-12::before {
    padding: 11px 0 !important;
}
.tr-collapse td {vertical-align: middle;}
@media only screen and (max-width:1600px) {
    .page-training .flip-corner-purple-container {
        min-height: 500px !important;
    }
    .page-training .bpmn-countainer,
    .page-training .dmn-countainer {
        top: 65%;
        height: 350px;
    }
}
@media only screen and (max-width:1200px) {
    .page-training .flip-corner-purple-container {
        min-height: 550px !important;
    }
    .page-training .bpmn-countainer,
    .page-training .dmn-countainer {
        top: 72%;
        height: 400px;
    }
}
@media only screen and (max-width:992px) {
    .page-training .training-container {
        width: 80%;
    }
    .page-training .divider-big-purple {
        min-height: 850px !important;
    }
    .page-training .available-courses {
        padding-bottom: 20px;
    }
    .page-training .bpmn-countainer,
    .page-training .dmn-countainer {
        top: 50%;
        height: 330px;
    }
}
@media only screen and (max-width:768px) {
    .page-training .training-container {
        margin: 50px auto 50px auto
    }
}
@media only screen and (max-width:600px) {
    .page-training .graduation {
        display: none
    }
    .page-training .flip-corner-purple-container {
        min-height: 900px !important;
    }
    .page-training .bpmn-countainer,
    .page-training .dmn-countainer {
        height: 390px;
    }
    .page-training .training-container {
        margin: 50px auto 50px auto;
    }
    .page-training .panel-content-img {
        margin: auto;
        text-align: center;
        max-width: 25% !important;
        float: none;
        padding: 0 0 10px 0;
    }
    .page-training .panel-header-logo {
        width: 30%;
        top: -12px;
    }
    .page-training .panel-content-text {
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
    .page-training .panel-button {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .page-training .available-courses {
        font-size: 17px;
        text-align: center;
        margin-bottom: 10px;
    }
}

/* = Form = */
.page-trials .wpcf7-textarea,
.page-request-quote .wpcf7-textarea {
    height: 335px;
}
.wpcf7-form h3{font-size:20px;}


/* = Options = */
.page-digital-automation-suite .des-options,
.page-digital-modeling-suite .des-options,
.page-des-options .des-options {
    border: 1px solid #ccc;
    background: #fff;
    max-height: 150px;
    overflow: hidden;
    position: relative;
    max-width: 360px;
    display: inline-block;
}
.page-digital-automation-suite .des-options .corner-text-wrapper,
.page-digital-modeling-suite .des-options .corner-text-wrapper,
.page-des-options .des-options .corner-text-wrapper {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
    clip: rect(0px, 140px, 70.7107px, 0px);
    height: 140px;
    position: absolute;
    right: -20px;
    top: -30px;
    width: 140px;
    z-index: 1;
}

.page-digital-automation-suite .des-options .corner-text,
.page-digital-modeling-suite .des-options .corner-text,
.page-des-options .des-options .corner-text {
    color: #fff;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 22px;
    top: 20px;
    display: block;
    height: 105px;
    position: absolute;
    width: 105px;
    z-index: 2;
}
.page-digital-automation-suite .des-options .corner-text span,
.page-digital-modeling-suite .des-options .corner-text span,
.page-des-options .des-options .corner-text span {
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    top: 26px;
    right: -10px;
    display: block;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.page-digital-automation-suite .des-options .corner-text.optional,
.page-digital-modeling-suite .des-options .corner-text.optional,
.page-des-options .des-options .corner-text.optional { background-color: #42515c; }
.page-digital-automation-suite .des-options .corner-text.included,
.page-digital-modeling-suite .des-options .corner-text.included,
.page-des-options .des-options .corner-text.included { background-color: #009eb6; }

/* Panel*/
.panel-primary > .panel-heading {
  background-color: #ffffff;
  border-bottom: 1px solid #009eb6;
  color: #009eb6;
  padding: 20px 15px;
    font-weight: bold;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: none;
  background: #fafafa;
}
.panel-primary {
  border-color: transparent;
}
.panel-primary > .panel-heading {
  color: #009eb6;
  background-color: #ffffff;
  border-color: #009eb6;
}

/* Footer
-------------------------------------------------------------------------------- */
.footer-calltoaction{
    background-color: #42515c;
    color:#ffffff;
}
.footer-calltoaction p.calltoaction{
    margin-top:0;
}
.footer {
    background-color: #394650;
    color: #ffffff;
    font-weight:400;
    width: 100%;
}
@media (max-width:767px){
    .footer {
        padding-bottom:100px;
    }
}
.footer p{font-family: 'Work Sans', sans-serif; font-size:19px; font-weight:700; line-height: 2.5em; margin-top:1em;}
.footer a{color:#fff; font-size:14px;}
.footer a:hover{color:#bdccd6;}
.footer-text{
    color: #fff !important;
    font-size: 14px;
}
.padding-6 {padding:6px 0;}
.footer li {
    padding: 6px 0;
}
.footer-link a,
.foot a {
    color: #fff;
    font-size: 14px;
}
.footer-link a:hover,
.foot a:hover {
    color: #bdccd6;
    text-decoration: none;
}

.footer-link-custom a:hover{
    color: #bdccd6 !important;
    text-decoration: none;
}
.footer-link li.header {
    margin-top: 30px;
}
.paddin-lr li{padding-right:20px;}
.social a {
    color: #fff;
}
.social .fa-lg{font-size:1em;}
.social .fa-inverse{color:#7A8E9B}
.social .fa-inverse:hover {
    color: #fff;
}
.foot {
    background: #394650;
    color: #ddd;
    font-size: 13px;
    padding: 20px 0 10px;
}
@media (min-width: 768px) {
    .max-width-200{max-width: 200px; margin-left:auto; margin-right:auto;}
    .max-width-800{max-width: 800px; margin-left:auto; margin-right:auto;}
}
/*Fix  For Ninja and DMN bottom flag*/
.foot > .container > .row{
    margin-bottom:50px;
}
@media (max-width: 1200px) {
    .foot { text-align: center; }
}
.back-to-top {
    bottom: 20px;
    color:#009eb6;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 10px;
    z-index: 3000;
}
.trademark {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

/* Product Features
-------------------------------------------------------------------------------- */
.product-features {
    padding: 100px 0;
    text-align: center;
}
.product-features h3 {
    margin: 100px 0 30px;
}
.product-features .screenshot {
    border: 15px solid #414141;
    border-radius: 5px;
}
@media (max-width:600px) {
    .product-features {
        padding: 50px 0;
    }
    .product-features h3  {
        font-size: 16px;
        font-weight: 600;
        margin: 30px 0 0;
    }
}
@media print {
    .product-features {
        padding: 0;
    }
    .product-features h3 {
        margin:10px 0 50px;
    }
    .product-features div,
    .product-features .screenshot  {
        transform: none !important;
        -webkit-transform: none !important;
        opacity: 1 !important;
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-backface-visibility: visibility !important;
        backface-visibility: visibility !important;
    }
    .product-features .screenshot {
        border: 1px solid #ccc;
        border-radius: 0;
    }
}



/* Recognition - Awards
-------------------------------------------------------------------------------- */
.recognition .award a p {
    color: #525252;
    font-size: .9em;
}
.recognition .award {
    padding: 0 30px 30px;
}
@media (min-width: 800px) {
    .recognition .award { height: 250px; margin: 0; }
}

/* Recognition - Testimony with speech bubble(sb)
-------------------------------------------------------------------------------- */
.recognition .testimony .testimony-logo img {
    border: 5px solid #f4f4f4;
    display: inline-block;
    margin: 2px 0;
    width: 180px;
}
.recognition .testimony .testimony-logo.selected img,
.recognition .testimony .testimony-logo img:active {
    border: 5px solid #ccc;
}
.recognition .testimony a.testimony-logo:hover {
    cursor: pointer;
}
.recognition .testimony .sb-box small {
    display: block;
    font-style: normal;
    margin-top: 25px;
    margin-left: 25px;
}
.recognition .sb {
    background: #fff;
    border: 4px solid #fff;
    font-style: italic;
    margin: 5px auto 0;
    padding: 20px;
    text-align: left;
    position: relative;
}
.recognition .sb1:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 10px solid #fff;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    left: 20px;
    bottom: -23px;
}
.sb1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 10px solid #fff;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    left: 24px;
    bottom: -13px;
}
@media (max-width:767px) {
    .recognition .sb-box { display: block !important; margin-top: 40px; }
}
@media (min-width:768px) {
    .recognition .sb-box { display: none; }
}

/* Carousel Clients (Used in Homepage and Recognition)
-------------------------------------------------------------------------------- */
.list_carousel {
    margin: 0;
}
.list_carousel ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.list_carousel li {
    display: block;
    float: left;
    height: 102px;
    margin: 6px;
    padding: 0;
}
.list_carousel.responsive {
    margin-left: 0;
    width: auto;
}



/* Pagination WP
-------------------------------------------------------------------------------- */
.navigation.pagination .page-numbers {
    border: 1px solid #dedede;
    display: inline-block;
    min-width: 40px;
    padding: 10px;
    text-align: center;
}
.navigation.pagination .page-numbers:hover {
    background: #009eb6;
    color: #fff;
}
.navigation.pagination .page-numbers.current {
    background: #dedede;
}

/* Resources
-------------------------------------------------------------------------------- */
.resources iframe {
    border: 1px solid #dedede;
}

.resources .item {
    margin-bottom: 50px;
}

/* Accordion - Panel FAQ
-------------------------------------------------------------------------------- */
.panel-faq > .panel-heading {
    background-color: #ffffff;
    border-bottom: none;
}
.panel-faq > .panel-body {
    background: #fafafa;
    border-top-color: #ffffff;
}
.panel-faq { border-color: #ffffff; }
.panel-faq > .panel-heading a { font-weight: 400; }
.panel-faq .clickable { cursor: pointer; }
.panel-faq .clickable .fa, .panel-faq .clickable {
    color: #42515c;
    font-size: 12px;
}
.panel-faq .panel-heading span {
    display: inline-block;
    width: 15px;
}
.panel-faq a.clickable:hover { text-decoration: none; }
.btn-asterisk {
    font-size: 10px;
    position: relative;
    top: -12px;
}

/* --- --- --- */
.resources .resource-box {
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: relative;
    text-align: left;
    padding:10px;
    margin:0 10px 30px 10px;
}
@media (max-width: 991px) {
    .resources .resource-box {
        height: 270px;
    }
}
.resources .resource-box .features {
    padding: 10px;
}
.resources .resource-box .features p {
    color: #42515c;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0;
}
.resources .resource-box .overlay {
    background-color: #009eb6;
    color: #fff;
    font-weight: 400;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 30%;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    width: 100%;
    z-index: 100;
}
.resources .resource-box:hover .overlay {
    opacity: .9;
}
.resources .resource-box .overtext {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
}
.resources .resource-box .overlay .arrow:after {
    font-family: 'FontAwesome';
    content: '\f0a9';
}
.resources .resource-box .overlay .download.arrow:after {
    font-family: 'FontAwesome';
    content: '\f0ab';
}
.resources .resource-box .arrow {
    font-size: 50px;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.2s;
}
.resources .resource-box:hover .arrow,
.resources .resource-box:focus .arrow {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.resources .resource-box .tagline {
    font-size: 16px;
    opacity: 0;
    transition-delay: 0.2s;
    transition-duration: 0.2s;
}
.resources .resource-box:hover .tagline,
.resources .resource-box:focus .tagline {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

/* --- --- --- */
.resources .post-header div {
    background: #fff;
    margin: 30px 0;
    text-align: center;
}
.resources .post-header img {
    max-width: 100%;
}

/* --- --- --- */
.resources .title-resource {
    background: #F2F5F7;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.resources .title-resource h3 {
    color: inherit;
    margin: 0;
    padding: 8px 0;
}
.resources .title-resource a {
    color: #009eb6;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 600;
}

@media (max-width: 600px) {
    .resources .title-resource h3,
    .resources .title-resource a {
        font-size: 16px;
        font-weight: 600;
    }
}

/* --- --- --- */
.resources h5,
.resources h4,
.resources ol + p { margin-top: 30px; }


/* Career
-------------------------------------------------------------------------------- */
#txtCoverLetter {
    height: 460px;
}
#txtPosition {
    height: 100px;
}
.career {
    border-bottom: 1px solid #f8f8f8;
    margin: 0;
    padding: 10px 20px;
}
.career p {
    margin: 0;
    padding: 0;
}
.career:nth-child(odd) {
    background:#f8f8f8;
}
.jobs .breadcrumb {
    display: none;
}


/* Print Layout
-------------------------------------------------------------------------------- */
@media print {
.breadcrumb, .resources .col-xs-3.col-sm-4.col-md-3 h3 { display: none; }
.screenshot {
    border: none;
    border-radius: 0;
}
a[href]:after { content: " "; }
}

/* Quick Start Program
-------------------------------------------------------------------------------- */
.qs .box-banner h4 { font-weight: 700; }
.qs-logos img { height: 50px; margin: 0 0 10px 50px; }
.qs-logos img:first-child { margin-left: 0; }
.qs .nav-tabs>li img { height: 40px; }
.qs .tab-pane { font-size: .9em; }
.qs-intro { font-weight: 700; }
.qs .accordion-toggle { display: block; }
@media (max-width: 780px) {
    .qs-logos img { height: 45px; margin: 0; }
    .qs-intro { font-size: 1.5em; }
    .qs .tab-pane .row.inner-v-md, .qs .tab-pane .img-responsive.inner-t-md { padding: 0; }
}
@media (max-width: 990px) {
    .qs .panel .row.inner-v-md { padding: 0; }
    .qs .panel img.inner-t-md { display: none; }
}

/* Nav-tabs overwrite for DMN Quick Start section
-------------------------------------------------------------------------------- */
.qs .nav-tabs {
    border-bottom: 1px solid #fff;
    background: #f7f7f7;
}
.qs .nav-tabs li {
    border: 1px solid #ddd;
}
.qs .nav-tabs>li>a:hover {
    border-color: #f7f7f7 #f7f7f7 #eca919;
}
.qs .nav-tabs.nav-justified>.active>a,
.qs .nav-tabs.nav-justified>.active>a:hover,
.qs .nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #eca919;
}
@media (min-width:768px) {
    .qs .nav-tabs.nav-justified>li {
        border-bottom: 1px solid #fff;
        border-radius: 3px 3px 0 0;
}
    .qs .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #eca919;
        border-radius: 3px 3px 0 0;
}
.qs .nav-tabs.nav-justified>.active>a,
.qs .nav-tabs.nav-justified>.active>a:hover,
.qs .nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: #fff;
}
}
/* Method & Style
-------------------------------------------------------------------------------- */
.dmn-method-and-style-block {
    border: 1px solid #eee;
    margin: 50px 0;
    padding: 40px 0 0;
    background: #fafafa;
}
.dmn-method-and-style-container {
    background: #525252;
    color: #fff;
    margin: 0;
    padding: 0 10px 30px;
}
.dmn-method-and-style-container p {
   margin-top: 30px;
   text-align: center;
}
.btn-dmn-method-style {
    background-color: #c3c78c;
    color: #fff;
    line-height: 1.5;
    padding: 10px 16px;
}
@media (min-width:768px) {
    .dmn-method-and-style-container {
        padding: 50px;
    }
}
@media (min-width:990px) {
    .dmn-method-and-style-container p {
        margin-top: 0;
        min-height: 60px;

    }
}
.product-options img {
    width: 100px;
}
.product-options .media {
    padding: 15px;
}
.product-options .media-body {
    padding-top: 20px;
}
/* Logviewer - Overwrite */
.logviewer .dataTables_wrapper input,
.logviewer select,
.logviewer textarea,
.logviewer button {
    font-size: 16px !important;
}
.logviewer .dataTables_wrapper caption,
.logviewer th,
.logviewer td {
    font-size: 16px !important;
    color: #525252 !important;
    line-height: 1.6 !important;
}
.logviewer .dataTables_wrapper {
    color: #525252 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 50px 0;
}
.logviewer .dataTables_wrapper select {
    height: 30px !important;
}
.logviewer .paging_full_numbers {
    margin-bottom: 20px !important;
}

.logviewer .paging_full_numbers a {
    color: #525252 !important;
    display: inline-block;
    min-width: 30px !important;
    padding: 1px 2px;
    text-align: center;
 }

.logviewer .paging_full_numbers .paginate_button,
.logviewer .paging_full_numbers .paginate_active {
    margin-right: 10px;
    cursor: pointer
}
.logviewer .paging_full_numbers .paginate_active {
    background-color: #525252 !important;
    color: #fff !important;
}
.logviewer .dataTables_info {
    font-size: .8em;
}

/* GSA CARD
-------------------------------------------------------------------------------- */

.gsa-contract-main-container {
    border: 5px solid #00538e;
    background-color: rgba(255, 255, 255, 0);
    max-width: 850px;
    width: auto;
    height: auto;
    z-index: 3;
    margin: auto;
    padding: 40px
}

.gsa-contract-header-text {
    font-size: 36px;
    color: #404040;
    line-height: 62px
}

.gsa-contract-header-container {
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    width: auto
}

.gsa-contract-header-text-container {
    position: relative;
    margin-left: 20px
}

.gsa-contract-header-img {
    background-image: url(../images/gsa-logo.jpg);
    min-width: 127px;
    width: 127px;
    height: 128px
}

.gsa-contract-footer-text {
    position: relative;
    margin: auto;
    text-align: center;
    font-weight: 600
}

.gsa-contract-footer-text-01 {
    font-size: 50px;
    color: #223860;
    text-transform: uppercase;
    line-height: 60px
}

.gsa-contract-footer-text-02 {
    font-size: 40px;
    font-size: 80;
    color: #404040;
    line-height: 35px;
    margin-top: 15px
}

@media only screen and (min-width:800px) {
    .gsa-contract-header-text {
        font-size: 22px
    }

    .gsa-contract-footer-text-01 {
        font-size: 40px
    }

    .gsa-contract-footer-text-02 {
        font-size: 30px;
        margin-top: 5px
    }
}

@media only screen and (min-width:1200px) {
    .gsa-contract-header-text {
        font-size: 32px
    }

    .gsa-contract-footer-text-01 {
        font-size: 45px
    }

    .gsa-contract-footer-text-02 {
        font-size: 35px;
        margin-top: 10px
    }
}

@media only screen and (min-width:1600px) {
    .gsa-contract-header-text {
        font-size: 36px
    }

    .gsa-contract-footer-text-01 {
        font-size: 50px
    }

    .gsa-contract-footer-text-02 {
        font-size: 40px
    }
}

@media only screen and (max-width:799px) {
    .gsa-contract-header-container {
        display: block;
        margin-bottom: 20px;
        text-align: center
    }

    .gsa-contract-header-img {
        margin: auto
    }

    .gsa-contract-header-text {
        font-size: calc(16px + (36) * ((100vw - 200px)/ (1600 - 200)));
        font-weight: 500;
        text-align: center;
        line-height: 35px
    }

    .gsa-contract-footer-text {
        font-size: calc(16px + (36) * ((100vw - 200px)/ (1600 - 200)));
        font-weight: 700;
        line-height: 25px
    }

    .gsa-contract-header-text-container {
        margin: 30px 0
    }
}

.block-gsa {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url(../images/banner-gsa.jpg);
    padding: 10px;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-block-gsa {
    max-width: 90%;
    height: auto;
    margin: 5% 5%;
    position: relative;
    background-color: rgba(255, 255, 255, .9)
}

/* Common
-------------------------------------------------------------------------------- */
.body-tab { margin-top: 100px; }
.alert{padding: 15px 30px;}
.alert.alert-dismissible.overlay-solution-help {
    background-color: #42515c;
    border: none;
    color: #ffffff;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 500px;
}
.solution-help-close { opacity: 1; }
.navbar-login-menu.light-gray { color: #999999; }
.navbar-login-menu { color: #ffffff; }
.login-menu .form-control { margin-bottom: 9px; }
.login-menu { padding: 5px 0; }
.login-menu .form-control { width: 234px; }
#solutions-menu {
    position: fixed;
    left: 5px;
    top: 48px;
    width: 710px;
    max-width: 80%;
    min-height: 80px;
    max-height: 80%;
    overflow-y: auto;
    border: #7d7d7d solid 1px;
    background-color: #fff;
    padding: 10px 10px;
}
#solutions-menu .solution {
    cursor: pointer;
    float: left;
    width: 156px;
    height: 156px;
    border-width: 3px;
    border-color: #fff;
    border-style: solid;
    margin: 5px 5px;
}
#solutions-menu .solution:hover {
    border-color: #aaa;
}


#solutions-menu .solution img {
    margin: 0;
}


#solutions-button.show-pointer { cursor: pointer; }
#solutions-button { cursor: default; }
.force-scroll-bar { min-height: 900px; }

.alert.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.ddl-btn {
    border: 1px solid #009eb6;
}
.ddl a:hover { color: #009eb6 !important; }
.ddl .dropdown-menu a {
    margin: 0 10px;
    padding: 6px 8px;
}
.ddl .dropdown-menu > li a:hover,
.ddl .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #fff !important;
}

#login-required {
    background-color: rgb(0, 158, 182);
    color: #ffffff;
    height: 100%;
    width: 100%;
    opacity: 0;
    position:absolute;
    text-align: center;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    line-height: 2;
    z-index: 1;
    font-size: 1.5em;
}

#login-required i {
    font-size: 3em;
}

#login-required button {
    border: none;
    background-color: inherit;
    position: relative;
    top: 43%;
}

#login-required:hover {
    opacity: .9; 
}

/* Plugin: Fancybox
-------------------------------------------------------------------------------- */
#fancybox-title {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 600 !important;
}
#fancybox-title-inside {
    background-color: #525252;
    color: #fff !important;
    padding: 10px;
}
.fancybox-open {
    display: none;
}
#fancybox-close,
#fancybox-left-ico,
#fancybox-right-ico {
	background-image: url('../images/fancybox-custom.png') !important;
}
@media (min-width:990px) {
    .fancybox-open {
	    position: absolute;
	    cursor: pointer;
	    z-index: 1000;
	    display: block;
        right: 0;
        top: 0;
    }
}
/* put arrow outside */
#fancybox-left-ico {
    left: -15px !important;
}
#fancybox-right-ico {
    right: -15px !important;
    left: auto !important;
}
.fancybox-nav span {
    visibility:visible !important;
}
#fancybox-left:hover span {
    left: -15px !important;
}
#fancybox-right:hover span {
    right: -15px !important;
}

#fancybox-close {
    right: -15px;
}
/* Stop the movement at the load of each image */
#fancybox-wrap, #fancybox-wrap * {
    -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


/* Plugin: Easy Modal
-------------------------------------------------------------------------------- */
.emodal-title {
    color: inherit;
    font: 400 32px "Open Sans",Arial,sans-serif !important;
}
.emodal-content,
.emodal-content label {
    font-family: "Open Sans",Arial,sans-serif !important;
    color:#42515c !important;
}
.page-template-default .emodal {
    z-index: 999999 !important;
    margin-bottom: 40px !important;
}
.page-template-default .emodal-overlay {
    z-index: 999998 !important;
}
.emodal-close:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    font-size: 15px;
}


/* Layout
-------------------------------------------------------------------------------- */
hr.lg-divider {
    margin-top: 80px;
    margin-bottom: 80px;
    border-top: 2px solid #eee;
    width: 50%;
}

hr.xlg-divider {
    margin-top: 120px;
    margin-bottom: 120px;
    border-top: 2px solid #eee;
    width: 50%;
}

/*dont leave sigle word on new line usage: <span class="no-sigle-word">word1 word2 word3.</span> */
.no-sigle-word{
    white-space: nowrap;
}
.no-single-word{
    white-space: nowrap;
}

.bg-section { background: #f9f9f9; }

.text-bold { font-size: 50px; font-weight: 700; letter-spacing: -3px; }

.pull-middle-table {
	display: table;
	height: 100%;
}
.pull-middle {
	display: table-cell;
  	vertical-align: middle;
	float: none;
}

.no-gutter {
    padding-right: 0;
    padding-left: 0
}

.letter-circle {
    background: #dedede;
    border-radius: 50px;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    margin-top: 10px;
    text-align: center;
    width: 25px;
}

.dark-bg {
    background: #414042;
    color: #fff;
}


/*WP Password Strenght
--------------------------------------------------*/
#password-strength {
    background-color: rgba(255, 255, 255, 0);
    text-align: center;
    padding: 2px;
    font-weight: 600;
}

#password-strength.short {
    background-color: #f1adad;
    border-color: #e35b5b;
}
#password-strength.bad {
    background-color: #fbc5a9;
    border-color: #f78b53;
}
#password-strength.good{
    background-color: #ffe399;
    border-color: #ffc733;
}
#password-strength.strong {
    background-color: #c1e1b9;
    border-color: #83c373;
}


/*Woocommerce Fix Bottom Tab
--------------------------------------------------*/

.btn-dmn-fixed{
    width: fit-content !important;
}
.btn-ninja-fixed{
    width: fit-content !important;
}

.btn-dmn-fixed img{
    max-width: fit-content !important;
}
.btn-ninja-fixed img{
    max-width: fit-content !important;
}


/*Woocommerce My Account
--------------------------------------------------*/
.user-panel{
    margin: auto;
    width: 100%;
    background-color: #009eb6;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{
    right: 0 !important;
    top: 0 !important;
}

.woocommerce{
    display: flex;
    flex-flow: row wrap;
    padding: 0 !important;
    height: 100%;
    min-height: 750px;
    position:relative;
    top:70px;
    left:100px;
    margin-bottom:150px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{color:#42515c;}
.woocommerce-MyAccount-content form label{padding-top:20px;}
.woocommerce-notices-wrapper{padding-bottom:40px;}
.woocommerce-error{display:block;clear:both;}
.woocommerce-message{
    flex: 0 0 100%;
    left: 0;
    height: auto;
    margin: 0 !important;
    border-bottom: 2px solid #fdfdfd;
    background-color: #F2F5F7 !important;
}
.woocommerce-message{
    border-top-color: #009eb6 !important;
    border-top: none !important;
}
.woocommerce-message::after {
    display: block !important;
    position: absolute;
    top:-5px;
    content: " ";
}
.woocommerce-message::after {
    height: 500px !important;
    overflow: hidden;
}

.woocommerce-MyAccount-content > .woocommerce-Message--info{
    position: relative;
    top: -73px;
    left: -55px;
    background-color: transparent !important;
}

.woocommerce-MyAccount-content .stripe-source-errors > .woocommerce_error{
    display: block !important;
    position: absolute;
     top: -120px;
    left: -80px;
    background-color: transparent !important;
    border: none;
    width: auto !important;
}
.woocommerce-MyAccount-content .stripe-source-errors > .woocommerce_error::before{
    top: 30px;
    left: 75px;
}
.woocommerce-MyAccount-content .stripe-source-errors > .woocommerce_error > li{
    position: relative !important;
    margin: 14px !important;
    left: 40px;
}

.woocommerce-MyAccount-content .stripe-source-errors > .woocommerce_error::after,
.woocommerce-MyAccount-content > .woocommerce-Message--info::after,
.woocommerce-MyAccount-content > .woocommerce-Message--info::before{
    content: "" !important;
    display: none !important;
}

body nav.woocommerce-MyAccount-navigation{
    display: inline-block !important;
    position: relative;
    top: 0;
    left: 0;
    width: 250px !important;
    min-width: 250px !important;
    color: #fff !important;
    height: auto !important;
    background-color: rgb(0, 158, 182);
    background-image: url("../images/myaccount-background_light.png");
    background-position: center center;
	background-repeat:  no-repeat;
	background-size:  cover;
}


.woocommerce-MyAccount-navigation:before{
   content: url("../images/myaccount-background-cornerGraph.png");
   position: absolute;
   bottom: -5px;
   left: -2px;
}

.woocommerce-MyAccount-navigation ul{
    position: relative;
    list-style-type: none;
    padding: 0;
    height: 100%;
}

.woocommerce-MyAccount-navigation ul li{
    position: relative;
    line-height: 36px;
    height: 36px;
    margin:3px 0px;
    color: #fff;
    top: 12px
}
.woocommerce-MyAccount-navigation ul li a{
    line-height: 36px;
    height: 40px;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    margin-left:50px;
}


.woocommerce-MyAccount-navigation ul li:hover{
    background-color: #005867;
}
.woocommerce-MyAccount-navigation ul li:hover a{
    font-weight: 500;
    color: #fff !important;
}

/*Nav Icon*/
/*"my-account
------------------------------------------------*/

.woocommerce-MyAccount-navigation ul li a[href*="my-account"]:before {
    content:  url("../images/myaccount-icon-dashboard-up.png");
    margin-top: 50px;
    position: relative;
    top: 2px;
    left: -10px;
}.woocommerce-MyAccount-navigation ul .is-active a[href*="my-account"]:before {
    content:  url("../images/myaccount-icon-dashboard-dn.png");
}
.woocommerce-MyAccount-navigation ul li:hover a[href*="my-account"]:before {
    content:  url("../images/myaccount-icon-dashboard-up.png");
}


/*account-security"*/

.woocommerce-MyAccount-navigation ul li a[href*="account-security"]:before {
    content:  url("../images/myaccount-icon-security-up.png");
    margin-top: 50px;
    position: relative;
    top: 2px;
    left: -8px;
}
.woocommerce-MyAccount-navigation ul .is-active a[href*="account-security"]:before {
    content:  url("../images/myaccount-icon-security-dn.png");
}
.woocommerce-MyAccount-navigation ul li:hover a[href*="account-security"]:before {
    content:  url("../images/myaccount-icon-security-up.png");
}


/*edit-account*/

.woocommerce-MyAccount-navigation ul li a[href*="edit-account"]:before {
    content:  url("../images/myaccount-icon-user-up.png");
    margin-top: 50px;
    position: relative;
    top: 1px;
    left: -9px;
}
.woocommerce-MyAccount-navigation ul .is-active a[href*="edit-account"]:before {
    content:  url("../images/myaccount-icon-user-dn.png");
}
.woocommerce-MyAccount-navigation ul li:hover a[href*="edit-account"]:before {
    content:  url("../images/myaccount-icon-user-up.png");
}


/*subscriptions*/

.woocommerce-MyAccount-navigation ul li a[href*="subscriptions"]:before {
    content:  url("../images/myaccount-icon-subscriptions-up.png");
    margin-top: 50px;
    position: relative;
    top: 2px;
    left: -9px;
}
.woocommerce-MyAccount-navigation ul .is-active a[href*="subscriptions"]:before {
    content:  url("../images/myaccount-icon-subscriptions-dn.png");
}
.woocommerce-MyAccount-navigation ul li:hover a[href*="subscriptions"]:before {
    content:  url("../images/myaccount-icon-subscriptions-up.png");
}


/*orders*/

.woocommerce-MyAccount-navigation ul li a[href*="orders"]:before {
    content:  url("../images/myaccount-icon-orders-up.png");
    margin-top: 50px;
    position: relative;
    top: 2px;
    left: -11px;
}
.woocommerce-MyAccount-navigation ul .is-active a[href*="orders"]:before {
    content:  url("../images/myaccount-icon-orders-dn.png");
}
.woocommerce-MyAccount-navigation ul li:hover a[href*="orders"]:before {
    content:  url("../images/myaccount-icon-orders-up.png");
}


/*payment-methods*/

.woocommerce-MyAccount-navigation ul li a[href*="payment-methods"]:before {
    content:  url("../images/myaccount-icon-payment-up.png");
    margin-top: 50px;
    position: relative;
    top: 2px;
    left: -10px;
}
.woocommerce-MyAccount-navigation ul .is-active a[href*="payment-methods"]:before {
    content:  url("../images/myaccount-icon-payment-dn.png");
}
.woocommerce-MyAccount-navigation ul li:hover a[href*="payment-methods"]:before {
    content:  url("../images/myaccount-icon-payment-up.png");
}


/*edit-address*/

.woocommerce-MyAccount-navigation ul li a[href*="edit-address"]:before {
    content:  url("../images/myaccount-icon-addresses-up.png");
    margin-top: 50px;
    position: relative;
    top: 2px;
    left: -10px;
}
.woocommerce-MyAccount-navigation ul .is-active a[href*="edit-address"]:before {
    content:  url("../images/myaccount-icon-addresses-dn.png");
}
.woocommerce-MyAccount-navigation ul li:hover a[href*="edit-address"]:before {
    content:  url("../images/myaccount-icon-addresses-up.png");
}


/*customer-logout*/

.woocommerce-MyAccount-navigation ul li a[href*="customer-logout"]:before {
    content:  url("../images/myaccount-icon-logout-up.png");
    margin-top: 50px;
    position: relative;
    top: 2px;
    left: -10px;
}
.woocommerce-MyAccount-navigation ul .is-active a[href*="customer-logout"]:before {
    content:  url("../images/myaccount-icon-logout-dn.png");
}
.woocommerce-MyAccount-navigation ul li:hover a[href*="customer-logout"]:before {
    content:  url("../images/myaccount-icon-logout-up.png");
}

.woocommerce-MyAccount-navigation ul .is-active{
    background-color: #fff;
}
.woocommerce-MyAccount-navigation ul .is-active a{
   font-weight: 500;
   color: #005867 !important;
}


.subscription-id a:nth-child(1),
.order-number a:nth-child(1){
    display: none
}

.woocommerce-MyAccount-navigation-link--downloads{
    display: none;
}

.woocommerce-MyAccount-content {
    display: inline-block !important;
    flex: 1;
    width: 100% !important;
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 50px;
    box-sizing: initial;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    background-color: white;
    min-height: 500px;
    border: 15px solid #e3e3e3;
    margin-right:100px;
}


/*Section Titles
------------------------------------------------*/
#professional_title{
    position: relative;
    top:-210px;
    color: #42515c;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif !important;
    font-weight:600;
    font-size:18px;
}
#dashboard_title, #subscriptions_title, #orders_title, #edit-addresses-titles, #single_orders_title,
#payment_methods_title, #addresses_title, #security_title{
    position: relative;
    top:-65px;
    color: #42515c;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif !important;
    font-weight:600;
    font-size:18px;
}

.security_main_content legend{
    position: relative;
    font-weight: 400;
    font-size: 14px;
}

.dashboard_main_content, .security_main_content, .woocommerce_account_subscriptions, .subscription_details, .orders_main_content,
.payment_methods_main_content, .addresses_main_content, .woocommerce-address-fields{
    position: relative;
    top:-50px;
}

#professional_table{
    margin-top: -70px;
}

.woocommerce-MyAccount-paymentMethods, .orders_main_content table, .woocommerce_account_subscriptions table{
    border: 1px solid transparent !important;
}


body .woocommerce-MyAccount-content h2,
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column__title,
.orders_main_content > section > h2,
.orders_main_content > section > header > h2{
    font-size: 15px;
    font-weight: 600;
}

.woocommerce-customer-details h2,
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column__title{
    margin-bottom: 5px;
}

.woocommerce-MyAccount-content >.commentlist > .comment > .comment_container > .comment-text .meta,
.order_details> tfoot tr th,
.order_details> tfoot tr td,
.orders_main_content > section > table > tfoot tr th,
.orders_main_content > section > table > tfoot tr td{
    font-weight: 600 !important;
}

.order_details> tfoot tr:last-child th,
.order_details> tfoot tr:last-child td,
.orders_main_content > section > table > tfoot tr:last-child th,
.orders_main_content > section > table > tfoot tr:last-child td{
    font-weight: 900 !important;
}
.orders_main_content > section > table > tbody > tr > td:last-child > a{
    width: 160px;
}
.orders_main_content  > .woocommerce-order-details > table > tbody > tr > td:last-child a{
    position: relative;
    left: -10px;
    text-align: center;
}

body .woocommerce table.my_account_orders .order-actions{
    text-align: center;
}

.woocommerce-EditAccountForm fieldset legend {
    font-size: 18px;
    margin-bottom: 10px;
}

.woocommerce-EditAccountForm {
    font-size: 14px;
}

.woocommerce form label {
    position: relative;
    line-height: 1.5 !important;
    font-size: 10px;
    font-weight: 400;
    color: #a5a5a5; padding-top:20px;
    /*top: 6px;*/
}

.woocommerce-MyAccount-content h3 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #5f5f5f;
    font-weight: 400;
    border-bottom: 1px solid #e5e5e5;
}

.woocommerce-MyAccount-content form {
    line-height: 1.5 !important;
    font-size: 14px;
}

.woocommerce-MyAccount-content > .security_main_content > form > p > .woocommerce-Button,
.woocommerce-MyAccount-content > form > div > p > .button,
.woocommerce-MyAccount-content > form > p > .button{
    margin:20px 0px;
    color: #fff;
    background-color: #009eb6;
    width: 100%;
    font-weight: 600;
    border-radius: 0;
}

.woocommerce-MyAccount-content > form > div > p > .button:hover,
.woocommerce-MyAccount-content > form > p > .button:hover{
    color: #fff;
    background-color: #009eb6;
}

.woocommerce-MyAccount-content > form > div > p > .button:focus,
.woocommerce-MyAccount-content > form > p > .button:focus{
    color: #fff;
    background-color: #009eb6;
    box-shadow: none;
}

.woocommerce-MyAccount-content > form > div > p > .button:active,
.woocommerce-MyAccount-content > form > p > .button:active{
    transform: translateY(1px);
}

#nav > a:nth-child(1):hover{
    transform: translateY(0px) !important;
}
#nav > a:nth-child(1):focus{
     box-shadow: none;
}
#nav > a:nth-child(1):active {
    transform: translateY(1px) !important;
}

.woocommerce-MyAccount-content > .woocommerce-info > .button{
    color: #fff;
    background-color: #009eb6;
    border-radius: 0;
}
.woocommerce-info{
    border-width: 0  !important;
    background-color: rgba(47, 79, 67, 0.02) !important;
    line-height: 2.5;
}

.woocommerce-info::before , .woocommerce-message::before{
    color: #009eb6  !important;
}

.u-columns > .col-1, .u-columns > .col-2{
    padding: 10px;
    clear: both !important;
    float: none !important;
    width: 100% !important;
    background-color: rgba(47, 79, 67, 0.02) !important;
    border-top-color: #009eb6  !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    min-width: 100px;
    text-align: center;
    font-family: 'Work Sans', sans-serif !important;
    font-size:16px;
    text-transform:uppercase;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    background-color: #009eb6 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: none !important;
}
#professional_table p select{
    padding-left: 3px 0 !important;
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    color: #777777;
}
.woocommerce-Input--password,
#professional_table p .regular-text,
.woocommerce-input-wrapper .input-text {
    padding-left: 3px !important;
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    color: #777777;
}
::-moz-selection{
    color: #fff;
    background: rgba(0, 158, 182, 0.6);
}
::selection{
    color: #fff;
    background: rgba(0, 158, 182, 0.6);
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #009eb6;
    -webkit-box-shadow: 0 0 0px 1000px rgb(240, 240, 240) inset;
    box-shadow: 0 0 0px 1000px rgb(240, 240, 240) inset;
    transition: background-color 5000s ease-in-out 0s;
    font-weight: 500;
}

.woocommerce-input-wrapper .checkbox .input-checkbox  {
    margin: 4px 0 0 !important;
    margin-left: -20px !important;
}
.woocommerce-input-wrapper .checkbox {
    margin-left: 20px !important;
    font-size: 13px !important;
}
.woocommerce a.cancel{
    background-color: #d9d9d9 !important;
    color: #888 !important;
}
.woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active,
.woocommerce a.cancel:active{
    transform: translateY(1px);
}
.woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus{
    outline: none;
}
.woocommerce-orders-table__header,
.woocommerce-orders-table__cell{
    margin: 10px;
    text-align: center;
    padding: 6px 12px !important;
}

.woocommerce-orders-table__cell > a{
    margin: 5px !important;
}
.woocommerce-Address{
    margin-bottom: 20px;
}

.form-table > tbody > tr > th,
.form-table > tbody > tr > td{
    padding-bottom: 25px !important;
}
.form-table,
.form-table > tbody,
.form-table > tbody > tr > td > input,
.form-table > tbody > tr > td > select{
    width: 100% !important;
}

.woocommerce-MyAccount-content h2{
    font-size: 22px;
    font-weight: 400;
}

/*Woocommerce Order
-----------------------------------------------*/
.woocommerce-order-details__title,
.woocommerce-column--billing-address > h2,
.woocommerce-column--shipping-address > h2{
    font-size: 28px;
    font-weight: 400;
}

.woocommerce .woocommerce-customer-details address{
 min-height: 150px !important;
}

.woocommerce-pagination{
    margin-bottom: 24px;
}

.woocommerce-orders-table__cell-order-date{
    width: 120px;
}
.woocommerce-orders-table__cell-order-total{
    width: 100px;
}
.woocommerce-PaymentMethod--actions a{
    float: right !important;
    margin: 10px !important;
    width: 120px;
}
.woocommerce-order{
    padding: 50px !important;
}
.woocommerce-thankyou-order-received,
.woocommerce-order h2{
    font-size: 22px;
    font-weight: 400;
}

.woocommerce table.shop_table{
    border-collapse: collapse !important;
}

.order_details thead,
.orders_main_content > section > table > thead,
.account-payment-methods-table thead,
.woocommerce-orders-table thead,
    .woocommerce_account_subscriptions table thead {
        font-size: 11px;
        font-weight: 400;
        color: #42515c  !important;
    }

/*Woo Products page
-----------------------------------------------*/
.term-description{
    display: none;
}
.woocommerce-result-count{
    margin: 20px !important;
}
.orderby{
    margin: 20px;
}


/*Woocommerce checkout
------------------------------------------------*/

.woocommerce-checkout > .woocommerce {
    margin: auto;
    width: 900px;
    height: 100%;
    box-shadow: 0px 5px 6px 3px rgba(0, 1, 0, 0.05);
    margin-top: 100px !important;
    margin-bottom: 50px !important;
    background-color: #fff;
}

.woocommerce > .checkout{
    padding: 20px !important;
}

.woocommerce > .checkout_coupon{
    position: relative;
    padding: 20px !important;
    width: 760px;
    margin: auto !important;
    left: 20px;
}

.checkout_coupon > .form-row-first{
    width: 70% !important;
}

.checkout_coupon > .form-row-last{
    width: 25% !important;
    margin-left: 30px !important;
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: #525252 !important;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
    border-color: #ddd !important;
    border: 1px solid #ddd !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #dcdcdc !important;
    color: #777777 !important;
}

.select2-container--default .select2-selection--single{
    border: 1px solid #ddd !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #dcdcdc !important;
    color: #777777 !important;
}

/*Woocommerce cart
------------------------------------------------*/
.woocommerce-cart > .woocommerce {
    margin: auto;
    width: 900px;
    height: 100%;
    box-shadow: 0px 5px 6px 3px rgba(0, 1, 0, 0.05);
    margin-top: 100px !important;
    margin-bottom: 50px !important;
    background-color: #fff;
}

tr > td > .coupon > #coupon_code{
    width: 120px;
    text-align: center;
}

.woocommerce-cart-form > .cart .button,
.woocommerce .cart input.button{
    height: 38px;
}

.cart-collaterals > .cross-sells{
    display: none;
}

.cart-collaterals > .cart_totals{
    padding: 0 20px;
}
.cart-collaterals > .cart_totals > .wc-proceed-to-checkout > .button{
    line-height: 0.5;
}


/*Woocommerce Product
------------------------------------------------*/
.woocommerce > .woocommerce {
    margin: auto;
    width: 900px;
    min-height: 500px;
    height: 100%;
    box-shadow: 0px 5px 6px 3px rgba(0, 1, 0, 0.05);
    margin-top: 100px !important;
    margin-bottom: 50px !important;
    background-color: #fff;
}

.woocommerce > .products{
    padding: 20px !important;
}
.woocommerce-loop-product__title{
    margin: auto !important;
    text-align: center !important;
}

ul > .type-product{
    margin: auto;
    text-align: center;
    margin: 30px 15px !important;
    width: 21% !important;
    height: 280px !important;
}

.product-category{
    margin: auto;
    text-align: center;
    margin: 50px 15px !important;
    width: 21% !important;
    height: 220px !important;
}
mark, .mark {
    display: none;
    background-color: rgba(255, 255, 255, 0);
    color: #009eb6;
}

.type-product > a > img{
    width: 160px  !important;
    height: 160px  !important;
}

.type-product > a > h2{
    width: 100%;
    color: #42515c
}

.type-product > a > .price{
    width: 100%;
    color: #009eb6 !important;
}
.woocommerce ul.products li.product .button{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    box-shadow: none;
    background-color: #009eb6;
    text-shadow: none;
    color: #fff;
    border-radius: 0;
    border: none;
}


/*Woocommerce Single Product
------------------------------------------------*/
.woocommerce > .single-product{
    margin: auto;
    width: 900px;
    min-height: 500px;
    height: 100%;
    box-shadow: 0px 5px 6px 3px rgba(0, 1, 0, 0.05);
    margin-top: 100px !important;
    margin-bottom: 50px !important;
    background-color: #fff;
}

.single-product > .woocommerce{
    height: auto;
}

.summary > .price{
    color: #009eb6 !important;
}
div.product div.images{
    max-width: 250px !important;
    width: 30% !important;
    margin: 20px;
}

.woocommerce-product-details__short-description{
    font-size: 14px;
}
.woocommerce-product-details__short-description > h3{
    font-size: 18px;
    font-weight: 400;
}

.entry-summary{
    max-width: 500px !important;
    width: 60% !important;
    float: left !important;
    margin: 10px;
    margin-top: 20px;
}

.product_meta{
    width: 45%;
}

.woocommerce-tabs{
    display: block;
    height: auto;
}
.woocommerce-Tabs-panel--description{
    padding-left: 20px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    height: 200px;
}
.woocommerce-Tabs-panel--description > h2{
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-top: 0 !important;
}
.woocommerce-Tabs-panel--description > h3 > strong{
    font-size: 18px;
    font-weight: 500 !important;
}
.woocommerce-Tabs-panel--description > h3 {
    float: right;
    font-size: 18px;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    margin-top: 10px !important;
    margin-right: 100px !important;
}

.woocommerce-Tabs-panel--additional_information > h2{
    padding-left: 20px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-top: 0 !important;
}

.woocommerce div.product form.cart{
    margin-bottom: 20px !important;
}
.woocommerce div.product form.cart .button{
    line-height: 0.7;
    box-shadow: none;
    background-color: #009eb6;
    text-shadow: none;
    color: #fff;
    border-radius: 0;
    border: none;
}

.up-sells > h2{
    font-size: 22px;
    font-weight: 400;
    padding-left: 20px !important;
    margin: 0;
}

.related > h2{
    font-size: 22px;
    font-weight: 400;
    padding-left: 20px !important;
    margin: 0;
}

#tab-description > a > img{
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
}


.required {
    color: rgb(211, 34, 34) !important;
    font-weight: 700;
    border: 0 !important;
    text-decoration: none;
}

#login > h1 > a {
    background-image: url("../images/logo-trisotech-brand.png");
    background-size: 320px auto;
    width: 320px;
}

#login {
    max-width: 800px !important;
    width: 100% !important;
}


@media screen and (max-width: 860px) {

    .woocommerce-orders-table thead, .orders_main_content section table thead,
    .woocommerce_account_subscriptions table thead {
        display: none;
    }

    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) ": ";
        font-weight: 500 !important;
        float: left;
    }
    .woocommerce .orders_main_content table.shop_table_responsive tr td,
    .woocommerce-page .woocommerce_account_subscriptions table.shop_table_responsive tr td {
        display: block;
        text-align: right !important;
        margin: 0;
        padding: 6px 0px !important;
    }

    .woocommerce-orders-table__cell,
    .order-actions {
        width: 100%;
    }
    .woocommerce-orders-table__cell a, .orders_main_content section a,
    .order-actions a {
        width: 100%;
        margin-bottom: 25px !important;
    }

    .woocommerce-orders-table__cell:last-child::before,
    .order-actions:last-child::before {
        content: "" !important;
    }

    .woocommerce_account_subscriptions,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
    }

    .orders_main_content > section > table > tbody > tr > td:last-child > a{
        width:  100%;
    }
    .orders_main_content  > .woocommerce-order-details > table > tbody > tr > td:last-child a{
        position: relative;
        left: 0px;
    }

    .woocommerce table.shop_table_responsive tr td:last-child::before,
    .woocommerce-page table.shop_table_responsive tr td:last-child::before {
        display: none;
    }

}



@media screen and (max-width: 768px) {
    .woocommerce{
        top:50px;
        left:0;
        margin-bottom:30px;
    }

    body nav.woocommerce-MyAccount-navigation {
        width: 50px !important;
        min-width: 50px !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        color: transparent !important;
        margin-left: 27px;
    }

    .woocommerce-MyAccount-navigation ul .is-active a {
        color: transparent !important;
    }
    .woocommerce-MyAccount-navigation ul li:hover a {
        color: transparent !important;
    }

    .woocommerce-MyAccount-content {
        padding-right: 20px;
        padding-left: 20px;
        margin-right:0;
    }
    .woocommerce-MyAccount-content h3 {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }
    .security_main_content legend{
        margin-left: 0px  !important;
    }

    .woocommerce-error,
    .woocommerce-message {
        left: 0;
    }

    .woocommerce-error::after,
    .woocommerce-message::after {
        content: "" !important;
    }


    .dashboard_main_content, .security_main_content, .woocommerce_account_subscriptions,
    .orders_main_content, .payment_methods_main_content, .addresses_main_content {
        position: relative;
        top: -60px;
    }

    #professional_table {
        margin-top: -90px;
    }

    .woocommerce .payment_methods_main_content table.shop_table_responsive tr td,
    .woocommerce-page .payment_methods_main_content table.shop_table_responsive tr td {
        width: 100% !important;
    }

    .woocommerce table.shop_table_responsive tr td:last-child::before,
    .woocommerce-page table.shop_table_responsive tr td:last-child::before {
        color: transparent;
        height: 0;
        display: none;
    }

    .woocommerce table.shop_table_responsive tr td:last-child,
    .woocommerce-page table.shop_table_responsive tr td:last-child {
        display: flex;
        width: 100% !important;
        flex-flow: column wrap;
        flex-direction: column
    }
    .woocommerce table.shop_table_responsive tr td:last-child a,
    .woocommerce-page table.shop_table_responsive tr td:last-child a {
        flex: 1;
        margin: 0 !important;

    }
    .payment_methods_main_content:last-child a {
        width: 100% !important;

    }

}

/* hide recaptcha v3 badge */
.grecaptcha-badge {
    visibility: hidden;
}

input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=checkbox],
input[type=radio],
input[type=radio]:checked::before,
select,
textarea,
.wp-admin select {
    border-radius: 0;
}