.sidebar {
  height: 100%;
  width: 175px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: white;
  padding-top: 4px;
}
   
.hide-native-scrollbar-but-still-scrollable {
    /*scrollbar-width: none;*/ /* Firefox 64 */
    -ms-overflow-style: none; /* Internet Explorer 11 */
    overflow-y: scroll;
    overflow-x: hidden;
}
.hide-native-scrollbar-but-still-scrollable::-webkit-scrollbar { /** WebKit */
    display: none;
}

.main {
  margin-left: 160px; /* Same as the width of the sidenav */
  margin-top: 20px;
  width: 88%;
  height: 90%;
  padding: 0px 10px 0px 0px;
}

.footer {
  width: 100%;
  background-color: lightblue;
  color: gray;
  text-align: center;
}

.sidebar_menu_item {
    background-color:whitesmoke;
    border:hidden;
    border-radius: 2px;
    color: #111111;
    width: 100%;
    text-align: left;
    text-decoration: none;
}
.sidebar_menu_item:hover {
    background-color: lightskyblue;
    border: hidden;
    border-radius: 2px;
    color: #111111;
    width: 100%;
    text-align: left;
    text-decoration: none;
    transform:scale(1.05);
}
.sidebar_box_in_box {
    background-color: #C9DBED;
    border-radius: 5px;
    padding: 2px;
    margin: 0 auto;
}

.sidebar_user_image {
    border-radius: 25%;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.34);
}

.sidebar_user_image_disabled {
    border-radius: 25%;
    filter: grayscale(100%);
}

.bbs_viewlist_header {
    background-color: sandybrown;
    font-size: small;
    border-radius: 20px 0px 20px 0px;
    border-style: solid;
    border-color: #dddddd;
    border-width: 1px;
    padding: 16px;
    margin: 0 auto;
    word-wrap: break-word;
    overflow: hidden;
    width: 700px;
    background-image: url("redt_logo.png");
 }

.bbs_viewlist_contents {
    background-color: ghostwhite;
    font-size: small;
    border-radius: 2px;
    border-style: solid;
    border-color: #dddddd;
    border-width: 1px;
    padding: 16px;
    margin: 0 auto;
    word-wrap: break-word;
    overflow: hidden;
    width: 700px;
 }

.bbs_viewlist_contents:hover {
    background-color: aliceblue;
 }

.bbs_viewlist_contents_new {
    background-color: ghostwhite;
    font-size: small;
    border-color: #666666;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 16px;
    margin: 0 auto;
    word-wrap: break-word;
    overflow: hidden;
    width: 700px;
    font-weight: bold;
 }

.bbs_view_list_contents_2column{
    width: 500px;
}

.bbs_view_list_contents_3column{
    width: 300px;
}

.bbs_viewlist_container {
    margin: 0 auto;
    padding: 8px;
    align-content: center;
}

.title_top_container {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    padding-bottom: 8px;
/*    border-top-width: 1px;
    border-top-color: #CCCCCC;
    border-top-style: solid;
*/}
.title_top_text {
    font-family: 맑은 고딕;
    font-size: 18pt; 
    font-weight: bold;
    color: #006699;
}

.box {
    background-color:#E8EFF7;
    border-radius: 5px;
    padding: 4px;
    margin: 0 auto;
}


.box:hover {
    background-color: antiquewhite;
    border-radius: 5px;
    padding: 4px;
    margin: 0 auto;
}

.box_link {
    background-color: #E8EFF7;
    border-radius: 5px;
    padding: 4px;
    margin: 0 auto;
    display: inline-block;
    max-width: 500px;
    word-break: break-all;
}

.box_link:hover {
    background-color: antiquewhite;
    border-radius: 5px;
    padding: 4px;
    margin: 0 auto;
}

.box_title {
    background-color: lightskyblue;
    border-radius: 3px;
    padding: 4px 40px 4px 40px ;
    margin: 0 auto;
}
.box_title:hover {
    background-color: lightblue;
}

