/* f5f7fa */

.border-top-2 {
    background: #fff;
}

[dir] .sidebar-black-dodger-blue {
    background: #fff;
}
.cl-black {
    color: #000 !important;
}
.sidebar-black-dodger-blue .sidebar-menu-button,
.sidebar-black-dodger-blue .sidebar-menu-toggle-icon {
    color: #000;
}

.left-sidebar-topmenu {
    border-top:1px solid #CCC;
}

.worksheet_height {
    height: calc(100vh - 120px) !important;
    overflow: scroll !important; /* This enables scrolling */
}

.worksheet_header {
    height: 80px !important;
}
.notcus_ul {
    height: calc(100vh - 180px) !important;
    overflow-y: scroll; /* This enables scrolling */
    overflow-x: auto; /* This enables scrolling */
}


.notcus_ul::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    /* display:none; */
    width: 10px;
}
.notcus_ul::-webkit-scrollbar-thumb {

    /* background-image: linear-gradient(to left, white, #b20a2c); */
    background-image: linear-gradient(to left, white, #CCC);
    /* background: linear-gradient(0deg,#43e2c6,#3183d0); */
  
    border-radius: 5px;
  
  }

  .sidebar-menu-button_groupcustomer {
    font-weight: normal !important;
  }

  .left-sidebar-menu-button {
    width:60px;
    border-right: solid 3px #CCC !important;
    border-image-source: linear-gradient(to left, #EEE, #DDD);
    margin-top: 52px;
    background-color: #EEE;
  }

  .sidebar-menu-item-leftmenu {
    margin-top:55px;
  }

  
  .left-button-css {
    height:70px;text-align:center;display: flex;justify-content: center
  }

.left-sidebar-menu {
    margin: 0px;
    left:0;
    width: 250px;
    height: calc(100vh);
    position: fixed;
    /* border-right: solid 3px #CCC !important; */
    /* background: #f5f7fa */
    /* background: white */
}

.left-sidebar-menu3 {
    height: calc(100vh);
    overflow-y: scroll;
    overflow-x: auto; /* This enables scrolling */
    /* background: white */
}

.view-content-header {
    width:300px !important;
    margin-left: 15px;
}

.update-content-header {
    width:300px !important;
    margin-left: 20px;
    margin-top: 20px;
}


.left-sidebar-menu2 {
    /* margin: 0px;
    width: 350px; */
    /* background-color:#EEE; */
    padding-top:60px !important;
    width:250px !important;
    height: 100%;
    position: fixed;
    overflow-y: scroll;
    overflow-x: auto; /* This enables scrolling */
    /* background: url('../images/BKCephei.jpg') no-repeat;
    background-size: cover; */
    /* background: #f5f7fa; */
    /* border-right: solid 3px #CCC !important; */
    /* background: #f5f7fa */
    /* background: white */
}

.sidebar-menu-item-ml {
    /* margin-left:-10px !important; */
}

.page_container_custom::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    /* display:none; */
    width: 10px;
}
.page_container_custom::-webkit-scrollbar-thumb {

    /* background-image: linear-gradient(to left, white, #b20a2c); */
    background-image: linear-gradient(to left, white, #CCC);
    /* background: linear-gradient(0deg,#43e2c6,#3183d0); */
  
    border-radius: 5px;
  
  }
  
  .page_container_custom::-webkit-scrollbar-track {
  
    /* background: rgba(100,100,100, .5); */
    background: rgba(255, 255, 255, 0.5);
  }


.left-sidebar-menu3::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    /* display:none; */
    width: 7px;
}
.left-sidebar-menu3::-webkit-scrollbar-thumb {

    background-image: linear-gradient(to left, white, #CCC);
    /* background: linear-gradient(0deg,#43e2c6,#3183d0); */
    border-radius: 5px;
  }
  
  .left-sidebar-menu3::-webkit-scrollbar-track {
    /* background: rgba(100,100,100, .5); */
    background: rgba(255, 255, 255, 0.5);
  }


.left-sidebar-menu2::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    /* display:none; */
    width: 7px;
}
.left-sidebar-menu2::-webkit-scrollbar-thumb {

    background-image: linear-gradient(to left, white, #CCC);
    /* background: linear-gradient(0deg,#43e2c6,#3183d0); */
    border-radius: 5px;
  }
  
  .left-sidebar-menu2::-webkit-scrollbar-track {
    /* background: rgba(100,100,100, .5); */
    background: rgba(255, 255, 255, 0.5);
  }

.sidebar-black-dodger-blue .sidebar-menu-button:hover {
    color: #000;
}

.searchContainer {
    /* background: #dcdee1 !important; */
    background: #f5f7fa !important;
}
.searchContainer::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}

[dir=ltr] .sidebar-menu>.sidebar-menu-item {
    margin-right: 0rem;
    border-radius: 0 0px 0px 0;
    margin-left:-10px !important;
}

.clearSearchButton {
    position: absolute; 
    bottom:10px;
    margin-left:-40px;
}

.statusproject {
    height:40px;
}

.stateactiveproject {
    background-color:yellow !important;
    color:red
}

.statedeactiveproject {
    background-color:#CCC !important;
}

.statedeactiveprojectnoneed {
    background-color:#CCC !important;
    text-decoration: line-through !important;
}



.leftmenu_submenu_top{
    margin-left:-50px !important;
    margin-top:-40px !important; 
}

.leftmenu_submenu{
    /* margin-left:-50px !important;
    margin-top:-40px !important; */
    /* margin-left:5px !important; */
    margin-top: -10px !important;
    height: calc(100vh - 360px);
    overflow-y: auto; /* This enables scrolling */
    overflow-x: auto; /* This enables scrolling */
}

.detailsearch_menu{
    height: calc(100vh - 530px);
    overflow-y: auto; /* This enables scrolling */
    overflow-x: auto; /* This enables scrolling */
    margin-right:-10px !important;
}

.detailsearch_menu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0);
	background-color: white;
}

.detailsearch_menu::-webkit-scrollbar
{
	width: 10px;
	background-color: white;
    border: none !important;
}

.detailsearch_menu::-webkit-scrollbar-thumb
{
	/* background-color: #ccc; */
	border: 0px solid #ccc;
}

.detailsearch_menu::-webkit-scrollbar-thumb:vertical
{
    background-image: linear-gradient(to left, white, #CCC) !important;
  
    border-radius: 5px !important;
}

.searchConditionSimple{
    padding-right:5px;
    padding-top:10px;
    padding-left:5px;
    height: calc(100vh - 210px);
    position: fixed; /* The position will be constant */
    overflow-y: auto; /* This enables scrolling */
    overflow-x: auto; /* This enables scrolling */
    /* background: #f5f7fa   ; */
    margin-top:-10px !important;
}
.searchCondition {
    /* margin: 0px; */
    padding-right:5px;
    padding-top:10px;
    padding-left:5px;
    height: calc(100vh - 150px);
    position: fixed; /* The position will be constant */
    overflow-y: auto; /* This enables scrolling */
    overflow-x: auto; /* This enables scrolling */
    /* background: #f5f7fa   ; */
    margin-top:-10px !important;
}


.searchCondition::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}

