/*  make msf payment  */

.tdNumber{
    text-align: right;
}

/*****************************************/
/**  TRANSPARENT SHADOW FOR PNG IMAGES  **/
.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

/****************************************/

.accountingBlock{
    background: white;
    border-radius: 0.4em;
    padding: 3px;
}

.blueAdmin{
    border-radius: 0.4em;
    padding: 3px;
    background: lightblue;
    margin: 3px;
    border: 0px none;
}

/* small font */
.fSml{
    font-size: 10px;
}

/***  SIMPLE SHADOW   ***//

.shadow{
    box-shadow: 2px 2px 5px #7f7f7f;
}

/******  CUSTOM BUTTONS  *******/

.btn-light {
  color: #ffffff;
  background-color: #C4C4C4;
  border-color: #A3A3A3;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  color: #ffffff;
  background-color: #737373;
  border-color: #A3A3A3;
}

.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  background-image: none;
}

.btn-light.disabled,
.btn-light[disabled],
fieldset[disabled] .btn-light,
.btn-light.disabled:hover,
.btn-light[disabled]:hover,
fieldset[disabled] .btn-light:hover,
.btn-light.disabled:focus,
.btn-light[disabled]:focus,
fieldset[disabled] .btn-light:focus,
.btn-light.disabled:active,
.btn-light[disabled]:active,
fieldset[disabled] .btn-light:active,
.btn-light.disabled.active,
.btn-light[disabled].active,
fieldset[disabled] .btn-light.active {
  background-color: #C4C4C4;
  border-color: #A3A3A3;
}

.btn-light .badge {
  color: #C4C4C4;
  background-color: #ffffff;
}


.btn-dark {
  color: #ffffff;
  background-color: #4A4A4A;
  border-color: #130269;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #2B2B2B;
  border-color: #130269;
}

.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-image: none;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #4A4A4A;
  border-color: #130269;
}

.btn-dark .badge {
  color: #4A4A4A;
  background-color: #ffffff;
}
/*****************************/

.underline{
    border-bottom: 1px solid darkslategray;
}

.genericBox{
    border:         2px solid #7f7f7f;
    border-radius:  0.3em;
    padding:        5px;
}

.tBorder{
    border: 1px solid #8f8f8f;
}

.msfFont{
    font-size: 11px;
}

.tdVBottom{
    vertical-align: bottom;
}

.tdHCenter{
    text-align: center;
}

.infoIcon{
    font-size: 14px;
}

.inlineBlock{
    display: inline-block;
}

.divInline {
    display: inline-block;
}

.simpleOutline{
    border-radius: 0.3em;
    padding: 2px;
    border: 1px solid #afafaf;
}

.bigFontAwesome{
    font-size: 20px;
}

.semiT {
    opacity: 0.5;
}

.hrBlue {
    height: 1px;
    color: #3c8dbc;
    background-color: #3c8dbc;
    border: none;
}

.helperText {
    font-size: 11px;
    font-style: italic;
    color: #f78f3d;
}

.systemFontSize{
    font-size: 12px;
}

.tBorderBottom{
    border-bottom: 1px solid #9f9f9f;
    padding-bottom: 5px;
    padding-top: 3px;
}

.col200 {
  width: 200px;
}

.col300 {
  width: 300px;
}


.simpleDiv{
    border: 1px solid #acacac;
    border-radius: 0.4em;
    padding: 5px;
}

.paddingBottom5 {
  padding-bottom: 5px;
}

.paddingBottom10 {
  padding-bottom: 10px;
}

.paddingSides5 {
    padding-left:   5px;
    padding-right:  5px;
}

.marginTop5 {
  margin-top: 5px;
}

.paddingTop10{
    padding-top: 10px;
}

.marginTop10 {
  margin-top: 10px;
}

.modal-lg {
  max-width: 80%;
}

.liHeading {
  color: #3C8DBC;
  !important
}

.fontSmall {
    font-size:11px;
}

.fontSmallest {
    font-size: 10px;
}

.font10{
    font-size: 10px;
}

.formSmall {
  font-size: 12px !important;
  height: 23px !important;
  padding: 2px !important;
}

.editableDiv {
  padding: 3px;
  border-radius: 0.3em;
  font-size: 11px;
  display: inline-block;
  background: #fff;
  min-width: 120px;
  min-height: 22px;
  white-space: wrap;
}

.tdSpacing {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
}

.paddingTop10 {
  padding: 10px 0px 0px 0px;
}