html {
	height: 100%;
}

body {
	height: 100%;
	background-color: #06a3e8;
	font-size:12px;
}

a {
    color: #315903;
}
 
input[type=button] {
	border: 0px;
}

table {
	table-layout:fixed;word-break:break-all;
}

.table td, .table th {
    padding: 0px!important;
    border-top: 0px!important;
}

.clear{
	clear: both;
}

#eborder {
	pointer-events: none;
}

.wemove {
	cursor: move;
	pointer-events: all;
}

.add-pborder {
	border: 1px dashed red!important;
    /*background-color: #dc354552!important;*/
}

.add-border {
    border: 1px solid red!important;
}

.add-background {
    background: #cbe0d0;
}

.ui-resizable.ui-selectee5 {
	border: 2px dashed red!important;
}

.container_div {
	/* padding: 10px; */
}

.container_topbottom {
	position: relative;
	float:left;
	width: 100%;
	height: 300px;
}

.top_el {
	z-index: 8585;
}

.top_el1 {
	z-index: 8580;
}

.top_el2 {
	z-index: 8555;
}

.hopacity {
	opacity: 0.001;
	height: 0.001px!important; 
}

.wlHTML {
	width: 100%;
	height: 100%;
	overflow: hidden!important;
}

.tab-pane .wlHTML {
	overflow-y: auto!important;
}