.mw-600 {
    max-width: 600px;
    margin-top: 10px !important;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.title_form {
    width: 100%;
    text-align: center;
    font-size: 26px;
}
.description_form {
    width: 100%;
    text-align: center;
    font-size: 16px;
}
[dir] .sidebar-black-dodger-blue .open {
    background: #f5f7fa;
}

.sidebar-black-dodger-blue .active>.sidebar-menu-button,
.sidebar-black-dodger-blue .active>.sidebar-menu-button .sidebar-menu-icon {
    color: #000;
}

.sidebar-menu-button:hover .sidebar-menu-icon {
    color: #000;
}

.sidebar-black-dodger-blue .sidebar-menu-button:hover .sidebar-menu-icon,
.sidebar-black-dodger-blue .sidebar-menu-button:hover .sidebar-menu-toggle-icon {
    color: #000;
}

.card-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-items: center;
}

.card-header .search-form {
    margin: 0px 10px;
}

.card-header .form-group button {
    margin: 0px auto;
}

.circleBtn {
    display:block;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    border: 1px solid red;
}

.btn-center {
    display: flex;
    justify-content: center;
    margin-bottom: 0px !important;
    align-items: end;
}

[dir] .card-header {
    border-bottom: 0px solid #dfe2e6;
}

[dir=ltr] .card-footer:last-child,
[dir=rtl] .card-footer:last-child {
    align-items: right;
    display: flex;
    justify-content: right;
}

.table-nowrap {
    font-size: 14px;
}

.avatar-sm {
    width: 170px;
}

.table tbody td,
.table thead th {
    vertical-align: top;
}

#list-data>.text-sm-left {
    /* margin: 20px 0px; */
    text-align: left !important;
}

.style-group-add {
    border: 1px solid #ccc;
    background: #fff;
    padding: 15px;
    margin: 10px 0px;
}

.labelButton {
    margin: 2px;
    margin-left:5px !important;
}

.labelButton2 {
    margin: 10px;
}

.labelButtonDropMenu {
    margin: 10px;
    /* margin-top: 2px; */
}

.address_phone {
    display: none;
}

.title-edit {
    display: flex;
    justify-content: space-between;
    max-width: 100vw;
}

.overflow-auto {
    overflow: auto !important;
}

.dashboardmain {
    overflow: auto !important;
    height: 100% !important;
    /* margin-top:-20px !important; */
}

.dashboardtask {
    overflow: auto !important;
    /* margin-top:-20px !important; */
}

.dashboardmain::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.dashboardmain::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.dashboardmain::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}

.dashboardmain::-webkit-scrollbar-thumb:vertical
{
    background-image: linear-gradient(to left, white, #CCC) !important;
  
    border-radius: 5px !important;
}

#calendar {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

.sidebar-black-dodger-blue .sidebar-submenu .sidebar-menu-button {
    color: rgba(172, 182, 191, 1);
}

.sidebar-black-dodger-blue .sidebar-submenu .active>.sidebar-menu-button,
.sidebar-black-dodger-blue .sidebar-submenu .active>.sidebar-menu-button .sidebar-menu-icon,
.sidebar-black-dodger-blue .sidebar-submenu .sidebar-menu-button:hover,
.sidebar-black-dodger-blue .sidebar-submenu .sidebar-menu-button:hover .sidebar-menu-icon {
    color: #000;
}

.form-custom-table .table {
    overflow: auto;
    display: block;
}

.form-custom-table .table tr {
    position: relative;
}

.backgroundWhite {
    background: white !important;
}

.form-custom-table .table tr th,
.form-custom-table .table tr td {
    white-space: nowrap;
}
.btnToggleMenu {
    /* display: block; */
    border: 0px;
    background: none;
    position: absolute;
    /* right: -20px; */
    z-index: 1000;
    padding: 10px;
    /* border: 1px solid; */
    /* border-radius: 100px !important; */
    /* top: -9px; */
    outline-style: none;
}
.btnToggleMenu:focus {
    outline: none;
}
.hiddenMenu{
    visibility: hidden !important;
}
.changeWidthMenu{
    width: 30px !important;
}
.hiddenMenu #headerContent {
    display: none;
}
.page-content {
    transform: unset !important;
    margin-top: 0px !important;
}
#default-drawer1 {
    width: 258px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
}

.topMenu {
    /* margin-left:100px !important; */
}
.footerMenu {
    height:20px !important;
    background:red;
}
.topButton {
    /* margin-right: 70px !important; */
    margin-right: -20px !important;
    margin-left: auto;
}
@media only screen and (max-width: 600px) {
    .mobileColumn{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #default-navbar {
        display: flex;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100vw;
    }
    .page-content {
        transform: unset !important;
    }
    .btnToggleMenu {
        display: none;
    }
    .fc .fc-toolbar {
        flex-direction: column;
    }
    .card-header {
        display: block;
    }
    .card-header .search-form {
        margin: 10px 0px;
    }
    .page__container.align-items-center {
        align-items: end !important;
    }
    .address_phone {
        display: block;
    }
    .address_pc {
        display: none;
    }
    .title-edit {
        display: flex;
        justify-content: space-between;
        width: 340px;
        max-width: 340px;
    }
}

.form-label {
    text-transform: unset;
}
.labelSwitchShow {
    margin-left:5px;
    margin-right:-5px;
}
.bodyButtonLeft {
    top:0px;
    /* margin-top:65px; */
    margin-top:50px;
    width: 45px;
    float: left;
    position: fixed;
    height:100%;
    /* background: white; */
    border-right: 1px solid #AF002A;
    z-index: 5;
}

.bodyButtonTopMobile {
    display: flex;
    width: 100%;
    float: left;
    justify-content: flex-end;
    align-items: flex-end;
    /* border-bottom: 1px solid #ccc; */
}

.bodyButtonTop2 {
    display: flex;
    width: 100%;
    float: center;
    margin-top:15px;
    margin-bottom:-30px;
    justify-content: center;
    align-items: flex-end;
    /* border-bottom: 1px solid #ccc; */
}

.bodyButtonTop_lci {
    /* display: flex; */
    width: 100% !important;
    /* float: center; */
    margin-top:15px;
    margin-bottom:-45px;
    /* justify-content: center;
    align-items: flex-end; */
    /* border-bottom: 1px solid #ccc; */
}

.GridControllerToolbar {
    margin-top:-5px;
    padding-left:5px;
    padding-right:12px;
}

.tabSearch {
    margin-left:-22px !important;
    width:100% !important;
}

.tabSearchContainer {
    margin-right:15px !important;
}

.bodyButtonTop {
    /* padding-right:5px !important; */
    padding: 5px;
    padding-top:10px !important;
    padding-right:20px !important;
    padding-bottom:10px !important;
    display: flex;
    width: 100%;
    float: left;
    justify-content: flex-end;
    align-items: flex-end;
    /* border-bottom: 1px solid #ccc; */
}

.bodyButtonTopNoCheckbox {
    /* padding-right:5px !important; */
    padding: 5px;
    display: flex;
    width: 100%;
    float: left;
    justify-content: flex-end;
    align-items: flex-end;
    /* border-bottom: 1px solid #ccc; */
}

.bodyButtonTopHaveCheckboxUpdate {
    /* padding-right:5px !important; */
    padding: 5px;
    margin-top:-5px !important;
    display: flex;
    width: 100%;
    float: left;
    /* justify-content: flex-end;
    align-items: flex-end; */
    /* border-bottom: 1px solid #ccc; */
}

