/*--------------------
        EVO STYLES
--------------------*/
body {
    background-color: #FFFFFF;
}

.strong {
    font-size:16px;
    font-weight:600;
    color: #707070;
}

.indent {
    padding-left:20px;
}

.bold {
    font-weight:700;
}

.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;
}

.ui.small.modal {
	max-width: 330px;
}

.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 .evoheader+.content, .ui.modal .evoheader+div {
    max-height: 85vh !important;
    overflow: auto;
}

.ui.modal .evoheadermenu+.content, .ui.modal .evoheadermenu+div {
    max-height: 85vh !important;
    overflow: auto;
}

.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;
}

#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%;
}

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;
}