.wf2edit {
	background-color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.div-del .wf {
	background-color: white;
}

.div-del .wn, .div-del .wni {
	text-align: right;
	padding-right: 30px;
}
			
.wlcolor {
	color: white;
}
  
.wlbackground_deep {
	background-color: rgb(83,152,33);
}
  
.wlbackground {
	background-color: rgb(99,168,43);
}
  
.wldlgcolor {
	color: black;
}

.wlradius_small {
	border-radius: 5px;
}

.wlradius_big {
	border-radius: 15px;
}

.wlradius_big_top {
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.wlradius_top {
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.wlradius_bottom {
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.wlradius_circle {
	border-radius: 50%;
}

.wlleft {
	font-size:14px;
}

.wlleft .navbar {
	border-top-left-radius: 10px;
    border-width: 1px;
}

.wlright .navbar {
	border-top-right-radius: 10px;
    border-width: 1px;
}

.wlmenuTree ul {
	padding: 3px;
}

.wlmenuTree li {
	padding: 3px;
}

.stop-click {
    pointer-events: none;
}

.my-dialog {
	font-size: 10px;
	overflow:no;
}

.my-dialog .ui-dialog-title {
	color: #fff;
    background-color: #06a3e8;
    border-color: #06a3e8;
}

.ui-widget.ui-widget-content {
	border: 1px solid #06a3e8;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    color: #fff;
    background-color: #06a3e8;
    border-color: #06a3e8;
}
  
.ui-dialog .tab-pane .fade {
    background-image: linear-gradient(rgb(242,243,247), rgb(242,243,247));
}

.w-100 .row {
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
	background-image:linear-gradient(#06a3e863, rgb(17, 180, 249));
	border-radius: 10px;
}

.ui-dialog-content .row {
	background-image: linear-gradient(white, white);
}

div.wlitemcon.wldesignselected {
	background: linear-gradient(rgb(254, 254, 254), #07DFFC); 
}

.wlHTML .w-100 .row {
    background-image: linear-gradient(white, white);
}

.wlHTML .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.wlright .container-fluid {
	width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.wlright .w-100 .row {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: linear-gradient(rgb(242,243,247), rgb(242,243,247));
	border-radius: 0px;
}

.wlright .tab-content {
	background-color: rgb(242,243,247);
}

.wlHTML .row {
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 2px;
}

.row input.file {
	border-color: #315903!important;
}

.bootstrap-table.bootstrap4 {
	width: 100%;
/*	margin-left: 5px; */
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
	z-index: auto!important;
}

.customfile.input-prepend .add-on, .customfile.input-append .add-on {
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin-left: .25rem!important;
    color: #315903;
    border: 1px solid #315903;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
}
  
.tab-pane.fade .wlHTML .bootstrap-table {
	height1: 640px;
}
     
.bootstrap-table .fixed-table-container .table th, .bootstrap-table .fixed-table-container .table td {
	border: 1px solid #315903;
}

.bootstrap-table thead {
	background-color: #06a3e8;
}

.bootstrap-table .table {
	table-layout:fixed;
}
    
.bootstrap-table .rowHeight {
	height: 32px;
	padding: 0px;
}
     
.bootstrap-table .rowHeight td {
	height: 32px;
	padding: 0px;
}
     
.bootstrap-table .rowHeight td .div-del{
	height: 32px;
	padding: 0px;
}
     
.bootstrap-table .rowHeight td input{
	height: 32px;
	padding: 0px;
	border: 0px;
}
     
.bootstrap-table .rowHeight td input:focus {
	outline: 1px solid #06a3e8;
	border: 1px solid #06a3e8;
	padding: 0px;
	border-radius: 0px;
}
     
.bootstrap-table .table td {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bootstrap-table .table td label {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.bootstrap-table tfoot {
	height: 44px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #06a3e863;
}

.bootstrap-select {
	height: 100%;
}

.btn.dropdown-toggle {
	height: 100%;
}

td.m-0.p-0 {
	width: 248px;
}

/*
.wt>table td input {
	height: 34px;
}

table.wt td input {
	height: 34px;
}
*/

.wlLineDetail {
	max-height: 453px;
	overflow-y: auto
}

table {
	border-collapse: collapse;
}

.ui-widget-content a {
    color: #315903;
}

.dropdown-menu {
	font-size: 0.8rem;
}

.btn {
	font-size: 0.8rem;
}

.btn-secondary {
    color: #315903;
    background-color: #fff;
    border-color: #315903;
}
 
.form-control {
	border-color: #315903;
	font-size: 0.8rem;
}
  
.bs-checkbox input {
	border-color: #315903;
}

.page-item.active .page-link {
	z-index: 1;
    color: #315903;
    background-color: #fff;
    border-color: #315903;
}

.bg-transparent {
	background-color: transparent;
}

.bg-success {
    background-color: #06a3e8!important;
}

.border-success .col* {
    border-color: #315903!important;
}

.border-success {
    border-color: #315903!important;
}

.text-operator {
	z-index: 20;
	position: absolute!important;
    text-decoration: none!important;
    font-size: 1.5rem;
    color: #dc354552!important;
}

.text-confirm {
    right: 26px;
}

.div-del {
	width: 100%;
	position: relative;
	display: inline-block;
	height: 100%;
}

.select-del {
    right: 2px;
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.text-del {
    right: 6px;
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.text-more {
    right: 3px;
    top: 5px;
}

.div-del input[type="text"].text-right {
    padding-right: 40px;
}

.text-success {
	color: #315903!important;
}

.w-100.file_input {
	height: 100%;
}

.file-input {
	height: 100%;
    width: 100%;
}

.file-preview {
	height: 100%;
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
    border: 0px dashed #aaa;
}

.file-drop-zone {
	height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px dashed #aaa;
}

.file-preview-thumbnails {
	height: 100%;
    width: 100%;
}

.file-preview-frame.krajee-default.kv-preview-thumb {
	height: 100%;
    width: 100%;
}

.krajee-default.file-preview-frame .kv-file-content {
	height: 100%;
    width: 100%;
    overflow:hidden;
}

.file-input.file-input-ajax-new {
	height: 100%;
}

.file-default-preview.clickable {
	width: 100%;
	height: 100%;
}

.text-muted {
	float: none;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.krajee-default.file-preview-frame {
    margin: 0px;
    padding: 0px;
}

.custom_file_upload {
	width: 80px;
    height: 34px;
    position: absolute;
    filter: none;
    background: rgb(83,152,33);
    color: rgb(255, 255, 255);
    border: 0px;
    border-radius: 15px;
    font-size: 10px;
    right: 5px;
    bottom: 10px;
    text-align: center;
    vertical-align: middle;
    display: grid;
}

.custom_file_delete {
	width: 80px;
	height: 34px;
	position: absolute;
	filter: none; 
	background: rgb(83,152,33); 
	color: rgb(255, 255, 255);
	border: 0px; 
	border-radius: 15px; 
	font-size: 10px;
	right: 5px;
	top: 10px;
}

.bootstrap-switch-custom_info
 {
	background-color: rgb(83,152,33);
	color: white;
}

.datetimepicker.dropdown-menu {
	min-width: 420px;
}

.datetimepicker.dropdown-menu table {
	min-width: 420px;
}

.datetimepicker .datetimepicker-minutes span {
    width: 50px;
}

.footerNav {
    font-size: 0.8rem;
    opacity: 0.9;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    padding: 0;
    overflow: hidden;
}

.h400 {
	height: 400px;
}

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

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

.overflowx-hidden {
	overflow-x: hidden!important;
}

.overflowx-scroll {
	overflow-x: scroll!important;
}

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

.overflowy-hidden {
	overflow-y: hidden!important;
}

.overflowy-scroll {
	overflow-y: scroll!important;
}

.disable {
	pointer-events: none
}

#customDlg {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 356px;
	height: 578px;
    background-color: #06a3e8;
    -moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 10500;
}

#customDlg1 {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}
    
#msgDlg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10510;
}

#toolDlg {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1055;
}
    
#tipDlg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    
    z-index: 1085;
}
    
.vmiddle {
	float: none;
	display: inline-block!important;
	vertical-align: middle!important;
}

.vhmiddle {
	display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.vfmiddle {
	display:flex!important;
    align-items:center!important;
}
   
::-webkit-scrollbar  
{  
    width: 3px;  
    background-color: white;
}  
  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 1px grey;  
    border-radius: 2px;  
    background-color: white;
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 2px;  
    -webkit-box-shadow: inset 0 0 1px grey;  
    background-color: #06a3e8;
} 

textarea::-webkit-scrollbar  
{  
    width: 5px;  
    height: 1px;  
    background-color: white;
}  
  
textarea::-webkit-scrollbar-thumb  
{  
    border-radius: 5px;  
    -webkit-box-shadow: inset 0 0 1px grey;  
    background-color: #06a3e8;
} 

.bd_selected {
	border: 2px solid red;
}

.wlhand1 {
  animation: zy 2.5s .15s linear infinite;
  -moz-animation: zy 2.5s .15s linear infinite; /* Firefox */
  -webkit-animation: zy 2.5s .15s linear infinite; /* Safari and Chrome */
  -o-animation: zy 2.5s .15s linear infinite; /* Opera */
}

.wlhand {
animation: zy 2.5s linear infinite;
-webkit-animation: zy 2.5s linear infinite;
}

@-webkit-keyframes zy {
10%{-webkit-transform:rotate(15deg);}
20%{-webkit-transform:rotate(-10deg);}
30%{-webkit-transform:rotate(5deg);}
40%{-webkit-transform:rotate(-5deg);}
50%,100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes zy{
10%{transform:rotate(15deg);}
20%{transform:rotate(-10deg);}
30%{transform:rotate(5deg);}
40%{transform:rotate(-5deg);}
50%,100%{transform:rotate(0deg);}
}
@-o-keyframes zy{
10%{transform:rotate(15deg);}
20%{transform:rotate(-10deg);}
30%{transform:rotate(5deg);}
40%{transform:rotate(-5deg);}
50%,100%{transform:rotate(0deg);}
}

@keyframes zy{
10%{transform:rotate(15deg);}
20%{transform:rotate(-10deg);}
30%{transform:rotate(5deg);}
40%{transform:rotate(-5deg);}
50%,100%{transform:rotate(0deg);}
}

.wllineone {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wllinerow {
  word-break: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;
}

.wllines {
  word-break: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.wlblankimg {
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='239' style='width: 257px; height: 239px; background: rgba(238, 238, 238, 0); shape-rendering: auto;'%3E%3Cpath%3E%3C/path%3E%3Cg class='layer' transform='matrix(1 0 0 1 0 0) matrix(1 0 0 1 0 0)'%3E%3Cg class='ani'%3E%3Cg%3E%3Cg class='layer' transform='matrix(2.8467700481414795 0 0 2.846771717071533 -13.850767135620117 -22.530675888061523) matrix(1 0 0 1 0 0)'%3E%3Cg class='ani'%3E%3Cpath fill='%23e0e0e0' style='y: 15px; x: 10.3px; width: 79.4px; user-select: none; r: 0; perspective-origin: 0px 0px; inline-size: 79.4px; height: 51.1px; block-size: 51.1px; fill: rgb(255, 255, 255); pointer-events: all;' d='M10.3 15h79.4v51.1H10.3z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg class='layer' transform='matrix(2.8467700481414795 0 0 2.846771717071533 -13.850767135620117 -22.530675888061523) matrix(1 0 0 1 0 0)'%3E%3Cg class='ani'%3E%3Cpath d='M44.1 71.3l-3 11.3h-3.3c-.5 0-1 .1-1.4.4-.7.4-1.2 1.2-1.2 2.1v.1c0 1.4 1.1 2.5 2.6 2.5h24.3c1.4 0 2.6-1.1 2.6-2.5v-.1c0-.9-.5-1.7-1.2-2.1-.4-.2-.9-.4-1.4-.4h-3.5l-2.9-11.3H44.1z' fill='%23a5a6a6' style='user-select: none; r: 0; perspective-origin: 0px 0px; d: path("M 44.1 71.3 L 41.1 82.6 H 37.8 C 37.3 82.6 36.8 82.7 36.4 83 C 35.7 83.4 35.2 84.2 35.2 85.1 V 85.2 C 35.2 86.6 36.3 87.7 37.8 87.7 H 62.1 C 63.5 87.7 64.7 86.6 64.7 85.2 V 85.1 C 64.7 84.2 64.2 83.4 63.5 83 C 63.1 82.8 62.6 82.6 62.1 82.6 H 58.6 L 55.7 71.3 H 44.1 Z"); fill: rgb(165, 166, 166); pointer-events: all;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg class='layer' transform='matrix(2.8467700481414795 0 0 2.846771717071533 -13.850767135620117 -22.530675888061523) matrix(1 0 0 1 0 0)'%3E%3Cg class='ani'%3E%3Cpath d='M92.5 64.9v.2H7.5v-.2-.1 3.4c0 2 1.6 3.5 3.5 3.5h78c2 0 3.5-1.6 3.5-3.5v-3.4.1z' fill='%23666' style='user-select: none; r: 0; perspective-origin: 0px 0px; d: path("M 92.5 64.9 C 92.5 65 92.5 65 92.5 65.1 H 86.4 H 13.6 H 7.5 C 7.5 65 7.5 65 7.5 64.9 C 7.5 64.9 7.5 64.8 7.5 64.8 V 68.2 C 7.5 70.2 9.1 71.7 11 71.7 H 89 C 91 71.7 92.5 70.1 92.5 68.2 V 64.8 C 92.5 64.8 92.5 64.9 92.5 64.9 Z"); fill: rgb(102, 102, 102); pointer-events: all;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg class='layer' transform='matrix(2.8467700481414795 0 0 2.846771717071533 -13.850767135620117 -22.530675888061523) matrix(1 0 0 1 0 0)'%3E%3Cg class='ani'%3E%3Cpath d='M89 12.2H11.1c-2 0-3.5 1.6-3.5 3.5V65h85.1v-.2-49.1c-.2-1.9-1.8-3.5-3.7-3.5zm-.4 47.9v.9H11.5V16.6h77.1v43.5z' style='user-select: none; r: 0; perspective-origin: 0px 0px; d: path("M 89 12.2 H 86 H 14.1 H 11.1 C 9.1 12.2 7.6 13.8 7.6 15.7 V 18.7 V 64.7 C 7.6 64.7 7.6 64.8 7.6 64.8 C 7.6 64.9 7.6 64.9 7.6 65 H 13.7 H 86.6 H 92.7 C 92.7 64.9 92.7 64.9 92.7 64.8 C 92.7 64.8 92.7 64.7 92.7 64.7 V 18.7 V 15.7 C 92.5 13.8 90.9 12.2 89 12.2 Z M 88.6 60.1 V 61 C 88.4 61 88.2 61 88.1 61 H 12 C 11.8 61 11.6 61 11.5 61 V 60.2 V 16.6 H 88.6 V 60.1 Z"); pointer-events: all;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg class='layer' transform='matrix(1.8099493980407715 0 0 1.809950590133667 40.834781646728516 -2.396291732788086) matrix(1 0 0 1 0 0)'%3E%3Cg class='ani' style='transform-origin: 46.0375px 53.7745px; transform: matrix(1, 0, 0, 1, 0, 0); animation: 5.26316s linear 0s infinite normal forwards running swim-66534084-c0d8-401b-b62c-b3f75d590ac5;'%3E%3Cpath d='M58.941 36.021c-3.936-6.817-12.684-9.161-19.501-5.225s-9.161 12.684-5.226 19.501c3.709 6.424 11.69 8.874 18.303 5.842l1.583 2.742a3.229 3.229 0 0 0-.165 3.484l5.141 8.905a3.232 3.232 0 0 0 5.597-3.231l-5.141-8.905a3.23 3.23 0 0 0-3.1-1.599l-1.583-2.742c5.932-4.211 7.801-12.348 4.092-18.772z' fill='%2377a4bd' style='user-select: none; r: 0; perspective-origin: 0px 0px; d: path("M 58.941 36.021 C 55.005 29.204 46.257 26.86 39.44 30.796 S 30.279 43.48 34.214 50.297 C 37.923 56.721 45.904 59.171 52.517 56.139 L 54.1 58.881 C 53.393 59.879 53.283 61.236 53.935 62.365 L 59.076 71.27 C 59.968 72.815 61.945 73.345 63.49 72.453 C 65.035 71.561 65.565 69.584 64.673 68.039 L 59.532 59.134 C 58.88 58.005 57.65 57.422 56.432 57.535 L 54.849 54.793 C 60.781 50.582 62.65 42.445 58.941 36.021 Z"); fill: rgb(119, 164, 189); pointer-events: all;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cstyle id='swim-7eebac1e-8ba6-4a5f-b9e6-2ca0490dd622' data-anikit=''%3E@keyframes swim-7eebac1e-8ba6-4a5f-b9e6-2ca0490dd622 %7B 0%25 %7B transform: translate(0px,0px) rotate(0deg) scale(1) %7D 8.33333%25 %7B transform: translate(-7.455770563038781px,6.135563913969156px) rotate(-13.668208599899142deg) scale(1); animation-timing-function: linear %7D 16.66667%25 %7B transform: translate(6.5683879938227125px,-2.5700689713541927px) rotate(0.47337246955805057deg) scale(1); animation-timing-function: linear %7D 25%25 %7B transform: translate(2.8866182291025275px,7.24215370082965px) rotate(13.856398766957234deg) scale(1); animation-timing-function: linear %7D 33.33333%25 %7B transform: translate(-7.194451799864137px,-5.760019531787629px) rotate(10.942457102398254deg) scale(1); animation-timing-function: linear %7D 41.66667%25 %7B transform: translate(4.669019830829722px,7.471772718635288px) rotate(-14.030785412713554deg) scale(1); animation-timing-function: linear %7D 50%25 %7B transform: translate(5.328498701232251px,-3.76528096299853px) rotate(-10.613227721848103deg) scale(1); animation-timing-function: linear %7D 58.33333%25 %7B transform: translate(-5.824692750387111px,-3.140863407626389px) rotate(5.286897990634351deg) scale(1); animation-timing-function: linear %7D 66.66667%25 %7B transform: translate(2.0503062003775554px,-1.314591821306407px) rotate(10.273425806369517deg) scale(1); animation-timing-function: linear %7D 75%25 %7B transform: translate(6.949423864299401px,-5.284540438072463px) rotate(-5.727258555619329deg) scale(1); animation-timing-function: linear %7D 83.33333%25 %7B transform: translate(-3.5575256561309394px,7.392991270224293px) rotate(-14.991925396002646deg) scale(1); animation-timing-function: linear %7D 91.66667%25 %7B transform: translate(-0.8842984095024526px,-6.788300342855515px) rotate(6.161915473106543deg) scale(1); animation-timing-function: linear %7D 100%25 %7B transform: translate(0,0) rotate(0) scale(1) %7D %7D%3C/style%3E%3Cstyle id='swim-66534084-c0d8-401b-b62c-b3f75d590ac5' data-anikit=''%3E@keyframes swim-66534084-c0d8-401b-b62c-b3f75d590ac5 %7B 0%25 %7B transform: translate(0px,0px) rotate(0deg) scale(1) %7D 8.33333%25 %7B transform: translate(-7.455770563038781px,6.135563913969156px) rotate(-13.668208599899142deg) scale(1); animation-timing-function: linear %7D 16.66667%25 %7B transform: translate(6.5683879938227125px,-2.5700689713541927px) rotate(0.47337246955805057deg) scale(1); animation-timing-function: linear %7D 25%25 %7B transform: translate(2.8866182291025275px,7.24215370082965px) rotate(13.856398766957234deg) scale(1); animation-timing-function: linear %7D 33.33333%25 %7B transform: translate(-7.194451799864137px,-5.760019531787629px) rotate(10.942457102398254deg) scale(1); animation-timing-function: linear %7D 41.66667%25 %7B transform: translate(4.669019830829722px,7.471772718635288px) rotate(-14.030785412713554deg) scale(1); animation-timing-function: linear %7D 50%25 %7B transform: translate(5.328498701232251px,-3.76528096299853px) rotate(-10.613227721848103deg) scale(1); animation-timing-function: linear %7D 58.33333%25 %7B transform: translate(-5.824692750387111px,-3.140863407626389px) rotate(5.286897990634351deg) scale(1); animation-timing-function: linear %7D 66.66667%25 %7B transform: translate(2.0503062003775554px,-1.314591821306407px) rotate(10.273425806369517deg) scale(1); animation-timing-function: linear %7D 75%25 %7B transform: translate(6.949423864299401px,-5.284540438072463px) rotate(-5.727258555619329deg) scale(1); animation-timing-function: linear %7D 83.33333%25 %7B transform: translate(-3.5575256561309394px,7.392991270224293px) rotate(-14.991925396002646deg) scale(1); animation-timing-function: linear %7D 91.66667%25 %7B transform: translate(-0.8842984095024526px,-6.788300342855515px) rotate(6.161915473106543deg) scale(1); animation-timing-function: linear %7D 100%25 %7B transform: translate(0,0) rotate(0) scale(1) %7D %7D%3C/style%3E%3Cstyle id='swim-7eebac1e-8ba6-4a5f-b9e6-2ca0490dd622' data-anikit=''%3E@keyframes swim-7eebac1e-8ba6-4a5f-b9e6-2ca0490dd622 %7B 0%25 %7B transform: translate(0px,0px) rotate(0deg) scale(1) %7D 8.33333%25 %7B transform: translate(-7.455770563038781px,6.135563913969156px) rotate(-13.668208599899142deg) scale(1); animation-timing-function: linear %7D 16.66667%25 %7B transform: translate(6.5683879938227125px,-2.5700689713541927px) rotate(0.47337246955805057deg) scale(1); animation-timing-function: linear %7D 25%25 %7B transform: translate(2.8866182291025275px,7.24215370082965px) rotate(13.856398766957234deg) scale(1); animation-timing-function: linear %7D 33.33333%25 %7B transform: translate(-7.194451799864137px,-5.760019531787629px) rotate(10.942457102398254deg) scale(1); animation-timing-function: linear %7D 41.66667%25 %7B transform: translate(4.669019830829722px,7.471772718635288px) rotate(-14.030785412713554deg) scale(1); animation-timing-function: linear %7D 50%25 %7B transform: translate(5.328498701232251px,-3.76528096299853px) rotate(-10.613227721848103deg) scale(1); animation-timing-function: linear %7D 58.33333%25 %7B transform: translate(-5.824692750387111px,-3.140863407626389px) rotate(5.286897990634351deg) scale(1); animation-timing-function: linear %7D 66.66667%25 %7B transform: translate(2.0503062003775554px,-1.314591821306407px) rotate(10.273425806369517deg) scale(1); animation-timing-function: linear %7D 75%25 %7B transform: translate(6.949423864299401px,-5.284540438072463px) rotate(-5.727258555619329deg) scale(1); animation-timing-function: linear %7D 83.33333%25 %7B transform: translate(-3.5575256561309394px,7.392991270224293px) rotate(-14.991925396002646deg) scale(1); animation-timing-function: linear %7D 91.66667%25 %7B transform: translate(-0.8842984095024526px,-6.788300342855515px) rotate(6.161915473106543deg) scale(1); animation-timing-function: linear %7D 100%25 %7B transform: translate(0,0) rotate(0) scale(1) %7D %7D%3C/style%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

.Hide {
	display: none!important;
}

.hide {
	display: none!important;
}

.tab-content {
	overflow-y: hidden; 
	height: 395px;
}

.tab-pane {
	height: 390px;
	overflow: auto;
}


.csqlHTML td {
	width: 100px;
    height: 32px;
    overflow-wrap: break-word;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.colorpicker-inline.colorpicker-visible {
    display: table-cell!important;
}

.colorpicker-color {
    height: 1px!important;
}
   
.colorpicker.colorpicker-2x {
    width: 198px;
  }

  .colorpicker-2x .colorpicker-saturation {
    width: 169px;
    height: 178px;
  }

  .colorpicker-2x .colorpicker-hue,
  .colorpicker-2x .colorpicker-alpha {
    width: 15px;
    height: 178px;
  }

  .colorpicker-2x .colorpicker-alpha,
  .colorpicker-2x .colorpicker-preview {
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
  }

  .colorpicker-2x .colorpicker-preview,
  .colorpicker-2x .colorpicker-preview div {
    height: 15px;
    font-size: 16px;
    line-height: 160%;
  }
 
  .colorpicker-saturation .colorpicker-guide {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    margin: -5px 0 0 -5px;
  }
        
	.tbRowSelected {
		color: red!important;
		font-size: 16px;
	}
	.tbRowSelected input{
		color: red!important;
		font-size: 16px;
	}