.bodyButtonTopHaveCheckbox {
    /* padding-right:5px !important; */
    padding: 5px;
    padding-top:5px !important;
    display: flex;
    width: 100%;
    float: left;
    /* justify-content: flex-end;
    align-items: flex-end; */
    /* border-bottom: 1px solid #ccc; */
}

.bodyButtonTopHaveCheckbox_right {
    /* padding-right:5px !important; */
    margin-top:-5px;
    margin-bottom:-8px;
    padding: 5px;
    padding-top:5px !important;
    display: flex;
    width: 100%;
    float: left;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    /* border-bottom: 1px solid #ccc; */
}

.tableFixHead2          
{
    height: calc(100vh - 66px);
    overflow: auto; margin-right:-10px;margin-left:-10px;
}

.marginTop40 {
    margin-top:40px;
}

.tableFixHead3     
{
    height: calc(100vh - 66px);
    vertical-align: middle;
}

.tableFixHead          { overflow: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }


.page_container_custom_marginright {
    margin-right:-23px !important;
    margin-top:-20px !important;
}

.infobutton {
    color:blue;
    font-size: large;
}

.updateButton {
    color: orange;
    font-size: large;
}

.page_container_custom_marginright_new {
    margin-right:-23px !important;
    margin-top:-10px !important;
}
@media only screen and (max-width: 600px) {
    .page_container_custom_marginright {
        margin-right:0px !important;
    }
}

.page_container_custom {
    /* padding-right: 1.5rem!important; */
    padding-left: 0rem!important;
    /* margin-top:-3px !important; */
    margin-right:-2px !important;
    /* margin-top: -20px !important; */
}

.button-left-nav {
    font-size:20px;
}

.button-left-nav-text {
    font-size:10px !important;
    margin-top:-20px !important;
}

.page_container_custom_update {
    /* padding-right: 1.5rem!important; */
    padding-left: 0rem!important;
    /* margin-top:-3px !important; */
    margin-right:-2px !important;
}

@media only screen and (max-width: 600px) {
    .page_container_custom {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }
}


.bodyContent2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}
.bodyContent2 .bodyContentLeft2 {
    width: 250px;
    margin-right: 10px;
    /* background: white; */
}
.bodyContent2 .bodyContentRight2 {
    width: 100%;
    /* background: white; */
    width: calc(100% - 250px);
}


.bodyContent {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    float: left;
}
.bodyContent .bodyContentLeft {
    width: 250px;
    float: left;
    margin-right: 10px;
    /* background: white; */
}
.bodyContent .bodyContentRight {
    width: 100%;
    float: left;
    margin-left:-5px;
    margin-right:13px;
    /* background: white; */
    /* width: calc(100% - 250px); */
    /* width:100%; */
}
.searchToolbar {
    margin-bottom:-10px;
    margin-top:-50px;
    min-width:400px;
}
.searchToolbarTextbox {
    margin-top:-5px;
}
.searchToolbarTextboxIndex {
    text-indent: 25px;
}
.searchToolbarDropdown {
    margin-right:-32px;
}
.searchToolbarDropdownButton {
    height:31px !important;width:30px !important;margin-top:3px !important;margin-left:3px !important;
}
.searchToolbarSearchButton {
    height:33px;width:120px;margin-top:2px;margin-left:-122px;
}
.bodayRightContentGrid {
    /* margin-right:15px; */
    max-width: 100%;
    margin-top:10px;
}
.bodayRightContentGridMobile {
    margin-right:-15px;
    max-width: 100%;
}
.colLg12Mobile {
    width: 100%;
    margin-left:10px;
}
@media only screen and (max-width: 600px) {
    .bodayRightContentGrid {
        /* margin-right:15px; */
        max-width: 100%;
    }
}
.holiday-name {
    width: 90px;
    font-size: 13px;
    color: red;
}
.required_field {
    color: red;
}
.moneyCol {
    text-align: right;
    /* width:100%; */
}
.rowContent {
    width: 200px;
    float: left;
    text-align: left;
    margin-bottom: 0px;
    vertical-align: top;
    word-break: break-all;
    white-space: normal;
}
.upperCase {
    text-transform: uppercase;
}
.groupRowContent {
    width: 100%;
    display: block;
    float: left;
}
.countDateLabel {
    margin-top:10px;
    color:red;
}
.searchHeader {
    width:250px;
    height:30px;
    /* height:30px; */
    /* margin-top:5px; */
}


.searchLeftMenu {
    height:30px;
    /* height:30px; */
    /* margin-top:5px; */
}
.searchHeaderMobile {
    margin-top:0px;
}
@media only screen and (max-width: 600px) {
    .searchHeader {
        width:210px;
        margin-top:5px;
    }
}
.fullWidth {
    width:100% !important;
}
.fullWidthMobile {
    width:100% !important;
    margin-left:5px;
    margin-right:20px;
}

.femaleClass {
    color:red;
}
.mapBtn {
    color: red;
}
.maleClass {
    color: blue
}


.customerStatus1 {
    background: #ff9966;
}
.customerStatus2 {
    background: #20c997;
}
.customerStatus3 {
    background: #00bfff;
}
.customerStatus4 {
    background: #b19cd9;
}
.customerStatus5 {
    background: #a4c639;
}
.customerStatus6 {
    background: white;
    text-decoration: line-through;
}
.headerGrid {
    background: #CCCCCC !important;
}

.status2 {
    background: #ff9966 !important;
}
.status2Minus {
    background: #ff9966 !important;
    color:red !important;
}
.status3 {
    background: #20c997 !important;
}
.status3Minus {
    background: #20c997 !important;
    color:red !important;
}
.status4 {
    background: #00bfff !important;
}
.status4Minus {
    background: #00bfff !important;
    color:red !important;
}
.status5 {
    background: #b19cd9 !important;
}
.status5Minus {
    background: #b19cd9 !important;
    color:red !important;
}
.status458 {
    background: #d6e4f5f1 !important;
}
.status458Minus {
    background: #d6e4f5f1 !important;
    color:red !important;
}
.status6 {
    background: #faf9f8 !important;
}
.status6Minus {
    background: #faf9f8 !important;
    color:red !important;
}
.status7 {
    background: white !important;
    text-decoration: line-through;
}
.status7Minus {
    /* background: white !important; */
    color:red !important;
    text-decoration: line-through;
}
.status8 {
    background: #20c997 !important;
}
.status8Minus {
    background: #20c997 !important;
    color:red !important;
}
.statusOther {
    background: #a4c639 !important;
}
.statusOtherMinus {
    background: #a4c639 !important;
    color:red !important;
}
.statusMinus {
    color:red !important;
}
.linkCheckboxAll {
    background: none!important;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}
.loginIcon {
    width:150px;height:150px;
}
.threadLabelCenter {
    text-align: center;
    width:100%;
}
.textAlignCenter {
    text-align: center;
}
.table-mobile tr  {
    padding: 5px 0px !important;
}
.table-mobile tr td {
    padding: 0px !important;
    border-top: 0px solid #e9edf2 !important;
}
.table-mobile tr td.titleTd {
    width: 115px !important;
}
@media only screen and (max-width: 600px) {
    .bodyContent {
        display: block;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        float: left;
    }
    .bodyContent .bodyContentLeft {
        width: 100%;
        float: left;
        margin-right: unset;
        display: none;
    }
    .bodyContent .bodyContentRight {
        width: 100%;
        float: left;
    }

    .bodyContent2 {
        display: block;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        text-align: center;
    }
    .bodyContent2 .bodyContentLeft2 {
        width: 100%;
        margin-right: unset;
        display: none;
    }
    .bodyContent2 .bodyContentRight2 {
        width: 100%;
    }
}

