/* Minification failed. Returning unminified contents.
(221,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(231,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(262,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(384,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(389,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(644,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(733,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
 */
body {
    font-size   : 14px;
    line-height : 1.7;
    font-family : 'Montserrat', "Open San";
}

body, p, ul {
    margin  : 0;
    padding : 0;
}

*, *::after, *::before {
    box-sizing          : border-box;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
}

a, ul, li {
    color               : black;
    list-style          : none;
    list-style-type     : none;
    text-decoration     : none;
}
/* --------------------------------
    Standards Industry 4.0 
-------------------------------- */

/* #region --- Standards Industry 4.0 */

#filterType {
    left            : 5px;
    position        : relative;
}

#str_filterType {
    height          : 25px;
    padding         : 1px 2px 1px 2px;   
    border-color    : black rgb(118,118,118) rgb(133,133,133) black;
    border-width    : 2px; 
}

.std-border {
    border-bottom   : none;
    padding-bottom  : 0.5px;
}

.std-resource-font {
    font-size       : 13px;
    text-align      : justify;
    font-weight     : normal;
}

label.cancelled-event {
    color           : #DC143C;
}

p.std-resources-title {
    display         : initial;
    font-size       : larger;
    font-weight     : bold;
}

p.title-spacing {
    display         : block;
    margin-bottom   : 10px;
}

.font-highlight {
    color           : #ea6a4a;
}

.std-resource-external-link {
    height          : 20px;
    padding-top     : 1em;
}

.stdindustry-body {
    display             : flex;
    min-height          : 100vh;
    flex-direction      : column;
    background-color    : unset;
}
    .stdindustry-body main {
        flex : 1;
    }

.stdindustry-title {
    font-size       : 30px;
    margin-top      : 1em;
    margin-bottom   : 0;
}
    .stdindustry-title a {
        color           : unset;
        text-decoration : none;
    }

.stdindustry-content-col {
    display     : flex;
    flex-wrap   : wrap;
}
    .stdindustry-content-col h2 {
        color       : #e7131a;
        font-size   : 30px;
        font-weight : bold;
    }

.stdindustry-cont {
    padding          : 1rem;
    background-color : #666; 
}

.container {
    margin : 0 2rem;
}

.col-stdsindustry-bg {
    margin              : 1.5rem;
    background          : url(/Content/images/herobanner_greybg.png);
    padding-bottom      : 1em;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : right;
}

.col-stdsindustry-style {
    width   : 50%;
    color   : #fff;
}
    .col-stdsindustry-style h1 {
        color       : inherit;
        font-size   : 28px;
        font-weight : bold;
    }

    .col-stdsindustry-style p, .stdindustry-submit-btn p{
        margin-bottom : 1rem;
    }

.stdsindustry-org-title {
    padding     : 1em;
    font-size   : 18px;
    text-align  : center; 
    background  : #fff; 
}

.stdsindustry-org-content {
    display         : flex;
    flex-wrap       : wrap;
    flex-direction  : row;
    justify-content : center
}

.org-container {
    gap                 : 1rem;
    width               : 33.3%;
    display             : inherit;
    padding-top         : 2rem;
    flex-direction      : column;
    background-color    : #e9e9e9;
}
    .org-container + .org-container:nth-child(2) {
        background-color : #f2f2f2;
    }

    .org-container ul {
        padding     : 0;
        list-style  : none; 
    }

.org-container_title {
    margin      : 1em;
    text-align  : center;
}

.org-cont-desc {
    height      : 220px;
    padding     : 0 1rem;
    text-align  : center;
}

.stdsindustry-btn-li {    
    cursor          : pointer;
    border          : 1px solid #262626;
    margin          : 1em;
    user-select     : none;
    border-radius   : 5px;
}
    .stdsindustry-btn-li:hover {
        transition          : .5s;
        background-color    : white;
    }

.stdsindustry-btn {
    padding : 1em;
}
    .stdsindustry-btn h4 {
        color       : black;
        margin      : unset;
        font-weight : bold;
    }

.active-click {
    color            : #fff;
    background-color : #83838f;
}

.stdindustry-submit-btn {
    width               : 100%;
    padding             : 1.5em;
    text-align          : center;
    background-color    : #f2f2f2;
}

