
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

[class*="icon-"]:hover,
[class*="icon-"]:focus,
[class*="icon-"]:checked,
.button-navigation:hover,
.button-navigation:focus {
	text-decoration: none;
	border-radius: 3px;
	border: 2px solid #69BE28;
    background-size: 90%;
}

[class*="glyphicon-"]:hover,
[class*="glyphicon-"]:focus,
[class*="glyphicon-"]:checked {
    border:0;
    background-size:100%;
}

[class*="icon-"].small:checked,
[class*="icon-"].small:focus,
[class*="icon-"].small:hover {
	border-radius: 3px;
	border-width: 1px;
}

input.icon-expand:checked {	background-image: url('../images/icons/large/collapse.png'); }
input.icon-collapse:checked { background-image: url('../images/icons/large/expand.png'); }

.datagrid article > input.icon-edit:checked ~ .data > div,
.datagrid article > input.icon-expand:checked ~ .data > div,
.expanding > input.icon-add:checked ~ .data > .row > div {
    background-color: #DEF4CB; 
}

textarea:not([readonly]) {
	background-color: #ffffff;
	outline: none !important;
	border: 1px solid rgba(0,0,0,.4);
	pointer-events: auto;
	-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	font-size: 1.3rem;
	padding-left: 5px;
	line-height: 2.6rem;
}

input:not([readonly]):not([disabled])[type="text"],input:not([readonly]):not([disabled])[type="password"] {
	background-color: #ffffff;
	outline: none !important;
	border: 1px solid rgba(0,0,0,.4);
	pointer-events: auto;
	-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	font-size: 1.3rem;
	padding-left: 5px;
	line-height: 2.6rem;
}

.datagrid .fields input.icon-add:checked ~ form textarea:focus,
.datagrid article > input.icon-edit:checked ~ form textarea:focus,
.expanding > input.icon-add:checked ~ section textarea:focus,
.parent-form > form > input.icon-edit:checked ~ div textarea:focus,
.datagrid .fields input.icon-add:checked ~ form input:focus,
.datagrid article > input.icon-edit:checked ~ form input:focus,
.expanding > input.icon-add:checked ~ section input:focus,
.parent-form > form > input.icon-edit:checked ~ div input:focus{
	outline: none !important;
	border-radius: 3px;
	border: 2px solid #69BE28;
}

.parent-form > form > input.icon-edit:checked ~ div textarea { height: 25px; }
.parent-form > form > input.icon-edit:checked ~ div textarea.multiline { height: 60px; }

input.icon-add:checked ~ div input.display-inline, input.icon-edit:checked ~ div input.display-inline {
	display: none; 
}
input.icon-add:checked ~ div input.display-none, input.icon-edit:checked ~ div input.display-none {
	display: inline;
}

input.icon-edit:checked ,
input.icon-add:checked ~ input.icon-edit,
input.icon-edit:checked ~ input.icon-edit {
    background-image: url('../images/icons/large/save.png');
}

input.icon-add:checked,
input.icon-edit:checked ~ input.icon-add,
input.icon-add:checked ~ input.icon-add {
    background-image: url('../images/icons/large/cancel.png');
}

.datagrid article > input.icon-edit.row-form:checked ~ form > .fields,
.datagrid article > input.icon-expand.row-form:checked ~ form > .fields,
.datagrid article > input.icon-edit.row-form:checked ~ input.shown.row-sub-form ,
.datagrid article > input.icon-expand.row-form:checked ~ input.shown.row-sub-form {
    display:block;
}

nav.expanding > input.icon-add:checked ~ section article:first-of-type form > .fields,
nav.expanding > input.icon-add:checked ~ section article:first-of-type input.shown.row-sub-form {
    display:block;
}

.datagrid article > input.icon-trash:checked,
.datagrid article > input.icon-trash:checked ~ div,
.datagrid article > input.icon-trash:checked ~ form > div,
.datagrid article input.icon-trash:checked ~ input {
	display: none;
}

