@charset "UTF-8";
/* CSS Document */

body, html {
	min-width: 100%;
	margin: 0px;
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	font-family: "Open Sans", sans-serif !important;
}
h1 {
	padding-bottom: 0px;
	border-bottom: 2px solid #FFD700;
	display: inline-block;
	font-family: "Open Sans", sans-serif !important;
    font-size: 24px;
    margin-bottom: 5px !important;
    font-weight: 300;
	line-height: 40px;
    color: #333333;
	margin: 0 0 20px;
}
h2 {
	padding-bottom: 0px;
	display: block;
	font-family: "Open Sans", sans-serif !important;
    font-size: 18px;
    margin-bottom: 5px !important;
    font-weight: 300;
	line-height: 40px;
    color: #333333;
	margin: 0 0 20px;
}
p {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	font-family: "Open Sans", sans-serif !important;
}
a {
	color:#777777;
	text-decoration:none;
	font-size: 14px;
	line-height: 18px;
}
a:hover {
	color:#FFD700;
	text-decoration:none;
	font-size: 14px;
	line-height: 18px;
}
label {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	font-family: "Open Sans", sans-serif !important;
}
#content_container {
	max-width: 1024px;
	margin-right:auto;
	margin-left:auto;
}
input[type=text] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	color:#888888;
	font-family: "Open Sans", sans-serif !important;
	font-size: 14px;
	line-height: 18px;
	width: 48%;
	margin-bottom: 10px;
	
}
#startdate {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	color:#888888;
	font-family: "Open Sans", sans-serif !important;
	font-size: 14px;
	line-height: 18px;
	width: 150px;
	margin-bottom: 10px;
	
}
#enddate {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	color:#888888;
	font-family: "Open Sans", sans-serif !important;
	font-size: 14px;
	line-height: 18px;
	width: 150px;
	margin-bottom: 10px;
	
}
input[type=time] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
  color:#888888;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
  line-height: 18px;
  width: 48%;
  margin-bottom: 10px;
  
}
.aia_header_type {
	font-size: 24px;
	color: #000000;
	line-height: 36px;;
}
.aia_header_type_2 {
	font-size: 18px;
	color: #000000;
	line-height: 24px;
}
.aia_link {
	font-size: 12px;
	padding: 5px;
}
.aia_link:hover {
	font-size: 12px;
}
input[type=text]:focus {
    border-color:#FFD700;
}


input[type=submit] {
    padding:5px 15px; 
    background:#FFD700; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	width: 200px;
	height: 40px;
	font-size: 18px;
	line-height: 30px;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	
}
input[type=submit]:hover{
    padding:5px 15px; 
    background:#e0e0e0; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	width: 200px;
	height: 40px;
	font-size: 18px;
	line-height: 30px;
	
}
#aia_half_col {
	width: 48%;
	padding-right: 1%;
	padding-left:1%;
	float: left;
	margin-bottom: 10px;
}

#aia_half_col img {
	float:right;
}
#aia_third_col {
	width: 31%;
	padding-right: 1%;
	padding-left:1%;
	float: left;
	margin-bottom: 10px;
}
#aia_half_col_form {
	width: 200px;
	padding-right: 1%;
	padding-left:1%;
	float: left;
	margin-bottom: 10px;
	clear:both;
	
}
#aia_half_col_form_submit {
	width: 200px;
	padding-right: 1%;
	padding-left:1%;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
.clearboth {
	clear: both;
}
/*Dropdown Styles */
/*the container must be positioned relative:*/
.styled-select {
   background: url(https://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
	
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
	font-family: "Open Sans", sans-serif !important;
}

.styled-select.slate {
   background: url(https://www.stocorp.com/AIA-Lunch-Learn-StoConnect/images/arrow1.png) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}
#topbar_yellow {
	width: 100%;
	height: 50px;
	background-color: #FFd700;
	margin-bottom: 30px;
}
/* Toggle Switch CSS */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
#bodycontent_container {
	width: 100%;
	border: thin solid #0f0f0f;
	padding: 5px 5px 20px 5px;
}
#body_5col {
	width: 19%;
	float: left;
	color: #000000;
	border-right: thin solid #0f0f0f;
	padding-left: 5px;
}
.copyattendees {
	    width: 1%;
    border: none;
    float: right;
    /* margin-top: -45px; */
    color: #f0f0f0;
    background-color: #f0f0f0;
    resize: none;
}
/* Tooltip Styles */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

button {
    background-color: #f0f0f0; /* Green */
    border: none;
    color: #000000;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin:10px;
      transition: 0.3s;
}
button:hover {
   background-color: #ffd700;
}
table {
  border-collapse: collapse;
	font-family: "Open Sans", sans-serif !important;
}

table, th, td {
  border: 1px solid #7F7F7F;
}
th, td {
  padding: 5px;
  text-align: left;
	
}
@media screen and (max-width: 600px)  {
	#aia_half_col {
	width: 90%;
	padding-right: 5%;
	padding-left:5%;
	float: left;
	margin-bottom: 10px;
}
}
/* for texting */
.sdmt_content {
	/*margin-left: -200px;*/
	/*margin-right: -200px;*/
}

a:focus {
	outline: 0 !important;
}

/* columns */
.sdmt_row {
	margin: 0 -10px;
	clear: both;
}

.sdmt_row.doc_type {
	max-width: 90%;
}

.sdmt_col_6, .sdmt_col_12, .sdmt_col_1, .sdmt_col_5, .sdmt_col_7, .sdmt_col_4, .sdmt_col_2, .sdmt_col_3, .sdmt_col_8, .sdmt_col_9, .sdmt_col_10 {
	float: left;
	padding: 5px 10px;
	min-height: 5px;
}

.sdmt_col_6 {
	width: 50%;
}

.sdmt_col_12 {
	width: 100%;
}
.esub
.sdmt_col_1 {
	width: 8.333333%;
}

.sdmt_col_2 {
	width: 16.66666%;
}

.sdmt_col_3 {
	width: 25%;
}

.sdmt_col_5 {
	width: 41.6667%;
}

.sdmt_col_7 {
	width: 58.3333333%;
}

.sdmt_col_4 {
	width: 33.3333333%;
}

.sdmt_col_8 {
	width: 66.6666666%;
}

.sdmt_col_9 {
	width: 75%;
}

.sdmt_col_10 {
	width: 83.3333333%;
}

.clearfix {
	clear: both;
}

.sdmt_content, .sdmt_content * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sdmt_grey_title {
	margin: 5px 0;
	background: #666666;
	padding: 5px 10px 7px;
	color: #fff;
	line-height: 1;
	font-size: 18px;
}

.sdmt_documents_list h4 {
	font-size: 16px;
	color: #444;
}

.sdmt_grey_box {
	padding: 10px;
	background: #EFEFEF;
}

.sdmt_grey_box.alternate {
	background: #DDDDDD;
	margin: 5px 0;
}

.sdmt_documents_list_list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.sdmt_doc_extension {
	background: #aaaaaa none repeat scroll 0 0;
	border-radius: 0 3px 3px 0;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin-left: 15px;
	padding: 4px 5px 4px 2px;
	text-transform: uppercase;
	position: relative;
}

