/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 /*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 25%;
}
.span_1_of_2 {
    width: 70%;
    border-right: 1px solid #ddd;
    padding-right: 10px;
}
.raileo-links {
    border-radius: 4px;
    padding: 10px;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}
.page-title {
    display: flex;
    align-items: center;

    background: url("../../assets/raileo-round-logo.png") no-repeat left center;
    background-size: 32px;
    padding-left: 42px;
    line-height: 32px;
    margin-bottom: 20px;
}
.status {
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #ddd;
}
.status.positive {
    background-color: #44D69F;
    color: #fff;
}
span.score {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    margin-right: 10px;
}
span.score.good {
    background: #44D69F;
}
span.score.low {
    background: #FF4E42;
}
span.score.default {
    background: #dddddd;
}
.raileo-urls-data-table {
    margin-top: 10px;
}
.raileo-link-button {
    background: transparent;
    border: transparent;
    outline: none;
    color: #5e72e4;
    font-weight: bold;
}
.raileo-link-button:hover {
    cursor: pointer;
}
p.submit {
    margin-top: 0;
    text-align: right;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
.header-with-action {
    display: flex;
    align-items: center;
}
.header-with-action h3 {
    margin-right: 6px;
}
@media only screen and (max-width: 600px) {  
    .span_1_of_2 {
        width: 99%;
        padding-right: 0;
        border-right-color: transparent;
    }
    .span_2_of_2 {
        width: 99%;
    }
}