.tableTabMobile {
    margin-left:-20px !important;margin-right:-20px !important;
}
.groupTabChild {
    width: 100%;
    border: 1px solid #ccc;
}
.tab-content{
    position: relative;
}
.tab-content-child {
    position: relative;
}
.tab-content-child .tab-pane-child {
    overflow: auto;
    height: calc(100vh);
    padding: 0px 20px;
    display: none;
}
.textnote {
    min-height:200px;
}
.tab-content-child .tab-pane-child.active {
    display: block;
}
.tab-content-child .tab-pane-child::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.tab-content-child .tab-pane-child::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

.tab-content-child .tab-pane-child::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}


.tab-content_jobintern {
    position: relative;
}
.tab-content_jobintern .tab-pane_jobintern {
    overflow: auto;
    height: calc(100vh);
    padding: 0px 20px;
    display: none;
}
.tab-content_jobintern .tab-pane_jobintern.active {
    display: block;
}
.tab-content_jobintern .tab-pane_jobintern::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.tab-content_jobintern .tab-pane_jobintern::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

.tab-content_jobintern .tab-pane_jobintern::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}

.btnToggleShowList {
    position: absolute;
    right: 8px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    z-index: 1000;
}
.btnToggleShowList i {
    font-size: 30px;
}
.modal-lg, .modal-xl {
    max-width: 100vw;
    width: 100vw;
    height: 100%;
    max-height: 100vh;
    margin: 0px !important;
}
.marginRight300 {
    margin-left:300px;
}
.marginRight30 {
    margin-left:30px;
}
.marginLeft30 {
    margin-left:5px !important;
}
.width300 {
    width:300px;
}
.width30 {
    width:30px;
}
.checkboxHor2 {
    margin:2px !important;
}
.checkboxHor {
    margin:2px !important;
    margin-left:15px !important;
}
.checkboxHor3 {
    margin:2px !important;
    /* margin-left:10px !important; */
    margin-top:-5px !important;
}
.labelFontSize10 {
    font-size:11px !important;
    font-family: system-ui !important;
    cursor: pointer;
}
.highlight {
    background-color: yellow;
  }
  
.highlightErrorSetting {
    background-color: yellow;
    color: red;
    font-size: large;
  }
.highlightPink {
    background-color: pink;
}
.labelFontSize8 {
    font-size:8px !important;
    /* font-family: system-ui !important; */
}
.gridControl {
    text-align: left;
}

.viewForm {
    margin-right: -7px !important;
}
.gridControl2 {
    text-align: right;
    width:300px;
    margin: 5px;
    margin-top:-5px !important;
}
.gridControl3 {
    text-align: right;
    width:100%
}
.doubleUnderline {
    border-bottom: 3px double black;
}
.gridControlCount {
    width: 300px;
    text-align: right;
}
.gridControlCenter {
    text-align: center;
}
.textAlignR {
    text-align: right;
}

.modal-content {
    height: 100%;
}
.headerSearchForm {
    position: relative;
    width: 100%;
    float: left;
    height: 50px;
    background-color: unset !important;
    border: unset !important;
    background-clip: unset !important;
    box-shadow: unset !important;
}
.headerSearchForm .btnFilter {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    color: #000;
    background: #fff;
    padding: 0px 30px;
}
.modal-backdrop.show {
    opacity: 1;
    display: none;
}
.page-content {
    transform: unset;
}
.modalForm {
    z-index: 100000 !important;
}
#myModal {
    z-index: 100000;
}
.modal-body {
    overflow: auto;
    background:#f5f7fa;
}
[dir] .sidebar-black-dodger-blue .open {
    background: #fff;
}
[dir] .sidebar-menu-item .active .open > .sidebar-menu-button {
    color:red !important;
}

li.sidebar-menu-item.active.open > .sidebar-menu-button {
    color:red !important;
}

[dir] .sidebar-black-dodger-blue .open .sidebar-menu-item.active.open {
    background: #ddd;
}
.sidebar-black-dodger-blue .sidebar-submenu .sidebar-menu-button {
    color: #000;
}
.sidebar-black-dodger-blue .sidebar-submenu .active>.sidebar-menu-button, .sidebar-black-dodger-blue .sidebar-submenu .active>.sidebar-menu-button .sidebar-menu-icon, .sidebar-black-dodger-blue .sidebar-submenu .sidebar-menu-button:hover, .sidebar-black-dodger-blue .sidebar-submenu .sidebar-menu-button:hover .sidebar-menu-icon {
    color: #AF002A;
}
.vertical-center {
    width:100%;
    /* text-align:center; */
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
.bgTotal {
    background: #AF002A !important;
}
.fc-day-today {
    background: rgba(175,0,42,0.5) !important;
    /* border: none !important; */
  
} 
.colorTotal {
    color: #AF002A;
}
.styleHeaderTitleText3 {
    font-size:20px;
    font-weight: bold;
    margin-bottom:-3px;
    /* margin-left:10px; */
    /* text-align: center; */
}
.styleHeaderTitleText {
    font-size:20px;
    /* font-weight: bold; */
    /* color:white; */
    margin-bottom:-3px;
    /* margin-left:10px; */
    /* text-align: center; */
}
.styleHeaderTitleText4 {
    font-size:20px;
    /* font-weight: bold; */
    color:white;
    margin-bottom:-3px;
    /* margin-left:10px; */
    /* text-align: center; */
}
.styleHeaderTitleText2 {
    font-size:30px;
    /* font-weight: bold; */
    /* color:gray */
    /* color:white; */
    /* margin-left:10px; */
    /* text-align: center; */
}
.headerIcon {
    /* margin-right:10px; */
    /* margin-left:-5px; */
}
.styleHeaderMenuText {
    color: white;
    font-size:11px;
    font-weight: bold;
}

.styleHeaderSubTitleTextLarge {
    font-size:22px;
    font-weight: bold;
    color:white;
    margin-left:-15px;
    /* margin-top:5px;
    margin-left:5px; */
}

.styleHeaderSubTitleText {
    font-size:18px;
    margin-top:-2px;
    /* margin-top:-5px; */
    /* font-weight: bold; */
    color:white;
    /* margin-left:5px; */
}

.styleHeaderSubTitleText3 {
    font-size:16px;
    /* font-weight: bold; */
    /* margin-left:10px; */
}
.styleHeaderMenuIcon {
    color: white;
    font-size:40px;
}
.styleHeaderLogoText {
    /* color:white; */
    font-size:12px;
}
.styleFotterIcon {
    color: white;
    font-size:20px;
}
.styleMenuButton {
    width:40px;height:40px;
    background: rgba(175,0,42,0.5) !important;
}
.styleMenuIcon {
    color: white;
    font-size:20px;
    margin-left:-6px;
    margin-top:2px;
}
.styleFotterText {
    color: white;
    font-size:12px;
    font-weight: bold;
}
[dir] .preloader {
    background: url('../images/BKCephei_preload.jpg') no-repeat;
    background-size: cover;
}
.leftMenu {
    /* background-image: linear-gradient(135deg, rgba(49, 49, 49,0.07) 0%, rgba(49, 49, 49,0.07) 12.5%,rgba(76, 76, 76,0.07) 12.5%, rgba(76, 76, 76,0.07) 25%,rgba(102, 102, 102,0.07) 25%, rgba(102, 102, 102,0.07) 37.5%,rgba(129, 129, 129,0.07) 37.5%, rgba(129, 129, 129,0.07) 50%,rgba(155, 155, 155,0.07) 50%, rgba(155, 155, 155,0.07) 62.5%,rgba(182, 182, 182,0.07) 62.5%, rgba(182, 182, 182,0.07) 75%,rgba(208, 208, 208,0.07) 75%, rgba(208, 208, 208,0.07) 87.5%,rgba(235, 235, 235,0.07) 87.5%, rgba(235, 235, 235,0.07) 100%),linear-gradient(45deg, rgba(5, 5, 5,0.07) 0%, rgba(5, 5, 5,0.07) 12.5%,rgba(39, 39, 39,0.07) 12.5%, rgba(39, 39, 39,0.07) 25%,rgba(73, 73, 73,0.07) 25%, rgba(73, 73, 73,0.07) 37.5%,rgba(107, 107, 107,0.07) 37.5%, rgba(107, 107, 107,0.07) 50%,rgba(141, 141, 141,0.07) 50%, rgba(141, 141, 141,0.07) 62.5%,rgba(175, 175, 175,0.07) 62.5%, rgba(175, 175, 175,0.07) 75%,rgba(209, 209, 209,0.07) 75%, rgba(209, 209, 209,0.07) 87.5%,rgba(243, 243, 243,0.07) 87.5%, rgba(243, 243, 243,0.07) 100%),linear-gradient(90deg, #ffffff,#ffffff); */
    
    /* background-image: linear-gradient(to left, #fffbd5, #b20a2c); */
    /* background: url('../images/BKCephei.jpg') no-repeat !important; */
    left:0;
    padding: 0;
    width: 250px;
    height: calc(100vh - 70px);
    margin-top:60px;
    overflow-y: auto;
    
    /* margin-top:50px; */
    /* color: white !important; */
    
    /* background: #dcdee1 !important; */
    /* background-image: linear-gradient(to left, #b20a2c, #b20a2c); */
}
.leftMenu::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}
.leftMenu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.leftMenu::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}