.sdmt_doc_extension:before {
	border-color: transparent #aaaaaa transparent transparent;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	content: "";
	display: block;
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0;
}

.sdmt_copy_button {
	cursor: pointer;
}

.sdmt_clipboard {
	background: rgba(0, 0, 0, 0) url("../img/icon-clipboard.png") no-repeat scroll 0 0;
	display: inline-block;
	height: 20px;
	margin: 0 0 0 6px;
	vertical-align: text-top;
	width: 19px;
}

.blue > .sdmt_clipboard {
	background: rgba(0, 0, 0, 0) url("../img/icon-clipboard-blue.png") no-repeat scroll 0 0;
}

.sdmt_pull_right {
	float: right;
        margin-bottom: 10px;
}

.sdmt_text_right {
	text-align: right;
}

.sdmt_text_center {
	text-align: left;
    color: #666;
    font-weight: 400;
    font-family: 'Open Sans';
    font-size: 1em;
    
}

.sdmt_product_number {
	font-size: 0.9em;
	color: #666666
}

.sdmt_product_number_title {
	display: inline-block;
}

.sdmt_components_list h3 {
	color: #444444;
	padding: 0 20px;
}

.sdmt_section_products {

}

.sdmt_section_products h4 {
	background-color: #d6d6d6;
	color: #666676;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	padding: 16px 20px;
	margin: 0;
}

.sdmt_content ul li {
	list-style: none;
}

.sdmt_content ul {
	margin: 0;
}

.sdmt_section_products > ul {
	list-style: none;
	background: #EFEFEF;
	margin: 0;
	padding: 16px 20px 8px;
}

.sdmt_section_products > ul li {
	font-size: 14px;
	margin-bottom: 16px;
}

.sdmt_section_products > ul li a {
	color: #247DE4;
	text-decoration: none;
}

#sdmt_tabs.ui-tabs {
	padding: 0;
	border: none;
}

#sdmt_tabs.ui-tabs .ui-tabs-panel {
	padding: 0;
}

#sdmt_tabs .ui-tabs-nav {
	margin-bottom: 40px;
	background: none;
	border: none;
	padding: 0;
}

#sdmt_tabs.ui-tabs .ui-tabs-nav li {
	border-radius: 0;
	border: 1px solid #666666;
	font-size: 12px;
	font-weight: bold;
	background: #FFF;
}

#sdmt_tabs.ui-tabs .ui-tabs-nav li a {
	padding: 10px 20px;

}

#sdmt_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #666;
	color: #FFF;
	margin-bottom: 0;
	padding-bottom: 0;
}

#sdmt_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #FFF;
}

.sdmt_details_section {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #929292;
}

.sdmt_details_section h2 {
	font-size: 20px;
	color: #000000;
	margin: 0 0 3px;
}

.sdmt_details_section h3 {
	font-size: 16px;
	font-weight: 400;
	color: #444444;
	margin: 0 0 10px;
}

.sdmt_details_section p {
	font-size: 14px;
}

.sdmt_details_section .sdmt_buttons {
	margin-top: 40px;
}

.sdmt_details_section .sdmt_toggle_el, .sdmt_videos_item .sdmt_toggle_el {
	position: relative;
}

.sdmt_details_section .sdmt_toggle_el:before, .sdmt_videos_item .sdmt_toggle_el:before {
	content: "";
	position: absolute;
	display: block;
	width: 26px;
	height: 26px;
	background: url('../img/arrow-down.png') no-repeat;
	left: -26px;
	background-size: 26px;
}

.sdmt_details_section .sdmt_toggle_el.sdmt_open:before, .sdmt_videos_item .sdmt_toggle_el.sdmt_open:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

a.sdmt_btn_details {
	background-color: #7A99AC;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 7px;
	border-radius: 5px;
	text-decoration: none;
}

.sdmt_detail_series_list ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.sdmt_detail_series_list ul li, .tech_hotlines_item, .sdmt_videos_item_title {
	padding: 10px 20px;
	background: #EFEFEF;
}

.sdmt_detail_series_list ul li:nth-child(odd), .tech_hotlines_item:nth-child(odd), .sdmt_videos_item:nth-child(odd) .sdmt_videos_item_title, .sdmt_system_component:nth-child(odd) {
	background: #fafafa;
	
}

.sdmt_tube_icon {
	display: inline-block;
	background: url('../img/youtube-play.png') no-repeat;
	width: 32px;
	height: 32px;
	margin-bottom: 2px;
	vertical-align: middle;
}

.sdmt_system_component {
	padding: 7px 10px;
	background: #EFEFEF;
	color: #666666;
	font-size: 16px;
}

.sdmt_system_component a {
	color: #247DE3;
	text-decoration: none;
}

.sdmt_system_component .sdmt_pull_right .sdmt_toggle_el {
	color: #666;
	margin-right: 20px;
	font-weight: 400;
	position: relative;
}

.sdmt_system_component .sdmt_pull_right .sdmt_toggle_el:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 12px;
	border-color: transparent transparent transparent #666666;
	content: "";
	position: absolute;
	left: -20px;
	top: 4px;
	-webkit-transition: transform 300ms;
	-moz-transition: transform 300ms;
	-ms-transition: transform 300ms;
	-o-transition: transform 300ms;
	transition: transform 300ms;
}

.sdmt_system_component .sdmt_pull_right .sdmt_toggle_el.sdmt_open:before {
	-webkit-transform: rotate(90Deg);
	-moz-transform: rotate(90Deg);
	-ms-transform: rotate(90Deg);
	-o-transform: rotate(90Deg);
	transform: rotate(90Deg);
}

.sdmt_pull_right a {
	font-weight: bold;
}

.sdmt_system_component_alternative {
	border-top: 1px solid #fff;
	margin: 0 -10px;
	padding: 7px 10px;
}

.sdmt_system_component_alternatives {
	margin-top: 10px;
}

.sdmt_system_component_count {
	background: #666666 none repeat scroll 0 0;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 25px;
	text-align: center;
	width: 25px;
	float:left;
}

.sdmt_detail_series_list ul li a {
	text-decoration: none;
	color: #444444;
	font-size: 14px;
}

.tech_hotlines_item {
	color: #444;
	line-height: 1.2;
	display: flex;
}

.tech_hotlines_text {
	padding-top: 9px;
	flex: auto;
	margin-left: 10px;
}

.tech_hotlines_file_ref {
	font-size: 0.8em;
	color: #666;
}

.sdmt_file_type {
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 30px;
	position: relative;
}

a.sdmt_file_type {
	text-decoration: none;
}

.sdmt_file_type:after {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	background-size: 21px;
	background-repeat: no-repeat;
}

.sdmt_file_type.pdf:after {
	background-image: url('../img/icon_pdf.png');
	width: 25px;
	height: 21px;
}

.sdmt_file_type.dwg:after {
	background-image: url('../img/icon_dwg.png');
	width: 26px;
	height: 21px;
}

.sdmt_file_type.doc:after {
	background-image: url('../img/icon_doc.png');
	width: 25px;
	height: 21px;
}

.sdmt_file_type.video:after {
	background-image: url('../img/icon-screen.png');
	width: 25px;
	height: 21px;
}

.sdmt_file_type.url:after {
	background-image: url('../img/icon-url.png');
	width: 21px;
	height: 21px;
}

