body
{
	font-family: sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	font-smoothing: antialiased;
}
input { outline-style: none; }

@keyframes gear-animation
{
	0%
	{
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
		transform-origin: 50% 50% 0;
	}
	100%
	{
		-ms-transform: rotate(360deg); /* IE 9 */
		-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
		transform: rotate(360deg);
		transform-origin: 50% 50% 0;
	}
}
@keyframes gear-animation-reverse
{
	0%
	{
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
		transform-origin: 50% 50% 0;
	}
	100%
	{
		-ms-transform: rotate(-360deg); /* IE 9 */
		-webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
		transform: rotate(-360deg);
		transform-origin: 50% 50% 0;
	}
}

.opacity-half
{
	opacity: 0.5;
}

.gear
{
	position: absolute;
	background-image: url("../img/gear.png");
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	opacity: 0.4;
}
.gear-normal
{
	animation-name: gear-animation;
	animation-duration: 22s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.gear-reverse
{
	animation-name: gear-animation-reverse;
	animation-duration: 22s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.gear-center
{
	background-image: url("../img/gear-center.png");
}


.gear-text
{
	position: absolute;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	padding: 6px 8px 6px 8px;
	border-radius: 24px;
}

/* blue */
.gear-text-0 { background-color: #2F5792; }
/* red */
.gear-text-1 { background-color: #962929; }
/* green */
.gear-text-2 { background-color: #5b8027; }
/* green-2 */
.gear-text-3 { background-color: #276a80; }
/* pale blue */
.gear-text-4 { background-color: #4588c3; }
/* gray */
.gear-text-5 { background-color: #515e68; }
/* orange */
.gear-text-6 { background-color: #db560e; }
/* purple */
.gear-text-7 { background-color: #5a366f; }

.main-background
{
	height: 100vh !important;
}
.stack-background
{
	min-height: 100%; height: 100%;
}

button
{
	border: solid 1px #555;
	background: #eee;
	color: #000;
	width: 200px;
	height: 26px;
}

button:hover
{
	background: #ddd;
	color: #000;
}

textarea
{
	background: #FFF;
	color: #222;
	border: solid 1px #555;
}

input[type=text]:not(.spinbox):not(.spinbox-mobile):not(.mobile-lineedit)
{
	background: #FFF;
	color: #222;
	border: solid 1px #555;
	width: 200px;
	height: 26px;
}

input[type=text]:disabled
{
	background: #BBB;
	color: #EEE;
}

input[type=password]
{
	background: #FFF;
	color: #222;
	border: solid 1px #555;
	width: 200px;
	height: 26px;
}

input[type=file]
{
	color: #222;
}

.title
{
	color: #d41010;
	font-size: 38px;
}

.title-mobile
{
	color: #333;
	font-size: 30px;
}

.title-red
{
	color: #d20e0e;
	font-size: 20px;
	font-weight: bold;
}

.subtitle-red
{
	color: #d20e0e;
	font-size: 16px;
	font-weight: bold;
}

.avancement-red
{
	color: #d20e0e;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.avancement
{
	font-size: 15px;
	font-weight: bold;
	background: #aabcbc;
	border-radius: 12px;
}

.error
{
	color: #dc0800;
	font-size: 16px;
}

.text
{
	color: #F0F0F0;
}

.text-dark
{
	color: #222;
	font-size: 13px;
}

.text-red
{
	color: #d20e0e;
}

.input-text-dark
{
	color: #222;
	font-size: 13px;
	text-align: right;
}

.required
{
}

.required:after
{
	color: #e32;
	content: ' *';
	display:inline;
}

.spinbox
{
	color: #222;
	border: solid 1px #555;
	width: 200px;
	height: 26px;
	max-height: 26px;
}

.line
{
	border-top: solid 2px #333;
}

.footer
{
	font-size: 15px;
	color: #333;
}

.link-export
{
	color: #222;
	font-size: 14px;
	font-weight: bold;
}

.link-pointage
{
	color: #fff;
	background-color: #A22;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius: 13px;
	border: solid 2px #FF6248;
}

.pseudo-checkbox
{
	border: solid 2px #333;
	background: #FFF;
	cursor: pointer;
}

/****    generic widget    ****/

.widget-panel-header
{
	background-color: #156984;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 30px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	transition: background-color 0.4s;
}

.widget-panel-header-expand
{
	border-bottom-left-radius: 0px;
}

.widget-panel-body
{
	border: 0px solid #156984;
}

.widget-panel-body-expand
{
	border-bottom-left-radius: 15px;
	border-left: solid 2px #156984;
	border-bottom: solid 2px #156984;
}

.widget-button-del
{
	padding-left: 8px;
	text-align: left;
	line-height: 30px;
	/*min-height: 30px;*/
	border-radius: 15px;
	transition: background-color 0.4s;
}

.widget-button-del-D
{
	line-height: 30px;
	/*min-width: 30px;*/
	/*min-height: 30px;*/
	border-radius: 15px;
	background-image: url("../img/small_remove.png");
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.5s;
}

.widget-button-del-D:hover
{
	background-color: #456;
}

.container-background
{
	background: #fff;
	height: 100%;
	background: #c3c0c0 url("../img/bg.png") no-repeat fixed left top;
}

.soma-box
{
	border-left: 4px solid #bc2b2b;
	border-top: 4px solid #bc2b2b;
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
	background: #ddd;
	color: #222;
	font-size: 13px;
	border-top-left-radius:16px;
	border-bottom-right-radius:16px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.soma-box-title
{
	font-size: 15px;
	color: #bc2b2b;
	font-weight: bold;
	padding-bottom: 4px;
}

.Wt-msgbox-text
{
	overflow: auto;
	color: #333;
}

.fa-question::before
{
	content: "\f128";
	color: #dc0800;
}

.fa-info::before
{
	content: "\f129";
	color: #dc0800;
}

.Wt-dialog .closeicon
{
	width: 16px;
	height: 16px;
	position: absolute;
	background-position: right 0px;
	right: 2px;
	top: 2px;
	cursor: default;
	background: transparent url("../img/close.png") no-repeat right top;
}

.Wt-dialog .Wt-msgbox-icon
{
	display: block;
	float: left;
	margin: 0px 15px -15px;
	width: 25px;
	height: 35px;
	color: #f00;
}

.Wt-dialog .closeicon:hover
{
	background-position: right 0px;
}

.Wt-panel
{
	border: 0px solid #888;
	background: transparent;
}

.Wt-panel .titlebar
{
	color: #FFFFFF;
	padding: 8px 6px 8px;
	font-size: 14px;
	font-weight: bold;
	background: #156984;
	text-align: center;
	height: 17px;
	max-height: 17px;
	border-radius: 16px;
}

.Wt-panel .body {
	background: transparent;
	padding: 0px 6px 8px;
	-webkit-backface-visibility: hidden;
	clear: left;
	margin-top: 5px;
	border-bottom-left-radius: 8px;
	border-left: solid 2px #156984;
	border-bottom: solid 2px #156984;
}

.Wt-dialog .titlebar {
	background: #333;
	color: #FFFFFF;
	padding: 2px 6px 3px;
}


.Wt-progressbar .Wt-pgb-label
{
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size: 10px;
	top: 0;
}

.Wt-progressbar .Wt-pgb-bar
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}

.Wt-progressbar
{
	background: #555;
	position: relative;
	border: solid 0px #555;
	overflow: hidden;
	color: #FFF;
	font-weight: bold;
}

@keyframes widget-save-icon-animation
{
	0%   { opacity: 0; }
	50%  { opacity: 1; }
	100%	{ opacity: 0; }
}
.widget-save-icon
{
	position: absolute;
	right: 30px;
	top: 120px;
	width: 62px;
	height: 62px;
	border-radius: 16px;
	background-color: #54A42B;
	background-image: url("../img/save.png");
	animation-name: widget-save-icon-animation;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

.widget-save-icon-hidden
{
	opacity: 0;
	position: absolute;
	right: 30px;
	top: 140px;
	width: 62px;
	height: 62px;
	z-index: -1;
}

/****    login widget    ****/

.login-background
{
	background: url("../img/bg.png");
	height: 100vh !important;
}

.login-footer
{
	/* border-top: solid 2px #333; */
	padding-top: 18px;
	font-size: 16px;
	text-align: center;
	color: #333;
}

.login-field
{
	border: solid 1px #fff;
	font-size: 16px;
}

.login-button
{
	font-size: 16px;
}

.widget-login-forgotten
{
	color: #333;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	text-decoration: underline;
}

/****    menu widget    ****/

.menu-top
{
	background: #bc2b2b;
	min-height: 24px;
	height: 24px;
	line-height: 24px;
}

.menu-icon
{
	background: #c3c0c0;
	min-height: 80px;
}

.menu-icon-text
{
	font-size: 12px;
	color: #333;
	min-width: 70px;
	text-align: center;
}

.menu-icon-background
{
	transition: background-color 0.4s;
}
.menu-icon-background:hover
{
	background: #b4b4b4;
}

.menu-login-info
{
	font-size: 16px;
}

.menu-change-password
{
	font-size: 13px;
	font-style: italic;
	cursor: pointer;
}

.menu-chantier-info
{
	font-size: 16px;
	text-align: center;
}

/****    list chantier widget    ****/

.div-chantier
{
	background-color: #008fa2;
	padding: 12px;
	transition: border-radius 1s, background-color 0.4s;
	display: inline-flex;
	position: relative;
	float: inline-start;
}
.div-chantier:hover
{
	background-color: #196d80;
	border-radius: 40px;
}
.div-chantier-days
{
	font-size: 14px;
	font-weight: bold;
	width: 36px !important;
	height: 36px !important;
	background: #db0a0a;
	color: #eee;
	border-radius: 22px;
	border: 3px solid #c7c5c5;
	text-align: center;
	line-height: 34px;
	margin-top: -28.0px;
	margin-right: -22px;
	display: block;
	position: absolute;
	right: 0;
}
.div-chantier-nom
{
	font-size: 15px;
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 20px;
	width: 160px !important;
	display: block;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}
.div-chantier-num
{
	font-size: 15px;
}
.div-chantier-etat
{
	font-size: 14px;
	margin-top: 10px;
}
.div-chantier-finalise { background-color: #585c5d; }

/****    taches widget    ****/

.button-add-tache
{
	background-color: #54A42B;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 15px;
	line-height: 30px;
	min-height: 30px;
	display: block;
	transition: background-color 0.4s;
}
.button-add-tache:hover
{
	background-color: #3A721E;
}

.button-tache
{
	background-color: #2C8898;
	font-size: 16px;
	color: #fff;
}
.button-tache:hover
{
	background-color: #1D6572;
}

.header-type-left
{
	background-color: #152C53;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	min-height: 30px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.header-type-right
{
	background-color: #54A42B;
	font-size: 16px;
	color: #fff;
	padding-left: 8px;
	text-align: left;
	line-height: 30px;
	min-height: 30px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.header-type-cfa-right
{
	background-color: #5875A5;
	font-size: 16px;
	color: #fff;
	padding-left: 8px;
	text-align: left;
	line-height: 30px;
	min-height: 30px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.header-type-cfo-right
{
	background-color: #355359;
	font-size: 16px;
	color: #fff;
	padding-left: 8px;
	text-align: left;
	line-height: 30px;
	min-height: 30px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

/****    monteurs widget    ****/

.button-add-monteur
{
	background-color: #54A42B;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 15px;
	line-height: 30px;
	min-height: 30px;
	display: block;
	transition: background-color 0.4s;
}
.button-add-monteur:hover
{
	background-color: #3A721E;
}

.button-monteur
{
	background-color: #2C8898;
	font-size: 16px;
	color: #fff;
}
.button-monteur:hover
{
	background-color: #1D6572;
}

.button-monteur-pause
{
	background-color: #666;
	font-size: 16px;
	color: #fff;
}
.button-monteur-pause:hover
{
	allnd-color: #444;
}

.arrow-monteur
{
	padding: 5px;
	border-radius: 8px;
	background-color: #aaa;
	transition: background-color 0.4s;
}
.arrow-monteur:hover
{
	background-color: #888;
}

.zone-select
{
	background: #FFF;
	color: #222;
	border: solid 1px #555;
	width: 200px;
	height: 26px;
}

.bu-select
{
	background: #FFF;
	color: #222;
	border: solid 1px #555;
	width: 200px;
	height: 26px;
}

.select-monteur
{
	font-size: 18px;
}

/****    affectation widget    ****/

.box-affectation
{
	background: #888;
	color: #fff;
	border-radius: 10px;
	transition: background-color 0.4s;
}

.box-affectation:hover
{
	background: #555;
}

.box-affectation-done
{
	background: #c3c0c0;
	color: #03313B;
	border-radius: 10px;
	transition: background-color 0.4s;
	opacity: 0.5;
}

.box-affectation-color-0 { background: #0a8090; }
.box-affectation-color-1 { background: #a12b2b; }
.box-affectation-color-2 { background: #119F31; }
.box-affectation-color-3 { background: #503078; }

.box-affectation-header
{
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}

.box-affectation-title
{
	font-weight: bold;
	font-size: 14px;
	padding: 3px 6px 3px 6px;
}

.box-affectation-bar
{
	border-radius: 10px;
}
.box-affectation-bar-ok
{
	background: #292 !important;
}
.box-affectation-bar-warn
{
	background: #fc7d00 !important;
}

.box-affectation-warn
{
	background-color: #ccc;
	border-bottom-left-radius: 6px;
	background-image: url("../img/warning.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.box-affectation-pause
{
	background-image: url("../img/pause.png");
	border-bottom-right-radius: 6px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.node-affectation-warn
{
	border-top-right-radius: 6px;
	background-image: url("../img/warning.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.box-affectation-popup
{
	font-size: 15px;
	font-weight: bold;
}

.box-affectation-histo
{
	font-size: 12px;
	font-weight: normal;
}

.box-affectation-fraction
{
	border-top: solid 2px #d20e0e;
	padding-top: 3px;
}

.box-affectation-save
{
	border-radius: 8px;
	background-color: #54A42B;
	background-image: url("../img/save.png");
	background-size: cover;
	transition: background-color 0.4s;
	cursor: pointer;
}
.box-affectation-save:hover
{
	background-color: #3A721E;
}

/****    pointage widget    ****/

.pointage-title
{
	padding: 4px;
	background-color:#B62222;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.pointage-box-line
{
	font-size: 13px;
	color: #222;
	text-align: center;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	padding-left: 4px;
}

.pointage-nom-tache
{
	padding-left: 10px;
	text-align: left;
}

.pointage-box-line-0
{
	background: #ddd;
}
.pointage-box-line-1
{
	background: #bbb;
}

.pointage-box-duree
{
	font-size: 15px;
}
.pointage-box-duree:hover
{
	background-color: #88a3cc;
}
.pointage-monteur-pause
{
	background-color: #6C6C6C;
	color: #eee;
}
.pointage-monteur-affectless
{
	background-color: #c38a16;
	color: #eee;
}

.pointage-banner
{
	background: #595959;
}

.pointage-banner-title
{
	background: #B62222;
	color: #fff;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

.pointage-banner-ok
{
	padding: 3px;
	border-radius: 6px;
	background-color: #54A42B;
	transition: background-color 0.4s;
}
.save-chantier:hover
{
	background-color: #3A721E;
}

.pointage-banner-text
{
	line-height: 36px;
}

.pointage-banner-select
{
	background: #FFF;
	color: #222;
	border: solid 1px #555;
	min-width: 200px;
	height: 36px;
}

.pointage-primes
{
	color: #222;
	font-size: 13px;
	font-weight: bold;
}

/****    tableau    ****/

.title-tableau
{
	color: #eee;
	font-size: 32px;
	background: #666;
	border-radius: 24px;
	padding: 6px;
	padding-left: 18px;
	padding-right: 18px;
}

.subtitle-tableau
{
	color: #222;
	font-size: 22px;
	margin-bottom: 20px;
}

.border-table
{
	border-left: solid 1px #888;
	border-top: solid 1px #888;
	background-color: #fcfcfc;
	height: 28px;
	line-height: 28px;
	font-size: 15px;
	text-align: center;
}
.border-table-right
{
	border-right: solid 1px #888;
}
.border-table-bottom
{
	border-bottom: solid 1px #888;
}
.border-table-top
{
	border-top: solid 1px #888;
}

.gray-layer-left
{
	border-left: solid 1px #888;
}
.gray-layer-top
{
	border-top: solid 1px #888;
	border-right: solid 1px #888;
	height: 20px;
	width: 80px;
}
.gray-layer-bottom
{
	border-bottom: solid 1px #888;
	border-right: solid 1px #888;
	height: 20px;
	width: 80px;
}
.text-tache
{
	color: #111;
	font-size: 22px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.tache-soldee
{
	background-color: #33e632;
}
.tache-en-cours
{
	background-color: #e1e12a;
}
.tache-non-demarree
{
	background-color: #e74545;
}

.legend-square
{
	height: 16px;
	max-height: 16px;
	min-height: 16px;
	width: 16px;
	max-width: 16px;
	min-width: 16px;
}

.tpta
{
	text-align: right;
	padding-right: 8px;
	line-height: 30px;
}

.reset-animation
{
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.reset-animation:hover
{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	transition-duration: 2s;
}

/****    export    ****/

.export-xlsx-disabled
{
	border-radius: 16px;
	background-color: #888;
	background-image: url("../img/save.png");
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.4s;
}

.export-xlsx
{
	border-radius: 16px;
	background-color: #54A42B;
	background-image: url("../img/save.png");
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.4s;
}
.export-xlsx:hover
{
	background-color: #3A721E;
}

.export-loading
{
	border-radius: 16px;
	background-color: #fff;
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
}

/****    create projet widget    ****/

.save-chantier
{
	border-radius: 16px;
	background-color: #54A42B;
	background-image: url("../img/save.png");
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.4s;
}
.save-chantier:hover
{
	background-color: #3A721E;
}

.save-error
{
	background-color: #ec0800;
	color: #FFF;
	padding: 10px;
	border-radius: 22px;
	font-size: 18px;
	font-weight: bold;
}

/****    create projet B    ****/

.label-echelle
{
	line-height: 100px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-radius: 6px;
}

.label-echelle-0
{
	background-color: transparent;
}
.label-echelle-1
{
	background-color: #32516C;
}
.label-echelle-2
{
	background-color: #3C6E8A;
}
.label-echelle-3
{
	background-color: #60727A;
}

/****    create projet C    ****/
.img-change
{
	background-color: #eee;
	border: dashed 2px #666;
	border-radius: 12px;
}

/****    nodes    ****/

.graph-bg
{
	background: #fff;
	border-radius: 10px;
}

.node-background
{
	border-radius: 6px;
}

.node-background-done
{
	border-radius: 6px;
	opacity: 0.5;
}

.node-title
{
	margin-top: 2px;
	font-size: 14px;
	font-weight: bold;
	width: 116px;
	text-align: center;
}

.node-title-minimized
{
	margin-top: -11px;
	font-size: 42px;
	font-weight: bold;
	color: #54c854;
	width: 116px;
	text-align: center;
}

.node-sub-title
{
	margin-top: 2px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.node-normal-text
{
	margin-top: 2px;
	margin-left: 6px;
	margin-right: 6px;
	font-size: 12px;
}

.node-del-button
{
	color: #ccc;
}
.node-del-button:hover
{
	font-size: 21px;
	font-weight: bold;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff;
	background-color: #C33;
	text-align: center;
}

.node-add-button
{
	color: #ccc;
}
.node-add-button:hover
{
	font-size: 21px;
	font-weight: bold;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	color: #fff;
	background-color: #367B79;
	text-align: center;
}

.node-img-button
{
	color: #ccc;
}
.node-img-button:hover
{
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #444;
	background-image: url("../img/small_img.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.node-attached-button
{
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #444;
	background-image: url("../img/small_img.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

/****		Calendar    ****/

.Wt-cal {
	padding: 0px;
}

.Wt-cal table {
	border-left: 1px solid #555;
	font: normal 18px/29px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #ddd;
	border-collapse: separate;
}

.Wt-cal table td {
	text-align: center;
	color: #333;
}

.Wt-cal table.d1 {
	width: 155px;
}

.Wt-cal table.d1 td {
	width: 20px;
}

.Wt-cal table.d3 {
	width: 300px;
}

.Wt-cal table.d3 td {
	width: 30px;
}

.Wt-cal table.dlong {
	width: 490px;
}

.Wt-cal table.dlong td {
	width: 70px;
}

.Wt-cal th.caption {
	margin: 0;
	padding: 0;
	border: 0;
	background: #555;
	color: #fff;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.Wt-cal-navbutton {
	background: transparent;
	cursor: pointer; cursor: hand;
	font: bold 20px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	display: block;
}

.Wt-cal caption select {
	cursor: pointer; cursor: hand;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0px;
	vertical-align: middle;
}

.Wt-cal-year {
	vertical-align: middle;
}

.Wt-cal-year span {
	padding: 1px 2px;
}

.Wt-cal-year span:hover {
	color: #6880A0;
	background-color: #F0F0F0;
}

.Wt-cal th {
	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #515B66;
	background: #D9E2E1;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	cursor: default;
}

.Wt-cal td {
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	text-align: center;
	cursor: hand;
}

.Wt-cal-oom {
	color: #CCCCCC;
}

.Wt-cal-oor {
	color: #CCCCCC;
}

.Wt-cal-sel {
	background-color: #D13737;
	color: #FFF;
	font-weight: bold;
}
.Wt-cal-now {
	color: #E9E9E9;
	font-weight: bold;
	background: #B9B9B9;
}

/****    widget_dataview    ****/

.filter-dataview
{
	background: #808080;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	/* position: sticky; */
	height: 30px;
}

.filter-dataview input[type=text]
{
	background: #707070;
	color: #fff;
	border: solid 0px;
	height: 26px;
	width: 100%;
	font-size: 16px;
	padding-left: 6px;
}

.dataview
{
	font-size: 16px;
	font-weight: bold;
}

.dataview-header
{
	background: #484848;
	color: #ff8259;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}
.dataview-footer
{
	background: #484848;
	color: #e0a20e;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	transition: background 0.3;
	min-height: 26px;
}
.dataview-footer-button
{
	cursor: pointer;
}
.dataview-footer-button:hover
{
	color: #d15e40;
}

.dataview-footer-cancel-valid
{
	text-align: center;
}

.dataview-panel
{
	background: #484848;
	overflow: hidden;
	transition: height 0.3s;
	z-index: 10;
}

.dataview-panel input[type=text], .dataview-panel input[type=password]
{
	color: #fff !important;
	background: #707070 !important;
	border: solid 1px #c0c0c0 !important;
	height: 26px;
	padding-left: 6px;
}

.dataview-panel input[type=file]
{
	color: #fff;
	background: #707070;
	border: solid 1px #c0c0c0;
	height: 26px;
}

.dataview-panel select
{
	color: #fff;
	background: #707070;
	border: solid 1px #c0c0c0;
	height: 26px;
	padding-left: 2px;
}

.dataview-panel textarea
{
	color: #fff;
	background: #707070;
	border: solid 1px #c0c0c0;
	font-size: 15px;
	padding-left: 6px;
}

.dataview-panel a
{
	color: #ddd;
	text-decoration: none;
}
.dataview-panel a:hover
{
	color: #bbb;
}

.data-table
{
	font-weight: normal;
	background: #fff;
	border: solid 1px #484848;
	border-top: 0px;
	color: #ddd;
	position: relative;
}

.data-line-selected
{
	background: #db6646 !important;
	color: #fff !important;
}
.data-line
{
	color: #333;
	font-size: 14px;
	cursor: pointer;
	height: 30px;
}

.data-line:hover
{
	background: #f3d1c7;
}
.data-line-0
{
	background: #fff;
}
.data-line-1
{
	background: #e8e8e8;
}

.data-line-content
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.data-line-content-border
{
	border-right: solid 1px #808080;
}