/* This is used in ROHS Page to define Text color of few messages*/
/*
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-success {
    color: green;
    font-weight: bold;
}*/

/************My Custom CSS**********************/
/*Used on DevicePrint page under MCHP logo*/
hr.dotted {
	background: none;
	margin: 0 0 .5em 0;
	padding: 0;
	height: 1px;
	border-bottom: dotted 1px #CFCFCF;
}

section .header .title {
	background: #d4d4d5;
	color: red; /* #383739; */
	padding: 0 10px;
	cursor: pointer;
	align-content: center;
}

/*
section .table-5cols div:first-child {
    width: 41%;
}*/

/*User agent browser is adding <strong> automatically at some places*/
/*strong {
    font-weight: normal;
}*/

/*Its hack to not allow empty div elements to float left*/
/*.table-6cols :after {
    content: '.';
    visibility: hidden;
}*/


/*This is created to give section headers without table class
Used:ProductPages in DevToolSpecificationPrintView
*/
.SectionTitle {
	color: #ee2a24;
	font-size: 25px;
	border-bottom: none;
}
/*Used in Documents scetion for KendoToolTip*/
.k-tooltip.k-popup {
	margin-top: -3px;
}
/* used to display Inactive products in Stage Environment */
.alertbox {
	background: #d4d4d5;
	color: #383739;
	padding: 0.8em;
}

/*This is used in ROHS Page for static content converted in DIV*/

section .table-3cols {
	width: 100%;
}

	section .table-3cols > div {
		width: 100% !important;
		border-bottom: solid 1px #d4d4d5;
	}

		section .table-3cols > div:first-child {
			color: #ee2a24;
			font-weight: 500;
		}

		section .table-3cols > div:after {
			content: '\00a0';
			clear: both;
		}

	section .table-3cols div {
		width: 10%;
		float: left;
		border-right: none;
	}

		section .table-3cols div:first-child {
			width: 47%;
		}

		section .table-3cols div:nth-child(2) {
			width: 27%;
		}

.imagegreystar {
	background: url('../Images/fav-starsgrey.png') no-repeat center right;
	display: inline-block;
	width: 18px;
	height: 18px;
	outline: none;
	text-indent: -9999px;
	position: relative;
	margin-top: 1px;
	text-decoration: none;
}

.imageyellowstar {
	background: url('../Images/fav-stars.png') no-repeat center right;
	display: inline-block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	position: relative;
	outline: none;
	margin-top: 1px;
	text-decoration: none;
}

.imagegreystarheading {
	background: url('../Images/fav-starsgrey.png') no-repeat center right;
	display: inline-block;
	width: 19px;
	height: 30px;
	outline: none;
	text-indent: -9999px;
	position: relative;
	margin-top: 1px;
	text-decoration: none;
}

.imageyellowstarheading {
	background: url('../Images/fav-stars.png') no-repeat center right;
	display: inline-block;
	width: 18px;
	height: 30px;
	outline: none;
	text-indent: -9999px;
	position: relative;
	margin-top: 1px;
	text-decoration: none;
}

#toolTipmsg {
	width: 64px;
	height: 64px
}

.cartButtonCursor {
	cursor: pointer
}

.float-right {
	float: right;
}

.image_height {
	height: 100px;
	width: 100%;
}

.tool-tip-more-info {
	z-index: 3;
}
/*classes for styles which were inline initially*/
.display-block {
	display: block !important;
}

.display-none {
	display: none !important;
}

.empty-rohs {
	width: 380px !important;
}

.devtool-padded {
	padding-left: 30px !important;
}

.devtool-msg {
	color: red !important;
}

/* bootstrap-grid.css - added -15px margin left and right both of all div.row elements, 
   which impacts softhard gate, add to fav and secure download related kendo popup styles hence overriding*/
.k-window-content.row {
	margin-right: 0px;
	margin-left: 0px;
}

/*Class to fix distorted primary product image*/
.distorted-image-width {
	width: auto !important;
	max-width: inherit !important;
}

@media (min-width: 1021px) {
	header > .container .viewcart-wrapper {
		margin-right: 10px;
		float: right;
		margin-top: 13px;
	}
}

@media (max-width: 450px) {
	header > .container .viewcart-wrapper {
		float: right;
		margin-top: -9px;
		font-size: 17px;
	}
}

@media (min-width: 767px) {

	header > .container .viewcart-wrapper {
		float: right;
		margin-right: -3px;
		margin-top: 12px;
	}
}