.sdmt_file_type.add:after {
	background-image: url('../img/icon-add.png');
	width: 25px;
	height: 21px;
}

.tech_hotlines_item a.sdmt_copy_button, .sdmt_videos_list a.sdmt_copy_button {
	text-decoration: none;
}

.tech_hotlines_item a.sdmt_file_type, .tech_hotlines_item a.sdmt_copy_button {
	display: inline-block;
	top: -10px;
	position: relative;
}

.sdmt_video_series_list {
	padding: 20px;
}

#swipebox-overlay {
	background-color: rgba(0, 0, 0, 0.8);
}

.sdmt_video_series_list_doc {
	padding-bottom: 20px;
}

/* Documentation center  -2px -2px 5px 0 rgba(0, 0, 0, 0.3) */
.sdmt_documentation_center_file_types, .sdmt_file_cart {
	-webkit-box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.3);
	box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.3);
	margin: 20px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;;
}

a.sdmt_doc_center_title, .sdmt_file_cart_title {
	font-weight: bold;
	color: #666666;
	padding: 12px 20px 12px 40px;
	line-height: 1;
	border-top: 1px solid #DEDEDE;
	background: #F2F2F2;
	display: block;
	text-decoration: none;
	z-index: 20;
	position: relative;
}

.sdmt_doc_center_open:first-child .sdmt_doc_center_title {
	border-top: 0;
}

.sto_category .sdmt_doc_center_title {
	background-color: #FFFBE7;
}

.sto_category:first-child > .sdmt_doc_center_title {
	padding-top: 16px;
}

.sto_subcategory .sdmt_doc_center_title {
	padding-left: 60px;
	background-color: #EAE6D1;
}

.sto_group .sdmt_doc_center_title {
	background-color: #D0CDBA;
	padding-left: 80px;
}

.sdmt_doc_center_docs {

}

.sto_subcategory .sdmt_doc_center_file {
	padding-left: 15px;
}

.sto_group .sdmt_doc_center_file {
	padding-left: 20px;
}

.sdmt_doc_center_file {
	background: #E2E9F1;
	padding: 12px 20px;
	line-height: 1;
	border-top: 1px solid #DEDEDE;
}

.sdmt_doc_center_file:nth-child(odd) {
	background: #F2F2F2;
}

.sdmt_doc_center_docs, .sdmt_doc_center_categories {
	height: 0;
	overflow: hidden;
	z-index: 10;
	position: relative;
}

.open > .sdmt_doc_center_docs, .open > .sdmt_doc_center_categories {
	height: auto;
}

/*.open > .sdmt_doc_center_title.sdmt_doc_center_open {*/
/*-webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);*/
/*-moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);*/
/*box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);*/
/*}*/
.open > .sdmt_doc_center_categories div:first-child > .sdmt_doc_center_title {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) inset;
}

.sdmt_documentation_center_file_type.open > .sdmt_doc_center_title:after, .sdmt_documentation_center_file_type.open > .sdmt_doc_center_title:before {
	position: absolute;
	top: 100%;
	left: 20px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10px 0 10px;
	border-color: #F2F2F2 transparent transparent transparent;
}

.sdmt_documentation_center_file_type.open > .sdmt_doc_center_title:before {
	border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
	margin-top: 2px;
}

.sdmt_plus {
	position: relative;
}

.sdmt_plus::before, .sdmt_plus::after {
	background-color: #999;
	content: "";
	height: 14px;
	left: -12px;
	position: absolute;
	top: 3px;
	width: 4px;
}

.sdmt_plus::after {
	height: 4px;
	left: -17px;
	top: 8px;
	width: 14px;
}

.sto_category .sdmt_plus::before, .sto_category .sdmt_plus::after {
	background-color: #F3E183;
}

.sto_subcategory .sdmt_plus::before, .sto_subcategory .sdmt_plus::after {
	background-color: #666666;
}

.sto_group .sdmt_plus::before, .sto_group .sdmt_plus::after {
	background-color: #999999;
}

.sdmt_documentation_center_file_types a {
	text-decoration: none;
}

.sdmt_documentation_center_file_types .sdmt_file_type::after {
	left: 5px;
}

/* File cart sidebar */
.sdmt_file_cart_title {
	padding-left: 20px;
	background-color: #DDDDDD;
}

.sdmt_file_cart_title a.sdmt_file_cart_clear {
	color: #4B3333;
	font-size: 13px;
	text-decoration: none;
	margin-top: 3px;
}

.sdmt_file_cart {
	background-color: #F7F6F6;
}

.sdmt_file_cart_download {
	padding: 10px;
	display: none;
}

a.sdmt_download_file_cart {
	color: #666666;
	text-decoration: none;
	padding-left: 25px;
	background: url('../img/icon_cloud.png') no-repeat left;
	-webkit-background-size: 21px;
	background-size: 21px;
}

.sdmt_file_cart_selected {
	padding: 20px 10px;
}

.sdmt_remove, .sdmt_question_icon, .sdmt_ok_icon, .sdmt_doc_center_icon, .sdmt_logout_icon, .sdmt_profile_icon, .sdmt_home_icon, .sdmt_admin_icon, .sdmt_approval_icon {
	background: url('../img/icon_remove.png') no-repeat;
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.sdmt_logout_icon {
	background-image: url('../img/icon-logout.png');
	background-size: 21px;
	margin-top: -3px;
}

.sdmt_profile_icon {
	background-image: url('../img/icon-profile.png');
	background-size: 21px;
	margin-top: -3px;
}
.sdmt_home_icon {
	background-image: url('../img/icon-home.png');
	background-size: 21px;
	margin-top: -3px;
}
.sdmt_admin_icon {
	background-image: url('../img/icon-admin.png');
	background-size: 21px;
	margin-top: -3px;
}
.sdmt_approval_icon {
	background-image: url('../img/icon-approval.png');
	background-size: 21px;
	margin-top: -3px;
}

.sdmt_question_icon {
	background-image: url('../img/icon-help.png');
}

.sdmt_ok_icon {
	background-image: url('../img/icon-ok.png');
	vertical-align: text-bottom;
}

.sdmt_doc_center_icon {
	background-image: url('../img/icon_doc_center.png');
	background-size: 21px;
	margin-right: 0;
	margin-left: -5px;
}

.sdmt_file_cart_include {
	padding: 5px 0;
	color: #247DE3;
}

/* search iframe */
.sdmt_search_body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sdmt_search_body {
	background: transparent;
}

.sdmt_search_body #wpadminbar {
	display: none;
}

.sdmt_search_container {
	background-color: #fff;
	border-left: 12px solid #FFD700;
	max-width: 530px;
	margin: 0 auto;
}

.sdmt_search_form {
	padding: 20px;
}

.sdmt_search_container img {
	max-width: 100%;
}

.sdmt_input {
	width: 100%;
}

.sdmt_btn, a.sdmt_btn {
	background-color: #247DE3;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
	text-decoration: none;
	text-align: center;
	line-height: normal;
	display: inline-block;
}

.sdmt_btn:hover, a.sdmt_btn:hover {
	background-color: #1b5ca7;
}

.sdmt_btn.sdmt_btn_green {
	background-color: #32C24D;
}

