/* 
    Document   : custom_new
    Created on : Aug 10, 2016, 2:46:02 PM
    Author     : vinita
    Description:
        Purpose of the stylesheet follows.
*/



/*
        Customise Yii menu to UoM menu
*/

#mainmenu
{
        background:white url(uom_menu_bg.gif) repeat-x left top;
        height: 60px;
        width: 100%;
}

#mainmenu ul
{
        padding:17px 20px 5px 20px;
        margin:0px;
        text-align: center;
        max-width: 100%;        /* for overwrite UoM style which limit to 700px */
}

#mainmenu ul li
{
        display: inline;

}

#mainmenu ul li a
{
        color:#ffffff;
        background-color:transparent;
        font-size:1.125rem;
        font-weight:500;
        text-decoration:none;
        text-transform: uppercase;
        padding: 1.25rem 1.8rem
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
        color: #99ddff;
        background-color: transparent;
        text-decoration:none;
        font-weight: 600;
}

/*
        Customize Yii Form to UoM form
*/
/*
[role="main"] form, .uomcontent [role="main"] fieldset.wide {
        max-width: 900px;
}*/

.uomcontent [role="main"]>header:first-child h1, .uomcontent [role="main"] header p.boxhead,  .uomcontent [role="main"] form, .uomcontent p.alert-info {
        max-width: 900px;
/*        width: 900px;*/
        display: table;
        margin: 0 auto;
        padding: 1.5rem 0;
}

.uomcontent [role="main"] header, .uomcontent [role="main"]>header:first-child h1{
/*        height: 128px;*/
        align-self: center;
        padding-bottom: 1.5rem;
        position: relative;
        text-align: center;
        vertical-align: middle;
}

.uomcontent [role="main"] header, .uomcontent [role="main"]>header:first-child {
        padding-bottom: 0;
}

.uomcontent [role="main"] fieldset.wide {
        max-width: 900px;
        width: 900px;
        display: table;
        margin: 0 auto;
        padding: 20px;
}

.uomcontent h1, .uomcontent h2, .uomcontent h3
{
    max-width: 900px;
    height: 40px;
}

fieldset legend {
        font-weight: bold;
        font-size: 1.1rem;
        padding: 0 5px;
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}
/*
div.form fieldset
{
        max-width: 900px;
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 0 0;
    -moz-border-radius:7px;
}*/

div.form label
{
	font-weight: 500;
	font-size: 1.05em;
	display: block;
}

div.form  input[type="checkbox"] + label::before
{
        position: absolute !important;
        clip: rect(1px, 1px, 1px, 1px);
        display: inline;
}

div.form input[type="checkbox"] + label
{
        margin-top: -0.3125rem;
        padding-left: 2.1875rem;
        cursor: pointer;
        display: block;
        text-indent: 0px;
}

.uomcontent .styled-select select.alt2 {
        background-color: #fff;
        border-color: #0076de;
        color: #0076de;
}

th.actionCol {
        max-width: 80px;
        width: 80px;
}

/* Yii Grid View */

.grid-view {
        padding: 0 0;
        width: 900px;
        display: table;
        margin: 0  auto;
}

.grid-view .pager, .grid-view .summary {
        width: 900px;
        display: table;
        margin: 0  auto;
}

.grid-view table.items th {
        background: url(bg-6.gif);
}

.uomcontent .grid-view .pager ul li {
        display: inline;
}

.scanReport .scan-pass {
    
    font-weight: bold;
    background-color: lightgreen;
     max-width: 900px;
        width: 900px;
        display: table;
        margin: 0 auto;
        padding: 20px;
}

.scan-fail {
    
    font-weight: bold;
    background-color: lightsalmon;
     max-width: 900px;
        width: 900px;
        display: table;
        margin: 0 auto;
        padding: 20px;
}