/*

  Bootstrap theme overrides

*/



@font-face {

  font-family: "Muli";

  font-style: normal;

  font-weight: 400;

  src: local("Muli"), url(../fonts/muli.woff2) format("woff2"),

    url(../fonts/muli.woff) format("woff");

}



@font-face {

  font-family: "Muli";

  font-style: italic;

  font-weight: 400;

  src: local("Muli Italic"), local("Muli-Italic"),

    url(../fonts/muli-italic.woff2) format("woff2"),

    url(../fonts/muli-italic.woff) format("woff");

}



@font-face {

  font-family: "Muli";

  font-style: normal;

  font-weight: 700;

  src: local("Muli Bold"), local("Muli-Bold"),

    url(../fonts/muli-bold700.woff2) format("woff2"),

    url(../fonts/muli-bold700.woff) format("woff");

}



/* cyrillic-ext */

@font-face {

  font-family: "Oswald";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(../fonts/oswald-cyrillic-ext-400.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,

    U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

  font-family: "Oswald";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(../fonts/oswald-cyrillic-400.woff2) format("woff2");

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* vietnamese */

@font-face {

  font-family: "Oswald";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(../fonts/oswald-vietnamese-400.woff2) format("woff2");

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,

    U+01AF-01B0, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: "Oswald";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(../fonts/oswald-latin-ext-400.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,

    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: "Oswald";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(../fonts/oswald-latin-400.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,

    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,

    U+FEFF, U+FFFD;

}




body {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 14px;

  color: #555;

  background: #fcfcfc url(../images/bg.png) fixed;

}



pre {

  border-color: #eee;

}



a {

  color: #6459a7;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: normal;

}



h2.head_h2 {

  font-size: 16px;

  font-weight: bold;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.tooltip {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.popover {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.btn {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.btn-primary {

  background: #6459a7;

  border: 1px solid #6459a7;

}



.breadcrumb {

  background: #fff !important;

  border: 1px solid #ddd;

}



.well {

  border: 2px solid #ddd;

  box-shadow: none;

  padding: 15px;

}



/* Container */

.nocanvas {

  font-size: 25px;

  margin-right: 0;

  display: inline-block;

}



.margin-top-container {

  margin-top: 20px;

}



.error-top-container {

  margin-top: 50px;

}



.hidetkfltrs {

  text-align: left !important;

}



.mobilefilterarea {

  margin-bottom: 5px;

}



.colorchangeheader {

  color: #555 !important;

}



.margin_right_20 {

  margin-right: 20px;

}



.logoutdivarea {

  background: url(../images/loading.gif) no-repeat 98% 50%;

}



.superbig {

  font-size: 26px;

}



.nothing_to_see {

  font-style: italic;

  padding: 20px;

  font-size: 12px;

}



.nodec {

  text-decoration: none !important;

}



.margin_top_10 {

  margin-top: 10px;

}



.margin_top_20 {

  margin-top: 20px;

}



/* Account */

.accountinfo {

  line-height: 25px;

}



#mscontainer {

  padding-bottom: 50px;

}



.text_height_25 {

  line-height: 25px;

}



.bbButtons {

  margin-bottom: 5px;

}



.bbButtons button {

  font-size: 11px;

}



#mscontainer .panel {

  border-width: 1px;

}



#mscontainer .panel .panel-heading {

  text-transform: uppercase;

  font-weight: 400;

  font-size: 16px;

  color: #555;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.panel .panel-heading b {

  font-weight: normal !important;

}



.panel-heading .dropdown-menu {

  max-height: 250px;

  overflow: auto;

  text-transform: none !important;

}



.panel-heading .dropdown-menu a {

  font-size: 13px;

}



.msw-green {

  color: #5cb85c;

}



.highlightPass,

.highlight_txt {

  color: #2e91a3;

}



/* FAQ */

.votefont {

  font-size: 20px;

}



.votefont div span {

  color: #2e91a3;

}



.votefont .fa-thumbs-up {

  color: green;

}



.votefont .fa-thumbs-down {

  color: #ff6861;

}



.votefont div i:hover {

  color: #3393a3 !important;

}



.totalvotes {

  border-top: 1px dashed #ddd;

  margin-top: 20px;

  padding-top: 10px;

  font-style: italic;

}



.faqquestionwrapper {

  padding: 0;

}



.faqquestion {

  border-bottom: 1px dotted #ddd;

  padding: 15px;

}



.faqquestion:last-child {

  border-bottom: 0;

}



.faqquestion div {

  font-size: 12px;

  font-style: italic;

}



.faqquestion:hover {

  background: #faf9f9;

}



.menulinkarea div {

  line-height: 25px;

}



.linkbodyarea a i,

.menulinkarea a i {

  color: #555;

}



/* Tables */

.table thead tr th {

  border-top: 0;

  padding-top: 10px;

  text-transform: uppercase;

  font-size: 12px;

  color: #6459a7;

}

.table thead tr th .fa-ellipsis-v {

  font-weight: normal;

  color: #555;

}

td select {

  width: auto !important;

}



.ticketbar {

  color: #555;

  font-size: 13px;

  -webkit-border-radius: 0 0 5px 5px;

  border-radius: 0 0 5px 5px;

}



.ticket_highlight {

  color: #008298;

}



.ticketbar .pull-right {

  color: green;

}



.cursor_pointer {

  cursor: pointer;

}



/* Tabs */

.mstabmenuarea .nav-tabs {

  border-bottom: 1px solid #ddd;

}



.mstabmenuarea .nav-tabs li a {

  font-size: 16px;

  color: #777;

  font-weight: normal;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.mstabmenuarea .nav-tabs li a i {

  color: #555;

}



.mstabmenuarea .nav-tabs .active a.dropdown-toggle {

  background: #fff;

  border-bottom: 1px solid #ddd;

}



.nav-tabs > li.active > a,

.nav-tabs > li.active > a:focus,

.nav-tabs > li.active > a:hover {

  background: transparent !important;

}



/* Forms */

.form-group label {

  font-weight: normal;

}



.form_box_margin_5 {

  margin-top: 5px;

}



/* Pages */

.mswpages {

  text-align: right;

}



.faqpages .mswpages {

  text-align: left;

}



/* Nav Header */

.msheader {

  font-size: 20px;

  padding: 10px;

}



.navbar-inner {

  width: 100%;

}



.navbar {

  background: #6459a7 url(../images/nav-bg.png);

  color: #fff;

  border: 0;

  border-bottom: 3px solid #c0c0c0;

  padding: 12px;

  border-radius: 0;

}



.navbar a {

  color: #fff;

  text-shadow: #000 1px 1px;

}



.navbar .pull-right {

  padding-top: 5px;

}

.navbar .pull-left {

  padding-top: 5px;

}



.navbar .pull-right a {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 18px;

  margin-left: 10px;

}


.navbar .pull-left a {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 18px;

  margin-right: 10px;

}


.navbar .pull-left a i {

  color: #ececec;

}



.navbar .pull-right a i {

  color: #ececec;

}



.navbar span {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 22px;

}



.navbar-default,

.navbar-default {

  border-radius: 0;

}



.navbar .container .fa-bars,

.navbar .container .nocanvas,

.navbar .container .fa-chevron-left {

  font-size: 28px;

  cursor: pointer;

  margin-right: 20px;

  display: inline-block;

  color: #ececec;

}



/* Other */

.highlight {

  font-weight: bold;

}



/* Footer */

footer {

  background: #f9f9f9 url(../images/footer-bg.png);

  margin-top: 10px;

  font-size: 13px;

  padding-top: 10px;

  color: #444;

  border-top: 2px solid #ddd;

  height: 60px;

  text-align: center;

}



footer a {

  color: #444;

}



footer a:hover {

  color: #888;

  text-decoration: none;

}



/* Spinner */

.boxspinner {

  background: url(../images/indicator.gif) no-repeat 98% 50%;

}

.areaspinner {

  background: url(../images/loading.gif) no-repeat 50% 50%;

}



/* Tickets */

.filetypes {

  text-transform: uppercase;

}



.requiredfield {

  color: #ff6861;

  margin-left: 20px;

}



.ticketDate {

  display: block;

  margin-top: 10px;

  font-size: 12px;

  color: #66748f;

}



.ticketPriority {

  display: block;

  margin-top: 10px;

  font-size: 12px;

}



.ticketStatusBarDispute {

  display: block;

  font-size: 11px;

  font-style: italic;

  margin-top: 10px;

  color: #66748f;

}



.ticketsubject {

  text-transform: uppercase;

  font-weight: bold;

}



.mobilebreakpoint {

  display: inline;

}



/* Question */

.attachinfo {

  font-style: italic;

  font-size: 12px;

  display: block;

  color: #02798e;

  margin-top: 5px;

}



/* Boottrap overrides */

span.label {

  font-weight: normal !important;

  font-size: 11px;

}



.panel {

  -webkit-box-shadow: none;

  box-shadow: none;

}



.adminpanelfooter {

  background: #fcf8e3 !important;

  border-color: #faebcc !important;

}



.delconfirmbar {

  border-top: 1px solid #f77;

  border-bottom: 1px solid #f77;

  margin-bottom: 20px;

  font-size: 15px;

  font-weight: bold;

  border-radius: 0;

  border-left: 0;

  border-right: 0;

}



.panel-no-padding {

  padding: 0 !important;

}



.panel-no-padding .table {

  margin-bottom: 0;

}



.panel-no-padding i.fa-ellipsis-v {

  color: #2e91a3;

}



#mscontainer .alert {

  border-width: 1px;

}



.draftarea {

  font-size: 12px;

  font-style: italic;

}



.table-responsive .table thead tr th .slant {

  color: #f66f66;

}



/* Captcha Image */



.capimg img {

  cursor: pointer;

  margin-bottom: 10px;

  border: 1px dashed #ccc;

  padding: 1px;

}



/* Video */

.video-container {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

  max-width: 100%;

}

.video-container iframe,

.video-container object,

.video-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0 !important;

}



.loading-bottom {

  background: #00788e;

  height: 15px;

  line-height: 15px;

  width: 100%;

  position: fixed;

  z-index: 99999999;

  left: 0px;

  bottom: 0px;

  text-align: center;

  color: #ffffff;

  left: -100%;

  opacity: 0;

  -webkit-transition: opacity 0.2s ease-in-out;

  -moz-transition: opacity 0.2s ease-in-out;

  -o-transition: opacity 0.2s ease-in-out;

  transition: opacity 0.2s ease-in-out;

}

.loading-text-img {

  display: none;

  background: url(../images/balls.gif) center center no-repeat;

}



input:focus,

textarea:focus,

select:focus,

.btn:focus {

  outline: none !important;

}



/* Custom vectors */

.msa-support-agent {

  display: inline-block;

  width: 16px;

  height: 16px;

  margin: 0 4px -1px 0;

  background-image: url(../images/icons/support-agent.png);

  background-size: 16px 16px;

  background-repeat: no-repeat;

  background-position: center bottom;

}

.msa-small {

  width: 14px;

  height: 14px;

  background-size: 14px 14px;

  margin: 0 0 -2px 0;

}

.msa-support-agent-menu {

  display: inline-block;

  width: 16px;

  height: 16px;

  margin: 0 2px -1px 0;

  background-image: url(../images/icons/support-agent-menu.png);

  background-size: 16px 16px;

  background-repeat: no-repeat;

  background-position: center bottom;

}



/* For higher res monitors use more screen space */

@media (min-width: 1200px) {

  #mscontainer {

    width: 98%;

  }

  .navbar-inner {

    width: 100%;

  }

  .navbar-inner .container {

    width: 98%;

  }

}