.sdmt_btn.sdmt_btn_green:hover {
	background-color: #2CAA43;
	color: #FFF;
}

.sdmt_btn.sdmt_btn_grey {
	background-color: #7A99AC;
}

.sdmt_btn.sdmt_btn_grey:hover {
	background-color: #5f7786;
	color: #FFF;
}

.sdmt_btn_wide {
	display: block;
	width: 100%;
}

.sdmt_search_results a {
	color: #247DE3;
	text-decoration: none;
}

.sdmt_search_results h4, .sdmt_search_results h4 a {
	font-size: 20px;
}

.sdmt_search_results_message, .sdmt_search_results h5 {
	font-size: 16px;
}

.sdmt_search_results_message {
	margin-top: 10px;
}

.sdmt_search_results h4 {
	margin-bottom: 0;
}

.sdmt_search_results h5 {
	color: #666666;
	margin-top: 0;
}

.sdmt_search_results_contact {
	margin: 20px 0;
}

.sdmt_search_results_contact a {
	padding-left: 30px;
	background: url('../img/icon_pin.png') no-repeat left center;
	font-size: 18px;
	margin-right: 10px;
	height: 24px;
	display: inline-block;
}

.sdmt_search_results_contact a.phone {
	background-image: url('../img/icon_phone.png');
}

.sdmt_search_results_contact a.sdmt_copy_button {
	background-image: none;
	padding-left: 0;
}

.sdmt_search_results .sdmt_documents_list_list {
	max-width: 300px;
}

.sdmt_search_results .sdmt_documents_list_list li {
	margin-bottom: 10px;
	text-align: right;
}

.esubmittal_login_description h1, .sdmt_generator h2 {
	border-bottom: 3px solid #FFD700;
}

.esubmittal_login_description h3 {
	font-size: 18px;
	margin: 10px 0 0;
	font-weight: 400;
}

.esubmittal_login_description h2 {
	margin-top: 20px;
}

.esubmittal_login_description h2 a {
	text-decoration: none;
	color: #247DE3;
}

.sdmt_login_box {
	margin: 100px 50px;
	-webkit-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1);
	padding: 30px;
}

.sdmt_login_box h2 {
	margin-bottom: 24px;
	color: #666666;
}

.sdmt_form_row {
	margin-top: 10px;
	margin-bottom: 10px;
}

.esubmittal {
	margin-top: 30px;
	margin-bottom: 50px;
	padding: 40px 20px;
	-webkit-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.1);
	border-left: 12px solid #FFD700;
}

.esubmittal.sdmt_no_border {
	border: none;
	padding: 0;
}

a.sdmt_small_link {
	font-size: 12px;
	text-decoration: none;
	color: grey;
}

.esubmittal .sdmt_input:-moz-placeholder {
	color: #999999;
}

.esubmittal .sdmt_input::-webkit-input-placeholder {
	color: #999999;
}

.esubmittal .sdmt_input::-moz-placeholder {
	color: #999999;
}

.esubmittal .sdmt_input:-ms-input-placeholder {
	color: #999999;
}

.esubmittal .sdmt_input {
	background-color: #EFEFEF;
	border-color: #EFEFEF;
	text-transform: none;
}

.esubmittal_border_right {
	position: relative;
}

.esubmittal_border_right:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -20px;
	width: 2px;
	content: "";
	background-color: #F0F0F0;
}

.esubmittal .select2-container--default .select2-selection--single,
.sdmt_content .select2-container--default .select2-selection--single,
.sdmt_search_container .select2-container--default .select2-selection--single {
	border-radius: 2px;
	height: 37px;
	background-color: #efefef;
	border-color: #efefef;
	
}

.esubmittal .select2-container--default .select2-selection--single .select2-selection__rendered,
.sdmt_content .select2-container--default .select2-selection--single .select2-selection__rendered,
.sdmt_search_container .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
	color: #999999;
}

.esubmittal .select2-container--default .select2-selection--single .select2-selection__arrow,
.sdmt_content .select2-container--default .select2-selection--single .select2-selection__arrow,
.sdmt_search_container .select2-container--default .select2-selection--single .select2-selection__arrow {
	background-color: #B3B3B3;
	width: 36px;
	height: 36px;
}

.esubmittal .select2-container--default .select2-selection--single .select2-selection__arrow b,
.sdmt_content .select2-container--default .select2-selection--single .select2-selection__arrow b,
.sdmt_search_container .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #666666 transparent transparent;
	border-width: 8px 6px 0;
	margin-left: -6px;
	margin-top: -3px;
}

.select2-dropdown {
	background-color: #efefef;
	border-color: #efefef;
}

.sdmt_small {
	font-size: 0.8em;
}

.sdmt_blue {
	color: #247de3;
}

label.error {
	color: #E3241C;
}

#terms-error {
	display: block !important;
	width: 100%;
}

#state-error {
	margin-top: 36px;
	position: absolute;
}

.sdmt_notice {
	background: #e37271 none repeat scroll 0 0;
	border-radius: 2px;
	color: #444;
	padding: 10px;
	clear: both;
}

.esubmittal_content {
	padding: 15px 20px;
}

.esubmittal_nav {
	background: #ffd700;
	border-bottom: 1px solid #dddddd;
	padding: 0 20px;
}
.esubmittal_nav_sub {
	background: #f7f7f7;
	border-bottom: 1px solid #dddddd;
	padding: 0 20px;
}

.esubmittal_menu {
	list-style: none;
	margin: 0;
	display: inline-block;
}

.esubmittal_menu.sdmt_pull_right li a {
	padding: 0 5px;
}

.esubmittal_menu li {
	display: inline-block;
}

.esubmittal_menu li a {
	display: block;
	padding: 0 10px;
	color: #353C46;
	text-decoration: none;
	line-height: 1;
	text-transform: uppercase;
	font-size: 13px;
}
.esubmittal_menu_info {
	margin-left: -20px;
	color: blue !important;
}
.esubmittal_menu li a span {
	padding: 24px 0 21px;
	display: block;
	border-bottom: 3px solid transparent;
}

.sdmt_es_home #es_home span,
.sdmt_es_new_project #es_new_project span,
.sdmt_es_saved_projects #es_saved_projects span,
.sdmt_es_dashboard #es_dashboard_url span {
	border-color: #247de3;
}

.sdmt_es_new_project ::placeholder {
	text-transform: uppercase;
}

.sdmt_es_new_project ::-moz-placeholder {
	text-transform: uppercase;
}

.sdmt_es_new_project ::-webkit-input-placeholder {
	text-transform: uppercase;
}

.sdmt_es_new_project :-ms-input-placeholder {
	text-transform: uppercase;
}

.esubmittal_content h1 {
	padding-bottom: 0px;
	border-bottom: 2px solid #FFD700;
	margin-bottom: 10px;
	display: inline-block;
}

.esubmittal_content h3 {
	display: block;
	font-weight: 400;
	font-size: 20px;
	margin: 5px 0 15px;
}

.esubmittal_content h2 {
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin: 7px 0 !important;

}

.es_home_step_name {
	display: inline-block;
	background-color: #FFFBE7;
	border: 3px solid #EAE6D1;
	border-radius: 8px;
	padding: 4px 8px;
	line-height: 1;
	color: #666666;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
}

