body,h4,h3,h2,body.modal-open{    
            color: #191F26;         
        }

/*@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
}*/

/*@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../../static/font/fontawesome-webfont.ttf') format('truetype');
}*/

/*@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../../static/font/fontawesome-webfont.ttf') format('truetype');
}*/

@font-face {
    font-family: 'Comfortaa-Regular';
    src: url('../fonts/Comfortaa-Regular.ttf') format('truetype');
}



.mainbody,body.modal-open{
       position: absolute;
       top: 0px; /* Header Height */
       bottom: 0px; /* Footer Height */
       width: 100%;
       font: 12px Comfortaa-Regular
    }

   .modal-backdrop {
    background: -webkit-linear-gradient(#7c7c7c, #1d1c1c);
}



   .linearBg2{
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(#7c7c7c, #1d1c1c);

}

/*==================================================*/
  .BlueGrayBackground{
  /* Safari 5.1 Chrome 10+ */
  background: #191F26;
  color:#fff;
}


  .customFormTitleMVS{
      background-color:rgb(0, 38, 77);
      color:white;
      border-radius:4px; 
      margin-left:10px; 
      font-size:20px;
      width:99%;
      text-align:left;
  }

  .blank_row
{
    height: 22px !important; /* overwrites any other rules */
    background-color: #FFFFFF;
}


  .customDivBorder{
  padding: 10px 10px;
  border: 2px solid #f56868;
  color:#1d1c1c;
  border-radius: 5px;
}

 .customDivSearchBorder{
  /*padding: 10px 10px;*/
  border: 1px solid #f56868;
  color:#1d1c1c;
  border-radius: 5px;
   
}

 .DetailsDivBorder{
  padding: 10px 10px;
  border: 1px solid rgba(171, 174, 189, 0.75);
  color:#1d1c1c;
  border-radius: 5px;
}

  .customButtonSearchwidth{

     min-width:100px;
}

 .customDivAlign{
  padding: 10px 10px;
  border: 1px solid rgba(255, 0, 0, 0.00);
  color:#1d1c1c;
  text-align:center;

  border-radius: 5px;
}



.loginDiv {

    padding: 10px 10px;
    border: 1px solid black;
    
    color: #1d1c1c;
    text-align: center;
    border-radius: 10px;
}

 .customInputBorder{
  background: #ffffff;
  padding: 5px 5px;
  border: 1px solid #f56868;
  color: #1d1c1c;
  width:80%;
  border-radius: 4px;

  /*min-width:200px;
  margin-bottom:10px;*/
}

 .MVSBtn{

  color:#fff;

  background:#d9534f;
  font-family: Comfortaa-Regular;
  font-size:1em;

     
 }


  .MVSGreenBtn{

  color:#fff;

  background:#5cb85c

     
 }

 .MVSInputAddonBorder{

  background: rgba(220, 223, 232, 0.50);
  padding: 5px 5px;
  border: 1px solid rgba(245, 104, 104, 0.50);
  color: #1d1c1c;
  font-weight:bold;
  font-size:12px;
  border-radius: 4px;

  /*width:200px;*/
  /*margin-bottom:10px;*/
}

  .MVSInputBorder{
  background: #ffffff;
  padding: 5px 5px;
   border: 1px solid rgba(245, 104, 104, 0.50);
  color: #1d1c1c;

  border-radius: 4px;

  width:200px;
  margin-bottom:10px;
}

    .MVSInputBorderOpenSize{
  background: #ffffff;
  padding: 5px 5px;
   border: 1px solid rgba(245, 104, 104, 0.50);
  color: #1d1c1c;

  border-radius: 4px;

  margin-bottom:10px;
}

    .MVSThumbBorder{
  background: #ffffff;
  padding: 0px 0px;
   border: 1px solid rgba(245, 104, 104, 0.50);
  color: #1d1c1c;
  margin: 0px 10px;
  width:110px;
  border-radius: 4px;
}





  .customCapInput{
  background: #fff;
  padding: 5px 5px;
  border: 1px solid #f56868;
  color: #1d1c1c;
  border-radius: 4px;
  width:30%;
  min-width:200px;
  margin-bottom:10px;
}


    .customCheckInput{
  background: #fff;
  padding: 5px 5px;
  border: 1px solid #f56868;
  color: #1d1c1c;
  border-radius: 4px;
  min-width:30px;
  margin-bottom:10px;
}

    .Checklabel {
    display:inline-block;
    *display: inline;     /* for IE7*/
    zoom:1;              /* for IE7*/
    float:none;
    text-align:left;
    min-width:150px;
    background:#fff;
}

.customPanelBorder{
  padding: 10px 10px;
  border: 2px solid #00c8ff;
  color: #ff4600;
  border-radius: 4px;

}

.customListBorder{
  padding: 1px 1px;
  border: 1px solid #00c8ff;
  color: #ff4600;
  border-radius: 4px;
  width:30%;
  min-width:200px;
  margin-bottom:10px;
  min-height:200px;
}

.btn-info,.btn-success,.btn-warning,.btn-danger{
 color:#060e21;
}

.Vlabel {
    display:inline-block;
    *display: inline;     /* for IE7*/
    zoom:1;              /* for IE7*/
    float:none;
    padding-top: 5px;
    text-align:left;
    width:30%;
    min-width:200px;
    background:#fff;
}
/*=================================================*/

   body{
       margin-top:20px;
      /*font: 12px Comfortaa-Regular*/
   }



.modal[data-modal-color] {
  color: #fff;
}

.modal .modal-header {
  padding: 23px 26px;
  border-bottom: 1px solid transparent;
  font: 12px Comfortaa-Regular
}

.modal .modal-content {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
  border-radius: 3px;
  border: 0;
  /*font: 12px Comfortaa-Regular*/
}

.modal-footer {
  padding: 25px;
  text-align: center;
  border-top: 1px solid transparent;
}

.modal[data-modal-color] .modal-footer {
  background: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color] .modal-footer .btn-link {
  font-weight: 400;
  /*font: 12px Comfortaa-Regular*/
}

.modal[data-modal-color] .modal-title, .modal[data-modal-color] .modal-footer .btn-link {
  color: #fff;
}

.modal[data-modal-color] .modal-backdrop {
  background: #fff;
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal .modal-footer .btn-link {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.btn-link {
  color: #797979;
  text-decoration: none;
  border-radius: 2px;
}

.modal[data-modal-color] .modal-footer .btn-link:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration:none;
}

.modal[data-modal-color] .modal-footer .btn-link {
  font-weight: 400;
  /*font: 12px Comfortaa-Regular*/
}

/* ========== MODAL COLORS ===============================*/
.modal[data-modal-color="System"] .modal-content {
   background: #191F26;
   /*font: 12px Comfortaa-Regular*/
}

body .modal-admin {
    /* new custom width */
    width: 20%;
    height: 20%;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: 40%;
    margin-top: 20%;
    /*font: 12px Comfortaa-Regular*/
}