body{font-size:13px;}
.nowrap{
  white-space:nowrap;
}
.color-black {color: #000 !important;}
.color-green {color: #10aa2e !important;}
.color-greenish-gray{color:#91a699 !important;}
.color-red {color: #de2020 !important;}
.color-redish-gray{color:#c89ba1 !important;}
.color-light-red {color: #f2838a !important;}
.color-blue {color: #036ab2 !important;}
.color-light-blue tr td, .color-light-blue tr th,
.color-light-blue {color: #42a5f6 !important;}
.color-white {color: white !important;}
.color-light {color: #c4c4c4 !important;}
.color-dark-gray{color:#65676b  !important;}
.color-red{
  color:#d31515;
}
.attachment-row .file-btn{
  border: 1px solid #e2e2e2;
  display: inline-block;
  max-width: 250px;
  background: #eeeeee;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 13px;
  position:relative;
  padding-left:34px;
}
.attachment-row .file-btn .icon{
  position: absolute;
  top:-1px;
  left: 10px;
  font-size: 18px;
}
.input-container-date{
  width:100px;
  display:inline-block;
  font-size:12px;
}
.input-container-date input[type="text"]{font-size:12px;height:22px;}
.card-header.bg-none{background:transparent;border:none}
.select2-results {
  max-height: 150px;
  overflow: auto;
}
[data-target]:hover,
[data-target]{
  cursor:pointer;
}
.icn-column {
  font-size: 18px;
}
.icn-column.icon-eye,
.icn-column.icon-close{font-size:20px;}
.fw-bold{font-weight:bold;}
.border-0{border:0px !important}
.cursor-pointer,
.cursor-pointer:hover{cursor:pointer;}
[class^="icon-"], [class*=" icon-"] {
  display: inline-block; vertical-align: middle;
}
.hidden{display:none;}
.btn[disabled]{cursor:default;}
.font-small{font-size:11px;}
.border-red{border-color:#d31515 !important}
.login-status-wrapper{
  background: #178dd1;
  color: #ffffff;
}
.fs-md{font-size:15px;}
/* invite user style*/
.form-control-wrapper{position:relative}
.form-control-wrapper .input-overlay{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    text-align:right;
    padding-right:15px;
}
.form-control-wrapper .input-overlay img{
    transform: translate(0, 50%);
}
.externaluser-invite-wrapper .invite-user-content:not(.show){
    opacity:0;
    transition:all 0.3s ease-in;
}
.externaluser-invite-wrapper .invite-user-content.show{
    opacity:1;
    transition:all 0.3s ease-in;
}
.days-consumed input[type="number"]{
    color:#de2020;
}
.success-check-icn-wrapper>span{
    display: inline-block;
    width:100px;
    height:100px;
    text-align: center;
    border:2px solid #10AA2E;
    border-radius: 50%;
    line-height:95px;
    margin-bottom: 20px;
}
.success-check-icn-wrapper>span>i{
    font-size:55px;
    color:#10AA2E;
}
.invite-ext-user-setting-modal i{
    font-size:25px;
}
.table.table-invite-user tr:hover>td {
    background:inherit;
}
tr.hover-active td:not(.action-column){
    background: #f7f7f7 !important;
}
.table-invite-user .action-column{vertical-align:top !important;}
.action-column .btn:hover{
    background: #036ab2;color: #fff;
}
.column-data{
    position:relative;
}
.column-data .day-error-mess {
    position: absolute;white-space: nowrap; right: 110%;top:25%;font-weight: 600;
}
.tools-list-wrapper .tool-list-item{position:relative;margin-bottom:20px;}
.tools-list-wrapper .tool-list-item .tool-item {
    font-size: calc(1rem + 1vw); display: block;border: 2px solid #afb3c3;color:#afb3c3;width: calc(2rem + 2vw);padding: 6px;text-align: center; border-radius: 50%; height: calc(2rem + 2vw);line-height: calc(1.5rem + 1.5vw);margin:0 auto;
    transition:all 0.3s ease-in;
}
.tools-list-wrapper .tool-list-item .tool-item:hover {
    cursor:pointer;font-size: calc(1.1rem + 1.1vw);line-height: calc(1.5rem + 1.5vw);
}
 .tools-list-wrapper .tool-list-item.selected .tool-item{
    background:#2197d7;
    border-color:#2197d7;
    color:#ffffff;
 }
.tools-list-wrapper .tool-list-item .tool-title{
    font-weight:500;margin-top:6px;display:block;color:#9194a3;
}
.tools-list-wrapper .tool-list-item.selected .tool-title{
    color:#2197d7;
}
.summary-header .close{
  transform:translate(0px, -3px);
}
.modal .close:hover{cursor:pointer;}

/* invite user style .///// close ////**/

/*table header sticky*/
.table.table-header-sticky{border-collapse:separate;border-spacing:0;}
.table.table-header-sticky thead{position:-webkit-sticky;position:sticky;top:0px;z-index:2;background:#ffffff;}
.table-column-fixed td.col-fx-l-0 {
  position: -webkit-sticky; position: sticky;left:0px;z-index: 1;
}
.table-column-fixed thead th.col-fx-l-0 {
  position: -webkit-sticky;position: sticky;left:0;top:0;z-index:1;
}