/*
THIS FILE IS FOR STYLES WHICH APPLY TO ALL CLOUD ONE SITES
*/

/* Remove icons in IE input fields */
::-ms-clear {
    width: 0;
    height: 0;
}
::-ms-reveal {
    width: 0;
    height: 0;
}

/* Test */
.test {
	border: 1px solid red;
}

/* Clearfix */
.clear { clear: both; }

/* Relative positioning */
.co-relative {
	position: relative;
}

/* Hover cursor */
.co-hover {
	cursor: pointer;
}

/* Disable pointer events */
.disable-hover {
	pointer-events: none;
}

/* List style reset */
.co-no-list-style {
	padding: 0;
	list-style: none;
}

/* Horizontal rule */
.co-hr {
	display: block;
	width: 100%;
	height: 1px;
	margin: 2px 0;
	background-color: #d2d2d2;
	overflow: hidden;
}

/* Flex */
.co-flex-row {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
	flex-wrap: wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.co-flex-col {
	min-width: 200px;
	-webkit-flex-basis: 200px;
}
.co-flex, .co-flex1 {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	flex: 1 0 181px;
}
.co-flex2 {
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-ms-flex-grow: 2;
	flex-grow: 2;
	flex: 2 0 201px;
}
.co-flex3 {
	-webkit-box-flex: 3;
	-webkit-flex-grow: 3;
	-ms-flex-grow: 3;
	flex-grow: 3;
	flex: 3 0 201px;
}
.co-flex4 {
	-webkit-box-flex: 4;
	-webkit-flex-grow: 4;
	-ms-flex-grow: 4;
	flex-grow: 4;
	flex: 4 0 401px;
}
.co-flex5 {
	-webkit-box-flex: 5;
	-webkit-flex-grow: 5;
	-ms-flex-grow: 5;
	flex-grow: 5;
	flex: 4 0 201px;
}
.co-flex6 {
	-webkit-box-flex: 6;
	-webkit-flex-grow: 6;
	-ms-flex-grow: 6;
	flex-grow: 6;
	flex: 6 0 501px;
}
.co-flex7 {
	-webkit-box-flex: 7;
	-webkit-flex-grow: 7;
	-ms-flex-grow: 7;
	flex-grow: 7;
	flex: 7 0 201px;
}
.co-flex8 {
	-webkit-box-flex: 8;
	-webkit-flex-grow: 8;
	-ms-flex-grow: 8;
	flex-grow: 8;
	flex: 8 0 801px;
}
.co-flex9 {
	-webkit-box-flex: 9;
	-webkit-flex-grow: 9;
	-ms-flex-grow: 9;
	flex-grow: 9;
	flex: 9 0 201px;
}
.co-flex10 {
	-webkit-box-flex: 10;
	-webkit-flex-grow: 10;
	-ms-flex-grow: 10;
	flex-grow: 10;
	flex: 10 0 1001px;
}
.co-flex11 {
	-webkit-box-flex: 11;
	-webkit-flex-grow: 11;
	-ms-flex-grow: 11;
	flex-grow: 11;
	flex: 11 0 201px;
}
.co-flex12 {
	-webkit-box-flex: 12;
	-webkit-flex-grow: 12;
	-ms-flex-grow: 12;
	flex-grow: 12;
	flex: 12 0 1401px;
}
.co-flex-shim {
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
@media screen and (max-width: 1030px) {
	.co-flex1, .co-flex2, .co-flex3, .co-flex4, .co-flex5, .co-flex6, .co-flex7, .co-flex8, .co-flex9, .co-flex10, .co-flex11, .co-flex12 {
		flex-basis: 201px !important;
	}
}

/* Flex column dividers */
.co-flex-divider-container .co-flex-col {
	min-width: 200px;
	padding: 0 20px 10px 20px;
}
.co-flex-divider-container .co-flex-col:first-child {
	padding-left: 0;
}
.co-flex-divider-container .co-flex-col:last-child {
	padding-right: 0;
}
.co-flex-divider .co-flex-col {
	border-left: solid 1px #ddd;
}
.co-flex-divider .co-flex-col:first-child {
	border-left: 0;
}

/* Min-widths */
.co-min-width100 {
	min-width: 100px !important;
}
.co-min-width150 {
	min-width: 150px !important;
}
.co-min-width200 {
	min-width: 200px !important;
}
.co-min-width250 {
	min-width: 250px !important;
}
.co-min-width300 {
	min-width: 300px !important;
}
.co-min-width350 {
	min-width: 350px !important;
}
.co-min-width400 {
	min-width: 400px !important;
}
.co-min-width450 {
	min-width: 450px !important;
}
.co-min-width500 {
	min-width: 500px !important;
}
.co-min-width550 {
	min-width: 550px !important;
}
.co-min-width600 {
	min-width: 600px !important;
}
.co-min-width650 {
	min-width: 650px !important;
}
.co-min-width700 {
	min-width: 700px !important;
}
.co-min-width750 {
	min-width: 750px !important;
}
.co-min-width800 {
	min-width: 800px !important;
}
.co-min-width850 {
	min-width: 850px !important;
}
.co-min-width900 {
	min-width: 900px !important;
}
.co-min-width950 {
	min-width: 950px !important;
}
.co-min-width1000 {
	min-width: 1000px !important;
}
.co-min-width1050 {
	min-width: 1050px !important;
}
.co-min-width1100 {
	min-width: 1100px !important;
}
.co-min-width1150 {
	min-width: 1150px !important;
}
.co-min-width1200 {
	min-width: 1200px !important;
}

/* Max-widths */
.co-max-width100 {
	min-width: 100px !important; /* Overrides default min-width */
	max-width: 100px !important;
}
.co-max-width150 {
	min-width: 150px !important; /* Overrides default min-width */
	max-width: 150px !important;
}
.co-max-width200 {
	min-width: 200px !important; /* Overrides default min-width */
	max-width: 200px !important;
}
.co-max-width250 {
	min-width: 250px !important; /* Overrides default min-width */
	max-width: 250px !important;
}
.co-max-width300 {
	max-width: 300px !important;
}
.co-max-width350 {
	max-width: 350px !important;
}
.co-max-width400 {
	max-width: 400px !important;
}
.co-max-width450 {
	max-width: 450px !important;
}
.co-max-width500 {
	max-width: 500px !important;
}
.co-max-width550 {
	max-width: 550px !important;
}
.co-max-width600 {
	max-width: 600px !important;
}
.co-max-width650 {
	max-width: 650px !important;
}
.co-max-width700 {
	max-width: 700px !important;
}
.co-max-width750 {
	max-width: 750px !important;
}
.co-max-width800 {
	max-width: 800px !important;
}
.co-max-width850 {
	max-width: 850px !important;
}
.co-max-width900 {
	max-width: 900px !important;
}
.co-max-width950 {
	max-width: 950px !important;
}
.co-max-width1000 {
	max-width: 1000px !important;
}
.co-max-width1050 {
	max-width: 1050px !important;
}
.co-max-width1100 {
	max-width: 1100px !important;
}
.co-max-width1150 {
	max-width: 1150px !important;
}
.co-max-width1200 {
	max-width: 1200px !important;
}

/* Border override */
.co-no-border {
	border: 0 !important;
}