.icon-area { width: 20%; margin-left: 75%; }

/* .move-date-area .current-date { font-weight: bold; font-size: 20px; } */

/*#home .contact-area { height: 45vh; }*/

.home_modal_add_btn, .add_button {
	position: fixed;
    bottom: 15px;
    right: 5px;
}

.home_modal_add_btn i, .add_button i {
	font-size: 45px;
}

.g-table {
    display: grid;
}
#message {
    background: #fcf9f6;
}
#message .tab_items div {
    width: calc(100% / 4);
}

.reply-form {z-index: 2; background-color: #d4d7d8; display: inline-flex; width: 100%; padding: 5px; position: fixed; bottom: 0px; display: block; }

.reply-form textarea { width: 80%; height: 30px; padding: 5px; border-radius: 5px; transform: scale(1); line-height: 1; min-height: 0px; border: 1px solid; margin: auto; background-color: #fff; }

.reply-form i { font-size: 40px; transform: rotateZ(45deg); color: #3cce63; }

.reply-form form { width: 100%; display: inline-flex; }

.reply-form form a { margin-right: 10px; }

.btn-group .btn { margin: 15px auto 0px auto; background-color: #085880; color: #fff; padding: 10px; font-size: 20px; border-radius: 5px; }

.btn-group .btn-sm { margin: 5px auto; /*margin: 15px auto 0px auto;*/ background-color: #336b9c; color: #fff; padding: 10px; font-size: 15px; border-radius: 5px; width: 115px; }

.btn-group .btn-lg { margin: 5px auto;/*margin: 15px auto 0px auto;*/ background-color: #336b9c; color: #fff; padding: 5px; font-size: 15px; border-radius: 5px; width: 200px; }

.btn-group .disabled { background-color: #515556 !important; pointer-events: none; }
main .content .card-group { overflow-x: hidden; }

main .content .card-group .title { background-color: #eacfe5; width: 100px; font-size: 15px; font-weight: 570; padding: 10px; }

main .content .card-group .card { padding: 5px 0px; display: flex; width: 100%; border: 1px solid #000; margin: 5px}

main .content .card-group .card .card-img { width: 50px; height: 100%; }

main .content .card-group .card .card-img img { display: block; width: 100%; border: 0; font-size: 0; line-height: 0; }

main .content .card-group .card .card-content { padding: 5px; width: 100%; display: inline-flex; /*border: 1px solid #000;*/ }

main .content .card-group .card .card-content .card-message { /*display: inline-flex; */width: 100%; padding-left: 10px; }

main .content .card-group .card .card-content .card-message .row { display: inline-flex; width: 100%; }

main .content .card-group .card .card-content .card-message .col-1 { width: calc(100% - 150px); display: grid; }

main .content .card-group .card .card-content .card-message .col-2 { width: 150px; text-align: right; /*padding-right: 3px;*/ }

main .content .card-group .card .card-content .card-message .col-2.attack i { transform: rotateZ(136deg); font-size: 15px; margin-left: 35px; margin-bottom: 20px; position: absolute; }

main .content .card-group .card-block { width: 100%; margin: 7px 0px; display: inline-flex; }

main .content .card-group .card-block form { width: 100%; display: inline-flex; }

.message-detail .message-content .recieve_message { float: left; width: 90%; }

.message-detail .message-content .sender-content { float: right; width: 90%; }

.message-content .img-icon {
    width: 50px;
    height: 50px;
}

.message-content .txt {
    background-color: #e4b186;
    border-radius: 10px;
    padding: 10px;
    width: 80%;
}

.message-time-L {
    text-align: right;
    color: #97909a;
}

.message-time {
    text-align: left;
    color: #97909a;
}

.arrow-left {
    width: 0px;
    border-color: #e4b186;
    border-style: solid;
    border-width: 5px;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    height: 0px;
    transform: scaleX(4.5);
    position: inherit;
    margin-right: 15px;
    margin-top: 10px;
}

.arrow-right{
    width: 0px;
  border-color: #e4b186;
  border-style: solid;
  border-width: 5px;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  height: 0px;
  transform: scaleX(4.5);
  position: inherit;
  margin-left: 15px;
  margin-top: 10px;
}

#main_container #main_contents {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 1em;
    overflow-y: auto;
    overflow-x: hidden;
}

main .sort-btn-group { position: inherit; top: 115px; display: inline-flex; width: 100%; }
main .sort-btn-group .btn-group { width: 90%; }
main .sort-btn-group .sort-group { margin: 0 25px 0 0; transform: rotateZ(90deg); }
main .sort-btn-group .sort-group i { font-size: 25px; }
#bk_cl.second-modal { z-index: 100; }

#home .tab-panel { width: 100%; display: inline-flex; padding: .7em 0}
#home .tab-panel .calendar-tab { width: 50%; }
#home .tab-panel .tab { border-bottom: 5px transparent solid; width: calc(100%); color: #333;}
#home .tab-panel .tab.active, .index .tab-panel .calendar-tab.active { border-color: #3eb5e9; }
.no-display { display: none !important; }

.show-image img { width: 100%; }

.contact-item-group { padding: 5px;}