.buttondemoBasicUsage section {
  background: #f7f7f7;
  border-radius: 3px;
  text-align: center;
  margin: 1em;
  position: relative !important;
  padding-bottom: 10px; }

.buttondemoBasicUsage md-content {
  margin-right: 7px; }

.buttondemoBasicUsage section .md-button {
  margin-top: 16px;
  margin-bottom: 16px; }

.buttondemoBasicUsage .label {
  position: absolute;
  bottom: 5px;
  left: 7px;
  font-size: 14px;
  opacity: 0.54; 

}

 .my-accordion {
    border: solid 1px #0050ff !important;
 }

 .my-accordion-2 {
    border: solid 2px #0050ff !important;
 }
 .login-form {
    width: 475px !important;
 }

.my-accordion-3 {
    border: solid 1px #0050ff !important;
    font-family: 'Arial Narrow' !important;
    font-size: 14pt !important;
}

.my-accordion-4 {
    /*border: solid 2px #B8C1C0 !important;*/
    border: solid 1px #000 !important;
    font-family: 'Arial Narrow' !important;
    font-size: 14pt !important;
}

  .login-title-font {
    color: #0050ff; 
    font-weight: bold !important; 
    font-family:arial narrow;
    font-size: 35pt !important;
 }

  .login-input-text {
    color: #000; 
    font-weight: bold !important; 
    font-family:arial;
    font-size: 15pt !important;
 }

  .login-body {
    background-image: url('../../images/bg4.jpg') !important;
}

  .checkboxdemoBasicUsage div.flex-xs {
  min-height: 40px; }

.checkboxdemoBasicUsage .checkboxDemo1 div {
  clear: both; }

.checkboxdemoBasicUsage p {
  padding-left: 8px; }

.checkboxdemoBasicUsage fieldset.standard {
  border-style: solid;
  border-width: 1px; }

.checkboxdemoBasicUsage legend {
  color: #3F51B5; }

.checkboxdemoBasicUsage legend code {
  color: #3F51B5;
  font-weight: normal; }

.checkboxdemoBasicUsage .ipsum {
  color: saddlebrown; }

 .small-panel-border {
    box-shadow: 6px 6px 6px #00008b !important;
 }

  .small-panel-border-2 {
    box-shadow: 6px 6px 6px #00008b !important;
    height: 100px !important;
    /*border: 1px #00008b solid !important;*/
 }



 .btn-modifier {
  color: #fff;
  background-color: #252f69!important;
  border-color: #252f60!important;
}

.btn-modifier:hover,
.btn-modifier:focus,
.btn-modifier:active,
.btn-modifier.active,
.open > .dropdown-toggle.btn-modifier {
  color: #fff;
  background-color: #00137D!important;
  border-color: #081B8C!important;
}
.btn-modifier:active,
.btn-modifier.active,
.open > .dropdown-toggle.btn-modifier {
  background-image: none;
}


.btn-modifier.disabled,
.btn-modifier[disabled],
fieldset[disabled] .btn-modifier,
.btn-modifier.disabled:hover,
.btn-modifier[disabled]:hover,
fieldset[disabled] .btn-modifier:hover,
.btn-modifier.disabled:focus,
.btn-modifier[disabled]:focus,
fieldset[disabled] .btn-modifier:focus,
.btn-modifier.disabled:active,
.btn-modifier[disabled]:active,
fieldset[disabled] .btn-modifier:active,
.btn-modifier.disabled.active,
.btn-modifier[disabled].active,
fieldset[disabled] .btn-modifier.active {
  background-color: #252f65!important;
  border-color: #252f65!important;
}
.btn-modifier .badge {
  color:#fff!important;
  background-color: #252f69;
}

.my-label {
    font-family: arial narrow !important;
    font-size: 13pt !important;
}

.my-input {
    font-family: arial !important;
    font-size: 11pt !important;
    font-weight: bold !important;
}

.my-button {
    font-family: 'Arial Narrow' !important;
    font-size: 14pt !important;
    font-weight: bold !important;
}

.my-info-text {
    font-family: 'Arial Narrow' !important;
    font-size: 13pt !important;
    color: black;
    font-weight: bold !important;
}

.my-input-0 {
    font-family: 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif !important;
    font-size: 13pt !important;
    color: black !important;
}

.my-input-1 {
    font-family: 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif !important;
    font-size: 14pt !important;
    color: black !important;
}

.my-input-2 {
    font-family: 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif !important;
    font-size: 14pt !important;
    font-weight: bold !important;
}

.my-input-3 {
    font-family: 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif !important;
    font-size: 14pt !important;
    font-weight: bold !important;
}

.my-input-12-black {
    font-family: 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif !important;
    font-size: 12pt !important;
    color: black !important;
}

.my-input-12--bold-black {
    font-family: 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif !important;
    font-size: 12pt !important;
    color: black !important;
    font-weight: bold !important;
}

.my-label-14-bold-black {
    font-family: 'Arial Narrow' !important;
    font-size: 14pt !important;
    color: black;
    font-weight: bold !important;
}

.my-label-12 {
    font-family: 'Arial Narrow' !important;
    font-size: 12pt !important;
}


.my-input-12 {
    font-family: 'Arial Narrow', arial !important;
    font-size: 12pt !important;
}