.box_information {
    background-color:beige;
    border-radius: 5px;
    padding: 16px;
    margin: 0 auto;
}
.box_information:hover {
    background-color:papayawhip;
    border-radius: 5px;
    padding: 16px;
    margin: 0 auto;
}
.box_message {
    background-color: lightyellow;
    border-radius: 5px;
    padding: 12px;
    margin: 0 auto;
    min-width: 300px;
}
.box_message:hover {
    background-color: antiquewhite;
    border-radius: 5px;
    padding: 12px;
    margin: 0 auto;
}
.box_emphasis {
    background-color: lightblue;
    border-radius: 5px;
    padding: 12px;
    margin: 0 auto;
    box-shadow: 5px 5px 10px #000000;
}
.box_emphasis:hover {
    background-color:lemonchiffon;
    border-radius: 5px;
    padding: 12px;
    margin: 0 auto;
}

.box_warning {
    background-color:#FFFF99;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    padding: 12px;
    margin: 0 auto;
    font-weight: bold;
    font-size: small;
    width: 500px;

    font-size: small;
}
.box_warning:hover {
    background-color: #FFCC66;
}

.box_search {
    background-color:beige;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
}
.box_search:hover {
    background-color:papayawhip;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
}

.box_scroll {
    overflow-y: scroll;
    height: 226px;
}

.box_calendar_day {
    background-color:lightgreen;
    border-radius: 5px;
    margin: 0 auto;
}

.box_mobile_fit{
    transform: scale(2.5);
}

.box_shadow {
    background-color:#F2F2F2;
    border-color: lightgray;
    border-radius: 6px;
    padding: 16px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}

.box_shadow_emphasis {
    background-color:#FFFF66;
    border-color: lightgray;
    border-radius: 6px;
    padding: 16px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}

.box_document {
    background-color:#FdFdFd;
    border-color: lightgray;
    border-radius: 6px;
    padding: 12px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}
.box_document:hover {
    background-color:ivory;
}

.box_document_background {
    background-color:#FdFdFd;
    border-color: lightgray;
    border-radius: 6px;
    padding: 24px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}
.box_document_editing {
    background-color: aliceblue;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    padding: 12px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}
.box_document_editing:hover {
    background-color:aliceblue;
}

.box_delivery_today {
    background-color: lightyellow;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    padding: 12px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}
    .box_delivery_today:hover {
        background-color: lightyellow;
    }

.box_delivery_nearfuture {
    background-color: white;
    border-color: gray;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    padding: 12px;
    margin: 0 auto;
}
.box_delivery_nearfuture:hover {
    background-color:aliceblue;
}
.box_document_approval_ongoing {
    background-color:#FdFdFd;
    border-color: lawngreen;
    border-style: solid;
    border-width: 2px;
    border-radius: 6px;
    padding: 12px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}
.box_document_approval_ongoing:hover {
    background-color:ivory;
}

.box_document_denied {
    background-color:#aaaaaa;
    border-radius: 6px;
    padding: 12px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}
.box_filelinks {
    background-color: #F2F2F2;
    border-color: lightgray;
    border-radius: 6px;
    padding: 8px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
}

.leftalign {
    text-align: left;
}

.rightalign {
    text-align: right;
}
.dropdownlist_shadow {
    background-color:#F2F2F2;
    border-color: lightgray;
    border-radius: 6px;
    padding: 6px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
    color: black;
}

.textbox_shadow {
    background-color:white;
    border-color: lightgray;
    border-radius: 6px;
    padding: 2px;
    margin: 0 auto;
    box-shadow: 3px 3px 8px #888888;
    color: black;
}

.badge_unread {
    background-color:lightsalmon;
    border-radius: 5px;
    margin: 0 auto;
    padding-top: 2px;
    text-decoration: none;
    text-align: center;
    color: black;
      display: inline-block;
      vertical-align: middle;
}

.badge_disabled {
    background-color:lightgray;
    border-radius: 5px;
    margin: 0 auto;
    padding-top: 2px;
    text-decoration: none;
    text-align: center;
    color:dimgray;
      display: inline-block;
      vertical-align: middle;
}

