@font-face {
  font-family: 'Segoe MDL2 Assets';
  src: url("../../fonts/SegMDL2.1.55.woff") format("woff"); }

@font-face {
  font-family: 'Management MDL2 Assets';
  src: url("../../fonts/MgmtMDL2.1.8.woff") format("woff"); }

body {
  font-family: 'Segoe MDL2 Assets',Segoe UI,Segoe WP,Tahoma,Arial,sans-serif; }

.top-padding {
  padding-top: 50px !important; }

.alert {
  color: red;
  font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
  font-weight: bold; }

.tooltip {
  position: absolute;
  color: white;
  background-color: #292929;
  text-align: center;
  border: 1px solid #000;
  display: none; }

label {
  text-align: left !important;
  margin-bottom: 5px !important;
  font-weight: normal; }

.select-box {
  height: 22px !important; }

.wb-mt-60 {
  margin-top: 60px; }

.wp-mt-20 {
  margin-top: 20px; }

.wp-mt-5 {
  margin-top: 5px; }

.wp-mt-0 {
  margin-top: 0px; }

.rows {
  width: 45px;
  overflow: hidden;
  border: 1px solid black; }

.col {
  width: 65px;
  overflow: hidden;
  border: 1px solid black; }

.screen-width {
  max-width: 1300px;
  padding-left: 2%;
  padding-right: 2%;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.search-box-home {
  max-width: 1300px;
  left: 0px;
  padding-left: 2%;
  padding-right: 35%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1%;
  padding-bottom: 0.75%; }

textarea {
  resize: none; }

.mandatory::before {
  content: " * ";
  color: red; }

a.mandatory:hover {
  text-decoration: none; }

.input-validation {
  padding-left: 10px; }

input[type="text"]:valid ~ .input-validation::before {
  content: "\2714";
  color: green; }

input[type="text"]:invalid ~ .input-validation::before {
  content: "\2716";
  color: red; }

input[type="url"]:valid ~ .input-validation::before {
  content: "\2714";
  color: green; }

input[type="url"]:invalid ~ .input-validation::before {
  content: "\2716";
  color: red; }

input[type="email"]:valid ~ .input-validation::before {
  content: "\2714";
  color: green; }

input[type="email"]:invalid ~ .input-validation::before {
  content: "\2716";
  color: red; }

input[type="text"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #575757; }

input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #575757;
  opacity: 1; }

input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #575757;
  opacity: 1; }

input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #575757; }