.es_home_step p {
	margin: 10px 0;
	color: #666666;
}

.esubmittal_buttons_row {
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.sdmt_projects_actions a {
	color: #247de3;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

table.sdmt_table {
	width: 100%;
}

table.sdmt_table, table.sdmt_table td, table.sdmt_table th, table.sdmt_table tr {
	border: none;
}

table.sdmt_table th {
	background-color: #F2F2F2;
	color: #000;
	font-weight: bold;
	padding: 20px 5px 5px;
}

table.sdmt_table td {
	background-color: #F2F2F2;
	font-size: 14px;
	color: #666;
	padding: 5px;
	max-width: 175px;
}

table.sdmt_table tr:nth-child(odd) td {
	background-color: #DDDDDD;
	max-width: 175px;
}

.sdmt_project_details {
	background-color: #F2F2F2;
        
}

.sdmt_project_details .sdmt_project_details_title {
	background-color: #e9e9e9;
	text-transform: uppercase;
	line-height: 1;
	padding: 10px;
}

.sdmt_project_details .sdmt_project_details_title a {
	color: #247de3;
	font-weight: bold !important;
}

.sdmt_project_details_content {
	padding: 10px;
}

.sdmt_project_details dt {
	font-weight: bold;
	clear: left;
}

.sdmt_project_details dd,
.sdmt_project_details dt {
	float: left;
	display: block;
	margin-bottom: 5px;
}

.sdmt_project_details dl {
	margin-bottom: 0;
}

.sdmt_project_count {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 0px;
	font-weight: 900;
	color: red;
}

.sdmt_project_count_name, .sdmt_project_count {
	color: #666;
	line-height: 1;
	text-align: center;
}

.sdmt_project_count_container .sdmt_col_4 {
	border-left: 1px solid #DDDDDD;
	padding-top: 20px;
	padding-bottom: 20px;
}

.sdmt_spacer {
	margin: 20px;
}

.sdmt_es_box {
	border: 3px solid #666;
	background-color: #FFd700;
	display: block;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-ms-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
	text-decoration: none !important;
}

.sdmt_es_box:hover {
	border-color: #333;
	background-color:#fafafa;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-ms-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
	text-decoration: none !important;
}

.sdmt_es_box > img {
	display: block;
	width: 100%;
}

.sdmt_ex_box_title {
	display: block;

	color: #666666;
	text-align: center;
	line-height: 1;
	font-size: 20px;
	font-weight: 700;
	padding: 18px 10px;
	text-transform: uppercase;
}

.es_add_content .sdmt_es_box .sdmt_ex_box_title {
	font-size: 18px;
	text-transform: none;
	min-height: 72px;
}

.sdmt_es_breadcrumbs {
	list-style: none;
	margin: 0;
}

.sdmt_es_breadcrumbs li {
	display: inline-block;
}

.sdmt_es_breadcrumbs li a,
.sdmt_es_breadcrumbs li span {
	color: #247de3;
	text-decoration: none;
}

.sdmt_es_breadcrumbs li span.sdmt_es_breadcrumbs_separator {
	margin: 0 5px;
	font-weight: bold;
}

.sdmt_inline {
	display: inline;
}

.sdmt_system_select_documents {
	    background-color: #fff4d2;
    padding: 25px;
    margin: -20px 10px 10px 10px;
}

.sdmt_system_select_documents_components {
	background-color: #F2F2F2;
	padding: 0px;
}

.sdmt_system_select_documents.sdmt_accessory_products {
	background-color: #fffee4;
	margin-top: 5px;
}
.sdmt_system_select_documents_components.sdmt_accessory_products {
	background-color: #fffee4;
	margin: -10px 10px 5px 10px;
	padding: 0px 10px;
}
.sdmt_system_title {
	font-size: 22px;
	margin: 0;
	font-weight: 400;
}

.sdmt_col_12 h3.sdmt_system_title {
	font-size: 22px !important;
	margin: 0px;
	line-height: 20px;
}

.sdmt_border-top {
	border-top: 1px solid #999999;
	padding-top: 5px;
}

.sdmt_col_12 h3.sdmt_system_title .sdmt_ok_icon {
	vertical-align: middle;
}

.sdmt_system_desc_area .sdmt_docs_check {
	display: flex;
	flex-flow: row wrap;
}

.sdmt_system_desc_area .sdmt_docs_check h2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	margin-bottom: 0;
}

.sdmt_docs_check label {
	color: #000000;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
						   not supported by any browser */
}

.sdmt_docs_check.disabled {
	pointer-events: none;
	opacity: 0.5;
	display: none;
}
.sdmt_docs_check label.sdmt_select_all_label {
	font-weight: bold;
}

.sdmt_docs_check label.sdmt_select_all_label_default {
	font-weight: bold;
	display: block;
	transition: 0.3s;
	font-size:14px;
}
.sdmt_docs_check label.sdmt_select_all_label_default:hover {
	font-weight: bold;
	display: block;
	color:#FFD700;
	transition: 0.3s;
	font-size:15px;
}

.sdmt_system_products_title {
	background-color: #D6D6D6;
	color: #666;
	padding: 5px;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
}

.sdmt_system_products_title .sdmt_regular {
	font-weight: 400;
	font-size: 14px;
}

.loading {
	position: relative;
}

.loading .sdmt_ok_icon.show_loader {
	background-image: url('../img/ajax-loader.gif');
	background-position: center;
}

.sdmt_doc_center_docs .sdmt_row.sdmt_docs_check {
	margin: 0;
	background: #fff;
	font-size:14px;
	font-weight:normal;
	line-height: 22px;
}
.sdmt_doc_center_docs .sdmt_row.sdmt_docs_check a {
	margin: 0;
	background: #fff;
	font-size:14px;
	font-weight:normal;
	line-height: 22px;
}

/* esubmittal generate page */
.sdmt_es_sortable.ui-sortable {
	position: relative;
	overflow: auto;
}

.sdmt_es_sortable_item {
	padding: 5px;
	background-color: #F2F2F2;
	margin-bottom: 10px;
}

.sdmt_es_sortable_item.ui-sortable-helper {
	z-index: 99;
}

.sdmt_doc_type {
	color: #247de3;
}

.sdmt_doc_title {
	color: #666;
	font-weight: bold;
}

.sdmt_checkbox_row {
	display: inline-block;
	margin: 0 10px 0 0;
	padding-top: 6px;
}

.sdmt_checkbox_row input {
	margin-right: 5px;
}

.sdmt_es_sortable_item {
	position: relative;
}

.sdmt_es_sortable_item .sdmt_checkbox_row {
	/*padding-top: 0;*/
}

.sdmt_es_sortable_item .sdmt_row {
	margin: 0 35px 0 0;
}

.sdmt_grey_text {
	color: #666;
}

.sdmt_es_sortable_item .sdmt_remove_doc {
	position: absolute;
	right: 15px;
	top: 10px;
}

.sdmt_es_sortable_item .sdmt_docs_check label {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sdmt_es_sortable_item .sdmt_docs_check_details label {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* css for stocorp */
.sdmt_search_body .bne-flyout-wrapper {
	display: none;
}

/* loader el */
#sdmt_loader {
	display: none;
	position: absolute;
	background-image: url('../img/ajax-loader.gif');
	width: 16px;
	height: 16px;
	z-index: 999;
}

/* generator iframe */
.sdmt_generator {
	max-width: 780px;
}

.sdmt_generator .sdmt_col_6,
.sdmt_generator .sdmt_col_5 {
	padding-top: 0;
	padding-bottom: 0;
}

.sdmt_generator h2 {
	margin-right: 20px;
	font-size: 25px;
	margin-top: 25px;
}

.sdmt_es_download_text {
	/*height: 170px;*/
	padding: 0 20px 0 0;
	text-align: left;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 100;
}

#sdmt_email_response_text {
	max-width: 60%;
	margin: 0 auto;
}

#sdmt_email_response_text p {
	margin: 5px 0;
	font-weight: 100;
	padding-left: 32px;
}
#sdmt_email_response_text h3 {
	font-weight: 300;
    margin-top: 15px
}