.submit-btn {
    width               : 70%;
    cursor              : pointer;
    border              : 1px solid transparent;
    padding             : 10px 16px;
    max-width           : 300px;
    transition          : background-color .35s ease-in-out, color .35s ease-in-out;
    background-color    : var(--clr-yellow);

    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    -o-user-select      : none;
    user-select         : none;
}
    .submit-btn:hover {
        color               : #fff;
        background-color    : var(--clr-blue);
    }

.dropbtn {
    border: none;
    cursor: pointer;
    padding: 1rem 5rem;
    font-size: 16px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    bottom: 40px;
}
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
        .dropdown-content a:hover {
            background-color: var(--clr-yellow);
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.sol-new-tag {
    display: inline-block;
    height: 1.5em;
    line-height: 1.5em;
    position: relative;
    margin: 0 16px 8px 10px;
    padding: 0 10px 0 12px;
    background-color: #DC143C;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: bold;
}
    .sol-new-tag:before {
        content: "";
        position: absolute;
        top: 0;
        left: -12px;
        width: 0;
        height: 0;
        border-color: transparent #DC143C transparent transparent;
        border-style: solid;
        border-width: 8px 12px 10px 0;
    }

.sol-new-tag:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    float: left;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
}

.col-12 {
    flex        : 0 0 100%;
    max-width   : 100%;
}
    .col-12 > h2 {
        margin : 0;
    }

.col-12-1 {
    max-width   : 60%;
    width       : 60%;
}

.col-12-2 {
    width       : 35%;
    max-width   : 40%; 
    margin-left : 2rem;
}
    .col-12-2 ul {
        padding : unset;
    }
        .col-12-2 ul li {
            list-style : none;
        }

.stdindustry-sol-cont {
    padding          : 1.5em;
    border           : 1px solid #666;
    border-radius    : 5px;
    margin-bottom    : 1rem;
    background-color : white;
}
    .stdindustry-sol-cont > h3 {
        margin : 0 0 1rem;
    }

[class~='stdindustry-sol-cont']:last-of-type {
    margin-bottom : 4em;
}

.stdindustry-sol-cont_desc {
    width   : 100%;
    display : flex;
}

.stdindustry-sol-cont_desc-benefit {
    flex            : 1.5;
    padding-right   : 2rem
}
    .stdindustry-sol-cont_desc-benefit span {
        color       : #b81107;
        font-size   : 12px; 
    }

    .stdindustry-sol-cont_desc-benefit ul, .industrysol-benefit-cont ul {
        padding-left : 40px;
    }

.stdindustry-sol-cont_desc-lm {
/*    flex        : 0.35;*/
    text-align  : center;
    margin-top  : 1em;
}

.stdindustry-sol-cont_lmbtn {
    padding          : 0.7em;
    transition       : background-color .35s ease-in-out, color .35s ease-in-out;
    border-radius    : 5px;
    background-color : var(--clr-yellow);
}
    .stdindustry-sol-cont_lmbtn:hover {
        color               : #fff;
        text-decoration     : none;
        background-color    : var(--clr-blue);
    }

.stdindustry-sol-sfa-btn {
    cursor          : pointer;
    padding         : 1em;    
    border          : 1px solid black;
    user-select     : none;
    border-radius   : 5px;
    margin-bottom   : 1rem
}

.industrysol-benefit-cont {
    padding             : 2rem;
    font-size           : 16px;
    background-color    : #f6f6f6;
}
    .industrysol-benefit-cont p {
        margin : 0 0 20px;
    }

    .industrysol-benefit-cont ul {
        margin-bottom : 20px;
    }

.wrapper {
    margin : 1em 0;
}

.industry-sol-item {
    width               : 100%;
    padding             : 2rem;
    margin-bottom       : 1rem;
    background-color    : #f6f6f6;
}
    .industry-sol-item:last-child {
        margin-bottom : 4em;
    }

.industry-sol-item_cont {
    display         : flex;
    justify-content : space-around
}
    .industry-sol-item_cont > div:nth-child(1) {
        width : 20%;
    }
    .industry-sol-item_cont > div:nth-child(2) {
        width : 60%;
    }
    .industry-sol-item_cont > div:nth-child(3) {
        width           : 20%;
        display         : flex;
        flex-wrap       : nowrap;
        max-height      : 3em;
        text-align      : center;
        justify-content : center;
    }