input[type="text"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #575757; }

input[type="email"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #575757; }

input[type="email"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #575757;
  opacity: 1; }

input[type="email"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #575757;
  opacity: 1; }

input[type="email"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #575757; }

input[type="email"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #575757; }

input[type="url"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #575757; }

input[type="url"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #575757;
  opacity: 1; }

input[type="url"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #575757;
  opacity: 1; }

input[type="url"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #575757; }

input[type="url"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #575757; }

.errorMessage {
  color: #D62929;
  font-weight: normal; }

.btn-Color {
  background: #0072c6;
  color: #ffffff; }

.btn-Color:hover {
  background: #00abec;
  color: #ffffff; }

.btn-Color:focus {
  background: #0072c6;
  color: #F6F4F5; }

.btn-details {
  background: #0072c6;
  color: #ffffff;
  border-radius: 0px;
  font-size: 16px;
  font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
  height: 50px; }

.btn-details:hover {
  background: #00abec;
  color: #ffffff; }

.dropdown-menu {
  width: 100%; }

.device-tile-list {
  display: flex;
  flex-flow: row wrap;
  max-width: 100vw; }

@media only screen and (max-width: 450px) {
  .device-tile {
    width: 48%;
    margin: 3px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad; }
  .device-tile-in-all-devices-page {
    width: 60%;
    min-height: 320px;
    max-width: 250px;
    min-width: 190px;
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad;
    border: none;
    outline: 1px solid transparent; }
  .hero-tile {
    margin: 3px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad;
    position: relative;
    max-width: 291px;
    border: none;
    outline: 1px solid transparent;
    display: flex;
    align-items: stretch;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 291px; }
  .device-tile-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    max-width: 100vw; } }

@media only screen and (min-width: 451px) and (max-width: 991px) {
  .device-tile {
    width: 31.9%;
    margin: 3px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad; }
  .device-tile-in-all-devices-page {
    width: 31.9%;
    min-height: 320px;
    max-width: 210px;
    min-width: 190px;
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad;
    border: none;
    outline: 1px solid transparent; }
  .hero-tile {
    margin: 3px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad;
    position: relative;
    max-width: 291px;
    border: none;
    outline: 1px solid transparent;
    display: flex;
    align-items: stretch;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 291px; }
  .device-tile-list {
    display: flex;
    flex-flow: row wrap;
    max-width: 100vw;
    justify-content: center; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .device-tile {
    width: 24.1%;
    margin: 3px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad; }
  .device-tile-in-all-devices-page {
    width: 24.1%;
    min-height: 320px;
    max-width: 250px;
    min-width: 190px;
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad;
    border: none;
    outline: 1px solid transparent; }
  .hero-tile {
    margin: 3px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad;
    position: relative;
    max-width: 291px;
    border: none;
    outline: 1px solid transparent;
    display: flex;
    align-items: stretch;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 291px; } }

@media only screen and (min-width: 1201px) {
  .device-tile {
    width: 19.3%;
    margin: 3px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad; }
  .hero-tile {
    margin: 3px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad;
    position: relative;
    max-width: 291px;
    border: none;
    outline: 1px solid transparent;
    display: flex;
    align-items: stretch;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 291px; }
  .device-tile-in-all-devices-page {
    width: 220px;
    min-height: 320px;
    max-width: 250px;
    min-width: 190px;
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 1px;
    box-shadow: 1px 1px 5px 0 #adadad;
    -moz-box-shadow: 1px 1px 5px 0 #adadad;
    border: none;
    outline: 1px solid transparent; } }

.device-tile:hover {
  border: 1px solid;
  border-color: darkgray; }

h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
  font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
  font-style: normal; }

h1 {
  font-size: 36px;
  font-weight: 200; }

h2 {
  font-size: 28px;
  font-weight: 200; }

h3 {
  font-size: 24px;
  font-weight: 200; }

h4 {
  font-size: 20px;
  font-weight: 100; }

h5 {
  font-size: 18px;
  font-weight: 100; }

h6 {
  font-size: 14px;
  font-weight: 100; }

select {
  height: 40px !important; }

.color {
  color: black; }

.statusRejected {
  color: #ff0000; }

.statusPending {
  color: #FCE100; }

.status::before {
  font-family: 'Segoe MDL2 Assets';
  content: "\e002";
  font-size: 16px;
  margin-left: 6px; }

.statusSubmitted {
  color: #0078D7; }

.statusCertified {
  color: #00AE56; }

.statusDraft {
  color: #00B7C3; }

.bold {
  font-weight: bold !important; }

.italic {
  font-style: italic !important; }

.height {
  min-height: 100%; }

.question {
  color: #00abec;
  font-weight: 400;
  font-size: 15px;
  list-style: none;
  cursor: pointer; }

.question::before {
  content: "+ "; }

.answer {
  padding-left: 15px; }

/* Partner pages header  start */
.partner-title-subtitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.checklist-title {
  margin-left: -25px; }

.checkList {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 15px; }

.checkList li {
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 8px;
  padding-left: 30px;
  position: relative;
  font-family: "Segoe UI","Segoe WP",Tahoma,Arial,sans-serif; }

.checkList-icon::before {
  font-family: 'Segoe MDL2 Assets';
  content: "\e081";
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 8px;
  padding-right: 10px;
  position: relative;
  font-weight: bolder; }

@media screen and (max-width: 800px) {
  .partner-box {
    height: 200px;
    background-color: #303030;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    color: white; }
  .partner-content {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .partner-title {
    margin-top: -2%;
    color: white;
    font-weight: 200;
    font-size: 28px; }
  .partner-subtitle {
    display: none; }
  .partner-subtitle-subheader {
    display: none; }
  .partner-img-certified {
    height: 75px; }
  .checkList {
    display: none; } }

@media screen and (min-width: 801px) {
  .partner-box {
    height: 320px;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    color: white; }
  .partner-content {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .partner-title {
    color: white;
    font-weight: 200;
    font-size: 46px; }
  .partner-subtitle {
    font-size: 24px;
    color: white;
    margin-top: 10px; }
  .partner-subtitle-subheader {
    font-size: 18px;
    color: white;
    margin-top: 10px; }
  .partner-img-certified {
    height: 100px; } }

/* Partner page header  end */