.moveTop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background: rgba(175,0,42,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    flex-direction: column;

}
[dir] #myModal .table td, [dir] #myModal .table th {
    border-top: unset;
}
.close {
    font-size: 20px;
    margin-top:-10px;
    color:white
}
.btn_custom {
    font-size: 20px !important;
}
.navbar {
    /* margin-left: 250px !important; */
    /* border-bottom:solid 2px #AF002A; */
    /* background: url('../images/BKCephei.jpg'); */
    /* background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%); */
    /* background-image: linear-gradient(to left, #fffbd5, #b20a2c); */
    background-image: linear-gradient(to bottom, #b20a2c, #b20a2c);
    /* background-image: linear-gradient(to bottom,darkgray, darkgray); */

}
.navbar2 {
    border-bottom:solid 1px #AF002A;
    background:#f5f7fa;
}
.navbarfotter {
    
    
    background: url('../images/BKCephei.jpg') no-repeat;
    /* background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%); */
    /* background-image: linear-gradient(to left, #fffbd5, #b20a2c); */
    background-size: cover;
}
.navbarfotter2 {
    border-top:solid 1px #AF002A;
    background:#f5f7fa;
}


body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}
.group_flex {
    /* display: flex; */
    text-align: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.group_flex2 {
    /* display: flex; */
    justify-content: space-between;
    margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
    .group_flex {
        display: flex;
        text-align: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .group_flex2 {
        display: flex;
        /* text-align: center; */
        justify-content: space-between;
        margin-bottom: 10px;
    }
    
}
.page-notscrool{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
#list-data{
    /* margin-top: 65px; */
    /* margin-top: 50px; */
    /* margin-left:-20px; */
}
.page-notscrool #list-data{
    /* height: calc(100vh - 65px); */
    height: calc(100vh - 50px);
    overflow: hidden;
    margin-top: 50px;
    /* margin-top: 65px; */
}
.page-notscrool-wf #list-data{
    margin-top: 30px !important;
    overflow: hidden;
    /* height: calc(100vh - 30px) !important; */
    height: calc(100vh) !important;
    padding-left:10px !important;
}
.mdk-drawer-layout__content {
    min-height: unset !important;
}
.page-notscrool .page-section {
    height: 100%;
}
.page-notscrool #calendar {
    height: calc(100vh - 250px);
    overflow: auto;
}
@media only screen and (max-width: 600px) {
    .page-notscrool #calendar {
        height: calc(100vh - 250px) !important;
    }
}
.page-notscrool #calendar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.page-notscrool #calendar::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}



.page-notscrool #calendar::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}
progress {
    -webkit-appearance: none;
  }
  ::-webkit-progress-bar {
    background-color: gray;
  }
  ::-webkit-progress-value {
    background-color: aqua;
  }
.contentTitle {
    font-size:16px;
    font-weight:bold;
    margin-left:-10px;
    /* margin-top:20px; */
}
.page-notscrool .bodyContent {
    height: calc(100vh - 125px);
}
.page-notscrool .bodyContent_wf {
    height: calc(100vh - 110px) !important;
}

.page-notscroolMobile #list-data{
    height: calc(100vh);
}
.page-notscroolMobile .bodyContentMobile {
    height: calc(100vh);
    overflow: auto;
}
.page-notscroolMobile .bodyContentMobile .bodyContentRight {
    height: 100%;
    overflow: auto;
}
@media only screen and (max-width: 600px) {
    #list-data{
        margin-top: 65px !important;
    }
    .page-notscrool #list-data{
        height: calc(100vh - 100px) !important;
        overflow: hidden;
        margin-top: 100px;
    }
    .page-notscrool .bodyContent {
        height: calc(100vh) !important;
    }
}
.page-notscrool .bodyContent .bodyContentLeft {
    height: 100%;
    overflow: auto;
}
.page-notscrool .bodyContent .bodyContentLeft::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.page-notscrool .bodyContent .bodyContentLeft::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.iconViewUpdate {
    margin:2px;
     display:block;
     width:30px;
     height:30px;
     padding:5px;
}

.imageStudent {
    width: 100px  !important; 
    height: 120px !important;
    border: solid thin !important;
}

.page-notscrool .bodyContent .bodyContentLeft::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}
.page-notscrool .bodyContent .bodyContentRight {
    height: 100%;
    overflow: auto;
}
.bodyContentRightTab {
    height: calc(100vh - 137px) !important;
}
.bodyContentRightSearchTab {
    height: calc(100vh) !important;
    margin-right:-20px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	/* background-color: #F5F5F5; */
    background: rgba(255, 255, 255, 0.5);
}

.page-notscrool .bodyContent .bodyContentRight::-webkit-scrollbar-track:horizontal
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	/* background-color: #F5F5F5; */
    background: rgba(255, 255, 255, 0.5);
}
.page-notscrool .bodyContent .bodyContentRight::-webkit-scrollbar-track:vertical
{
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
	/* background-color: #F5F5F5; */
    background: rgba(255, 255, 255, 0.5);
}

.page-notscrool .bodyContent .bodyContentRight::-webkit-scrollbar
{
	width: 10px;
	/* background-color: #F5F5F5; */
    /* background-color: white; */
}

