body, html { font-size:16px !important; overflow-y:scroll; }	

.relative {
    position: relative;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

/* Company CSS */
#disablingDiv{display:none;z-index:1051;position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;opacity:.00}
.itn_waiting { background:url( "../../images/progress/pheno_loader.gif")  no-repeat scroll ; height: 11px; padding:0 0 0  43px; }
.font-prompt {  font-family: "Prompt" !important; }
/* FONT SIZE */
 
.f9 { font-size:0.600rem !important; }

.f10 { font-size:0.625rem !important; }
.f11 { font-size:0.70rem !important; }
.f12 { font-size:0.75rem !important; }
.f13 { font-size:0.825rem !important; }
.f14 { font-size:0.875rem !important; } 
.f15 { font-size:0.925rem !important; }
.f16 { font-size:1rem !important; } 
.f18 { font-size:1.125rem !important; } 
.f20 { font-size:1.25rem !important; } 
.f22 { font-size:1.375rem !important; } 
.f24 { font-size:1.5rem !important; } 
.f26 { font-size:1.625rem !important; } 
.f28 { font-size:1.75rem !important; } 
.f2rem { font-size:2rem !important; } 

/* Table width */
.width-d3 { width:0.3rem;}
.width-d5 { width:0.5rem;}
.width-1 { width:1.0rem;}
.width-1d5 { width:1.5rem;}
.width-2 { width:2.0rem;}
.width-2d5 { width:2.5rem;}
.width-3 { width:3.0rem;}
.width-3d5 { width:3.5rem;}
.width-4 { width:4.0rem;}
.width-5 { width:5.0rem;}
.width-6 { width:6.0rem;}
.width-6d5 { width:6.5rem;}
.width-7 { width:7.0rem;}
.width-8 { width:8.0rem;}
.width-8d5 { width:8.5rem;}
.width-9 { width:9.0rem;}
.width-10 { width:10.0rem;}
.width-11 { width:11.0rem;}
.width-12 { width:12.0rem;}
.width-13 { width:13.0rem;}
.width-14 { width:14.0rem;}
.width-15 { width:15.0rem;}

.height-200 { height:200px; }
.height-100 { height:100px; }
.height-70 { height:70px; }

.itn_blue_apple{color:#08c !important; }
.itn_red_gg{color:#dd4b39 !important; }
.col-light-grey { color: #d3d3d3 !important; }
.col-dark-grey { color: #a9a9a9 !important; }
.txt-555  { color: #555555 !important; }

.btn-collapse-ss {
    border-radius: 0.2rem;
    font-size: 0.82rem;
    line-height: 1.2;
    padding: 0.12rem 0.45rem 0.2rem;
}

.bg-visa { background-color: #f9feff !important; }
div.selected {
    border: 1px solid #0b99b9;
    -webkit-box-shadow: 0 0 4px 0 #d2ffff;
    box-shadow: 0 0 4px 0 #d2ffff;
}
 
.table.no-border-top > :not(:first-child) {
    border-top: 0px solid #0b99b9;
}

.table.top-col-visa > :not(:first-child) {
    border-top: 1px solid #0b99b9;
}

.td_border {
    border: 1px solid #b0bec5 !important;
}

.col-orange { color: #f57224 !important; }
.bg-orange { background-color: #f57224 !important; }

/* 
https://www.rapidtables.com/web/css/css-color.html
https://www.htmlcsscolor.com/hex/DDA0DD 78BB7B 97DDB7 008000 */

.bg-wh-sand { background-color: #ECE9E4 !important; }
.bg-wh-smoke { background-color: #F5F5F5 !important; }
.bg-wh-salt { background-color: #F3FAFD !important; }
.bg-wh-snow { background-color: #F3F6FB !important; }

.bg-b0bec5  { background-color: #b0bec5 !important; }
.bg-f0f2f5  { background-color: #f0f2f5 !important; }  

.bg-lightplum { background-color: #F1D8F1 !important; }
.bg-plum { background-color:  #DDA0DD !important; }

.bg-light-audit { background-color:  #D3E9D4 !important; }
.bg-audit { background-color:  #93C995 !important; }
.col-audit { color:  #008000 !important; }

.bg-chat-audit { background-color:  #D3E9D4 !important; }
 

.bg-fb { background-color: #F2F3F5 !important; }
.bg-blue { background-color: #2196F3 !important; }
.bg-purple { background-color: #9C27B0 !important; }
.bg-deep-purple { background-color: #673AB7 !important; }
.bg-indigo { background-color: #3F51B5 !important; }
.bg-teal { background-color: #009688 !important; }
.bg-light-green { background-color: #8BC34A !important; }
.bg-very-light-green { background-color: #d5f5e3 !important; }
.bg-amber { background-color: #FFC107 !important; }
.bg-light-cyan { background-color:#cff4fc !important; }

.bg-blue-cornflower { background-color:#CFE2F3 !important; }
.col-blue-cornflower { color:#CFE2F3 !important; }

.bg-deep-orange { background-color: #FF5722 !important; }
.bg-grey { background-color: #9E9E9E !important; }
.bg-blue-grey { background-color: #607D8B !important; }
.bg-brown { background-color: #795548 !important; }
.bg-papayawhip { background-color: #ffefd5 !important; }
.bg-rose-white { background-color:#FDF3F1 !important; }

.col-plum { color: #DDA0DD !important; }
.col-blue { color: #2196F3 !important; }
.col-purple { color: #9C27B0 !important; }
.col-deep-purple { color: #673AB7 !important; }
.col-indigo { color: #3F51B5 !important; }
.col-teal { color: #009688 !important; }
.col-light-green { color: #8BC34A !important; }
.col-amber { color: #FFC107 !important; }

 

.col-deep-orange { color: #FF5722 !important; }
.col-grey { color: #9E9E9E !important; }
.col-grey-600 { color: #6c757d !important; }
.col-light-grey { color: #CFCFCF !important; }
.col-blue-grey { color: #607D8B !important; }
.col-brown { color: #795548 !important; }


.fix_ul_page  ul { margin-bottom:0;  }


table.itn_table_nowrap{table-layout:fixed}
.itn_table_nowrap td{overflow:hidden;white-space:nowrap}
.itn_table_nowrap th{overflow:hidden;white-space:nowrap}

@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url('/assets/googlefont/MaterialIcons-Regular.ttf') format('truetype');
		 
}

@font-face {
   font-family: 'Material Icons Outlined';
   font-style: normal;
   font-weight: 400;
   src: local('Material Icons Outlined'),
        local('MaterialIconsOutlined-Regular'),
        url('/assets/googlefont/MaterialIconsOutlined-Regular.otf') format('truetype');
}


.gg-icons-outlined {
	vertical-align: middle;
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin-top:-4px;
}

.gg-icons {
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: "Material Icons" !important;
    font-feature-settings: "liga";
    font-kerning: auto;
    font-language-override: normal;
    font-size: 24px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    /*color: #55595c;*/
    text-rendering: auto;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    line-height: 0; 
	margin-top:-4px;
	text-transform: none;
}

/* sticker header  -fix table  for <th class="stk_head" */
.stk_head {
	position:sticky;
	top: -2px ;
}

.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }


.table_hl_click tr:hover{
    background-color: #f7f7f9;
    cursor:pointer;
}

a { text-decoration: none; }

/* Sidebar */
.sidebar { position: fixed; top: 0; /* rtl:raw: right: 0; */ bottom: 0; /* rtl:remove */ left: 0; z-index: 100; /* Behind the navbar */ padding: 48px 0 0; /* Height of navbar */ box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); }
.sidebar-rtl { position: fixed; top: 0; right: 0; bottom: 0; z-index: 100; padding: 48px 0 0; box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1); }
.sidebar-sticky { position: relative; top: 0; height: calc(100vh - 48px); padding-top: .5rem; overflow-x: hidden; overflow-y: auto; }
.sidebar .nav-link { font-weight: 500; color: #333; }
.sidebar .nav-link .feather { margin-right: 4px; color: #727272; }
.sidebar .nav-link.active { color: #2470dc; }
.sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather { color: inherit; }
.sidebar-heading { font-size: .75rem; text-transform: uppercase; }

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}
 
.disable-bounce-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

/* for Chat Box - ตรวจบิล */
.bbox_row_chat { margin: 0.5rem 0 1rem; }
.bbox_chat{ padding: 0.2rem 0.5rem ; border: 1px solid #efefef; background-color: #efefef;  border-radius: .5rem; }
.bbox_chat_color{ background-color: #85e249 !important; }
.txt-chater { font-size: 0.6rem; line-height: 1.2; }


.fix_sticky_top .stk_head{ top:48px;}