.sdmt_generator label {
	display: block;
	margin-bottom: 25px;
	margin-right: 10px;
	text-align: center;
	margin-top: 25px;
}

.sdmt_btn_disabled {
	opacity: 0.5;
	pointer-events: none;
}

.sdmt_search_container.sdmt_generator > .sdmt_row {
	max-width: 100%;
	display: flex;
}

.sdmt_search_container.sdmt_generator > .sdmt_row .sdmt_col_7 {
	position: relative;
	padding-bottom: 60px;
}

.sdmt_generator .buttons-row {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	padding: 0 10px;
}

.swipebox-video {
	max-width: 780px;
	margin: 0 auto;
}

.sdmt_separator {
	border-bottom: 1px solid #e4e4e4;
	margin: 20px 0;
}

#sdmt_tabs {
	margin-bottom: 250px;
}

#sdmt_tabs.ui-tabs .ui-tabs-nav li {
	white-space: normal;
	width: 20%;
	text-align: center;
	display: inline-block;
	height: 55px;
	margin: 0 0 0 20px;
	line-height: 50px;
}

#sdmt_tabs.ui-tabs .ui-tabs-nav li:first-child {
	margin-left: 0;
}

#sdmt_tabs.ui-tabs .ui-tabs-nav li a {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	float: none;
	line-height: normal;
}

#sdmt_tabs.ui-tabs .ui-tabs-nav li a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

#sdmt_tabs.ui-tabs .ui-tabs-nav {
	display: flex;
}

.sdmt_50 {
	opacity: 0.5;
}

.sdmt_file_cart.stick {
	margin-top: 0 !important;
	position: fixed;
	top: 175px;
	z-index: 10000;
	/*height: 100%;*/
	padding-top: 0;
	padding-bottom: 5px;
	overflow: auto;
	background: #f7f6f6 !important;
}

.admin-bar .sdmt_file_cart.stick {
	top: 207px;
}

.sdmt_file_cart.stick .sto_preview_tile {
	/*margin-top: 20px;*/
}

#sticky-anchor {
	width: 25%;
	float: left;
}

.sdmt_file_cart.hide {
	display: none;
}

.single-sto_products .page-header.wpex-supports-mods, .single-sto_products #footer-callout-wrap, .single-sto_systems .page-header.wpex-supports-mods, .single-sto_systems #footer-callout-wrap {
	display: none;
}

.single-sto_products .sdmt_content, .single-sto_systems .sdmt_content {
	margin-top: 30px;
}

input[type="text"].sto_clip_input {
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	text-transform: none;
	display: inline-block;
	position: absolute;
	z-index: -999;
	pointer-events: none;
	opacity: 0;
}

.select2-selection__clear {
	font-size: 24px;
	right: 25px;
	z-index: 999;
}

.sdmt_ex_box_image {
	display: block;
	/*min-height: 285px;*/
}

.sdmt_ex_box_title {
	/*min-height: 36px;*/
}

@media ( min-width: 768px ) {
	.es_add_content {
		display: flex;
		flex-flow: row wrap;
		margin: 20px 0px 10px 0px;
	}
}

#sto_search_new_container {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999 !important;
	overflow: hidden;
}

#sto_search_new_container.show {
	display: block;
}

#sto_search_new {
	display: block;
	width: 860px;
	max-width: 100%;
	margin: 0 auto;
	height: 100%;
}

#sto_search_new .sdmt_search_container {
	border: 12px solid #FFD700;
	/*top: 50%;*/
	position: relative;
	/*margin-top: -50%;*/
	max-width: 890px;
}

#sto_search_new .sdmt_search_container::after {
	content: "";
	background: url('../img/search_new_bg.jpeg') no-repeat center center;
	background-size: cover;
	opacity: 0.08;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 1;
}

#sto_search_new .sdmt_search_container .sdmt_search_form {
	position: relative;
	z-index: 10;
}

#sto_search_new .gsc-results-wrapper-overlay {
	left: 15%;
	font-family: "Open Sans", sans-serif !important;
}

@media ( max-width: 767px ) {
	#sto_search_new .gsc-results-wrapper-overlay {
		left: 5%;
		width: 90%;
	}
}

body > .select2-container {
	z-index: 10500;
}

#sto_search_new #sdmt_search_product {
	width: 100%;
}

.sdmt_close_search {
	position: absolute;
	top: 0;
	right: 3px;
	font-size: 20px;
	line-height: 1;
	z-index: 20;
	color: #888888;
}

.sdmt_col_4.sdmt_search_title h2 {
	margin: -2px 0 0;
	font-size: 46px !important;
	line-height: 1;
	color: #555555;
	font-weight: 800;
	letter-spacing: 2px;
	border-right: 2px solid #FFD700;
}

.sdmt_search_description p {
	margin: 0;
}

.sdmt_search_description p a {
	color: #1464F6;
}

#sto_search_new .sdmt_input, #sto_search_new .sdmt_search_container .select2-container--default .select2-selection--single {
	padding-left: 36px;
	padding-right: 8px;
	background: #FFF;
	border-radius: 1px;
	border: 1px solid #888888;
}

#sto_search_new .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: auto;
	left: 0;
	background: none;
	width: 42px;
	height: 42px;
}

#sto_search_new .select2-container .select2-selection--single .select2-selection__rendered {

}

.sto_search_row_bg {
	background: rgba(0, 0, 0, 0.2);
	padding: 20px;
	border-radius: 5px;
}

.sdmt_input_icon {
	position: relative;
}

.sdmt_input_icon i {
	position: absolute;
	top: 12px;
	left: 11px;
	z-index: 50;
	font-size: 1.5em;
}

h3.search_subtitle {
	line-height: 1;
	font-size: 16px;
	color: #666666;
	font-weight: 700;
	margin: 15px 0 3px;
}

.sdmt_search_text {
	margin-bottom: 45px;
}

#sto_search_new .sdmt_search_container .select2-container--default .select2-selection--single {
	height: 42px;
}

#sto_search_new .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 42px;
	padding-left: 0;
}

#sto_search_new .select2-selection__clear {
	right: -15px;
}

#sto_search_new .sdmt_btn {
	font-size: 14px;
}

.sdmt_defocus {
	opacity: 0.5;
	pointer-events: none;
}