.sol-item_cont_label {
    font-size       : 1rem;
    font-weight     : bold;
    font-stretch    : normal;
    margin-bottom   : 0.75rem;
    letter-spacing  : 1px;
    text-transform  : uppercase;
}

.useful {
    margin-top : 2rem;
}

.sol-item_cont_std-label {
    color       : #666;
    font-size   : 1rem;
    font-weight : bold;       
}

.sol-item_cont_title, .sol-item_cont_useful {
    font-size : 16px;
}

.col-stdsindustry-where-to-start {
    padding             : 1rem;
    text-align          : center;
    background-color    : #1d1b21;
}

@media screen and (max-width : 1024px) {
    .col-stdsindustry-style {
        width : 55%;
    }
}

@media screen and (max-width : 658px) {
    .col-stdsindustry-bg {
        background : none;
    }

    .col-12-1 {
        order : 2;
    }

    .col-12-2 {
        order  : 1;
        margin : 0;
    }

    .stdsindustry-org-content, .industry-sol-item_cont, .stdindustry-sol-cont_desc {
        flex-direction : column;
    }

    .col-12-1, .col-12-2,
    .col-stdsindustry-style, .org-container,
    .industry-sol-item_cont > div:nth-child(1),
    .industry-sol-item_cont > div:nth-child(2),
    .industry-sol-item_cont > div:nth-child(3) {
        width       : 100%;
        max-width   : 100%;
    }

    .industry-sol-item_cont > div:nth-child(2),
    .industry-sol-item_cont > div:nth-child(3) {
        margin-top : 1em;
    }

    .stdindustry-sol-cont_lmbtn {
        width   : 100%;
        display : block;
    }
}

/*#endregion */

/*#region -- EVENTS TABLE */

.table-width {
    min-width: 850px;
}
    .table-width tbody th, .table-width tbody td {
        color           : #777;
        border          : none;
        padding         : 20px 8px 20px 8px !important;
        font-weight     : 300;
    }

    .table-width tbody td:first-child {
        text-align : center;
    }

    .table-width tbody tr {       
        transition          : .3s all ease;
        -o-transition       : .3s all ease;
        -webkit-transition  : .3s all ease;
    }
        .table-width tbody tr:hover, .table-width tbody tr:focus {
            background: #fff;
        }

/*#endregion -- EVENTS TABLE */

/*#region -- RESPONSIVE VIEW */

@media only screen and (max-width: 428px) {
    #filterType {
        left        : 0px;
        width       : 100%;
    }

    #str_filterType {
        width       : 140px;
    }
}

@media screen and (max-width: 768px) {
    .hide-th {
        display : none !important;
    }

    .table-width {
        min-width : unset;
    }

    .table {
        border      : 0;
        font-size   : 16px;
    }
        .table caption {
            font-size: 1.3em;
        }

        .table thead {
            clip        : rect(0 0 0 0);
            width       : 1px;
            border      : none;
            height      : 1px;
            margin      : -1px;
            padding     : 0;
            overflow    : hidden;
            position    : absolute;
        }

        .table tr {
            display         : block;
            border-bottom   : 3px solid #ea6a4a;
        }

        .table td {
            display         : block;
            font-size       : .8em;
            white-space     : unset !important;
            border-bottom   : 1px solid #ddd;
        }
            .table td::before {
                float           : left;                
                content         : attr(data-label);
                font-weight     : bold;
                text-transform  : uppercase;
            }

            .table td:last-child {
                border-bottom: 0;
            }

    .std-resource-table-respon {
        clear       : both;
        text-align  : justify;
        padding-top : 5px;
    }
}

@media screen and (max-width : 1024px) {
    .stdindustry-cont {
        margin : 0;
    }
}

/*#endregion -- RESPONSIVE VIEW */
:root {
    --nav-width     : 270px;
    --ssnav-width   : 300px;
    --clr-red       : #A6051A;
    --clr-blue      : #00458B;
    --clr-lgrey     : #D1D1D1;
    --clr-green     : #99E1D9;
    --clr-white     : #FBFBFB;
    --clr-yellow    : #FAED26;
    --clr-purple    : #32293F;
    --clr-dgreen    : #70ABAF;
}