@media (max-width: 549px) {
    label.expanding:after {
        content: '';
        position: absolute;
        z-index: 30;
        width: 29px;
        height: 29px;
        right: 5px;
        top: 0px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    input.expanding:checked + label:hover:after {
        content: '';
        position: absolute;
        z-index: 30;
        width: 29px;
        height: 29px;
        right: 5px;
        top: 0px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    input.expanding:checked + label.expanding + section.datagrid-wrapper {
        -webkit-transition: height 0.5s linear, box-shadow 0.1s linear;
        -moz-transition: height 0.5s linear, box-shadow 0.1s linear;
        -o-transition: height 0.5s linear, box-shadow 0.1s linear;
        -ms-transition: height 0.5s linear, box-shadow 0.1s linear;
        transition: height 0.5s linear, box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    }

    input.expanding:checked + label.expanding + section.box-height-short {
        height: 200px;
    }

    input.expanding:checked + label.expanding + section.box-height-medium {
        height: 400px;
    }

    input.expanding:checked + label.expanding + section.box-height-tall {
        height: 600px;
    }
}

@media (min-width: 550px) { 

	input.tabbed:checked + label{
		border-bottom: transparent;
		background: none;
		background-color: #ffffff;
	}

	#details-button-tabbed:checked ~ #details {	display:block ;	}
	#receipts-button-tabbed:checked ~ #receipts { display:block; }
	#quotes-button-tabbed:checked ~ #quotes { display:block; }
	#po-details-button-tabbed:checked ~ #po-details { display:block; }
	#routing-button-tabbed:checked ~ #routing { display:block; }
	#status-button-tabbed:checked ~ #status { display:block; }
	#ReqOptions { display:block ; }

}

#headingOne, #headingTwo, #headingThree, #headingFour, #headingFive, 
#headingSix, #headingSeven, #headingEight, #headingNine { 
    border: 2px ridge transparent; 
}

#headingOne h4 [class*="icon-"]:hover, #headingTwo h4 [class*="icon-"]:hover,
#headingThree h4 [class*="icon-"]:hover, #headingFour h4 [class*="icon-"]:hover,
#headingFive h4 [class*="icon-"]:hover, #headingSix h4 [class*="icon-"]:hover,
#headingSeven h4 [class*="icon-"]:hover, #headingEight h4 [class*="icon-"]:hover,
#headingNine h4 [class*="icon-"]:hover, .accord-section .indicator:hover  { 
    text-decoration: none; border-radius: 3px; border: 2px solid transparent; background-size: 100%; 
}

#headingOne:hover, #headingTwo:hover, #headingThree:hover, #headingFour:hover, #headingFive:hover, 
#headingSix:hover, #headingSeven:hover, #headingEight:hover, #headingNine:hover,
.accord-section .panel-heading:hover {
    background: #e2f6d4; border-radius: 3px; cursor: pointer; cursor: hand;
}

.col-lg-1 label, .col-lg-10 label, .col-lg-11 label, .col-lg-12 label,
.col-lg-2 label, .col-lg-3 label, .col-lg-4 label, .col-lg-5 label, .col-lg-6 label,
.col-lg-7 label, .col-lg-8 label, .col-lg-9 label, .col-md-1 label, .col-md-10 label,
.col-md-11 label, .col-md-12 label, .col-md-2 span label, .col-md-3 label, .col-md-4 label,
.col-md-5 label, .col-md-6 label, .col-md-7 label, .col-md-8 label, .col-md-9 label,
.col-sm-1 label, .col-sm-10 label, .col-sm-11 label, .col-sm-12 label, .col-sm-2 label,
.col-sm-3 label, .col-sm-4 label, .col-sm-5 label, .col-sm-6 label, .col-sm-7 label, .col-sm-8 label,
.col-sm-9 label, .col-xs-1 label, .col-xs-10 label, .col-xs-11 label, .col-xs-12 label,
.col-xs-2 label, .col-xs-3 label, .col-xs-4 label, .col-xs-5 label, .col-xs-6 label,
.col-xs-7 label, .col-xs-8 label, .col-xs-9 label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

input:not([readonly]):not([disabled])[type="text"],input:not([readonly]):not([disabled])[type="password"][data-useragent*='rv:11.0']
{
    background-color: #ffffff;
	outline: none !important;
	border: 1px solid rgba(0,0,0,.4);
	pointer-events: auto;
	-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
	font-size: 1.3rem;
	padding-left: 5px;
	line-height: 2.6rem;
    height:2.6rem;
}
select::-ms-expand { display: none; }