body
{
	background-color: #0f1b21;
	background-image: url(../images/bg.jpg);
	color: #86adba;
}

@media (max-width: 768px) {
	body
	{
		background-image: none;
	}
}

.ms-alert
{
	padding-top: 0.5em;
	color: red;
}

.ms-info
{
	position: fixed;
	top: 20px;
	left: 10%;
	width: 200px;
	text-align: center;
	z-index: 10000;
}


.loading-ma
{
	position: fixed;
	background-color: black;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	z-index: 11000;
	top: 0;
	left: 0;
	opacity: 0.5;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  border: 1px solid #ccc;
  border-top-color: #07d;
  animation: spinner .6s linear infinite;
}

textarea {
    resize: none;
}

/*fix for bootstrap*/
.modal-header h4 {
    order: 0;
}
.modal-header button {
    order: 1;
}
.bootbox .modal-header h4 {
    order: 0;
}
.bootbox .modal-header button {
    order: 1;
}

.modal-content
{
  background-color: #0f1b21 !important;
  border-color: #324d59 !important;
}

.modal-content .modal-content, .modal-content .modal-footer, .modal-content .modal-header
{
  border-color: #324d59 !important;
}






.input-group select, .input-group input, .form-control,  .form-control option, .input-group, .input-group input, .form-control:focus, .form-control.focus, .form-control:hover,
.form-control:active, .form-control.active
{
	background-color: #0e2530 !important;
	color: #86adba;
	border-color: #324d59 !important;
}

.input-group-btn
{
	background-color: #0e2530 !important;
	border-color: #324d59 !important;
	color: #86adba;
}

.form-control::-webkit-input-placeholder { color: #416571; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #416571; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #416571; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #416571; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #416571; }  /* Microsoft Edge */


.btn-ma {
  color: #86adba;
  background-color: #0e2530;
  border-color: #324d59;
}

.btn-ma:focus,
.btn-ma.focus {
  color: white;
  background-color: #0e2530;
  border-color: #324d59;
  outline: 0 !important;
}
.btn-ma:hover {
  color: white;
  background-color: #0e2530;
  border-color: #324d59;
}
.btn-ma:active,
.btn-ma.active,
.open > .dropdown-toggle.btn-ma {
  color: white;
  background-color: #0e2530;
  border-color: #324d59;
}
.btn-ma:active:hover,
.btn-ma.active:hover,
.open > .dropdown-toggle.btn-ma:hover,
.btn-ma:active:focus,
.btn-ma.active:focus,
.open > .dropdown-toggle.btn-ma:focus,
.btn-ma:active.focus,
.btn-ma.active.focus,
.open > .dropdown-toggle.btn-ma.focus {
  color: white;
  background-color: #0e2530;
  border-color: #324d59;
}
.btn-ma:active,
.btn-ma.active,
.open > .dropdown-toggle.btn-ma {
  background-image: none;
}
.btn-ma.disabled,
.btn-ma[disabled],
fieldset[disabled] .btn-ma,
.btn-ma.disabled:hover,
.btn-ma[disabled]:hover,
fieldset[disabled] .btn-ma:hover,
.btn-ma.disabled:focus,
.btn-ma[disabled]:focus,
fieldset[disabled] .btn-ma:focus,
.btn-ma.disabled.focus,
.btn-ma[disabled].focus,
fieldset[disabled] .btn-ma.focus,
.btn-ma.disabled:active,
.btn-ma[disabled]:active,
fieldset[disabled] .btn-ma:active,
.btn-ma.disabled.active,
.btn-ma[disabled].active,
fieldset[disabled] .btn-ma.active {
  background-color: #0e2530;
  border-color: #324d59;
}
.btn-ma .badge {
  color: #337ab7;
  background-color: #fff;
}

.dropdown-menu
{
  color: #86adba !important;
  background-color: #0e2530 !important;
  border-color: #324d59 !important;
}

.dropdown-menu > a
{
    color: #86adba !important;
}

.dropdown-menu > a:hover, .dropdown-menu > a:focus, .dropdown-menu > a.active
{
	background-color: #337ab7 !important;
	color: white !important;
	outline: 0 !important;
}


.card-ma, card-body-ma
{
	background-color: #0f1b21;
}

.logo {
  background-image: url('../images/logo.svg');
  background-repeat: no-repeat;
  background-size:contain;
  width:22em;
  height:15em;
  margin: auto;
  margin-top: 3em;
}