footer {
    padding          : 2rem;
    margin-top       : auto;
    font-family      : 'Montserrat', "Open San";
    flex-direction   : column;
    background-color : var(--clr-white);
}
    footer > div {
        display : flex;
    }

.footer-flex-cont {
    width       : 100%;
    display     : flex;
    align-items : stretch;
}

#footer_abtus_cont {
    width : 20%;
}

/*#footer_ufl_cont {
    margin : 0 2em;
}*/

#footer_contactus_cont {
    width       : 80%;
    position    : relative;
    margin-left : 2em;
}
    #footer_contactus_cont::before {
        content      : '';
        position     : absolute;

        left         : -2em;
        height       : 95%;
        border       : 1px solid #D5D2D1;
        border-width : thin;
    }

    #footer_contactus_cont p {
        font-size   : 14px;
        line-height : 2;
    }

    .abtus-a, .ufl-a, .contactus-a {
        width       : fit-content;
        display     : block;
        font-size   : 14px;
        line-height : 2.5;
    }
        .contactus-a[aria-email="true"] {
            color   : black;
            display : inline-block;
        }

#footer_abtus_cont > ul {
    margin  : 0;
    padding : 0;
}
    #footer_abtus_cont > ul > li, #footer_abtus_cont > ul > li > a {
        color           : black;
        list-style      : none;
        text-decoration : none;
    }

#footer_contus {
    gap     : 1rem;
    display : flex;
}
    #footer_contus > div {
        margin-top : .5em;
    }

.col--footer-left, .col--footer-right {
    width       : 50%;
    align-self  : flex-end;
}

.col--footer-right {
    text-align : right;
}
    .col--footer-right .connect-with-us {
        font-size : 1.7rem;
    }
        .col--footer-right .connect-with-us i {
            margin-right : 20px;
        }

#footer_contus div p, .col--footer-left > p, .col--footer-right .copyright p {
    margin : 0;
}

.a-link {
    color       : var(--clr-blue) !important;
    font-weight : bold;
}
    .a-link.sdo {
        font-size : 12px;
    }

.b-sdo {
    font-size : 14px;
}

.sdo-li {
    margin-left : .5rem;
    line-height : 2;
}

.fb-cc      { color: #3B5998;  } /* Color code for Facebook */
.yt-cc      { color : #FF0000; } /* Color code for Youtube */
.in-cc      { color : #0E76A8; } /* Color code for Linkedin */
.tele-cc    { color : #229ED9; } /* Color code for Telegram */

@media screen and (max-width: 750px) {
    footer {
        padding: 1.5em;
    }
        footer > div {
            flex-direction : column;
        }

    #footer_abtus_cont, #footer_contactus_cont {
        width   : 100%;
        margin  : 0;
    }

    #footer_ufl_cont ,#footer_contactus_cont {
        margin-top : 1em;
    }

    #footer_contus {
        flex-direction : column;
    }
        #footer_contus > div:nth-child(2) {
            margin-left : 0;
        }

    .footer-managed-border {
        border-top : 1px solid black;
        margin-top : 2em;
    }
        .footer-managed-border > div {
            text-align : center;
        }

    .col--footer-right .connect-with-us {
        font-size   : 20px;
        margin-top  : 1rem;
    }

    #footer_ufl_cont {
        margin : 1em 0 0;
    }
}

@media screen and (max-width: 768px) {    
/*    #footer_contus {
        flex-direction : column;
    }*/

        #footer_contus > div:nth-child(2) {
            margin-left : 0;
        }

    .footer-managed-border {
        font-size : 14px;
    }

    .col--footer-left, .col--footer-right {
        width : 100%;
    }

    .col--footer-left {
        margin-top: 1rem;
    }
}

@media screen and (min-width : 768px) and (max-width : 1024px) {
    #footer_ufl_cont {
        margin          : 0 2em;
        padding-bottom  : 1rem;
    }
}

@media screen and (min-width : 768px) {
    #footer_contus > div {
        width: min(50%, 360px);
    }
}