.badge_pager {
    background-color: lightgray;
    border-radius: 5px;
    margin: 4px 4px 4px 4px;
    padding: 2px;
    text-align: center;
    color:black;
      display: inline-block;
      vertical-align: middle;   
}

.horizontal_line{    
    border: solid;
    border-width: 1px;
    border-color: #CCCCCC;

}

.button_normal {
    background-color:#0099CC;
    color: white;
    font-weight: bold;
    border:hidden;
    border-radius: 5px;
    height: 28px;
}
.button_normal:hover {
    background-color:lightskyblue;
    border:hidden;
    border-radius: 5px;
    color: #111111;
    font-weight: normal;
}
.button_normal:disabled {
    background-color: lightgray;
    color: white;
    font-weight: normal;
    border: hidden;
    border-radius: 5px;
    height: 28px;
}
.button_caution {
    background-color: orangered;
    border:hidden;
    border-radius: 5px;
    color: #111111;
    font-weight:400;
    height: 28px;
}
.button_caution:hover {
    background-color: red;
    border:hidden;
    border-radius: 5px;
    color: #111111;
    font-weight:400;
}
    .button_caution:disabled {
        background-color: lightgray;
        border: hidden;
        border-radius: 5px;
        color: #111111;
        font-weight: 400;
    }
.button_emphasis {
    background-color:deepskyblue;
    border:hidden;
    border-radius: 5px;
    color: #111111;
    font-weight:400;
    height: 28px;
}
.button_emphasis:hover {
    background-color:cornflowerblue;
    border:hidden;
    border-radius: 5px;
    color: #111111;
    font-weight:400;
}
    .button_emphasis:disabled {
        background-color: lightgray;
        border: hidden;
        border-radius: 5px;
        color: #111111;
        font-weight: 400;
    }
.button_disabled {
    background-color:lightgray;
    border:hidden;
    border-radius: 5px;
    color: #111111;
    font-weight:400;
    height: 28px;
}

input[type="button"]:disabled {
  background: #dddddd;
}

.stretch_out {
    width: 100%;
}


.image_user {
    border-radius: 25%;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.34);
    margin: 8px;
    object-fit: cover;
}
.image_user_disabled {
    border-radius: 50%;
    filter: grayscale(70%);
    transform:scale(0.7);
    margin: 8px;
    object-fit: cover;

}
.image_user_active {
    border-radius: 25%;
/*    border: solid;
    border-width: 4px;
    border-color:lightgreen;*/
    transform:scale(1.0);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.34);
    margin: 8px;
    object-fit: cover;

}
.image_user_inactive {
    border-radius: 50%;
    filter: blur(4px);
    transform:scale(0.8);
    margin: 8px;
    object-fit: cover;

}

.image_fit {
    margin: 8px;
    object-fit: cover;
}

.image_product {
    border-radius:  15%;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.34);
    margin: 8px;
    object-fit: cover;

}
.gridview {
    background-color:#fff;
    margin: 4px;
}
.gridview {
    background-color:#fff;
}
.gridview a{
      margin:4px;
      border-radius: 4px;
      background-color: transparent;
      padding:7px 12px 7px 12px;
      color:gray;
      border-style: none;
      border-color: white;
      border-width: 1px;
      text-decoration:none; 
}

.gridview a:hover{
      border-color: lightgray;
}

.gridview span{
    background-color: dodgerblue;
    color:#ffffff;
    border-radius: 4px;
    padding:7px 12px 7px 12px;
    margin:2px;
}


.gridview_large {
    background-color:#fff;
}
.gridview_large a{
      margin:auto 2%;
      border-radius: 4px;
      background-color: white;
      padding:5px 10px 5px 10px;
      color:gray;
      border-style: solid;
      border-color: white;
      border-width: 1px;
      text-decoration:none; 
      font-size: x-large;
}

.gridview_large a:hover{
      border-color: lightgray;
}

.gridview_large span{
    background-color: dodgerblue;
    color:#ffffff;
    border-radius: 4px;
    padding:5px 10px 5px 10px;
    font-size: x-large;
}

.watermark_text {
    color: #dddddd;
    font-size: small;
    vertical-align: middle;
}

.round_button {
    border-radius: 8px;
}