.page-notscrool .bodyContent .bodyContentRight::-webkit-scrollbar-thumb:vertical
{
	width: 10px;
	/* background-color: white; */
    background-image: linear-gradient(to left, white, #CCC);
	border: 0px solid white;
    border-radius: 5px;
}

.page-notscrool .bodyContent .bodyContentRight::-webkit-scrollbar-thumb:horizontal
{
	background-color: #ccc;
    /* background-image: linear-gradient(to left, white, #CCC); */
	border: 0px solid #ccc;
}


.page-notscrool3{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.page-notscrool3 #list-data{
    height: calc(100vh - 150px);
    overflow: hidden;
}
.page-notscrool3 .page-section {
    height: 100%;
}
.page-notscrool3 .bodyContent {
    height: calc(100vh - 305px);
}
@media only screen and (max-width: 600px) {
    .page-notscrool3 .bodyContent {
        height: calc(100vh - 345px);
    }
}
.page-notscrool3 .bodyContent .bodyContentLeft {
    height: 100%;
    overflow: auto;
}
.page-notscrool3 .bodyContent .bodyContentLeft::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.page-notscrool3 .bodyContent .bodyContentLeft::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.page-notscrool3 .bodyContent .bodyContentLeft::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}
.page-notscrool3 .bodyContent .bodyContentRight {
    height: 100%;
    overflow: auto;
}
.page-notscrool3 .bodyContent .bodyContentRight::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.page-notscrool3 .bodyContent .bodyContentRight::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.page-notscrool3 .bodyContent .bodyContentRight::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}




.page-notscrool4{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.page-notscrool4 #list-data{
    height: calc(100vh - 150px);
    overflow: hidden;
}
.page-notscrool4 .page-section {
    height: 100%;
}
.page-notscrool4 .bodyContent {
    height: calc(100vh - 325px);
}
@media only screen and (max-width: 600px) {
    .page-notscrool4 .bodyContent {
        height: calc(100vh - 365px);
    }
}
.page-notscrool4 .bodyContent .bodyContentLeft {
    height: 100%;
    overflow: auto;
}
.page-notscrool4 .bodyContent .bodyContentLeft::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.page-notscrool4 .bodyContent .bodyContentLeft::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.page-notscrool4 .bodyContent .bodyContentLeft::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}
.page-notscrool4 .bodyContent .bodyContentRight {
    height: 100%;
    overflow: auto;
}
.page-notscrool4 .bodyContent .bodyContentRight::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.page-notscrool4 .bodyContent .bodyContentRight::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.page-notscrool4 .bodyContent .bodyContentRight::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}


.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.rowContent {
    margin-bottom: 3px !important;
}
.minWidthCol {
    min-width:100px;
}
.standardColorSearch {
    background:#fffce3;
    margin-top:-12px;
}
.asc:after{
    content: "\25B2"
}