/** CSE STYLES **/
#sto_search_new .gsc-control-cse {
	padding: 0;
	font-family: 'Open Sans', sans-serif !important;
	border: none;
	background: transparent !important;
}

#sto_search_new .gsc-search-box, #sto_search_new .gsc-search-box {
	padding: 0;
	margin: 0;
}

#sto_search_new input.gsc-input {
	width: 100%;
	color: #999;
	display: inline-block;
	font-size: 14px;
	transition: .15s linear border;
	-webkit-appearance: none;
	max-width: 100%;
	line-height: inherit;
	text-transform: uppercase;
	font-family: 'Open Sans';
	font-weight: 700;
	padding: .6em 8px .6em 36px;
	background: #FFF;
	border-radius: 1px;
	border: 1px solid #888888;
	box-shadow: none;
}

#sto_search_new table.gsc-search-box td.gsc-input {
	display: block;
	width: 83.3333333%;
	position: relative;
	padding: 5px 10px;
	float: left;
}

@media ( max-width: 767px ) {

	#sto_search_new table.gsc-search-box td.gsc-input {
		width: 100%;
	}
}

#sto_search_new table.gsc-search-box td.gsc-search-button {
	display: block;
	width: 16.66666%;
	padding: 5px 10px;
	float: left;
}

@media ( max-width: 767px ) {

	#sto_search_new table.gsc-search-box td.gsc-search-button {
		width: 100%;
		float: right;
		text-align: right;
	}
}

#sto_search_new .gsc-clear-button {
	display: none;
}

#sto_search_new table.gsc-search-box td.gsc-input:before {
	position: absolute;
	content: "\f002";
	top: 9px;
	left: 20px;
	z-index: 50;
	font-size: 1.5em;
	display: inline-block;
	font-family: 'FontAwesome' !important;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#sto_search_new input.gsc-search-button {
	background-color: #247DE3;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
	text-decoration: none;
	text-align: center;
	line-height: normal;
	display: inline-block;
	font-family: 'Open Sans', 'sans-serif';
	height: auto;
	cursor: pointer;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}

#sto_search_new input.gsc-search-button:hover {
	background-color: #1b5ca7;
}

.sdmt_or {
	line-height: 36px;
	text-align: center;
}

/* tooltips*/
.tooltipped {
	position: relative
}

.tooltipped:after {
	position: absolute;
	z-index: 1000000;
	display: none;
	padding: 5px 8px;
	font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: break-word;
	white-space: pre;
	pointer-events: none;
	content: attr(aria-label);
	background: rgba(0, 0, 0, 0.8);
	border-radius: 3px;
	-webkit-font-smoothing: subpixel-antialiased
}

.tooltipped:before {
	position: absolute;
	z-index: 1000001;
	display: none;
	width: 0;
	height: 0;
	color: rgba(0, 0, 0, 0.8);
	pointer-events: none;
	content: "";
	border: 5px solid transparent
}

.tooltipped:hover:before, .tooltipped:hover:after, .tooltipped:active:before, .tooltipped:active:after, .tooltipped:focus:before, .tooltipped:focus:after {
	display: inline-block;
	text-decoration: none
}

.tooltipped-multiline:hover:after, .tooltipped-multiline:active:after, .tooltipped-multiline:focus:after {
	display: table-cell
}

.tooltipped-s:after, .tooltipped-se:after, .tooltipped-sw:after {
	top: 100%;
	right: 50%;
	margin-top: 5px
}

.tooltipped-s:before, .tooltipped-se:before, .tooltipped-sw:before {
	top: auto;
	right: 50%;
	bottom: -5px;
	margin-right: -5px;
	border-bottom-color: rgba(0, 0, 0, 0.8)
}

.tooltipped-se:after {
	right: auto;
	left: 50%;
	margin-left: -15px
}

.tooltipped-sw:after {
	margin-right: -15px
}

.tooltipped-n:after, .tooltipped-ne:after, .tooltipped-nw:after {
	right: 50%;
	bottom: 100%;
	margin-bottom: 5px
}

.tooltipped-n:before, .tooltipped-ne:before, .tooltipped-nw:before {
	top: -5px;
	right: 50%;
	bottom: auto;
	margin-right: -5px;
	border-top-color: rgba(0, 0, 0, 0.8)
}

.tooltipped-ne:after {
	right: auto;
	left: 50%;
	margin-left: -15px
}

.tooltipped-nw:after {
	margin-right: -15px
}

.tooltipped-s:after, .tooltipped-n:after {
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%)
}

.tooltipped-w:after {
	right: 100%;
	bottom: 50%;
	margin-right: 5px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}

.tooltipped-w:before {
	top: 50%;
	bottom: 50%;
	left: -5px;
	margin-top: -5px;
	border-left-color: rgba(0, 0, 0, 0.8)
}

.tooltipped-e:after {
	bottom: 50%;
	left: 100%;
	margin-left: 5px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}

.tooltipped-e:before {
	top: 50%;
	right: -5px;
	bottom: 50%;
	margin-top: -5px;
	border-right-color: rgba(0, 0, 0, 0.8)
}

.tooltipped-multiline:after {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 250px;
	word-break: break-word;
	word-wrap: normal;
	white-space: pre-line;
	border-collapse: separate
}

.tooltipped-multiline.tooltipped-s:after, .tooltipped-multiline.tooltipped-n:after {
	right: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.tooltipped-multiline.tooltipped-w:after, .tooltipped-multiline.tooltipped-e:after {
	right: 100%
}

@media screen and (min-width: 0\0
) {
	.tooltipped-multiline:after {
		width: 250px
	}
}

.tooltipped-sticky:before, .tooltipped-sticky:after {
	display: inline-block
}

.tooltipped-sticky.tooltipped-multiline:after {
	display: table-cell
}

.fullscreen-overlay-enabled.dark-theme .tooltipped:after {
	color: #000;
	background: rgba(255, 255, 255, 0.8)
}

.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before, .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before, .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before {
	border-bottom-color: rgba(255, 255, 255, 0.8)
}

.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before {
	border-top-color: rgba(255, 255, 255, 0.8)
}

.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before {
	border-right-color: rgba(255, 255, 255, 0.8)
}

.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before {
	border-left-color: rgba(255, 255, 255, 0.8)
}
#sdmt_add_links_button {
    display: inline-block;
    margin-left: 10px;
    /* margin-top: 5px; */
    background-color: #FFd700;
    color: #000;
    /* float: right; */
    width: 31.6%;
	text-align: center;
}

#sdmt_add_links_button a {
	    padding: 5px 10px 5px 10px;
    color: #000;
    text-decoration: none;
    /* float: right; */
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    width: 100%;
	display: block;
}
#sdmt_add_links_button a:hover {
	padding: 5px 10px 5px 10px;
	background-color:#000;
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: block;
}

#sdmt_add_links_button_2 {
    display: inline-block;
    margin-left: 10px;
    /* margin-top: 5px; */
    background-color: #b4e2f1;
    color: #000;
    /* float: right; */
    width: 31.6%;
	text-align: center;
}

