/*--------------------
        EVO STYLES
--------------------*/
body {
    background-color: #FFFFFF;
}
.strong {
        font-size:16px;
        font-weight:600;
        color: #707070;
}
.indent {
        padding-left:20px;
}
.bold {
        font-weight:600;
}

.ui.red.text {
        color:red;
}

.ui.button {
        background: #a0a0a0 none;
        color: white;
}
.hundredpercentwidth {
	width:100%;
}
#evowrapper {
    min-height: 500px;
    padding-top: 30px;
}
#errormsg {
        max-width:500px;
        margin:auto;
        padding-bottom:20px;
}
.debug {
	font-size:.75em;
	color:lightgrey;
}
.small {
	max-width:330px;
	margin:auto;
}
.ui.small.modal {
	max-width:none;
}
.ui.tiny.image{
	height:80px;
}
.medium {
	max-width:530px;
	margin:auto;
}
.grey {
	color: #767676; /* removed !important, it was breaking semantic ".grey" class...John B, WF 116751 */
}
.requiredinput {
	border-left: 2px solid red !important;
};

::selection {
    background-color: #ff0000;
    color: rgba(0,0,0,.87);
}

.ui.search .prompt {
	border-radius:.28571429rem;
}

/* John B, WF 117733 */
.ui.modal #orderinvoicediv,	/* WF: 124548 - Chris H */
.ui.modal .evoheader+.content,
.ui.modal .evoheader+div,
.ui.modal .evoheadermenu+.content,
.ui.modal .evoheadermenu+div,
.ui.modal #cardheader+.content,
.ui.modal #cardheader+div {
    max-height: 85vh !important;
    overflow: auto;
}



body.pushable.dimmable.dimmed div.ui.modal.visible.active {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}
/* END WF 117733 */

.marginTop30 {
	margin-top:30px;
}

/*--------------------
        EVO MODULES
----------------------*/

#cardheader {
    font-weight: 650;
    font-style: normal;
    font-size: 18px;
    color: #707070;
    text-align: left;
    background-color: #eeeeee;
}
#evocard {
        width:100%;
        color:#707070;
        /*margin-bottom:25px;*/
}
#evocardmodal {
	width: 100%;
	color: #707070;
	margin: 0px;
}
#evocardcontent {
        padding-top:10px;
}

#evosectionheader {
	width:100%;
	border-bottom:1px solid lightgrey;
	margin-top:1em;
}

.ui.card > .content {
	border-top: none;
}
.clickable{
	cursor:pointer;
}

.divHideDatatable
	{
	display:none;
	}

.content.evoheadermenu {
	width: 100%;
}

#evosectioncontent.content {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	/* WF# 113783 Begin; Changed for ShoppingCart/Modules/Categories/skins/skin01/dsp_DetailLayout.cfm to prevent shifting to center; Timothy O. */ 
	.ui.small.modal.active {
		max-width:330px;
		visibility:visible !important;
		transform: translate(50%,0px);
	}
	.ui.small.modal{
		visibility:hidden !important;
		max-width:330px;
		transition-property:display;
		transition-delay: 1s;
	}
	/* WF# 113783 End; Changed for ShoppingCart/Modules/Categories/skins/skin01/dsp_DetailLayout.cfm to prevent shifting to center; Timothy O. */
}

div.ReloadReportLink.basic.segment.ui{
	margin:0px;
	padding:0px;
}

.ui.action.input:not([class*="left action"])>input {
    border-radius: 0 !important;
    width: auto;
}

.ReloadReportLink{
	position: absolute;
    z-index: 1;
    margin-top: -30px;
    right: 15px;
    color:#c0c0c0;
}
.ReloadReportLink:hover{
	color:#4CA5B5;
}

.nopadding {
	padding: 0px !important;
}

.nomargin {
	margin: 0px !important;
}