.desc:after{
    content: "\25BC"
}
.logout-btn {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.onlyPC {
    
}
@media only screen and (max-width: 600px) {
    .onlyPC {
        display: none;
    }
}
@media only screen and (min-width: 1024px) {
    .modal-body {
        height: 500px;
    }
}
.displayNone {
    display: none;

}
.onlyMobile {
    display: none;
}
@media only screen and (max-width: 600px) {
    .onlyMobile {
        display: block;        
    }
}



  .btn-real-dent {
    /*周りの凹み*/
    margin-bottom:-35px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #AF002A;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    text-align: center;
    /* background: rgba(175, 0, 42, 0.5) !important; */
    background: rgba(175, 0, 42, 0.5) !important;
    /* background: rgba(0, 0, 0, 0.5) !important; */
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
  }

  .btn-real-dent :hover {
    /* background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%); */
  }
  .btn-real-dent img {
    margin-top:-1px;
    /*ボタン自体*/
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    line-height: 70px;
    left: 8px;
    top: 8px;
    border-radius: 50%;
    font-size: 40px;
    background-image: linear-gradient(white 0%, white 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    /* border-bottom: solid 2px #b5b5b5; */
  }
    
  .btn-real-dent .fa:active {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #d8d8d8;
  }
  
  .modal {
    background: rgba(0,0,0,0.7);
}
  
.viewlink {
    text-decoration: underline;
    color:blue;
}

.new-sub {
    position: relative;
    width: 100%;
}
.new-sub .parent-item  {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.dropdown-item:hover {
    background: #e9edf2 !important;
}
.dropdown-item .children-sub .childrent-item:hover {
    background: #e9edf2;
}
.new-sub .parent-item .icon-sub {
    position: absolute;
    font-size: 14px;
    line-height: 20px;
    right: -10px;
    top: calc(50% - 10px);
    color: #ccc;
}

.new-sub .children-sub {
    display: none;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 100%;
    top: 0px;
    background: #fff;
    border: 1px solid #ccc;
}
.new-sub:hover .children-sub{
    display: flex;

}
.new-sub .children-sub .childrent-item {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}
.border_bottom{
    border-bottom: 1px solid #ddd;
}
.signButton {
    /* background:#008000 !important; */
    /* width:90px !important; */
    height:30px !important;
    /* margin-left:-10px;
    margin-right:-10px; */
    /* color:white */
}
.signButtonCheck {
    background:#8a2be2 !important;width:100%;height:100%;color:white
}
.signButtonCheck2 {
    background:DeepPink !important;width:100%;height:100%;color:white
}
.signButtonCheck4 {
    background:brown !important;width:100%;height:100%;color:white
}
.signButtonCheck3 {
    background:royalblue !important;width:100%;height:100%;color:white
}
.signButtonSubmit {
    background:mediumturquoise !important;width:100%;height:100%;color:white
}

.signTable {
    border:1px solid #CCC;
    /* width:200px; */
    /* width:auto; */
    margin-top: -10px !important;
    /* border-radius: 13px;  */
    border-spacing: 0;
    border-collapse:separate;
    /* border:solid black 1px; */
    /* border-radius:6px; */
}
.signTableThCreator {
    border:1px solid #CCC;
    text-align:center;
    width:fit-content;
    background:#ddd;
    font-weight:bold;
    width:60px !important;
}
.signTableDate {
    border:1px solid #CCC;
    text-align:center;
    width:100px;
    color:red;
}
.signTableThChecker {
    border:1px solid #CCC;
    text-align:center;
    background:#ddd;
    font-weight:bold;
    width:60px;
}
.signTableThApprover {
    border:1px solid #CCC;
    text-align:center;
    background:#ddd;
    font-weight:bold;
    width:60px;
}
.sep_home {
    margin-bottom:0px !important;
    /* margin-top:20px !important; */
}
.signTableTd {
    height:30px;
    border:1px solid #ccc;
    padding: 2px;
    text-align: center;
}
.h-btn-nav{
    margin-top: 60px;
    margin-bottom: 20px;
}
.group-menu-header{
    position: relative;
}
.group-menu-header .box-menu {
    position: absolute;
    right: 0px;
    z-index: 1000;
    /* top: 65px; */
    top: 50px;
    background: #fff;
    color: darkblue;
    width:300px;
    padding:20px 0px ;
    border-radius: 10px;
    border: 2px solid #ccc;
}
.group-menu-header .box-menu .arrow-up{
    position: absolute;
    top: -15px;
    right: 20px;
}
.group-menu-header .box-menu .sidebar-menu  {
    width: 300px;
    /* height: 400px; */
    height: 65vh;
    overflow: hidden;
    overflow-y: auto;
}
.group-menu-header .box-menu .sidebar-menu::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.group-menu-header .box-menu .sidebar-menu::-webkit-scrollbar,
.modal-body::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

.group-menu-header .box-menu .sidebar-menu::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}
.sidebar-submenu.show {
    display: block !important;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

.modal-header{
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-header_test{
    height: 200px !important;
    display:inline !important;
    justify-content: center;
    align-items: center;
}


.modal-body{
    max-height: 80vh;
    overflow: auto;
}
@media only screen and (max-width: 600px) {
    .page-notscrool #list-data {
        height: calc(100vh - 76px);
        overflow: hidden;
        margin-top: 76px;
    }
    .page-notscrool .page-section {
        height: 100%;
        padding: 0px !important;
        margin: 0px !important;
        width: 100%;
    }
}

.circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 12px;
    color: red;
    text-align: center;
    /* background: red */
    border:1px solid red;
  }
  .plusRed {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0px !important;
  }
  .plusRed img {
      width: 52px;
      height: 52px;
      position: absolute;
      left: 9px;
      top: 3px;
      object-fit: cover;
      object-position: center;
  }
  .plusRed .title1 {
      position: absolute;
      left: 24px;
      top: 8px;
      color: red;
      font-size: 8px !important;
      font-family: system-ui !important;
      margin: 0px;
  } 
  .plusRed .title2 {
      position: absolute;
      left: 14px;
      top: 23px;
      color: red;
      font-size: 8px !important;
      font-family: system-ui !important;
      margin: 0px;
      width: 100%;
  } 
  .plusRed .title3 {
      position: absolute;
      left: 29px;
      top: 38px;
      color: red;
      font-size: 8px !important;
      font-family: system-ui !important;
      margin: 0px;
  } 
  .spaceLabel {
      margin-left: 5px;
  }
  .rightGridMenu {
    width:auto;
    /* margin-bottom:-10px; */
    margin-right:5px;
  }

  .checkboxPanel {
      height: 27px !important;
  }

  .updateButtonWidth {
    width:auto;
    min-width: 75px;
    height:20px;
    margin-bottom:5px !important;
    margin-right:5px;
    /* background: none!important; */
    /* border: none; */
    padding: 0!important;
    /* color: blue; */
    /* text-decoration: underline; */
    cursor: pointer;
  }

.projectViewMobile {
    height: calc(100vh - 410px) !important;
}

.poViewMobile {
    height: calc(100vh - 300px) !important;
}

.projectView {
    height: calc(100vh - 430px) !important;
}

.custom-radio-style {
    margin: 5px;
}

.menuButtonMobile {
    background: 	rgb(223, 59, 135) !important;
}

.googleMapButton {
    border:0 !important;
    /* width:20px !important;height:20px !important; */
    /* margin:10px !important; */
}

.googleMapButton2 {
    background-color: #8a2be2 !important;
    color: white;
}
.whiteColor {
    color: white !important;
}

.newButtonBg {
    background: 	#00bfff !important;
}
.newButtonBgColor {
    color: 	#da3287 !important;
}
.newButtonBg2 {
    background: 	#ed9121 !important;
}
.excelButtonBg {
    background-color:mediumaquamarine !important;
}
.excelButtonBgColor {
    color:mediumaquamarine !important;
}

.searchButtonBg {
    background: #5a4fcf !important;
}

.pdfButtonBg {
    background: #008000 !important;
}

.pdfButtonColor {
    color: #b20a2c !important;
}

.mailButtonColor {
    color: blue !important;
}

.googleMapButtonBg {
    background: blue !important;
}

.textareaView {
    border:1px solid #CCC;
    min-height: 300px;
}
.propertiesTables {
    border-top: 1px solid #CCC;
}
.propertiesTables tr td {
    padding: 10px !important;
    border: 1px solid #CCC;
}
.propertiesTables tr td:first-child {
    background: #eee !important;
    font-weight: bold;
}
.propertiesTables tr td:nth-child(2) {
    width:100%;
}
.approveDateGroup {
    font-size:8pt !important;
}
.searchBtn {
    background:white;
    color:gray;
    font-size:20px;
}
.searchBtnInterpreter {
    min-width:70px;margin-top:0px;
}
.mb-tab-pane {
    height: calc(100vh - 300px) !important;
}
.tab-pane-main {
    overflow: auto;
    height: calc(100vh - 170px);
    padding: 0px 20px;
}
.tab-pane-main::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.tab-pane-main::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

.tab-pane-main::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}

.tab-pane {
    overflow: auto;
    height: calc(100vh - 335px);
    padding: 0px 20px;
}

.tab-pane_lc {
    overflow: auto;
    height: calc(100vh - 320px);
    padding: 0px 20px;
}

.tab-pane_jobintern {
    overflow: auto;
    height: calc(100vh - 320px);
    padding: 0px 20px;
}



.tab-pane-dashboard {
    height: calc(100vh - 220px) !important;
}

.updateFormHight {
    height: calc(100vh - 190px) !important;

}
.viewFormHight {
    height: calc(100vh - 350px) !important;

}


.gridFormHight {
    height: calc(100vh) !important;

}

.viewFormHight2LineTab {
    height: calc(100vh - 365px) !important;

}

.tab-pane::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.tab-pane::-webkit-scrollbar
{
	width: 15px;
	/* background-color: #F5F5F5; */
}

.tab-pane::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}

.tab-pane::-webkit-scrollbar-thumb:vertical
{
	/* background-color: #ccc;
	border: 0px solid #ccc; */

    background-image: linear-gradient(to left, white, #CCC) !important;
  
    border-radius: 5px !important;
}
.tab-pane::-webkit-scrollbar-track {
  
    /* background: rgba(100,100,100, .5); */
    background: rgba(255, 255, 255, 0.5);
  }

.tab-pane::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.tab-pane::-webkit-scrollbar
{
	width: 15px;
	/* background-color: #F5F5F5; */
}

.tab-pane::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}

.tab-pane::-webkit-scrollbar-thumb:vertical
{
	/* background-color: #ccc;
	border: 0px solid #ccc; */

    background-image: linear-gradient(to left, white, #CCC) !important;
  
    border-radius: 5px !important;
}
.tab-pane::-webkit-scrollbar-track {
  
    /* background: rgba(100,100,100, .5); */
    background: rgba(255, 255, 255, 0.5);
  }



  

.tab-pane_lc::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.tab-pane_lc::-webkit-scrollbar
{
	width: 15px;
	/* background-color: #F5F5F5; */
}

.tab-pane_lc::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}

