@import url('https://fonts.googleapis.com/css?family=Numans');

/* html,body{
background-image: url('https://pejak.ddns.net/Material/TintedOrnateAmericancicada-size_restricted.gif');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
font-family: 'Numans', sans-serif;
 } */

.loginBody{
  /* background-image: url('https://pejak.ddns.net/Material/TintedOrnateAmericancicada-size_restricted.gif'); */
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  font-family: 'Numans', sans-serif;
}

.standardBody{
  /* background-image: url('https://pejak.ddns.net/Material/5wjpNuT.jpg'); */
  background-color: #A7D0DD;
  background-size: cover;
}

.trainingBody{
  background-image: url('image-2230.jpg');
  background-size: cover;
}

.container{
height: 100%;
align-content: center;
}

.card{
height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
}

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
background-color: #FFC312;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: #FFC312;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

#removeLineTable table>tbody>tr>td{
    border-top: none;
}

.div-hight-200 {
    height: 200px;
}

.div-hight-300 {
    height: 300px;
}

.videoName {
    margin-top: 10px;
    height: 100px;
    color: white;
}

.formGabrielWeight {
    color: white;
}

.month-money-head img
{
  height: 20px;
  width: 20px;
}

/* used on creditCards.php */
.expandTable{
   border-width: 1px;
   box-shadow: 5px 5px 8px 5px;
}

.modalTable tr th{
  text-align: center
}

.hiddenClass {
  display: none;
}

.sidebarCustomPlace {
  padding: 0;
}

.sidebarCustom {
  padding: 0;
}


#budgetDiv table {
  margin-top: 10px;
  margin-right: 20px;
  border-top-right-radius: 3px;
  text-align: center;
  width: 100%;
  /* min-width: unset; */
}

#budgetDiv {
  padding-bottom: 30px;
  border-bottom: 1px solid #D3D3D3;
  margin-bottom:10px;
  display: table;
}

/* ============ multi dropdown start ============ */
.navbar .dropdown-submenu {
    position: relative;
}

.navbar .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.navbar .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* ============ multi dropdown start end ============ */