﻿* {
    border-radius: 0 !important;
}
.header
{
    width:100%;
    height:80px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(165, 165, 165, 0.75);
    -moz-box-shadow:    0px 3px 5px 0px rgba(165, 165, 165, 0.75);
    box-shadow:         0px 3px 5px 0px rgba(165, 165, 165, 0.75);
    color:#fff;
    padding-top:0px;
    font-size:30px;
    margin-bottom:20px;

    background: #2081cb; /* Old browsers */
    background: -moz-linear-gradient(top, #2081cb 0%, #1a74ba 82%, #1a74ba 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2081cb), color-stop(82%,#1a74ba), color-stop(100%,#1a74ba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2081cb 0%,#1a74ba 82%,#1a74ba 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2081cb 0%,#1a74ba 82%,#1a74ba 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2081cb 0%,#1a74ba 82%,#1a74ba 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2081cb 0%,#1a74ba 82%,#1a74ba 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2081cb', endColorstr='#1a74ba',GradientType=0 ); /* IE6-9 */

}

.has-error {
    border:1px solid #dd5454;
}
.header small {
    font-size: 20px;
    color: #eee;
}

.header a, .header a:hover
{
    color:white;
    text-decoration:none;
}
.site-header
{
    margin-top:-10px;
    font-size:12px !important;
      margin-right: -10px !important;
}

.img-small {
max-width:40px !important;
max-height:30px !important;
}

.img-medium {
max-width:140px !important;
max-height:140px !important;
}

.container-non-responsive {
  /* Margin/padding copied from Bootstrap */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;


  /* Set width to your desired site width */
  width: 1170px !important;
}

.container-login {
width:400px !important;
margin-left:auto;
margin-right:auto;
margin-top:100px;
background-color:#fff;
border:1px solid #eee;
height:250px;
padding:20px;
}

.form-control-block {
    width:300px;
}

.form-control-fixed {
 width:184px;
    margin-bottom:5px;
}

.form-control-small {
    margin-bottom:5px;
}

.form-control-icon {
    width:150px;
    margin-bottom:5px;
    display:inline-block;
    margin-right:10px;
}


h5 {
font-size:18px !important;
}

.form-control-readonly {

    color:#333;

}

.padding-left {
margin-left:10px !important;
}

.form-control-notvalid {
    border: 1px solid #a94442 !important;
}

.form-control-fixed-notvalid {
    width:300px;
    border: 1px solid #a94442 !important;
    margin-bottom:5px;
}

.vert-align
{
    vertical-align: middle !important;
}



.red {
color:#a94442;
}
.blue {
    color:#428bca;
}
.black {
    color:#000;
}

.white {
    color:#fff;
}

.lightgrey {
    color:#ccc;
}

.green {
    color:#2b9630;
}




.btn-fixed {
  display: inline-block;
  width: 184px;
  padding-right: 0;
  padding-left: 0;
}

.readonly {
    background-color:#ddd;
}


#dt>tbody>tr>td { 
    vertical-align: middle !important;
}

#dTableMembers>tbody>tr>td { 
    vertical-align: middle !important;
}

#dTableUsers>tbody>tr>td { 
    vertical-align: middle !important;
}



.tdCenter { text-align:center;}
.tdRight { text-align:right; padding-right:20px;}

.border {
border: 1px solid #ddd;
}

.border-rounded {
 border-radius: 4px;
}

.payment-border {
height:150px;
 border-radius: 4px !important;
}

.ui-tabs-nav {

    background-color: #f2f2f2 !important; /*To overwrite jquery-ui.css*/                      /*To stop nav block scaling of tab size*/
    border: 1px solid #e7e7e7 !important; /*To overwrite jquery-ui.css*/                      /*To stop nav block scaling of tab size*/
}

.small-row tr {
    max-height: 15px; /* or whatever height you need to make them all consistent */
    font-size:12px;
}

.alert-hover {
    position:absolute;
    top:40px;
    left:50%;
    width:600px;
    margin-left:-300px;
    z-index:1000;
    text-align:center;
    height:32px;
    box-shadow: 1px 1px 1px #bbb;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    vertical-align:middle;
    z-index:1000;
  border:1px solid;


}

.alert-fixed {
    position:absolute;
    top:40px;
    left:50%;
    width:600px;
    margin-left:-300px;
    z-index:1000;
    text-align:center;
    height:50px;
    box-shadow: 1px 1px 1px #bbb;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:14px;
    vertical-align:middle;
    z-index:10000;
  border:1px solid;


}



.alert-hover-payment {
    position:absolute;
    top:15px;
    left:50%;
    width:400px;
    margin-left:-200px;
    z-index:1000;
    text-align:center;
    height:32px;
    box-shadow: 1px 1px 1px #bbb;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    vertical-align:middle;

  border:1px solid;


}

.mvi
{
    background-color:#ed1b24 !important;
    color:white !important;
}

.red
{
    color :#ed1b24 !important;
}


/* Snippet One */

div.member_signin {
    text-align: center;
}

div.member_signin  i.fa.fa-user {
    color: #FFF;
    background-color: #FFD202;
    border-radius: 500px;
    font-size: 36px;
    padding: 15px 20px 15px 20px;
}

div.fa_user {
    margin-top: -47px;
    margin-bottom: 15px;
}

p.member {
    font-size: 17px;
    color: #888888;
    margin-bottom: 20px;
}

button.login {
    width: 100%;
    text-transform: uppercase;
}

div.input-group {
    width: 100%;
}

/* CSS REQUIRED */
.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

