#header {
  position: relative !important;
  height: 100px !important; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }
  .container-fluid header {
    height: 85px;
    padding: 8px;
    border-bottom: 8px solid #4A7EBB; }
    .container-fluid header .navbar {
      width: 1200px;
      margin: auto; }
  .container-fluid #top_image {
    display: block;
    margin: auto;
    margin-top: 15px;
    width: 90%;
    max-width: 1200px; }
    @media screen and (max-width: 768px) {
      .container-fluid #top_image {
        width: 100%; } }
  .container-fluid #row_login {
    margin-top: 20px; }
    .container-fluid #row_login .row_buttons {
      display: flex;
      flex-wrap: wrap; }
    .container-fluid #row_login .doc_navi {
      margin: 6px;
      width: 273px;
      height: 102px; }
      .container-fluid #row_login .doc_navi.doc_navi_chest {
        background-image: url("../imgs/doc_navi_chest.png"); }
      .container-fluid #row_login .doc_navi.doc_navi_abdomen {
        background-image: url("../imgs/doc_navi_abdomen.png"); }
      .container-fluid #row_login .doc_navi.doc_navi_empty {
        background-image: url("../imgs/doc_navi_empty.png"); }
      .container-fluid #row_login .doc_navi button {
        border: none;
        width: 168px;
        height: 35px;
        background-color: #002060;
        color: white;
        font-size: 20px; }
        .container-fluid #row_login .doc_navi button:hover {
          box-shadow: 1px 1px 2px #001030;
          transition: all 0.3s; }
        .container-fluid #row_login .doc_navi button#btn_doc_navi_chest_login, .container-fluid #row_login .doc_navi button#btn_doc_navi_abdomen_login {
          margin-top: 54px;
          margin-left: 96px; }
    .container-fluid #row_login .simu_doc {
      margin: 6px;
      width: 275px;
      height: 145px; }
      .container-fluid #row_login .simu_doc.simu_doc_chest {
        background-image: url("../imgs/simu_doc_chest.png"); }
      .container-fluid #row_login .simu_doc.simu_doc_abdomen {
        background-image: url("../imgs/simu_doc_abdomen.png"); }
      .container-fluid #row_login .simu_doc.simu_doc_empty {
        background-image: url("../imgs/simu_doc_empty.png"); }
      .container-fluid #row_login .simu_doc button {
        border: none;
        width: 168px;
        height: 35px;
        background-color: #00B0F0;
        color: white;
        font-size: 20px; }
        .container-fluid #row_login .simu_doc button:hover {
          box-shadow: 1px 1px 2px #0090C0;
          transition: all 0.3s; }
        .container-fluid #row_login .simu_doc button#btn_simu_doc_basic_chest_login, .container-fluid #row_login .simu_doc button#btn_simu_doc_basic_abdomen_login {
          margin-top: 54px;
          margin-left: 96px; }
        .container-fluid #row_login .simu_doc button#btn_simu_doc_practice_chest_login, .container-fluid #row_login .simu_doc button#btn_simu_doc_practice_abdomen_login {
          margin-top: 8px;
          margin-left: 96px; }
    @media screen and (max-width: 768px) {
      .container-fluid #row_login .doc_navi {
        float: none;
        margin: 6px auto; }
      .container-fluid #row_login .simu_doc {
        float: none;
        margin: 6px auto; } }

/*# sourceMappingURL=styles.css.map */
