﻿/* This is used in ROHS Page to define Text color of few messages*/
/*
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-success {
    color: green;
    font-weight: bold;
}*/

/************My Custom CSS**********************/
/*Used on DevicePrint page under MCHP logo*/
hr.dotted {
    background: none;
    margin: 0 0 .5em 0;
    padding: 0;
    height: 1px;
    border-bottom: dotted 1px #CFCFCF;
}

section .header .title {
    background: #d4d4d5;
    color: red; /* #383739; */
    padding: 0 10px;
    cursor: pointer;
    align-content: center;
}

/*
section .table-5cols div:first-child {
    width: 41%;
}*/

/*User agent browser is adding <strong> automatically at some places*/
strong {
    font-weight: normal;
}

/*Its hack to not allow empty div elements to float left*/
/*.table-6cols :after {
    content: '.';
    visibility: hidden;
}*/


/*This is created to give section headers without table class
Used:ProductPages in DevToolSpecificationPrintView
*/
.SectionTitle {
    color: #ee2a24;
    font-size: 25px;
    border-bottom: none;
}
/*Used in Documents scetion for KendoToolTip*/
.k-tooltip.k-popup {
    margin-top: -3px;
}
/* used to display Inactive products in Stage Environment */
.alertbox
{
    background: #d4d4d5;
    color: #383739;    
    padding: 0.8em;        
}

/*This is used in ROHS Page for static content converted in DIV*/

section .table-3cols {
    width: 100%;
}

    section .table-3cols > div {
        width: 100% !important;
        border-bottom: solid 1px #d4d4d5;
    }

        section .table-3cols > div:first-child {
            color: #ee2a24;
            font-weight: 500;
        }

        section .table-3cols > div:after {
            content: '\00a0';
            clear: both;
        }

    section .table-3cols div {
        width: 10%;
        float: left;
        border-right: none;
    }

        section .table-3cols div:first-child {
            width: 47%;
        }

        section .table-3cols div:nth-child(2) {
            width: 27%;
        }