.tab-pane_lc::-webkit-scrollbar-thumb:vertical
{
	/* background-color: #ccc;
	border: 0px solid #ccc; */

    background-image: linear-gradient(to left, white, #CCC) !important;
  
    border-radius: 5px !important;
}
.tab-pane_lc::-webkit-scrollbar-track {
  
    /* background: rgba(100,100,100, .5); */
    background: rgba(255, 255, 255, 0.5);
  }


  

.tab-pane_jobintern::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.tab-pane_jobintern::-webkit-scrollbar
{
	width: 15px;
	/* background-color: #F5F5F5; */
}

.tab-pane_jobintern::-webkit-scrollbar-thumb
{
	background-color: #ccc;
	border: 0px solid #ccc;
}

.tab-pane_jobintern::-webkit-scrollbar-thumb:vertical
{
	/* background-color: #ccc;
	border: 0px solid #ccc; */

    background-image: linear-gradient(to left, white, #CCC) !important;
  
    border-radius: 5px !important;
}
.tab-pane_jobintern::-webkit-scrollbar-track {
  
    /* background: rgba(100,100,100, .5); */
    background: rgba(255, 255, 255, 0.5);
  }

.btn-style-drop {
    color: gray;
    background: none !important;
    height: 38px;
    border:none !important
}
.btn-style-drop:focus {
    background: none !important;
}
.btn-style-drop2 {
    color: gray;
    background: none !important;
    height: 10px;
    border:none !important
}
.btn-style-drop2:focus {
    /* background: none !important; */
}
.btn-group.show .dropdown-toggle {
    box-shadow: unset !important;
}
[dir] .modal-body {
    padding: 1.5rem;
}
.char-w {
    width: 80vw;
    height: 85vh;
    max-width: unset;
}
.char-h-mobile {
    height: 80vh;
}
.char-w-new {
    /* width: 80vw;
    height: 85vh;
    max-width: 800; */
    width: 50%;
    height: 85vh;
    max-width: unset;
}
.char-w-new2 {
    width: 50%;
    height: 85vh;
    max-width: unset;
}
.text-block {
    white-space: pre; 
}
.table thead th {
    text-transform: unset !important;
}
.background1 {
    background: DeepPink !important;
    border-color:DeepPink !important;
}
.background2 {
    background: #007fff !important;
    border-color:#007fff !important;
}
.background3 {
    background: MediumOrchid !important;
    border-color:MediumOrchid !important;
}
.background4 {
    background: #008000 !important;
    border-color:#008000 !important;
}
.background5 {
    background: #d2691e !important;
    border-color:#d2691e !important;
}
.background6 {
    background: #1560bd !important;
    border-color:#1560bd !important;
}
.background0 {
    background: #AF002A !important;
    border-color:#AF002A !important;
}
.background8 {
}
.background9 {
}
.background10 {
    background: Sienna !important;
    border-color:Sienna !important;
}

.btn-circle-border {
    display: inline-block;
    text-decoration: none;
    background: #8cd460;
    color: rgba(255, 255, 255, 0.47);
    font-weight: bold;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    box-shadow: 0px 0px 0px 5px #8cd460;
    border: solid 2px rgba(255, 255, 255, 0.47);
    transition: .4s;
  }

  a.logoutlink{
    margin-top:-5px;
    border-width: 0px !important;
    color:white !important;
    /* text-decoration: underline !important; */
    /* color:black !important;
    background: linear-gradient(#e8e8e8 0%, #d6d6d6 100%) !important; */
}

  a.logoutlink:hover{
    border-width: 0px !important;
    text-decoration: underline !important;
    /* color:black !important;
    background: linear-gradient(#e8e8e8 0%, #d6d6d6 100%) !important; */
}

  a.headerButtonLink:hover{
    border-width: 0px !important;
    color:black !important;
    background: linear-gradient(#e8e8e8 0%, #d6d6d6 100%) !important;
}
  
  .btn-circle-border:hover {
    border-style: dashed;
  }

.fixedButton{
    position: fixed;
    /* bottom: 20px; */
    bottom: 0;
    left: 0px; 
    padding: 0px;
    margin-left:-10px;
    margin-bottom:-10px;
    padding: 5px !important;
    z-index:9999 !important;
    font-size:14px;
    background:rgb(255,127,80) !important;
}
.roundedFixedBtn{
  height: 60px;
  line-height: 80px;  
  width: 60px;  
  font-size: 2em;
  font-weight: bold;
  border-radius: 50%;
  background-color: #4CAF50;
  color: white;
  text-align: center;
  cursor: pointer;
}
.fixCol {
    background:#dcdee1 !important;
}
.wrapper {
    position: relative;
    white-space: nowrap;
}
  
.sticky-col {
    position: sticky !important;
}
.btn-close {
    font-size: 16px;
    padding: 4px 10px;
    font-weight: 100;
}
.btn-close:hover {
    background: #ccc;
    color: #fff;
}
.leftPanel {
    padding: 0px 0px 0px 0px !important;
}
.rightPanel {
    /* background:white !important; */
    padding:3px 0px 0px 15px !important;
}
.rightPanelGridTab {
    /* background:white !important; */
    margin-left: -20px !important;
}
.vl {
    border-left: 1px solid gray;
    height: 20px;
    margin-left:5px;
    margin-right:10px;
  }
  .vl3 {
      border-left: 1px solid gray;
      height: 20px;
      margin-left:5px;
      margin-right:5px;
      margin-bottom:5px !important;
    }

    .cardTopView {
        padding:10px  !important;
        margin-top:5px;
        /* margin-bottom:-10px  !important; */
    }

    .cardTopViewArea {
        text-align:left !important;
        margin-top: -45px;
        margin-bottom: -13px;
    }

  .updateButton {
      margin-top:-8px;
      color:white;
      background-color:coral !important
  }

.splitter {
    width: 100%;
    height: 100px;
    display: flex;
}
.splitterTab {
    margin-top: -5px !important;
    height: calc(100vh - 500px) !important;
}

#separator {
    cursor: col-resize;
    /* background-color: rgb(221, 221, 221); */
    border-right: 1px solid rgb(221, 221, 221); 
    /* background-image: linear-gradient(to left, white, #CCC); */
    background-image: linear-gradient(to left, white, #CCC);
    /* background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>"); */
    background-repeat: no-repeat;
    background-position:right;
    width: 10px;
    
    /* height: calc(100vh - 64px); */
    height: calc(100vh - 50px);

    /* Prevent the browser's built-in drag from interfering */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#first {
    padding: 0px 15px 0px 0px;
    width: 300px;
    /* height: calc(100vh - 64px); */
     height: calc(100vh - 50px);
    background: #fff;
    overflow: auto;
}

#second {
    /* background-color: #eee; */
    width: 100%;
    height: 100%;
    min-width: 10px;
}

#third {
    padding: 10px 0px 0px 0px;
    width: calc(20%);
    /* min-width: 40%; */
    height: calc(100vh);
    overflow: auto;
    background:white !important;
}

#thirdview {
    padding: 10px 0px 0px 0px;
    width: calc(100%);
    /* min-width: 40%; */
    height: calc(100vh);
    overflow: auto;
    background: none !important;
}

.group-search {
    width: 100%;
    position: relative;
    display: block;
    /* left: 100px; */
}

.group-search .suggestion {
    position: absolute;
    /* left: 50%;
    top: 50%; */
    margin-top:40px;
    z-index: 1000;
    background-color: white;
    border: solid 1px #b1b0b0;
    display: none;
}

.group-search .suggestion.active{
    display: block;
}
.group-search .suggestion .tr {
    display:  flex;
    
}
.group-search .suggestion .add-icon {
   font-size: 110%;
   color: #48eb48 ;
   cursor: pointer;
}

.group-search .suggestion .user-id {
    width: 30px;
    text-align: center;
}
.group-search .suggestion  .user-name {
    width: 200px;
    
}
.group-search .suggestion  .user-email {
    width: 200px;
}
.group-search .suggestion .add-icon {
    width: 50px;
    float: right;
    text-align: center;
}
.group-search .search-box {
    width: 100%;
} 
.fc .fc-scrollgrid-section-body table .fc-daygrid-event-harness {
    margin-top: 1px !important;
}