.v-application {
  font-family: arial, sans-serif !important;
  font-size: 9px !important;
}

.ind_2c { text-indent: 2em; }
p { font-size:16px; text-indent:2em;} 
kbd { font-family: 'courier new' !important ;}

h3 { font-size: 16px; line-height: 28px;margin-bottom: 10px;font-weight: normal !important ; }
h6 { font-size: 16px; line-height: 28px;margin-bottom: 10px;font-weight: normal !important ; }

.responsive_img {
  max-width: 99%;
  display:block;
  height: auto;
}

[v-cloak] {
  display: none !important; 
}

  .mylink {text-decoration:none;color:#666666 !important;}
  .myCtl {font-family:Arial;font-size:11pt}
  .smaCtl {font-family:Arial;font-size:12px}
  .arrow  {font-family:webdings;font-size:9pt;color:#006600; }
  .tinyCtl{font-family:Arial; font-size:11px;color:#c0c0c0}
  .mybtn  {font-family:Arial;font-size:12px;height:22px;background:url(../images/btnbg.jpg);border:1px solid;border-radius:8px;}
  .submit {font-family:Arial;font-size:12px;height:22px;background:#f0f0f0;border:1px solid;}
  .spbtn  {font-family:Arial;font-size:12px;height:25px;width:58px;background:#ffce40;border:1px solid;}
  .mytxt  {font-family:Arial;font-size:12px;}
  .mytxtc {font-family:Arial;font-size:12px;}
  .mytxtr {font-family:Arial;font-size:12px;border: 1px solid;background :#e0f0f0; }
  .mytxtl {font-family:Arial;font-size:12px;border: 0px solid;background :transparent;}
  .inputNum12 {font-family:courier new;font-size:12px;border: 0px solid;text-align:right;border-radius: 2px;font-weight:bold;width:50px;margin:0px;padding:0px;}
  .inputNum14 {font-family:courier new;font-size:14px;border: 0px solid;text-align:right;border-radius: 2px;font-weight:bold;width:90px;}
  .inputNum16 {font-family:courier new;font-size:16px;border: 0px solid;text-align:right;border-radius: 2px;font-weight:bold;width:90px;}
  .input_norm {margin:1px;padding:1px;max-width:240px;border:1px solid;border-radius:8px; }
  .input_norm_autos {margin:1px;padding:1px;border:1px solid;border-radius:8px; }
  .input_norm_num {margin:1px;padding:1px;max-width:240px;text-align:right;border:1px solid;border-radius:8px; }
  .input_norm_num_120 {margin:1px;padding:1px;text-align:right;max-width:120px;border:1px solid;border-radius:8px;  }
  .chkBox {width:16px;height:16px;position:relative;top:6px;}
  .banner {font-family:"Times";font-size:15px;color:#990000;font-weight:bold;}
  .banner18 {font-family:"Times";font-size:18pt;color:#990000;font-weight:bold;}
  .banner20 {font-family:"Times";font-size:20pt;color:#990000;font-weight:bold;}
  .bigbanner{font-family:Times;font-size:38px;color:#990000;font-weight:bold;}
  .prntxt  { font-family:微软雅黑,Times;font-size:22px;color:#660000;}
  .hint    { font-family:verdana;color:#990000;background:#f0f000;border:1px solid;padding:4px;border-color:#000000}
  .txtbtn  { font-family:Arial;font-size:12px;color:#660000;background:#ffce42;border:1px solid;padding:2px;border-color:#000000;height:22px; width:140px;}
  .txtbtns { font-family:Arial;font-size:12px;color:#660000;background:#ffce42;border:1px solid;padding:2px;border-color:#000000;height:22px; width:130px;}
  .reftxt  { font-family:Arial;font-size:12px;color:#990000;background:#ccffcc;border:0px solid;;border-color:#000000;}
  .labeltxt{ font-family:verdana;font-size:11pt;font-weight:bold;color:#660000;border-right: 0px solid; border-top: 0px solid; border-left: 0px solid; border-bottom:0px solid;}
  .label   { font-family:Arial;font-size:12px;color:#660000;border-right: 0px solid; border-top: 1px solid; border-left: 1px solid; border-bottom:0px solid;}
  .labels  { font-family:arial;font-size:12px;color:#660000;border-right: 0px solid; border-top: 0px solid; border-left: 0px solid; border-bottom:0px solid; width:26px; }
  .focustxt  { font-family:Arial;font-size:12px;color:#990000;}
  .divedt {font-family:Arial;font-size:12px;border: 0px solid;background :transparent;}
  .memofd  { font-family:courier new; width:100%; border-radius:8px;}
  .monospaced { font-family:courier new; }
  .bigbanner {font-family:Kaiti_gb2312;font-size:14pt;font-weight:bold;  }
  .printfoot { font-family:arial;font-size:11px;display:none; }
  .noprint { font-family:arial;font-size:11px;color:#e0e0e0; }
  .mytable { border-collapse:collapse;width:95%;border:1px solid #000;}


  pre.tooltip{
    position: relative;
    display: block	;
    text-decoration: none; 
    content-visibility: auto ;
  }
  pre.tooltip:after{
    display: block	;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    content: attr(tool-tips); 
    height: auto;
    width: 240px;
    padding: 5px 8px;
    z-index: 999;
    color: #fff;
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    letter-spacing: 1px;
    background: #0D47A1; 
    border-radius: 8px;
  }
  pre.tooltip:before {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0px;
    opacity: 0;
    content: "";
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: rgba(0,0,0,0.85) transparent transparent transparent;
  }
  pre.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
  pre.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }
  /* tips on bottom */
  pre.tooltip.bottom:after { bottom: auto; top: 0; }
  pre.tooltip.bottom:hover:after { top: 28px; }
  pre.tooltip.bottom:before {
    border-width: 0 5px 8.7px 5px;
    border-color: transparent transparent rgba(0,0,0,0.85) transparent;
    top: 0px
  }
  pre.tooltip.bottom:hover:before { top: 20px; }
  
  /* tips on bot_left */
  pre.tooltip.bot_left:after { left: auto; right: 100%; bottom: auto; top: 0; }
  pre.tooltip.bot_left:hover:after { top: 28px; }
  pre.tooltip.bot_left:before {
    border-width: 0 5px 8.7px 5px;
    border-color: transparent transparent rgba(0,0,0,0.85) transparent;
    left: auto; 
    right: 90%;
    top: 5px
  }
  pre.tooltip.bot_left:hover:before { top: 20px; }

  /* tips on the right */
  pre.tooltip.right:after { left: 100%; bottom: -45%; }
  pre.tooltip.right:hover:after { left: 110%; bottom: -45%; }
  pre.tooltip.right:before {
    border-width: 5px 10px 5px 0;
    border-color: transparent rgba(0,0,0,0.85) transparent transparent;
    left: 90%;
    bottom: 5px;
  }
  pre.tooltip.right:hover:before { left: 100%; bottom: 2%; }
  
  /* tips on the left */
  pre.tooltip.left:after { left: auto; right: 100%; bottom: -45%; }
  pre.tooltip.left:hover:after { right: 110%; bottom: -45%; }
  pre.tooltip.left:before {
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent rgba(0,0,0,0.85);
    left: auto; 
    right: 90%;
    bottom: 2%;
  }
  pre.tooltip.left:hover:before { right: 100%; bottom: 2%; }
  pre.tooltip.blue:after { background:#5f87c2; }
  pre.tooltip.blue:before { border-color: #5f87c2 transparent transparent transparent; }
  pre.tooltip.bottom.blue:before{ border-color: transparent transparent #5f87c2 transparent; }
  pre.tooltip.right.blue:before { border-color: transparent #5f87c2 transparent transparent; }
  pre.tooltip.left.blue:before { border-color: transparent transparent transparent #5f87c2; }
  pre.tooltip.animationTips:after, pre.tooltip.animationTips:before {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  

  

  .ImgClipBox {
    border: 0px solid;
    height: 105px;
    width: 145px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 5px;
    float: left;
  }
  
  .clipImg {
    margin-top: 0px;
    margin-bottom: -5px; /*Bottom part not show */
  }


.carousel_pic_show {
  border-radius: 10px;background-position:left top;
}

/* For Vuetify */
  .resultContainer {
    height: 150px;
	  border: 1px solid;
  }


  .item {
    min-height: 40px;
    min-width: 60px;
    margin: 10px;
  }

.color_teal {color: #009688;}
.color_indigo {color: #3F51B5;}
.color_primary {color: #9C27B0;}
.color_purple { color: #673AB7;}
.color_deepred { color: #B71C1C; }
.color_deepblue { color: #0D47A1; }
.color_deepgreen { color: #1B5E20; }
.color_bluegrey  { color: #607D8B; }
.color_brown  { color: #795548; }

.bg_teal {background-color: #009688;color:#fff;}
.bg_indigo {background-color: #3F51B5;color:#fff;}
.bg_primary {background-color: #9C27B0;color:#fff;}
.bg_purple { background-color: #673AB7;color:#fff;}
.bg_deepred { background-color: #B71C1C; color:#fff;}
.bg_deepblue { background-color: #0D47A1; color:#fff;}
.bg_deepgreen { background-color: #1B5E20; color:#fff;}
.bg_bluegrey  { background-color: #607D8B; color:#fff;}
.bg_brown  { background-color: #795548;color:#fff; }


.gray { color: #999999; }
.hand {cursor: pointer; }
.pad2 { padding: 2px; }
.mar2 { margin: 2px; }
.round_3 { border-radius: 3px; }
.round_5 { border-radius: 5px; }
.round_10 { border-radius: 10px; }
.round_15 { border-radius: 15px; }
.round_20 { border-radius: 20px; }
.round_25 { border-radius: 25px; }
.round_all { border-radius: 50%; }
.align_right { text-align: right;}
.align_center {text-align: center;}
.align_left {text-align: left;}


 .text-truncate {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;     /** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
        -o-text-overflow: ellipsis;  /** Opera 9 & 10 **/
        width: 99%;  /* note that this width will have to be smaller to see the effect */
    }

[contenteditable="true"].singlex-line {
    white-space: nowrap;
    overflow: hidden;
}

[contenteditable="true"].singlex-line br {
    display:none;
}

[contenteditable="true"].singlex-line * {
    display:inline;
    white-space:nowrap;
}

 @keyframes breathing {
    from { transform: scale(.6);   }
    to   { transform: scale(1);    }
  }

  .avatar_breathing {
    animation-name: breathing;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

.badgepoint {
		position:relative;
}

.badgepoint[data-badge]:after {
	content:'';
	position:absolute;
	top:-2px;
	right:-10px;
	font-size:.3em;
	background:red;
	color:white;
	width:8px;height:8px;
	text-align:center;
	line-height:8px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
}



.badge1 {
		position:relative;
	}
.badge1[data-badge]:after {
	content:attr(data-badge);
	position:absolute;
	top:-2px;
	right:-20px;
	font-size:.7em;
	background:red;
	color:white;
	width:18px;height:18px;
	text-align:center;
	line-height:18px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
}
.badge1[data-badge='']:after {
	content: none;
}
.badge1[data-badge='0']:after {
	content: none;
}


	.badge_b {
		position:relative;
	}
	.badge_b[data-badge]:after {
		content:attr(data-badge);
		position:absolute;
		top:-2px;
		right:-20px;
		font-size:.8em;
		background:blue;
		color:white;
		width:18px;height:18px;
		text-align:center;
		line-height:18px;
		border-radius:50%;
		box-shadow:0 0 1px #333;
	}
	.badge_b[data-badge='']:after {
        content: none;
    }
	.badge_b[data-badge='0']:after {
        content: none;
    }


 #busi_fab .v-speed-dial {
  position: absolute;
	margin-top: 10px;
  }

 #busi_fab .v-btn--floating {
    position: relative;
 }

.img3d {
  max-width:100%;border:1px solid grey;margin:10px;box-shadow: 3px 3px 6px #888;border-radius: 10px;
}

tr:hover { background:#f0f0f0; }
  
tr:hover td {background:none;}


td { padding:2px;}

.v-data-table>.v-data-table__wrapper>table>thead>tr>th,
.v-data-table>.v-data-table__wrapper>table>tbody>tr>td,
.v-data-table>.v-data-table__wrapper>table>tbody>tr>th {
    padding: 4px 6px; height:auto;
} 

.v-picker__title {
  padding: 6px;
}
.v-date-picker-title__date {
  font-size: 30px !important;
}

.v-time-picker-title {
  padding:11px;
}
.v-time-picker-title__time .v-picker__title__btn, .v-time-picker-title__time, .v-time-picker-title__time span {
  align-items: center;
  display: inline-flex;
  height: 30px;
  font-size: 40px !important;
  justify-content: center;
}

/* round corner for HTML Table , Just add class="roundedtable" */
table.roundedtable  {
  border-collapse: separate;
  border-spacing: 0;
  background-color: #fff;
  width: 100% ;
}
table.roundedtable thead tr th, table.roundedtable thead tr td {   border-top:1px solid;}
table.roundedtable tbody tr th, table.roundedtable tbody tr td {   border-top:1px solid;}

table.roundedtable  tr th, table.roundedtable  tbody tr td ,table.roundedtable tr td{
  border-right: 1px solid grey;
  border-bottom: 1px solid grey ;
  padding: 4px;
}
table.roundedtable tr th:first-child, table.roundedtable tr:first-child td:first-child, table.roundedtable tr td:first-child  {     border-left: 1px solid ;}
table.roundedtable  thead tr:first-child th:first-child { border-top-left-radius: 6px;}
table.roundedtable  thead tr:first-child td:first-child { border-top-left-radius: 6px;}
table.roundedtable  thead tr:first-child th:last-child {  border-top-right-radius: 6px;}
table.roundedtable  thead tr:first-child td:last-child {  border-top-right-radius: 6px;}

table.roundedtable  tbody tr:first-child th:first-child { border-top-left-radius: 6px;}
table.roundedtable  tbody tr:first-child td:first-child { border-top-left-radius: 6px;}
table.roundedtable  tbody tr:first-child th:last-child {  border-top-right-radius: 6px;}
table.roundedtable  tbody tr:first-child td:last-child {  border-top-right-radius: 6px;}

table.roundedtable  tbody tr:last-child td:first-child {  border-bottom-left-radius: 6px;}
table.roundedtable  tbody tr:last-child td:last-child {  border-bottom-right-radius: 6px;}