#sdmt_add_links_button_2 a {
	    padding: 5px 10px 5px 10px;
    color: #000;
    text-decoration: none;
    /* float: right; */
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    width: 100%;
	display: block;
}
#sdmt_add_links_button_2 a:hover {
	padding: 5px 10px 5px 10px;
	background-color:#000;
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: block;
}

#sdmt_add_links_button_3 {
    display: inline-block;
    margin-left: 10px;
    /* margin-top: 5px; */
    background-color: #e0e1e2;
    color: #000;
    /* float: right; */
    width: 31.6%;
	text-align: center;
}

#sdmt_add_links_button_3 a {
	    padding: 5px 10px 5px 10px;
    color: #000;
    text-decoration: none;
    /* float: right; */
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    width: 100%;
	display: block;
}
#sdmt_add_links_button_3 a:hover {
	padding: 5px 10px 5px 10px;
	background-color:#000;
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: block;
}
@media ( max-width: 768px ) {
	.sdmt_col_1,
	.sdmt_col_2,
	.sdmt_col_3,
	.sdmt_col_4,
	.sdmt_col_5,
	.sdmt_col_6,
	.sdmt_col_7,
	.sdmt_col_8,
	.sdmt_col_9,
	.sdmt_col_10,
	.sdmt_col_12 {
		width: 100%;
	}

	.sdmt_search_body .sdmt_col_5 {
		width: 41.6667%;
	}

	.sdmt_search_body .sdmt_col_7 {
		width: 58.3333333%;
	}

	.sdmt_search_body .sdmt_col_6 {
		width: 50%;
	}

	.sdmt_file_cart, .sdmt_docs_add_file {
		display: none;
	}

	.sto_subcategory .sdmt_doc_center_file {
		overflow: hidden;
		padding-left: 20px;
	}

	.sdmt_doc_center_file .sdmt_pull_right {
		clear: both;
		display: block;
		margin: 10px 0 0;
		/*width: 100%;*/
	}

	.sdmt_doc_center_file_title {
		margin: 10px 0 0;
		display: inline-block;
	}

	.sdmt_documentation_center_file_types {
		margin-left: -32px;
		margin-right: -32px;
	}

	.sdmt_documentation_center_file_types .sdmt_copy_button.blue {
		display: none;
	}
}
#per1 {
	width:47%;
	color:#333;
	font-size: 20px;
	background-color:#f9f9f9;
	margin: 0px 10px 20px 10px;
	line-height: 30px;
	height: 60px;

	opacity: 0.5;
  	filter: alpha(opacity=50);
	padding: 10px;
}
#per2 {
	width: 47%;
    color: #333;
    font-size: 20px;
    background-color: #f9f9f9;
    margin: 0px 10px 20px 10px;
    line-height: 30px;
    height: 60px;
    border: 5px #666 solid;
    padding: 10px;
}
#sys2 {    
	width: 47%;
    color: #333;
    font-size: 20px;
    background-color: #f9f9f9;
    margin: 0px 10px 20px 10px;
    line-height: 30px;
    height: 60px;
    border: 5px #666 solid;
    padding: 10px;
}
#pro1 {width:100%;
color:#333;
	font-size: 18px;
	background-color:#f9f9f9;
	line-height: 30px;
	height: 40px;
}
.sdmt_alternatives {
	    float: left;
    margin-top: -38px;
    margin-left: 48%;
}
.sdmt_btn_nonselected {
	background-color: #999;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
	text-decoration: none;
	text-align: center;
	line-height: normal;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	transition: 0.3s;
}
.sdmt_btn_nonselected:hover {
	background-color: #FFD700;
	text-decoration: none;
	transition: 0.3s;
}


.sdmt_btn2, a.sdmt_btn2 {
	background-color: #ffd700;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
	text-decoration: none;
	text-align: center;
	line-height: normal;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	transition: 0.3s;
}

.sdmt_btn2:hover, a.sdmt_btn2:hover {
	background-color: #FFD7;color:#000;transition: 0.3s;
}
#dontshow {
	display:none;
}
#twocols {
	width: 50%;
	float:left;
	display:block;
}
#system_select_button {
    display: block;
    min-width: 48%;
    background-color: #ffd700;
    color: #000;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 5px;
    float: left;
}
#system_select_button a {
	 display: block;
    min-width: 100%;
    background-color: #FFD700;
    color: #000;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 5px;
    float: left;
	text-decoration: none;
	transition: 0.3s;
	padding: 0px 20px 0px 20px;
}
#system_select_button a:hover {
	 display: block;
    min-width: 100%;
    background-color: #000;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 5px;
    float: left;
	color:#ffd700;
	text-decoration: none;
	transition: 0.3s;
	padding: 0px 20px 0px 20px;
}
#system_select_button input[type="checkbox"] {
	display: none;
}
#system_select_button:hover{
	    display: block;
    min-width: 48%;
    background-color: #000;
    color: #ffd700;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 5px;
    float: left;
}
#default_system {
	display:none
}
#build_system {
	display:block;
}
#sys_sel_def {
	display:none;
}
#sys_sel_build {
	display: block;
}
#sdmt_systems_header {
    width: 95.7%;
    min-height: 300px;
    padding: 10px 10px 10px 20px;
    background-color: #fff4d2;
    color: #000;
    font-size: 18px;
    font-weight: 900;
    line-height: 30px;
    margin-right: auto;
    margin-left: auto;
}
#sdmt_products_header {
    width: 97.8%;
    min-height: 300px;
    padding: 10px 10px 10px 20px;
    background-color: #b4e2f1;
    color: #000;
    font-size: 18px;
    font-weight: 900;
    line-height: 30px;
    margin-right: auto;
    margin-left: auto;
}
#sdmt_details_header {
    width: 97.8%;
    min-height: 300px;
    padding: 10px 10px 10px 20px;
    background-color: #e0e1e2;
    color: #000;
    font-size: 18px;
    font-weight: 900;
    line-height: 30px;
    margin-right: auto;
    margin-left: auto;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  color: #333;
  text-align: center;
	background-color:#ffd700;
  font-size: 11px;
	line-height: 12px;
  padding: 3px;
  width:160px;
  margin-left: -80px; /* Use half of the width (120/2 = 60), to center the tooltip */
  /* Position the tooltip */
  position: absolute;
	 bottom: 120%;
  left: 50%;
  z-index: 1;
  opacity: 0;
  transition: 0.1s;
	border: solid #000 1px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
	opacity: 1;
	transition: 0.5s;
}

.home-list {
	font-size:14px;line-height:18px;margin-bottom: 5px;
}
.home-list ul {
	font-size:14px;line-height:18px;margin-bottom: 5px;
}
.home-list li {
	font-size:14px;line-height:18px;margin-bottom: 5px;
}
.home-list a {
	color: #000000;
	display:block;
	width:100%;
	background-color: #e0e0e0;
	border-radius: 6px;
	padding: 5px 10px 5px 10px;
	transition: 0.3s;
}
.home-list a:hover {
	color: #FFD700;
	text-decoration: none;
	background-color: #000000;
	transition: 0.3s;
}
.welcomeuser {
	font-size: 18px;
	line-height: 30px;
	margin-top: 20px;
	font-weight: 700;
	margin-left:10px;
}
.linkbutton {
	background-color: #f0f0f0;
    border: none;
    color: #000000;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 10px;
    transition: 0.3s;
}