html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Blue Green */
.BlueGreen {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #17A2B8;
}

  .BlueGreen td,
  .BlueGreen th {
      border: 1px solid #17A2B8;
      /*padding: 1px;*/
      line-height: 20px;
      padding-left: 5px;
  }

  .BlueGreen th {
      border: 1px solid #9d79ad;
      padding-top: 1px;
      padding-bottom: 1px;
      text-align: left;
      background-color: #17A2B8;
      color: white;
      line-height: 30px;
      padding-left: 5px;
  }

  .BlueGreen tr:nth-child(even) {
      background-color: #fff;
  }

  .BlueGreen tr:hover {
      background-color: #6ab0bb;
      color: white;
  }

  .BlueGreen td,
  .BlueGreen th {
      font-size: 12px;
  }

  .BlueGreen a:hover {
      color: #fff;
  }


login-container {
    position: relative;
    margin: 10% auto;
    max-width: 300px;
}

.login-container .loginbox {
    position: relative;
    width: 300px;
    height: auto;
    padding: 0 0 20px 0;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);

    display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 220px;
    margin: auto;
}

    .login-container .loginbox .loginbox-title {
        position: relative;
        text-align: center;
        width: 100%;
        height: 35px;
        padding-top: 10px;
        font-family: 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
        font-size: 20px;
        font-weight: normal;
        color: #444444;
    }

    .login-container .loginbox .loginbox-social {
        padding: 0 10px 10px;
        text-align: center;
    }

        .login-container .loginbox .loginbox-social .social-title {
            font-size: 14px;
            font-weight: 500;
            color: darkgray;
            margin-top: 10px;
        }

        .login-container .loginbox .loginbox-social .social-buttons {
            height: 80px;
            padding: 15px 35px;
            text-align: center;
        }

            .login-container .loginbox .loginbox-social .social-buttons .button-facebook {
                float: left;
                border: 2px solid #3b5998;
                color: #3b5998;
                border-radius: 50%;
                width: 50px;
                height: 50px;
                margin-right: 30px;
                background-color: #ffffff;
            }

                .login-container .loginbox .loginbox-social .social-buttons .button-facebook i {
                    font-size: 26px;
                    line-height: 50px;
                }

            .login-container .loginbox .loginbox-social .social-buttons .button-twitter {
                float: left;
                border: 2px solid #29c1f6;
                color: #29c1f6;
                border-radius: 50%;
                width: 50px;
                height: 50px;
                margin-right: 30px;
                background-color: #ffffff;
            }

                .login-container .loginbox .loginbox-social .social-buttons .button-twitter i {
                    font-size: 26px;
                    line-height: 50px;
                }

            .login-container .loginbox .loginbox-social .social-buttons .button-google {
                border: 2px solid #ef4f1d;
                color: #ef4f1d;
                border-radius: 50%;
                width: 50px;
                height: 50px;
                background-color: #ffffff;
            }

                .login-container .loginbox .loginbox-social .social-buttons .button-google i {
                    font-size: 26px;
                    line-height: 50px;
                }

    .login-container .loginbox .loginbox-or {
        position: relative;
        text-align: center;
        height: 20px;
    }

        .login-container .loginbox .loginbox-or .or {
            position: absolute;
            top: 0;
            -lh-property: 0;
            left: -webkit-calc(50% - 25px);
            left: -moz-calc(50% - 25px);
            left: calc(50% - 25px);
            ;
            width: 50px;
            height: 20px;
            background-color: #ffffff;
            color: #999999;
            margin: 0 auto;
        }

        .login-container .loginbox .loginbox-or .or-line {
            position: absolute;
            height: 1px;
            top: 10px;
            left: 40px;
            right: 40px;
            background-color: #cccccc;
        }

    .login-container .loginbox .loginbox-textbox {
        padding: 10px 40px;
    }

        .login-container .loginbox .loginbox-textbox .form-control {
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            background-clip: padding-box;
        }

    .login-container .loginbox .loginbox-forgot {
        padding-left: 40px;
    }

        .login-container .loginbox .loginbox-forgot a {
            font-size: 11px;
            color: #666666;
        }

    .login-container .loginbox .loginbox-submit {
        padding: 10px 40px;
    }

    .login-container .loginbox .loginbox-signup {
        text-align: center;
        padding-top: 10px;
    }

        .login-container .loginbox .loginbox-signup a {
            font-size: 13px;
            color: #666666;
        }

.login-container .logobox {
    width: 300px;
    height: 50px;
    padding: 5px;
    margin-top: 15px;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    text-align: left;
}

div.container {
    min-width: 90%!important;
}

.form-group.row{
    margin-bottom:10px;
}

.mvc-grid-value {
    padding-right: 0px !important;
}

.mvc-grid-header-mode.sortable.mvc-grid-value {
    padding-right: 0px !important;
}