/* Common */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.txNoSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Window */
div.txWindow {
}
div.txWindow input {
}
div.txWindow.outer {
	position:fixed;
	background-color:rgba(200,200,200,0.5);
	top:0;
	left:0;
	z-Index:1000;
	height:100%;
}
div.txWindow.outer.modal {
    display:table;
    width:100%;
}
div.txWindow.inner {
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
div.txWindow.content {
	display:block;
	margin:0 auto;
	background-color:rgba(204,204,204,0.95);
	border:1px solid #999999;
	border-radius:5px;
	box-shadow: rgba(0,0,0,0.4) 10px 10px;
    transition: border 300ms linear, box-shadow 300ms linear;
    -webkit-transition: border 300ms linear, box-shadow 300ms linear;
    -moz-transition: border 300ms linear, box-shadow 300ms linear;
    -ms-transition: border 300ms linear, box-shadow 300ms linear;
    -o-transition: border 300ms linear, box-shadow 300ms linear;
}
div.txWindow.content:hover {
	border:1px solid #333333;
	box-shadow: rgba(0,0,0,0.7) 10px 10px;
    transition: border 300ms linear, box-shadow 300ms linear;
    -webkit-transition: border 300ms linear, box-shadow 300ms linear;
    -moz-transition: border 300ms linear, box-shadow 300ms linear;
    -ms-transition: border 300ms linear, box-shadow 300ms linear;
    -o-transition: border 300ms linear, box-shadow 300ms linear;
}
div.txWindow.data {
	padding:12px;
	overflow:auto;
}
div.txWindow.data .err {
    margin-top:9px;
    color:red;
}
div.txWindow.data a:link, div.txWindow.data a:visited {
    color:#333333;
    font-weight:bold;
    text-decoration:none;
}
div.txWindow.data a:hover {
    color:#000000;
    text-decoration:underline;
}
div.panel-body div.txWindow.data {
    padding:0;
}
div.txWindow.interface {
	padding:0px 12px 12px 12px;
	overflow:auto;
}
div.panel-body div.txWindow.interface {
    padding:0;
}
div.txWindow.closebar {
	padding:4px 6px;
	background-color:#999999;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	cursor:grab;
}
div.txWindow.closebar i {
    float:right;
    font-size:16px;
    transition: color 200ms linear;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    -o-transition: color 200ms linear;    
}
div.txWindow.closebar i:hover {
    cursor:pointer;
    color:#ff0000;
    transition: color 200ms linear;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    -o-transition: color 200ms linear;    
}
div.txWindow.closebar.drag {
    cursor:move;
}
div.txWindow.modal .closebar {
    cursor:default !important;
    padding:4px 6px;
}
div.txWindow.panel div.txWindow.closebar {
    padding:10px 15px;
    background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -o-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    color:#ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
div.txWindow button.button {
    float:right;
    margin-left:12px;
}
div.txWindow div.button {
    float:right;
    border:1px solid black;
    background-color:#999999;
    margin-left:12px;
    padding:4px 10px;
    cursor:pointer;
    border-radius:5px;
    transition: background-color 200ms linear;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;    
}
div.txWindow div.button:hover {
    background-color:#ffffff;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div.txWindow ._insertString {
    display:none;
}
div.txWindow input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
div.txFeedbackWindow div.signs {
    position:relative;
    float:left;
    margin:0px 4px 0 0;
}
div.txFeedbackWindow div.done {
    opacity:0;
}
div.txFeedbackWindow div.start {
    position:absolute;
    left:0;
    top:0;
    opacity:1;
}
/* Autocroll */
div.txAutoscroll {
    min-height:0;
    max-height:100%;
}
/* Autocomplete */
div.txAutocomplete {
    position:relative;
}
div.txDropdown {
    position:absolute;
    z-index:100;
    width:100%;
    overflow:auto;
    border:1px solid #777777;
    display:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div.txDropdown div.wrap {
    width:1000px;
}
div.txDropdown div.option {
    cursor:pointer;
    background-color:#ffffff;
    width:auto;
}
div.txDropdown div.option.focus {
    background-color:#ddddff;
}
/* BalloonTip */
div.txBalloonTip {
    display:none;
    position:absolute;
    border:1px solid black;
    background-color:#cccccc;
    border-radius:5px;
    box-shadow: 0 0 30px #000000;
    width:160px;
    min-height:50px;
    padding:5px;
    cursor:pointer;
}
div.txBalloonTip div.arrow {
    position:absolute;
    background-color:inherit;
    border-bottom:1px solid black;
    border-right:1px solid black;
    left: 20%;
    top: 100%;
    width: 20px;
    height: 20px;
    margin:-10px 0 0 -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
div.txBalloonTip div.text {
    position:relative;
}
/* ModalSpinner */
div.txModalSpinner {
    width:100%;
    height:100%;
    z-index:1000;
    position:fixed;
    top:0;
    left:0;
    opacity:0.9;
    background-color:#999999;
}
/* SecureLogin */
div.txSecurelogin.outer {
    display:table;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#eeeeee;
}
div.txSecurelogin.inner {
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
div.txSecurelogin.content {
	display:block;
	margin:0 auto;
	background-color:#cccccc;
	border-radius:5px;
	box-shadow: rgba(0,0,0,0.4) 10px 10px;
	text-align:center;
	padding:12px;
}
div.txSecurelogin a {
    color:#555555;
}
div.txSecurelogin.footer {
	position:absolute;
	top:100%;
	width:100%;
	height:0;
	z-Index:100;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
div.txSecurelogin.footer > div {
	position:relative;
	top:-28px;
	height:28px;
	background-color:#cccccc;
	padding:4px 8px
}
div.txSecurelogin.footer > div > div.right {
    float:right
}
div.txSecurelogin.footer > div > div.left {
    float:left
}
div.txSecurelogin.footer a {
	text-decoration:none;
}
div.txSecurelogin.footer a:hover {
	font-weight:bold
}
/* FileManager */
.txFileManager {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.txFileManager > ul {
    padding:0;
    margin:0;
}
.txFileManager li {
    list-style-type:none;
    cursor:pointer;
}
.txFileManager div.file.selected {
    background-color:#ddddff;
}
.txFileManager ul ul, .txFileManager ul p {
    display:none;
}
.txFileManager div.file {
    clear:both;
    width:1000px;
    background-color:none;
    transition: background-color 200ms linear;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
}
.txFileManager div.file.highlight {
    background-color:#ddddff;
    transition: background-color 200ms linear;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
}
.txFileManager div.toggle {
    float:left;
    width:22px
}
.txFileManager div.file span.lbl {
    margin-right:6px;
}
.txFileManager div.file input {
    margin:0;
    border:none;
}
.txFileManager span.control {
    display:none;
    margin-left:6px;
    width:20px;
    color:000000;
    transition: color 200ms linear;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    -o-transition: color 200ms linear;
}
.txFileManager span.control:hover {
    color:#ff0000;
    transition: color 200ms linear;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    -o-transition: color 200ms linear;
}
.txFileManager.loading, .txFileManager .loading {
    background-image:url(../_assets/icons/loading.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	min-width:16px;
	min-height:16px;
}
.txFileManager .loading i {
    opacity:0;
}
/* FileUpload */
form.txFileUpload, iframe.txFileUpload {
    display:none;
}
form.txFileUpload input {
    cursor:pointer;
}
/* TableManager */
.txTableManager {
    position:relative;
}
.txTableManager td.action > i {
    position:relative;
    left:-20px;
    padding-right:9px
}
.txTableManager select.autocompletion {
	position:absolute;
	display:none;
	z-index:10;
}
.txTableManager input.autocomplete
{
    position:relative;
}
.txTableManager input.autocomplete.active {
    z-index:100;
}
div.selectorClicker {
    cursor: pointer;
    color: #999999;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
}
div.selectorClicker:hover {
    color: #000000;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
}
div.pikaContainer {
    position:absolute;
}
.txTableManager table {
    border-spacing:2px;
    border-collapse:separate;
    table-layout:fixed;
    border-left:20px solid transparent;
}
.txTableManager input, .txTableManager select {
    width:100%;
}
.txTableManager td.update {
    position:relative;
    left:9px;
}
.txTableManager textarea {
    display:none;
}
.txTableManager div.editorClicker {
    position:absolute;
    left:100%;
    cursor: pointer;
    color: #999999;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
}
.txTableManager div.editorClicker:hover {
    color: #000000;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
}
.txTableManager div.editorClicker i {
    position: relative;
    left: -16px;
    top:4px;
}
.txTableManager td {
    position:relative;
}
.txTableManager td input.editInplace {
    padding-right:22px;
}
.txTableManager .pageDisplay {
    float:right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.txTableManager .pageDisplay div {
    float:right;
}
/*@media (max-width: 767px) {
    .txTableManager td:not(:first-child), .txTableManager th:not(:first-child) {
        display:block;
    }
    .txTableManager td:empty::after {
        content:"\00a0";
    }
}*/
/* SlideViewer */
.txSlideViewer {
    width:100%;
    height:100%;
    position:relative;
}
.txSlideViewer:fullscreen, .txSlideViewer:-webkit-full-screen, .txSlideViewer:-moz-full-screen,
.txSlideViewer:fullscreen *, .txSlideViewer:-webkit-full-screen *, .txSlideViewer:-moz-full-screen * {
    background-color:rgba(255,255,255,0);
}
.txSlideViewer * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.txSlideViewer .scrollContainer {
    width:100%;
    height:100%;
    overflow:hidden;
}
.txSlideViewer .scrollArea {
    height:100%;
}
.txSlideViewer .pageDisplay {
    display:table;
    position:relative;
    width:100%;
    height:32px;
    top:0;
    opacity:0;
    background-color:#cccccc;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity 400ms ease-out, top 400ms ease-out;
    -webkit-transition: opacity 400ms ease-out, top 400ms ease-out;
    -moz-transition: opacity 400ms ease-out, top 400ms ease-out;
    -ms-transition: opacity 400ms ease-out, top 400ms ease-out;
    -o-transition: opacity 400ms ease-out, top 400ms ease-out;
}
.txSlideViewer:hover .pageDisplay {
    opacity:0.7;
    top:-32px;
    transition: opacity 400ms ease-out, top 400ms ease-out;
    -webkit-transition: opacity 400ms ease-out, top 400ms ease-out;
    -moz-transition: opacity 400ms ease-out, top 400ms ease-out;
    -ms-transition: opacity 400ms ease-out, top 400ms ease-out;
    -o-transition: opacity 400ms ease-out, top 400ms ease-out;
}
.txSlideViewer .pageDisplay .inner {
    display:table-cell;
    vertical-align:middle;
    padding:4px 6px;
}
.txSlideViewer .pageDisplay .fullscreen {
    float:right;
    cursor:pointer;
}
.txSlideViewer .nav {
    position:absolute;
    height:100%;
    width:32px;
    top:0;
    opacity:0.5;
    transition: opacity 400ms ease-out;
    -webkit-transition: opacity 400ms ease-out;
    -moz-transition: opacity 400ms ease-out;
    -ms-transition: opacity 400ms ease-out;
    -o-transition: opacity 400ms ease-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.txSlideViewer .nav.left {
    left:0;
    display:table;
    border-spacing:0 64px;
}
.txSlideViewer .nav.right {
    left:100%;
    display:table;
    border-spacing:0 64px;
}
.txSlideViewer .nav .outer {
    position:relative;
    display:table-cell;
}
.txSlideViewer .nav .inner {
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
    background-repeat:repeat-y;
}
.txSlideViewer .nav.left .inner {
    background-image:url(../_assets/images/nav_back.png);
}
.txSlideViewer .nav.right .inner {
    left:-32px;
    background-image:url(../_assets/images/nav_forth.png);
}
.txSlideViewer .nav:hover {
    height:100%;
    width:32px;
    opacity:1;
    transition: opacity 400ms ease-out;
    -webkit-transition: opacity 400ms ease-out;
    -moz-transition: opacity 400ms ease-out;
    -ms-transition: opacity 400ms ease-out;
    -o-transition: opacity 400ms ease-out;
}
.txSlide {
    height:100%;
    float:left;
}
/* ListViewer */
.txListViewer ul li {
    cursor:pointer;
    background-color:none;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.txListViewer ul li:hover {
    background-color:#cfcfcf;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
.txListViewer ul li.selected {
    background-color:#cfcfcf;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
.txListViewer i.action {
    cursor:pointer;
}