/*
   Author: Zeeshan Qasim
   Purpose: There are styles shared by Mediagate & Public App. We need a common css
   to host those styles, hence this file.
*/
/* There are some overlays (only Premium Modal I guess) common to MG & Public App
   and for sake of consistency we need to keep button styles same. For that we need
   to create new styles and apply them instead of using ones that gets changed depending
   on the theme applied. I have prefixed them with "sx-" 

*/
.sx-btn-primary {
  color: #ffffff;
  background-color: #181818;
  border-color: #0b0b0b;
}
.sx-btn-primary:hover,
.sx-btn-primary:focus,
.sx-btn-primary.focus,
.sx-btn-primary:active,
.sx-btn-primary.active,
.open > .dropdown-toggle.sx-btn-primary {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.sx-btn-primary:active,
.sx-btn-primary.active,
.open > .dropdown-toggle.sx-btn-primary {
  background-image: none;
}
.sx-btn-primary.disabled,
.sx-btn-primary[disabled],
fieldset[disabled] .sx-btn-primary,
.sx-btn-primary.disabled:hover,
.sx-btn-primary[disabled]:hover,
fieldset[disabled] .sx-btn-primary:hover,
.sx-btn-primary.disabled:focus,
.sx-btn-primary[disabled]:focus,
fieldset[disabled] .sx-btn-primary:focus,
.sx-btn-primary.disabled.focus,
.sx-btn-primary[disabled].focus,
fieldset[disabled] .sx-btn-primary.focus,
.sx-btn-primary.disabled:active,
.sx-btn-primary[disabled]:active,
fieldset[disabled] .sx-btn-primary:active,
.sx-btn-primary.disabled.active,
.sx-btn-primary[disabled].active,
fieldset[disabled] .sx-btn-primary.active {
  background-color: #181818;
  border-color: #0b0b0b;
}
.sx-btn-primary .badge {
  color: #181818;
  background-color: #ffffff;
}
.sx-btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.sx-btn-default:hover,
.sx-btn-default:focus,
.sx-btn-default.focus,
.sx-btn-default:active,
.sx-btn-default.active,
.open > .dropdown-toggle.sx-btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.sx-btn-default:active,
.sx-btn-default.active,
.open > .dropdown-toggle.sx-btn-default {
  background-image: none;
}
.sx-btn-default.disabled,
.sx-btn-default[disabled],
fieldset[disabled] .sx-btn-default,
.sx-btn-default.disabled:hover,
.sx-btn-default[disabled]:hover,
fieldset[disabled] .sx-btn-default:hover,
.sx-btn-default.disabled:focus,
.sx-btn-default[disabled]:focus,
fieldset[disabled] .sx-btn-default:focus,
.sx-btn-default.disabled.focus,
.sx-btn-default[disabled].focus,
fieldset[disabled] .sx-btn-default.focus,
.sx-btn-default.disabled:active,
.sx-btn-default[disabled]:active,
fieldset[disabled] .sx-btn-default:active,
.sx-btn-default.disabled.active,
.sx-btn-default[disabled].active,
fieldset[disabled] .sx-btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.sx-btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
/* ZQ: Copied from Socxs.Html\sxassets\mediagate\css\mg-modal.less 
   I wanted to include the file itself but that contains lots of stuff not 
   required (that might break some css if included) in public pages. 
*/
.modal-header .close {
  background-color: #fff;
  border: 1px solid #ddd;
  position: absolute;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 24px;
  right: 0;
  top: 0;
  opacity: 1;
  margin-right: -10px;
  margin-top: -10px;
}
.modal-header .close:hover {
  background-color: #f1f1f1;
}
/* Copied from https://github.com/twbs/bootstrap/blob/v3.3.0/less/mixins/buttons.less */
/*# sourceMappingURL=sx-common.css.map */