/*!
 * Copyright(c) 2014. M2SOFT Co., Ltd. All source codes cannot be copied without permission.
 * 
 * @version: 6.4.5.756
 * @bulid date: 2021/04/17 05:54
 */
@supports(-ms-ime-align:auto) {
    .crownix-container {
        touch-action: none
    }
}

.crownix-container {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    text-align: initial;
    top: 45px
}

.crownix-container-gradient {
    background: #f8f8f8;
    background: -moz-linear-gradient(top,#f8f8f8 0,#d0d0d0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#d0d0d0));
    background: -webkit-linear-gradient(top,#f8f8f8 0,#d0d0d0 100%);
    background: -o-linear-gradient(top,#f8f8f8 0,#d0d0d0 100%);
    background: -ms-linear-gradient(top,#f8f8f8 0,#d0d0d0 100%);
    background: linear-gradient(to bottom,#f8f8f8 0,#d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F8F8F8",endColorstr="#D0D0D0",GradientType=0)
}

.crownix-page {
    border: 1px solid #e0e0e0;
    box-shadow: 2px 2px 5px #aeaeae
}

.crownix-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5)
}

.crownix-overlay-absolute {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10000
}

#crownix-toolbar {
    font-family: "Arial",sans-serif;
    font-size: 20px;
    color: #2e52a4;
    display: inline-block;
    width: 100%;
    height: 44px;
    padding: 0 10px;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.crownix-toolbar-icon-color {
    color: #fff;
    stroke: #fff;
    fill: #fff
}

.crownix-toolbar-icon-color a {
    color: inherit;
    stroke: inherit;
    fill: inherit;
    text-decoration: none
}

button::-moz-focus-inner {
    margin: -1px;
    padding: 0;
    border-width: 1px
}

.crownix-toolbar-button {
    color: inherit;
    stroke: inherit;
    fill: inherit;
    text-decoration: none;
    border: solid 0;
    padding: 0;
    margin: 0;
    background: rgba(0,0,0,0);
    outline: 0
}

.crownix-toolbar-button-zindex button {
    position: relative;
    z-index: -1
}

.crownix-toolbar-icon-border {
    border: 1px solid rgba(255,255,255,0.3)
}

.crownix-toolbar-icon-svg {
    stroke: #fff;
    fill: #fff
}

.crownix-toolbar-gradient {
    background: #777;
    background: -moz-linear-gradient(top,#777 0,#8b8b8b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#777),color-stop(100%,#8b8b8b));
    background: -webkit-linear-gradient(top,#777 0,#8b8b8b 100%);
    background: -o-linear-gradient(top,#777 0,#8b8b8b 100%);
    background: -ms-linear-gradient(top,#777 0,#8b8b8b 100%);
    background: linear-gradient(to bottom,#777 0,#8b8b8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777",endColorstr="#8B8B8B",GradientType=0)
}

.crownix-toolbar-warp {
    position: initial;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.crownix-toolbar-mark {
    position: absolute;
    margin: 5px 0;
    top: 0;
    cursor: pointer;
    display: none
}

#crownix-toolbar ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.crownix-toolbar-item {
    float: left;
    margin: 5px 0 5px 5px;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 4px;
    width: 33px;
    height: 33px;
    vertical-align: middle
}

.crownix-toolbar-item img {
    border: 0;
    width: 30px;
    height: 30px;
    margin: 3px
}

.crownix-toolbar-item div {
    height: 30px;
    display: table-cell;
    vertical-align: middle
}

.crownix-toolbar-item a {
    outline: 0
}

.crownix-toolbar-item-enable-hover-ie8 {
    .border:1px solid white!important;.margin: 4px -1px 4px 4px;
    outline: 1px solid #d2d2d2!important
}

.crownix-toolbar-item-enable-hover {
    border: 1px solid rgba(255,255,255,0.8)!important;
    box-shadow: inset 0 0 7px rgba(255,255,255,0.8)
}

.crownix-toolbar-item-enable:hover,.crownix-toolbar-item-enable-hover {
    border: 1px solid rgba(255,255,255,0.8)!important;
    box-shadow: inset 0 0 7px rgba(255,255,255,0.8)
}

.crownix-toolbar-item-enable:active {
    border: 1px solid rgba(255,255,255,0.5)!important;
    box-shadow: inset 0 0 15px rgba(255,255,255,0.3)
}

.crownix-toolbar-item-disable {
    cursor: default;
    filter: gray;
    opacity: .4
}

.crownix-toobar-dropitem {
    position: relative;
    border: 1px solid rgba(255,255,255,0.3);
    width: 100px;
    float: left;
    margin: 5px 0 5px 5px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 1px 1px rgba(50,50,50,0.2);
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.crownix-toobar-dropitem div {
    margin-top: 5px
}

.crownix-toobar-dropitem img {
    border: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    vertical-align: middle
}

.crownix-toobar-dropitem a {
    outline: 0
}

.crownix-toobar-dropitem button {
    font-family: inherit;
    font-size: inherit;
    width: 100%
}

.crownix-toolbar-dropitem-enable-focus {
    background: #f1f5e2
}

.crownix-toobar-dropitem-enable:hover,.crownix-toobar-dropitem-enable-hover {
    border: 1px solid rgba(255,255,255,0.8)!important;
    box-shadow: inset 0 0 7px rgba(255,255,255,0.8)
}

.crownix-toobar-dropitem-enable:active {
    border: 1px solid rgba(255,255,255,0.5)!important;
    box-shadow: inset 0 0 15px rgba(255,255,255,0.3)
}

.crownix-toobar-dropitem-enable:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -3px;
    border-width: 9px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent
}

.crownix-toobar-dropitem-disable {
    border: 1px solid rgba(255,255,255,0.2);
    cursor: default;
    opacity: .4
}

.crownix-toobar-dropitem-disable .dropdown {
    display: none
}

.crownix-toobar-dropitem-enable .dropdown {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;
    z-index: 999999;
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    font-weight: normal;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    list-style: none;
    display: none
}

.crownix-toobar-dropitem-enable .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent
}

.crownix-toobar-dropitem-enable .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent
}

.crownix-toobar-dropitem-enable .no-after:after {
    content: none
}

.crownix-toobar-dropitem-enable .no-before:before {
    content: none
}

.crownix-toobar-dropitem-enable .dropdown li button,.crownix-toobar-dropitem-enable .dropdown li a {
    font-size: 15px;
    display: block;
    padding: 5px 10px;
    text-align: left;
    text-decoration: none;
    color: #5874ad;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.crownix-toobar-dropitem-enable .dropdown li button img,.crownix-toobar-dropitem-enable .dropdown li button svg,.crownix-toobar-dropitem-enable .dropdown li a img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle
}

.crownix-toobar-dropitem-enable .dropdown li i {
    float: right;
    color: inherit
}

.crownix-toobar-dropitem-enable .dropdown li:first-of-type button,.crownix-toobar-dropitem-enable .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0
}

.crownix-toobar-dropitem-enable .dropdown li:last-of-type button,.crownix-toobar-dropitem-enable .dropdown li:last-of-type a {
    border: 0;
    border-radius: 0 0 7px 7px
}

.crownix-toobar-dropitem-enable .dropdown li:hover button,.crownix-toobar-dropitem-enable .dropdown li.hoverd button,.crownix-toobar-dropitem-enable .dropdown li:hover a,.crownix-toobar-dropitem-enable .dropdown li.hoverd a {
    background: #f1f5e2
}

.crownix-toobar-dropitem-enable.active .dropdown {
    display: block
}

.crownix-toobar-dropitem-enable.active:after {
    top: 45%;
    border-width: 0 6px 9px 6px
}

.crownix-toolbar-separator {
    float: left;
    margin: 12px 0 12px 5px;
    border-left: 1px solid rgba(255,255,255,0.3);
    height: 20px
}

.crownix-close-button {
    position: absolute;
    top: -12px;
    right: -12px;
    height: 24px;
    width: 24px;
    z-index: 999999;
    overflow: hidden;
    text-align: center;
    background: rgba(200,0,0,0.7);
    border: 2px solid #666;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: white;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    font-size: 21px;
    font-family: Arial
}

.crownix-close-button:hover {
    color: red;
    font-weight: bold;
    border: 2px solid #333
}

.crownix-window-frame {
    position: absolute;
    width: 94%;
    height: 94%;
    left: 3%;
    top: 3%;
    display: none;
    border: 1px solid #a2b1c5;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #ecf2fb 0 1px 0 0 inset,#ecf2fb 0 -1px 0 0 inset,#ecf2fb -1px 0 0 0 inset,#ecf2fb 1px 0 0 0 inset;
    -moz-box-shadow: #ecf2fb 0 1px 0 0 inset,#ecf2fb 0 -1px 0 0 inset,#ecf2fb -1px 0 0 0 inset,#ecf2fb 1px 0 0 0 inset;
    box-shadow: #ecf2fb 0 1px 0 0 inset,#ecf2fb 0 -1px 0 0 inset,#ecf2fb -1px 0 0 0 inset,#ecf2fb 1px 0 0 0 inset
}

.crownix-window-header {
    position: relative;
    padding: 2px 2px 2px 4px;
    width: 100%;
    height: 36px;
    overflow: auto;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #fff;
    border-bottom-color: #dcdcdc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle
}

.crownix-window-body {
    position: relative
}

.crownix-window-footer {
    position: relative;
    padding: 2px 2px 2px 4px;
    width: 100%;
    height: 44px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #fff;
    border-top-color: #dcdcdc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.crownix-window-title {
    font-family: arial;
    font-weight: bold;
    vertical-align: sub
}

.crownix-window-close {
    position: absolute;
    right: 0;
    cursor: pointer
}

.crownix-window-close img {
    margin-top: 7px;
    vertical-align: text-bottom
}

.crownix-window-tab {
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 3px;
    margin: 0 3px;
    width: 40px;
    height: 24px
}

#m2soft-crownix-container #m2soft-crownix-text input[type="radio"],#m2soft-crownix-container #m2soft-crownix-text input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 0
}

#m2soft-crownix-container #m2soft-crownix-text input[type="text"] {
    position: absolute
}

#m2soft-crownix-container .crownix_formfield_selector.selector_with_background {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAATCAYAAAA6T+sJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODIyQThEODAwQkI3QTMxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0N0QxQjY3NTM2NzIxMUUzOEI1MEVDOEUyREZGQUJDOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0N0QxQjY3NDM2NzIxMUUzOEI1MEVDOEUyREZGQUJDOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdFMjQ4RDFBNzEzNkUzMTFCRkRFQ0ExN0Y0NTU3RTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4MjJBOEQ4MDBCQjdBMzE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5CBwvgAABeBJREFUeNrsmF9MU1ccx3+3vf2DDhFhlqmIJiCIkTiisof9FbapcXPOF+Pcsjks6pYsmpmYON+WTN0m7GGbQsUHY3wy2+LQaRAVxhYzUx2t0mTFArbcltIWsP//7neOvQjltt6W+rSd5Jvee875ffo7v/M759x7mZPNLTCT0qDeBf+lwqLkqK9RO1DzRNq5UGdQB1BBvhKDPyMWBj+YqiPyK/GnHrUBtTRefR/1G0qD9vfEDjxTFoOGTfmFiz4rUC0BqVQm6s8ikTA4bCZwjZiPIvjgJCcyYpmMd8Du5IIet3v7l4cPnxcYHJmI46g98xeUSmbnFoBMrqRtoaAfPA8dMDxkjOItWS770CdfikDNiMWcONnsrKh6JV/sAB8PNASGnhuu3Q3qiUzKhMVxA6DVXkdeBB0OgtftqW3+4fuOhAG2zXu2uK5oYRlxOQkpBjaLERz2QWK7QShbs8FiGYbJVygU6a9lVgHEdkr002RZLCb484/L6NgwjDqdEPD5SOCu1tbVya62t4fj3RoLVYvrFhSXP5G3sKQcGAmsG7ENkgz6VKDLNNaDwX64d/cOva5csQqKFy9JyZLQwUslGUkwkCJtuaF++L3rEtitHFgGB8HlcIDH4wG/39/EBwszYgU5V4pLKkRzSV8su+O2k7NrCgtiUdCc/BauXb8AEkWUilyTOtKWjEVHLWOlGUmoiLEbGjJBZ+dFGLHZgLNYIBgI0CUZjUabYrHYfp6F9+qSpculchkr2ifSl9gQ28l+JbKaf/wG5EoW+0vAbOqjItekjrQlYz3KMFaSkYSX6uP2B+Y+aL/+Cxj77k7UkWXY0fHrtGBVVtJJ3N/d3R2bhNtQUKhK2y9iEz/9QIhlMfcDZ7XAuMsBA3190G80UpHr8VEnbSN9hFgszQqZNGvPKTzLYNBD+9U2PIHkMDJsg3AkCPPyC6HjWhs4hoeBM5shiJs8CdYb69+C54oKQaNpiSXsiUueyc0FiUSSlg9StCG2yVh3cc9yj49BLByAcChEfaAHWTgMPq8XPF4f6HS3obSsbBqL5ZdR1gIWZ505fQJGXU5QKJWQm5cHTvsIbqIMzuAoDHPcRLDWb9wM773/MbRf/ikpL92ARSI07sFkLCkqGPCDlImRYEyyi0AYgxbwB7APQ/snsiR8VmSiZBlG9OLLr5ENHMbHxsCKS2/QdJ+m/OTM2rjpHfhwpxrkclaQhXvHQCjkT9uvcIguc0sy1uo1ayESBX7fBNw3qcg1rcMYra15QZD11DJs27Yd4PW4oe3Cz/SepHrccerUpre3wEc7G6bMcGLBgF9zjthK8+fOTcsHl9NOJuVGMlb5smWwcmUV9PTcBqVcNuEDCZo/GIKqqudpHyFW/JSUZCThgD1uV6v3QN3rb9IA8elOfjdvfpe2yUlGpGBZrdbTet3tCCtlRPtE+up6tBGO406nYh05cgxWraqGQCgCPlyCROSa1JG2ZKynlmF82bfvc5xdH3R1PpqkLVu2grphb8rM4suxo0duHW9sPIsD/aC6eo2o/9dq/8LnOfdZYpuKRfxsavwOjMZ/4ObNm7RPTU0NlJaWpWSxmIaj+JozN92n/QA+DhDbKS8UgiwJHDr0BdjVj5afSlU0LVhCrHgJaVo0B/Z+oliKNi+tXr0maaDJctJqb4Fer+smNsRWDKuiopxKLEu6rra2VCZjq4tUKtzkWDxFmCcqHA7h+v8bTCZT65Urly/ysGQslmUhb84cmIMiJ5QYFl/sdrvXYDBcKS5eVGAw9FblKJWMUqkAJU5KDJ/I3e6H0N9vgkuXLkYHBgbOtrae2qvX6axCQc0Gi8EHxvn1u+q/mjVr9laMeJ6Y7MIZGPN6PedbT506qNfr7Xx9NlmJX1VQefX1u6qXV1Zuz8nJeRUfD0rIcY97ohk39K7e3t5zmpZmLdaN0rfn5GVGLIYHoGbxh4CIQj5/kGNvLAGYTZbgFomajSLfY/jNkrx3BlAegWWYdRbz/xfX9Mq/AgwAKxegkTDykysAAAAASUVORK5CYII=);
    background-repeat: no-repeat
}

::-webkit-input-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc!important
}

input:-moz-placeholder {
    color: #ccc
}

input[readonly="readonly"],textarea[readonly="readonly"] {
    color: #222
}

#m2soft-crownix-container .requiredFieldHinting {
    position: absolute;
    left: 0;
    top: 0;
    border-width: 7px 7px 0 0;
    border-style: solid;
    box-sizing: border-box;
    width: 0;
    margin: -1px;
    padding: 0
}

#m2soft-crownix-container .commonFieldHinting {
    position: absolute;
    border-width: 1px;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

#m2soft-crownix-container .placeholder {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    color: #ccc
}

#m2soft-crownix-container .invalid-field {
    border: 3px solid #f00!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -ms-border-radius: 5px!important;
    border-radius: 5px!important;
    box-sizing: border-box!important
}

.crownix-formfield-blink {
    -webkit-box-shadow: 0 0 3px 3px rgba(255,0,0,0.8);
    -moz-box-shadow: 0 0 3px 3px rgba(255,0,0,0.8);
    box-shadow: 0 0 3px 3px rgba(255,0,0,0.8)
}

.crownix-formfield-blink-lock {
    -webkit-box-shadow: 0 0 3px 3px rgba(0,128,255,0.8);
    -moz-box-shadow: 0 0 3px 3px rgba(0,128,255,0.8);
    box-shadow: 0 0 3px 3px rgba(0,128,255,0.8)
}

.iScrollHorizontalScrollbar {
    position: absolute;
    z-index: 9999;
    height: 7px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    overflow: hidden
}

.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 7px;
    bottom: 2px;
    top: 2px;
    right: 1px;
    overflow: hidden
}

.iScrollIndicator {
    box-sizing: border-box;
    position: absolute;
    border: 1px solid rgba(255,255,255,0.901961);
    border-radius: 4px;
    width: 100%;
    -webkit-transition: 0ms cubic-bezier(0.1,0.57,0.1,1);
    transition: 0ms cubic-bezier(0.1,0.57,0.1,1);
    display: block;
    height: 100%;
    -webkit-transform: translate(0px,0px);
    background: rgba(0,0,0,0.498039)
}

.crownix-swipe-icon {
    position: absolute;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    stroke: #777;
    fill: #fff
}

#m2soft-crownix-text svg {
    overflow: hidden
}

.crownix-tab-buttons {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none
}

.crownix-tab-button {
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 3px;
    margin: 0 5px;
    width: 40px;
    visibility: hidden
}

#crownix-share-lock-control {
    position: absolute;
    width: 0;
    top: 100px;
    outline: 0
}

#crownix-share-lock-control-button {
    width: 48px;
    height: 48px;
    color: inherit;
    stroke: inherit;
    fill: inherit;
    text-decoration: none;
    border: solid 0;
    padding: 0;
    background: rgba(0,0,0,0);
    outline: 0
}

.crownix-text-index {
    z-index: 2
}

.crownix-canvas-index {
    z-index: 1
}

.crownix-formfield-disable {
    cursor: default;
    filter: gray;
    opacity: .4;
    background-color: #ccc
}

.crownix_form_field_file_name_text>a:hover {
    color: rgba(0,0,255,0.8)!important;
    cursor: pointer
}

.crownix-mask-item {
    float: right;
    margin: 2.5px 7px 2.5px 7px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 4px;
    width: 34px;
    height: 34px
}

.crownix-mask-button {
    color: inherit;
    stroke: inherit;
    fill: inherit;
    text-decoration: none;
    border: solid 0;
    padding: 0;
    margin: 0;
    background: rgba(0,0,0,0);
    outline: 0;
    z-index: -1;
    cursor: pointer
}

.crownix-mask-item:hover {
    border: 1px solid rgba(255,255,255,0.8)!important;
    box-shadow: inset 0 0 7px rgba(255,255,255,0.8)
}

.crownix-batch-group-sign {
    position: absolute;
    width: 400px;
    max-width: 90%;
    visibility: hidden;
    touch-action: none
}

.crownix-group-sign-enable {
    position: absolute;
    width: 100%;
    min-height: 42px
}

.crownix-group-sign-wrapper {
    position: absolute;
    width: 100%;
    max-height: 50vh;
    overflow-y: hidden
}

.crownix-group-sign-media-width {
    width: 90%
}

.crownix-group-sign-media-height {
    max-height: 70vh
}

.crownix-group-sign-area {
    position: relative;
    background: #fff
}

.crownix-group-sign {
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    overflow: hidden
}

.crownix-batch-group-sign canvas {
    position: absolute;
    border: 1px solid #d2d2d2
}

.crownix-group-sign button {
    width: 180px;
    max-width: 45%;
    border: 0;
    background: #d2d2d2;
    color: #fff;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer
}

.crownix-group-sign-message {
    width: 90%;
    height: 100%;
    max-height: 80px
}

.crownix-group-sign button:disabled {
    color: #929292;
    cursor: default
}

.crownix-group-sign-apply {
    background: #2d94ff!important
}

.crownix-required-sign-list {
    width: 90%;
    margin: auto
}

.crownix-required-sign-list>label {
    font-weight: bold;
    color: #0089ff;
    font-size: 12px
}

.crownix-required-sign-list>div {
    padding: 10px
}

.crownix-required-sign-list>div>span {
    color: #d2d2d2;
    font-size: 11px;
    float: right
}

.crownix-group-sign input[type=checkbox] {
    display: none
}

.crownix-group-sign input[type=checkbox]+label {
    display: inline-block;
    position: relative;
    max-width: 65%;
    padding-left: 35px;
    font-size: 15px;
    word-break: break-all;
    cursor: pointer;
    touch-action: none
}

.crownix-group-sign input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: auto 0;
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 1px;
    color: #fff;
    font-family: Lucida Sans Unicode,Arial Unicode MS,Arial;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #0089ff;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.3),0px 1px 0 0 rgba(255,255,255,.8)
}

#crownix-group-sign_label {
    max-width: 90%
}

.crownix-group-sign input[type=checkbox]:checked+label:before {
    content: "\2714";
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    font-size: 18px;
    font-weight: 800;
    color: transparent;
    text-shadow: 0 0 0 #fff;
    background: #0089ff;
    text-align: center;
    line-height: 18px
}

.crownix-group-sign input[type=checkbox]:disabled+label:before {
    background: #d2d2d2;
    border: 1px solid #d2d2d2
}

.crownix-group-sign input[type=checkbox]:disabled+label {
    color: #d2d2d2;
    cursor: default
}

.crownix-group-sign-close {
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
    height: 30px;
    padding: 10px;
    border: 0;
    background: 0;
    cursor: pointer
}

.crownix-group-sign-close:before,.crownix-group-sign-close:after {
    position: absolute;
    top: 5px;
    left: 25px;
    content: ' ';
    height: 15px;
    width: 5px;
    background-color: #333
}

.crownix-group-sign-close:before {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

.crownix-group-sign-close:after {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg)
}

.crownix-group-sign-close:hover {
    opacity: .5
}

.crownix-group-sign-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center
}

.crownix-pen-overflow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.crownix-pen-button {
    width: 45%;
    height: 50px;
    max-height: 8vh;
    color: #fff;
    border: 0;
    margin-left: 5px;
    cursor: pointer;
    float: right;
    font-size: 90%
}

.crownix-pen-close {
    right: -30px;
    top: -10vh
}

.crownix-pen-close:before,.crownix-pen-close:after {
    height: 30px;
    max-height: 50%
}

.crownix-dialog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    display: none;
    z-index: 2147483548
}

.crownix-dialog-outer {
    background: #eee;
    border: 1px solid #fff;
    box-shadow: 0 3px 7px #333;
    -moz-box-shadow: 0 3px 7px #333;
    -webkit-box-shadow: 0 3px 7px #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    position: absolute;
    z-index: 2147483549;
    width: 250px;
    min-height: 50px;
    position: absolute;
    display: none
}

.crownix-dialog-inner {
    font-family: "Arial",sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 20px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    word-break: break-all
}

.crownix-dialog-inner button {
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    background: -moz-linear-gradient(100% 100% 90deg,#eee,#d5d5d5);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#eee),to(#d5d5d5));
    background: -webkit-linear-gradient(#eee,#d5d5d5);
    background: -o-linear-gradient(#eee,#d5d5d5);
    color: #232d3d;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px;
    margin: 0 3px;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc
}

.crownix-dialog-inner button:hover {
    color: #d85054
}

.crownix-dialog-inner .aButtons,.crownix-dialog-inner .aInput {
    margin: 10px 10px 0 10px;
    text-align: center
}

.crownix-dialog-inner .aTextbox {
    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    width: 150px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px
}

.crownix-dialog-message {
    position: absolute;
    top: 15px;
    max-width: 50%;
    font-family: "Arial",sans-serif;
    font-size: 10pt;
    font-weight: bold;
    z-index: 999;
    height: 0
}

.crownix-dialog-message-text {
    display: inline-block;
    padding: 4px 10px;
    margin: 0 0 0 15px;
    background: #676767;
    color: #f5f5f5;
    opacity: .7;
    border: 2px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px
}

.crownix-dialog-message-pagenum {
    display: none;
    padding: 1px 10px;
    margin: 0 0 0 15px;
    background: #676767;
    opacity: .7;
    border: 2px solid #aaa;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px
}

.crownix-dialog-message span {
    color: #f5f5f5;
    vertical-align: top
}

.crownix-dialog-message img {
    vertical-align: top;
    margin-right: 5px
}

.crownix-dialog-button {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#d3daed));
    background: -moz-linear-gradient(top,#fff,#d3daed);
    background: -ms-linear-gradient(top,#fff,#d3daed);
    background: -o-linear-gradient(top,#fff,#d3daed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#D3DAED);
    background-color: #d3daed;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em
}

.crownix-dialog-button-action:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#b3bacd));
    background: -moz-linear-gradient(top,#fff,#b3bacd);
    background: -ms-linear-gradient(top,#fff,#b3bacd);
    background: -o-linear-gradient(top,#fff,#b3bacd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#B3BACD);
    background-color: #b3bacd
}

.crownix-dialog-button-action:active {
    background: -webkit-gradient(linear,left top,left bottom,from(#d3daed),to(#fff));
    background: -moz-linear-gradient(top,#d3daed,#fff);
    background: -ms-linear-gradient(top,#d3daed,#fff);
    background: -o-linear-gradient(top,#d3daed,#fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D3DAED,endColorstr=#FFFFFF);
    background-color: #d3daed
}

.ers_progress {
    background-color: #dedede;
    z-index: 99999;
    color: #555;
    width: 200px;
    border: 2px solid #aaa;
    display: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    padding: 30px 10px;
    -webkit-box-shadow: 0 0 30px rgba(50,50,50,0.5);
    -moz-box-shadow: 0 0 30px rgba(50,50,50,0.5);
    box-shadow: 0 0 30px rgba(50,50,50,0.5);
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -40px
}

.ers_progress .ers_progress_content {
    font-size: 12pt;
    font-weight: bold;
    margin: 0 auto 25px 0
}

.crownix-dialog-title {
    height: 18px;
    margin-bottom: 6px;
    font-weight: bold;
    overflow: hidden
}

.crownix-note-toolbar {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 0;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    z-index: 10000
}

.crownix-note-icon svg {
    width: 35px;
    height: 35px;
    stroke-opacity: 1;
    fill-opacity: .8
}

.crownix-note-icon-disable svg {
    width: 35px;
    height: 35px;
    stroke-opacity: .6;
    fill-opacity: .3
}

.crownix-note-attr {
    display: none;
    height: 38px;
    width: 330px
}

@media all and (max-width: 320px) {
    .crownix-note-icon svg {
        width:30px;
        height: 30px
    }

    .crownix-note-icon-disable svg {
        width: 30px;
        height: 30px
    }

    .crownix-note-attr {
        width: 290px
    }
}

.crownix-note-icon svg:hover {
    cursor: pointer;
    stroke-opacity: 1;
    fill-opacity: 1
}

.crownix-icon-pencolor {
    fill: black
}

.crownix-icon-highlightercolor {
    fill: yellow
}

.crownix-icon-outline {
    fill: lightgray
}

.crownix-note-mode>#edit,.crownix-note-area-icon {
    fill: #e86150
}

.crownix-note-attr-icon {
    fill: #228b22
}

.crownix-note-toolbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.crownix-note-mode {
    display: none;
    width: 35px
}

.crownix-note-mode li {
    margin-bottom: 5px
}

.crownix-note-area {
    float: left
}

.crownix-note-attr li {
    float: left;
    margin-left: 7px
}

.crownix-note-pen-attribute {
    font-family: 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;
    font-size: 12px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    height: 212px;
    width: 300px;
    border-radius: 5px;
    background-color: #ddd;
    -moz-box-shadow: 0 0 20px #888;
    -webkit-box-shadow: 0 0 20px #888;
    box-shadow: 0 0 20px #888;
    z-index: 10001
}

.crownix-note-pen-attribute label,#crownix-note-pen-button {
    display: block;
    width: auto;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    text-shadow: 0 1px 0 #fff
}

.crownix-note-pen-attribute button {
    width: 93px;
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    background: -moz-linear-gradient(100% 100% 90deg,#eee,#d5d5d5);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#eee),to(#d5d5d5));
    background: -webkit-linear-gradient(#eee,#d5d5d5);
    background: -o-linear-gradient(#eee,#d5d5d5);
    color: #232d3d;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px;
    margin: 0 3px;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc
}

.crownix-note-pen-attribute button:hover {
    color: #d85054
}

#crownix-note-pen-width {
    width: 82px;
    float: left
}

#crownix-note-pen-transparency {
    width: 82px;
    float: right
}

#crownix-note-pen-color {
    width: 136px;
    float: left
}

#crownix-note-pen-button {
    clear: both;
    padding-top: 8px
}

.pen-slider {
    width: 15px;
    height: 100px;
    margin-top: 13px;
    margin-bottom: 9px;
    margin-left: auto;
    margin-right: auto
}

.slider-value {
    display: block;
    width: 40px;
    height: 18px;
    font-size: 12px;
    text-shadow: 0 1px 0 #b2a2a2;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.colorPicker-palette {
    display: block;
    top: 26px;
    left: 8px;
    width: 128px;
    height: 128px;
    margin-top: 7px;
    padding: 2px
}

.colorPicker-swatch {
    height: 22px;
    width: 22px;
    border: 1px solid #888;
    margin: 4px;
    float: left;
    cursor: pointer;
    line-height: 24px
}

.color-selected {
    border: 1px solid #fff;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000
}

.crownix-noUi-target,.crownix-noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.crownix-noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.crownix-noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.crownix-noUi-handle {
    position: relative;
    z-index: 1
}

.crownix-noUi-stacking .crownix-noUi-handle {
    z-index: 10
}

.crownix-noUi-stacking+.crownix-noUi-origin {
    *z-index: -1
}

.crownix-noUi-state-tap .crownix-noUi-origin {
    -webkit-transition: left .3s,top .3s;
    transition: left .3s,top .3s
}

.crownix-noUi-state-drag * {
    cursor: inherit!important
}

.crownix-noUi-horizontal {
    height: 18px
}

.crownix-noUi-horizontal .crownix-noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.crownix-noUi-horizontal.crownix-noUi-extended {
    padding: 0 15px
}

.crownix-noUi-horizontal.crownix-noUi-extended .crownix-noUi-origin {
    right: -15px
}

.crownix-noUi-vertical {
    width: 18px
}

.crownix-noUi-vertical .crownix-noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.crownix-noUi-vertical.crownix-noUi-extended {
    padding: 15px 0
}

.crownix-noUi-vertical.crownix-noUi-extended .crownix-noUi-origin {
    bottom: -15px
}

.crownix-noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.crownix-noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.crownix-noUi-origin {
    border-radius: 2px
}

.crownix-noUi-target {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #BBB
}

.crownix-noUi-target.crownix-noUi-connect {
    box-shadow: inset 0 0 3px rgba(51,51,51,0.45),0 3px 6px -5px #BBB
}

.crownix-noUi-dragable {
    cursor: w-resize
}

.crownix-noUi-vertical .crownix-noUi-dragable {
    cursor: n-resize
}

.crownix-noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #ebebeb,0 3px 6px -3px #BBB
}

.crownix-noUi-active {
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}

.crownix-noUi-handle:before,.crownix-noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.crownix-noUi-handle:after {
    left: 17px
}

.crownix-noUi-vertical .crownix-noUi-handle:before,.crownix-noUi-vertical .crownix-noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.crownix-noUi-vertical .crownix-noUi-handle:after {
    top: 17px
}

[disabled].crownix-noUi-connect,[disabled] .crownix-noUi-connect {
    background: #b8b8b8
}

[disabled] .crownix-noUi-handle {
    cursor: not-allowed
}

.crownix-noUi-state-blocked.crownix-noUi-connect,.crownix-noUi-state-blocked .crownix-noUi-connect {
    background: #4fdacf
}

/*! jQuery UI - v1.10.4 - 2014-04-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.crownix-ui-helper-hidden {
    display: none
}

.crownix-ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.crownix-ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.crownix-ui-helper-clearfix:before,.crownix-ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.crownix-ui-helper-clearfix:after {
    clear: both
}

.crownix-ui-helper-clearfix {
    min-height: 0
}

.crownix-ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.crownix-ui-state-disabled {
    cursor: default!important
}

.crownix-ui-icon {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat
}

.crownix-ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.crownix-ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.crownix-ui-datepicker .crownix-ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.crownix-ui-datepicker .crownix-ui-datepicker-prev,.crownix-ui-datepicker .crownix-ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.crownix-ui-datepicker .crownix-ui-datepicker-prev-hover,.crownix-ui-datepicker .crownix-ui-datepicker-next-hover {
    top: 1px
}

.crownix-ui-datepicker .crownix-ui-datepicker-prev {
    left: 2px
}

.crownix-ui-datepicker .crownix-ui-datepicker-next {
    right: 2px
}

.crownix-ui-datepicker .crownix-ui-datepicker-prev-hover {
    left: 1px
}

.crownix-ui-datepicker .crownix-ui-datepicker-next-hover {
    right: 1px
}

.crownix-ui-datepicker .crownix-ui-datepicker-prev span,.crownix-ui-datepicker .crownix-ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.crownix-ui-datepicker .crownix-ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.crownix-ui-datepicker .crownix-ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    height: 25px
}

.crownix-ui-datepicker select.crownix-ui-datepicker-month,.crownix-ui-datepicker select.crownix-ui-datepicker-year {
    width: 44%
}

.crownix-ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.crownix-ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.crownix-ui-datepicker td {
    border: 0;
    padding: 1px
}

.crownix-ui-datepicker td span,.crownix-ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.crownix-ui-datepicker .crownix-ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.crownix-ui-datepicker .crownix-ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.crownix-ui-datepicker .crownix-ui-datepicker-buttonpane button.crownix-ui-datepicker-current {
    float: left
}

.crownix-ui-datepicker.crownix-ui-datepicker-multi {
    width: auto
}

.crownix-ui-datepicker-multi .crownix-ui-datepicker-group {
    float: left
}

.crownix-ui-datepicker-multi .crownix-ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.crownix-ui-datepicker-multi-2 .crownix-ui-datepicker-group {
    width: 50%
}

.crownix-ui-datepicker-multi-3 .crownix-ui-datepicker-group {
    width: 33.3%
}

.crownix-ui-datepicker-multi-4 .crownix-ui-datepicker-group {
    width: 25%
}

.crownix-ui-datepicker-multi .crownix-ui-datepicker-group-last .crownix-ui-datepicker-header,.crownix-ui-datepicker-multi .crownix-ui-datepicker-group-middle .crownix-ui-datepicker-header {
    border-left-width: 0
}

.crownix-ui-datepicker-multi .crownix-ui-datepicker-buttonpane {
    clear: left
}

.crownix-ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.crownix-ui-datepicker-rtl {
    direction: rtl
}

.crownix-ui-datepicker-rtl .crownix-ui-datepicker-prev {
    right: 2px;
    left: auto
}

.crownix-ui-datepicker-rtl .crownix-ui-datepicker-next {
    left: 2px;
    right: auto
}

.crownix-ui-datepicker-rtl .crownix-ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.crownix-ui-datepicker-rtl .crownix-ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.crownix-ui-datepicker-rtl .crownix-ui-datepicker-buttonpane {
    clear: right
}

.crownix-ui-datepicker-rtl .crownix-ui-datepicker-buttonpane button {
    float: left
}

.crownix-ui-datepicker-rtl .crownix-ui-datepicker-buttonpane button.crownix-ui-datepicker-current,.crownix-ui-datepicker-rtl .crownix-ui-datepicker-group {
    float: right
}

.crownix-ui-datepicker-rtl .crownix-ui-datepicker-group-last .crownix-ui-datepicker-header,.crownix-ui-datepicker-rtl .crownix-ui-datepicker-group-middle .crownix-ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.crownix-ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em
}

.crownix-ui-widget .crownix-ui-widget {
    font-size: 1em
}

.crownix-ui-widget input,.crownix-ui-widget select,.crownix-ui-widget textarea,.crownix-ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em
}

.crownix-ui-widget-content {
    border: 1px solid #ddd;
    background: #eee;
    color: #333
}

.crownix-ui-widget-content a {
    color: #333
}

.crownix-ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828;
    color: #fff;
    font-weight: bold
}

.crownix-ui-widget-header a {
    color: #fff;
    cursor: pointer
}

.crownix-ui-state-default,.crownix-ui-widget-content .crownix-ui-state-default,.crownix-ui-widget-header .crownix-ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6;
    font-weight: bold;
    color: #1c94c4
}

.crownix-ui-state-default a,.crownix-ui-state-default a:link,.crownix-ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.crownix-ui-state-hover,.crownix-ui-widget-content .crownix-ui-state-hover,.crownix-ui-widget-header .crownix-ui-state-hover,.crownix-ui-state-focus,.crownix-ui-widget-content .crownix-ui-state-focus,.crownix-ui-widget-header .crownix-ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce;
    font-weight: bold;
    color: #c77405
}

.crownix-ui-state-hover a,.crownix-ui-state-hover a:hover,.crownix-ui-state-hover a:link,.crownix-ui-state-hover a:visited,.crownix-ui-state-focus a,.crownix-ui-state-focus a:hover,.crownix-ui-state-focus a:link,.crownix-ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none
}

.crownix-ui-state-active,.crownix-ui-widget-content .crownix-ui-state-active,.crownix-ui-widget-header .crownix-ui-state-active {
    border: 1px solid #fbd850;
    background: #fff;
    font-weight: bold;
    color: #eb8f00
}

.crownix-ui-state-active a,.crownix-ui-state-active a:link,.crownix-ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.crownix-ui-state-highlight,.crownix-ui-widget-content .crownix-ui-state-highlight,.crownix-ui-widget-header .crownix-ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636
}

.crownix-ui-state-highlight a,.crownix-ui-widget-content .crownix-ui-state-highlight a,.crownix-ui-widget-header .crownix-ui-state-highlight a {
    color: #363636
}

.ui-state-error,.crownix-ui-widget-content .ui-state-error,.crownix-ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #fff
}

.ui-state-error a,.crownix-ui-widget-content .ui-state-error a,.crownix-ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,.crownix-ui-widget-content .ui-state-error-text,.crownix-ui-widget-header .ui-state-error-text {
    color: #fff
}

.crownix-ui-priority-primary,.crownix-ui-widget-content .crownix-ui-priority-primary,.crownix-ui-widget-header .crownix-ui-priority-primary {
    font-weight: bold
}

.crownix-ui-priority-secondary,.crownix-ui-widget-content .crownix-ui-priority-secondary,.crownix-ui-widget-header .crownix-ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.crownix-ui-state-disabled,.crownix-ui-widget-content .crownix-ui-state-disabled,.crownix-ui-widget-header .crownix-ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.crownix-ui-state-disabled .crownix-ui-icon {
    filter: Alpha(Opacity=35)
}

.crownix-ui-icon {
    font-size: .8em;
    width: 16px;
    height: 16px
}

.crownix-ui-icon,.crownix-ui-widget-content .crownix-ui-icon {
    background: #222
}

.crownix-ui-widget-header .crownix-ui-icon {
    background: #f6a828
}

.crownix-ui-state-default .crownix-ui-icon {
    background: #ef8c08
}

.crownix-ui-state-hover .crownix-ui-icon,.crownix-ui-state-focus .crownix-ui-icon {
    background: #ef8c08
}

.crownix-ui-state-active .crownix-ui-icon {
    background: #ef8c08
}

.crownix-ui-state-highlight .crownix-ui-icon {
    background: #228ef1
}

.ui-state-error .crownix-ui-icon,.ui-state-error-text .crownix-ui-icon {
    background: #ffd27a
}

.crownix-ui-icon-blank {
    background-position: 16px 16px
}

.crownix-ui-icon-carat-1-n {
    background-position: 0 0
}

.crownix-ui-icon-carat-1-ne {
    background-position: -16px 0
}

.crownix-ui-icon-carat-1-e {
    background-position: -32px 0
}

.crownix-ui-icon-carat-1-se {
    background-position: -48px 0
}

.crownix-ui-icon-carat-1-s {
    background-position: -64px 0
}

.crownix-ui-icon-carat-1-sw {
    background-position: -80px 0
}

.crownix-ui-icon-carat-1-w {
    background-position: -96px 0
}

.crownix-ui-icon-carat-1-nw {
    background-position: -112px 0
}

.crownix-ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.crownix-ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.crownix-ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.crownix-ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.crownix-ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.crownix-ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.crownix-ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.crownix-ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.crownix-ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.crownix-ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.crownix-ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.crownix-ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.crownix-ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.crownix-ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.crownix-ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.crownix-ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.crownix-ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.crownix-ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.crownix-ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.crownix-ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.crownix-ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.crownix-ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.crownix-ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.crownix-ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.crownix-ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.crownix-ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.crownix-ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.crownix-ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.crownix-ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.crownix-ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.crownix-ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.crownix-ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.crownix-ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.crownix-ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.crownix-ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.crownix-ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.crownix-ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.crownix-ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.crownix-ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.crownix-ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.crownix-ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.crownix-ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.crownix-ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.crownix-ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.crownix-ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.crownix-ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.crownix-ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.crownix-ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.crownix-ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.crownix-ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.crownix-ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.crownix-ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.crownix-ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.crownix-ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.crownix-ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.crownix-ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.crownix-ui-icon-arrow-4 {
    background-position: 0 -80px
}

.crownix-ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.crownix-ui-icon-extlink {
    background-position: -32px -80px
}

.crownix-ui-icon-newwin {
    background-position: -48px -80px
}

.crownix-ui-icon-refresh {
    background-position: -64px -80px
}

.crownix-ui-icon-shuffle {
    background-position: -80px -80px
}

.crownix-ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.crownix-ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.crownix-ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.crownix-ui-icon-folder-open {
    background-position: -16px -96px
}

.crownix-ui-icon-document {
    background-position: -32px -96px
}

.crownix-ui-icon-document-b {
    background-position: -48px -96px
}

.crownix-ui-icon-note {
    background-position: -64px -96px
}

.crownix-ui-icon-mail-closed {
    background-position: -80px -96px
}

.crownix-ui-icon-mail-open {
    background-position: -96px -96px
}

.crownix-ui-icon-suitcase {
    background-position: -112px -96px
}

.crownix-ui-icon-comment {
    background-position: -128px -96px
}

.crownix-ui-icon-person {
    background-position: -144px -96px
}

.crownix-ui-icon-print {
    background-position: -160px -96px
}

.crownix-ui-icon-trash {
    background-position: -176px -96px
}

.crownix-ui-icon-locked {
    background-position: -192px -96px
}

.crownix-ui-icon-unlocked {
    background-position: -208px -96px
}

.crownix-ui-icon-bookmark {
    background-position: -224px -96px
}

.crownix-ui-icon-tag {
    background-position: -240px -96px
}

.crownix-ui-icon-home {
    background-position: 0 -112px
}

.crownix-ui-icon-flag {
    background-position: -16px -112px
}

.crownix-ui-icon-calendar {
    background-position: -32px -112px
}

.crownix-ui-icon-cart {
    background-position: -48px -112px
}

.crownix-ui-icon-pencil {
    background-position: -64px -112px
}

.crownix-ui-icon-clock {
    background-position: -80px -112px
}

.crownix-ui-icon-disk {
    background-position: -96px -112px
}

.crownix-ui-icon-calculator {
    background-position: -112px -112px
}

.crownix-ui-icon-zoomin {
    background-position: -128px -112px
}

.crownix-ui-icon-zoomout {
    background-position: -144px -112px
}

.crownix-ui-icon-search {
    background-position: -160px -112px
}

.crownix-ui-icon-wrench {
    background-position: -176px -112px
}

.crownix-ui-icon-gear {
    background-position: -192px -112px
}

.crownix-ui-icon-heart {
    background-position: -208px -112px
}

.crownix-ui-icon-star {
    background-position: -224px -112px
}

.crownix-ui-icon-link {
    background-position: -240px -112px
}

.crownix-ui-icon-cancel {
    background-position: 0 -128px
}

.crownix-ui-icon-plus {
    background-position: -16px -128px
}

.crownix-ui-icon-plusthick {
    background-position: -32px -128px
}

.crownix-ui-icon-minus {
    background-position: -48px -128px
}

.crownix-ui-icon-minusthick {
    background-position: -64px -128px
}

.crownix-ui-icon-close {
    background-position: -80px -128px
}

.crownix-ui-icon-closethick {
    background-position: -96px -128px
}

.crownix-ui-icon-key {
    background-position: -112px -128px
}

.crownix-ui-icon-lightbulb {
    background-position: -128px -128px
}

.crownix-ui-icon-scissors {
    background-position: -144px -128px
}

.crownix-ui-icon-clipboard {
    background-position: -160px -128px
}

.crownix-ui-icon-copy {
    background-position: -176px -128px
}

.crownix-ui-icon-contact {
    background-position: -192px -128px
}

.crownix-ui-icon-image {
    background-position: -208px -128px
}

.crownix-ui-icon-video {
    background-position: -224px -128px
}

.crownix-ui-icon-script {
    background-position: -240px -128px
}

.crownix-ui-icon-alert {
    background-position: 0 -144px
}

.crownix-ui-icon-info {
    background-position: -16px -144px
}

.crownix-ui-icon-notice {
    background-position: -32px -144px
}

.crownix-ui-icon-help {
    background-position: -48px -144px
}

.crownix-ui-icon-check {
    background-position: -64px -144px
}

.crownix-ui-icon-bullet {
    background-position: -80px -144px
}

.crownix-ui-icon-radio-on {
    background-position: -96px -144px
}

.crownix-ui-icon-radio-off {
    background-position: -112px -144px
}

.crownix-ui-icon-pin-w {
    background-position: -128px -144px
}

.crownix-ui-icon-pin-s {
    background-position: -144px -144px
}

.crownix-ui-icon-play {
    background-position: 0 -160px
}

.crownix-ui-icon-pause {
    background-position: -16px -160px
}

.crownix-ui-icon-seek-next {
    background-position: -32px -160px
}

.crownix-ui-icon-seek-prev {
    background-position: -48px -160px
}

.crownix-ui-icon-seek-end {
    background-position: -64px -160px
}

.crownix-ui-icon-seek-start {
    background-position: -80px -160px
}

.crownix-ui-icon-seek-first {
    background-position: -80px -160px
}

.crownix-ui-icon-stop {
    background-position: -96px -160px
}

.crownix-ui-icon-eject {
    background-position: -112px -160px
}

.crownix-ui-icon-volume-off {
    background-position: -128px -160px
}

.crownix-ui-icon-volume-on {
    background-position: -144px -160px
}

.crownix-ui-icon-power {
    background-position: 0 -176px
}

.crownix-ui-icon-signal-diag {
    background-position: -16px -176px
}

.crownix-ui-icon-signal {
    background-position: -32px -176px
}

.crownix-ui-icon-battery-0 {
    background-position: -48px -176px
}

.crownix-ui-icon-battery-1 {
    background-position: -64px -176px
}

.crownix-ui-icon-battery-2 {
    background-position: -80px -176px
}

.crownix-ui-icon-battery-3 {
    background-position: -96px -176px
}

.crownix-ui-icon-circle-plus {
    background-position: 0 -192px
}

.crownix-ui-icon-circle-minus {
    background-position: -16px -192px
}

.crownix-ui-icon-circle-close {
    background-position: -32px -192px
}

.crownix-ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.crownix-ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.crownix-ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.crownix-ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.crownix-ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.crownix-ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.crownix-ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.crownix-ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.crownix-ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.crownix-ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.crownix-ui-icon-circle-check {
    background-position: -208px -192px
}

.crownix-ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.crownix-ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.crownix-ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.crownix-ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.crownix-ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.crownix-ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.crownix-ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.crownix-ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.crownix-ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.crownix-ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.crownix-ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.crownix-ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.crownix-ui-corner-all,.crownix-ui-corner-top,.crownix-ui-corner-left,.crownix-ui-corner-tl {
    border-top-left-radius: 4px
}

.crownix-ui-corner-all,.crownix-ui-corner-top,.crownix-ui-corner-right,.crownix-ui-corner-tr {
    border-top-right-radius: 4px
}

.crownix-ui-corner-all,.crownix-ui-corner-bottom,.crownix-ui-corner-left,.crownix-ui-corner-bl {
    border-bottom-left-radius: 4px
}

.crownix-ui-corner-all,.crownix-ui-corner-bottom,.crownix-ui-corner-right,.crownix-ui-corner-br {
    border-bottom-right-radius: 4px
}

.crownix-ui-widget-overlay {
    background: #666;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.crownix-ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

.crownix-inquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    display: none;
    z-index: 97
}

.crownix-inquery-outer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 308px;
    max-height: 50%;
    margin-left: -150px;
    background: #eee;
    border: 1px solid #fff;
    box-shadow: 0 3px 7px #333;
    -moz-box-shadow: 0 3px 7px #333;
    -webkit-box-shadow: 0 3px 7px #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    z-index: 98;
    display: none
}

.crownix-inquery-inner {
    font-family: "Arial",sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 20px 0 20px 0;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    word-break: break-all
}

.crownix-inquery-inner .crownix-inquery-title {
    height: 26px;
    padding-left: 20px
}

.crownix-inquery-scroll {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    width: 288px;
    padding: 0 0 1px 20px;
    background: #fff;
    display: block
}

.crownix-inquery-scroll img {
    padding: 2px 6px;
    display: inline-block;
    cursor: pointer
}

.scroll-area {
    width: 308px;
    height: 3px;
    margin: 0 0 0 -20px;
    border: 0;
    background: #d37979
}

.crownix-inquery-inner .iqitem {
    height: 43px
}

.crownix-inquery-inner button {
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    background: -moz-linear-gradient(100% 100% 90deg,#eee,#d5d5d5);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#eee),to(#d5d5d5));
    background: -webkit-linear-gradient(#eee,#d5d5d5);
    background: -o-linear-gradient(#eee,#d5d5d5);
    color: #232d3d;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px;
    margin: 0 3px;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc
}

.crownix-inquery-inner button:hover {
    color: #d85054
}

.crownix-inquery-inner .iButtons {
    margin: 15px 10px 0 10px;
    text-align: center
}

.crownix-inquery-inner .iqCaption {
    margin: 12px 0 2px 0;
    height: 16px;
    text-align: left;
    overflow: hidden
}

.crownix-inquery-inner input {
    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 2px;
    width: 210px;
    z-index: 99
}

.crownix-inquery-inner .iqSelect {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    box-shadow: 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 #fff;
    -webkit-box-shadow: 0 0 0 #fff;
    min-width: 230px;
    max-width: 575px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 0;
    position: relative;
    margin-top: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    display: none
}

.crownix-inquery-inner .selectArrow {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid black;
    cursor: pointer
}

.crownix-inquery-inner .selectAll {
    position: absolute;
    display: block;
    margin-left: 205px;
    margin-top: 3px;
    width: 25px;
    height: 18px;
    z-index: 99;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    font-size: 10pt;
    border: 1px solid #aaa
}

.crownix-storage-dialog {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #eee;
    border: 1px solid #aaa;
    box-sizing: border-box;
    font-size: 10pt;
    -webkit-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.crownix-storage-dialog::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px
}

.crownix-storage-dialog::-webkit-scrollbar-track {
    background-color: rgba(57,57,57,0);
    border-radius: 8px
}

.crownix-storage-dialog::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156,156,156,.6)
}

.crownix-storage-dialog fieldset {
    border: 1px double #aaa;
    padding: 10px 0 0 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin: 0
}

.crownix-storage-dialog button {
    width: 100px;
    line-height: 170%;
    border-radius: 5px;
    border: 1px solid #aaa
}

.crownix-storage-dialog .crownix-inner-dialog {
    margin: 10px
}

.crownix-storage-dialog .crownix-manage-buttons {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 18px
}

.crownix-storage-dialog .crownix-manage-buttons button {
    margin-left: 5px
}

.crownix-storage-dialog .crownix-filelist-set table {
    border: 1px solid #888
}

.crownix-storage-dialog .crownix-filelist-set table tr {
    height: 15pt;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.crownix-storage-dialog .crownix-filelist-set table tr .crownix-filename {
    width: 80%
}

.crownix-storage-dialog .crownix-filelist-set table tr .crownix-filename input {
    vertical-align: middle
}

.crownix-storage-dialog .crownix-filelist-set table tr .crownix-size {
    width: 20%
}

.crownix-storage-dialog .crownix-filelist-set table tbody tr:hover {
    cursor: pointer
}

.crownix-storage-dialog .crownix-filelist-set table tbody tr.enableHover:hover {
    background-color: #ccc!important;
    color: #fff
}

.crownix-storage-dialog .crownix-filelist-set table tbody tr.crownix-file-selected.enableHover:hover {
    background-color: #6898d8!important;
    color: #fff
}

.crownix-storage-dialog .crownix-filelist-set table tr td {
    padding: 4px
}

.crownix-storage-dialog .crownix-filelist-set table thead {
    border-bottom-style: double
}

.crownix-storage-dialog .crownix-filelist-set table tbody {
    color: #555
}

.crownix-storage-dialog .crownix-filelist-set table {
    border-collapse: collapse;
    background-color: #fff;
    line-height: 120%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px
}

.crownix-storage-dialog table .crownix-filelist-template {
    display: none
}

.crownix-storage-dialog table .crownix-filelist-empty {
    text-align: center;
    color: #999
}

.crownix-storage-dialog table .crownix-file-selected {
    background-color: #8abafa!important;
    color: #fafafa
}

.crownix-storage-dialog .crownix-filename-set .crownix-filename {
    display: block;
    width: 100%;
    border: 1px solid #aaa;
    box-sizing: border-box
}

@media(max-width: 400px) {
    .crownix-storage-dialog button {
        padding:4px 10px
    }
}

@media all and (max-width: 699px) {
    .crownix-sharedialog-listfield-inner,.crownix-create-content {
        font-size:10px
    }
}

#crownix-sharedialog-container {
    font-family: "Arial",sans-serif;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    background-color: #f6f6f6
}

.crownix-sharedialog-h4 {
    margin-top: 0;
    margin-bottom: 1%
}

.crownix-sharedialog-listfield {
    margin: 5px 10px 0 10px
}

.crownix-sharedialog-listfield-inner {
    font-family: "Arial",sans-serif;
    height: 91%;
    border: solid;
    border-width: 12px 2px 2px 2px;
    border-color: rgba(0,51,153,0.4);
    border-bottom-left-radius: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 1px 1px 1px #888
}

.crownix-report-list-header {
    overflow: hidden;
    border-bottom: 2px;
    border-bottom-style: solid;
    border-color: rgba(0,51,153,0.4);
    background-color: rgba(234,234,234,0.1);
    height: 15%
}

.crownix-report-list-header>.crownix-report-title {
    float: left;
    text-align: center;
    width: 54%;
    padding-top: 4px
}

.crownix-report-list-header>.crownix-report-isPublic {
    float: left;
    text-align: center;
    width: 21%;
    padding-top: 4px
}

.crownix-report-list-header>.crownix-report-userCount {
    float: left;
    text-align: center;
    width: 23%;
    padding-top: 4px
}

.crownix-report-list {
    height: 80%
}

.crownix-report-list-body {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 84%
}

.crownix-report-list-footer {
    height: 20%;
    border-top: 1px;
    border-top-style: solid;
    border-top-color: rgba(140,140,140,0.3);
    overflow: hidden
}

.crownix-report-list-footer-span {
    float: left;
    text-align: right;
    width: 22%
}

.crownix-report-list-footer-input {
    float: left;
    width: 52%;
    height: 65%;
    margin-left: 4%
}

.crownix-report-list-footer-button {
    float: left;
    width: 19%;
    height: 65%;
    margin-left: 3%
}

.crownix-sharedialog-createfield {
    margin: 5px 10px 0 10px
}

.crownix-create-content {
    border: solid;
    border-width: 12px 2px 2px 2px;
    border-color: rgba(0,51,153,0.4);
    border-bottom-left-radius: 10px;
    box-shadow: 1px 1px 1px #888;
    height: 74%
}

.crownix-create-content-title {
    overflow: hidden;
    height: 23%
}

.crownix-create-content-title-span {
    float: left;
    width: 24%;
    text-align: right
}

.crownix-create-content-title-input {
    float: left;
    width: 52%;
    height: 65%;
    margin-left: 2%
}

.crownix-create-content-options {
    overflow: hidden;
    height: 18%
}

.crownix-create-content-isPublic-span {
    float: left;
    width: 15%;
    margin-left: 9%;
    text-align: right
}

.crownix-create-content-pagesync-span {
    float: left;
    width: 25%;
    margin-left: 9%;
    text-align: right
}

.crownix-create-content-isPublic-input {
    float: left;
    height: 65%
}

.crownix-create-content-password {
    overflow: hidden;
    height: 23%
}

.crownix-create-content-password-span {
    float: left;
    width: 20%;
    margin-left: 4%;
    text-align: right
}

.crownix-create-content-password-input {
    float: left;
    width: 52%;
    height: 65%;
    margin-left: 2%
}

.crownix-create-content-password-button {
    float: left;
    width: 19%;
    margin-left: 3%;
    height: 67%
}

.crownix-sharedialog-report {
    overflow: hidden;
    border-bottom: 1px solid;
    border-color: rgba(0,51,153,0.4)
}

.crownix-sharedialog-report>.crownix-report-title {
    float: left;
    width: 55%;
    overflow: hidden
}

.crownix-sharedialog-report>.crownix-report-isPublic {
    float: left;
    text-align: center;
    width: 24%;
    overflow: hidden
}

.crownix-sharedialog-report>.crownix-report-userCount {
    float: left;
    text-align: center;
    width: 21%
}

.crownix-report-title-checkbox {
    float: left;
    width: 21%
}

.crownix-report-title-span {
    float: left;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 77%
}

.crownix-report-title-span>span {
    word-break: break-all
}

.crownix-sharedialog-input {
    border: 1px solid #a6a6a6;
    height: 80%;
    width: 95%
}

.crownix-sharedialog-checkbox {
    width: 60%;
    height: 24px;
    margin-left: 9px
}

.crownix-create-content-isPublic-input>.crownix-sharedialog-checkbox {
    width: 24px;
    height: 24px;
    margin: 0 15px 0 8px
}

.crownix-sharedialog-button {
    background-color: rgba(253,253,253,0.1);
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: .8em;
    cursor: pointer;
    box-shadow: 1px 1px 1px #888;
    width: 71%;
    height: 94%;
    min-width: 35px
}

.crownix-sharedialog-button :hover {
    background-color: rgba(253,253,253,1)
}

.crownix-sharedialog-button :active {
    position: relative;
    top: 1px;
    left: 1px
}

.crownix-note-textnote {
    position: absolute;
    width: 180px;
    height: 140px;
    min-width: 20px;
    min-height: 20px
}

.crownix-note-textnote textarea {
    position: relative;
    top: -2px;
    left: -2px;
    width: 100%;
    height: 100%;
    font-family: 'Arial';
    font-size: 12pt;
    text-decoration: none;
    color: #000;
    padding: 3px!important;
    text-align: left;
    background-color: rgba(250,244,192,0.5);
    box-shadow: 1px 1px 1px grey;
    border: 0;
    resize: none;
    overflow: auto
}

.crownix-textnote-toolbar {
    position: relative;
    width: 248px;
    height: 25px;
    margin-bottom: 10px;
    padding: 3px;
    background: #eaeaea;
    box-shadow: 3px 3px 3px #8c8c8c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    animation-name: toolbarAnim;
    animation-duration: 1s;
    -webkit-animation-name: toolbarAnim;
    -webkit-animation-duration: 1s;
    -moz-animation-name: toolbarAnim;
    -moz-animation-duration: 1s;
    -o-animation-name: toolbarAnim;
    -o-animation-duration: 1s
}

@keyframes toolbarAnim {
    from {
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        opacity: 0
    }

    to {
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        opacity: 1
    }
}

@-webkit-keyframes toolbarAnim {
    from {
        opacity: 0;
        -khtml-opacity: 0
    }

    to {
        opacity: 1;
        -khtml-opacity: 1
    }
}

@-moz-keyframes toolbarAnim {
    from {
        -moz-opacity: 0
    }

    to {
        -moz-opacity: 1
    }
}

@-o-keyframes toolbarAnim {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.crownix-textnote-toolbar select {
    width: 44px;
    height: 20px;
    margin: 2px;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.crownix-textnote-toolbar li {
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    list-style-type: none
}

.crownix-textnote-toolbar li div {
    width: 16px;
    height: 16px;
    margin-top: 25%;
    font-family: Times,Arial;
    font-size: 85%;
    text-align: center;
    color: #fff;
    background-color: #b2ccff;
    border: 1px solid rgba(178,204,255,0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.crownix-textnote-toolbar li svg,.crownix-textnote-alignselector div svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    stroke: #fff;
    fill: #fff;
    background-color: #b2ccff;
    border: 1px solid rgba(178,204,255,0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.crownix-textnote-toolbar li:hover,.crownix-textnote-colorselector div:hover,.crownix-textnote-alignselector div:hover {
    cursor: pointer!important
}

.crownix-textnote-separator {
    float: left;
    width: 2px;
    height: 20px;
    margin: 2px;
    background-color: rgba(255,255,255,0.5)
}

.crownix-textnote-colorselector {
    display: none;
    position: relative;
    width: 94px;
    height: 94px;
    margin: auto;
    margin-top: 30px;
    padding: 5px;
    background-color: #eaeaea;
    box-shadow: 3px 3px 3px #8c8c8c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.crownix-textnote-colorselector div {
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 3px;
    margin-bottom: 3px
}

.crownix-textnote-alignselector {
    display: none;
    position: relative;
    float: right;
    width: 75px;
    height: 25px;
    margin-top: 5px;
    padding: 3px;
    background-color: #eaeaea;
    box-shadow: 3px 3px 3px #8c8c8c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.crownix-textnote-alignselector div {
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    margin-bottom: 3px
}

.crownix-textnote-dialog-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 2147483548
}

.crownix-textnote-dialog {
    display: none;
    position: relative;
    width: 70%;
    height: 40%;
    min-height: 230px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px
}

.crownix-textnote-dialog textarea {
    position: relative;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 80%;
    margin: 0 auto;
    font-size: 12pt;
    background-color: #faf4c0;
    border: 0;
    resize: none;
    outline: 0
}

.crownix-textnote-btnGroup {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-height: 40px
}

.crownix-textnote-btnGroup button {
    font-size: 105%;
    font-weight: bold;
    color: #039;
    background: transparent;
    border: 0;
    padding: 0
}

.crownix-textnote-dialog button {
    width: 33.3%
}

.crownix-textEdit-dialog button {
    width: 50%
}

.crownix-textEdit-dialog {
    display: none;
    width: 70%;
    max-height: 88%;
    margin: 0 auto;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: auto
}

.crownix-textEdit-attrs {
    width: 100%
}

.crownix-textEdit-layout {
    width: 100%;
    margin-right: 5px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5px;
    float: left;
    overflow: hidden
}

.crownix-textEdit-title {
    font-weight: bold;
    text-align: center;
    color: #353535;
    border-bottom: 3px solid #4374d9;
    padding-bottom: 5px
}

.crownix-textEdit-subtitle {
    width: 26%;
    font-size: 10pt;
    text-align: right;
    color: #bdbdbd;
    float: left
}

.crownix-textEdit-contents {
    width: 72%;
    margin-top: 2%;
    float: right
}

.crownix-textEdit-contents li {
    display: inline;
    margin-left: 1%;
    list-style-type: none
}

.crownix-textEdit-contents li div {
    width: 35px;
    height: 35px;
    color: #eaeaea;
    font-size: 30px;
    font-family: Times,Arial;
    text-align: center;
    margin-left: 1%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left
}

.crownix-textEdit-contents li svg {
    width: 35px;
    height: 35px;
    stroke: #eaeaea;
    fill: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.crownix-textEdit-font {
    width: 70%;
    margin-top: 2%;
    float: right
}

.crownix-textEdit-fontSize {
    overflow-x: auto;
    overflow-y: hidden
}

.crownix-textEdit-fontSize div {
    display: inline;
    width: auto;
    height: 20pt;
    color: #eaeaea;
    font-weight: 500;
    text-align: center;
    line-height: 20pt;
    margin-left: 3pt
}

.crownix-textEdit-colorselector-mobile div {
    float: left;
    width: 26px;
    height: 26px;
    margin-left: 3px;
    margin-top: 3px
}

.button-selected svg {
    stroke: #4374d9!important;
    fill: #4374d9!important
}

.button-selected {
    color: #4374d9!important
}

.fontColor-selected {
    opacity: .5;
    box-shadow: 2px 2px 2px inset
}

.fontSize-selected {
    color: #4374d9!important
}

.crownix-tree-node {
    cursor: pointer
}

.crownix-tree-open-node:before {
    position: absolute;
    content: "";
    top: 50%;
    margin-left: -10px;
    margin-top: -4px;
    border-width: 6px 4px 0 4px;
    border-style: solid;
    border-color: #2e52a4 transparent
}

.crownix-tree-close-node:before {
    position: absolute;
    content: "";
    top: 50%;
    margin-left: -8px;
    margin-top: -5px;
    border-width: 4px 0 4px 6px;
    border-style: solid;
    border-color: transparent #2e52a4
}

.crownix-slide {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    transform: translate(-200px,0);
    -ms-transform: translate(-200px,0);
    -webkit-transform: translate(-200px,0);
    -moz-transform: translate(-200px,0);
    -o-transform: translate(-200px,0);
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    background: rgba(159,159,159,0.8);
    background: -moz-linear-gradient(top,rgba(159,159,159,0.8) 0,rgba(179,179,179,0.8) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(159,159,159,0.8)),color-stop(100%,rgba(179,179,179,0.8)));
    background: -webkit-linear-gradient(top,rgba(159,159,159,0.8) 0,rgba(179,179,179,0.8) 100%);
    background: -o-linear-gradient(top,rgba(159,159,159,0.8) 0,rgba(179,179,179,0.8) 100%);
    background: -ms-linear-gradient(top,rgba(159,159,159,0.8) 0,rgba(179,179,179,0.8) 100%);
    background: linear-gradient(to bottom,rgba(159,159,159,0.8) 0,rgba(179,179,179,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9f9f9f",endColorstr="#b3b3b3",GradientType=0)
}

.crownix-slide-toggle {
    position: absolute;
    left: 200px;
    width: 20px;
    height: 100px;
    border: 1px solid rgba(234,234,234,0.8);
    border-left: none;
    border-radius: 0 8px 8px 0;
    -khtml-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    cursor: pointer;
    background: rgba(119,119,119,0.8);
    background: -moz-linear-gradient(top,rgba(119,119,119,0.8) 0,rgba(139,139,139,0.8) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(119,119,119,0.8)),color-stop(100%,rgba(139,139,139,0.8)));
    background: -webkit-linear-gradient(top,rgba(119,119,119,0.8) 0,rgba(139,139,139,0.8) 100%);
    background: -o-linear-gradient(top,rgba(119,119,119,0.8) 0,rgba(139,139,139,0.8) 100%);
    background: -ms-linear-gradient(top,rgba(119,119,119,0.8) 0,rgba(139,139,139,0.8) 100%);
    background: linear-gradient(to bottom,rgba(119,119,119,0.8) 0,rgba(139,139,139,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777",endColorstr="#8b8b8b",GradientType=0)
}

.crownix-right-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 40px;
    right: 7px;
    height: 10px;
    width: 10px;
    border: 5px solid;
    border-color: #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.crownix-left-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 40px;
    left: 7px;
    height: 10px;
    width: 10px;
    border: 5px solid;
    border-color: #fff;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.crownix-slide.crownix-open {
    transform: translate(0,0);
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    z-index: 10000
}

.crownix-tab-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px
}

.crownix-tab-button-group {
    display: table;
    position: absolute;
    width: 100%;
    height: 90%;
    bottom: 0;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.crownix-tab {
    display: table-cell;
    font-size: 10pt;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    border: 1px solid rgba(234,234,234,0.8);
    border-bottom: 0;
    cursor: pointer
}

.crownix-tab-background {
    background: #777;
    background: -moz-linear-gradient(top,#777 0,#8b8b8b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#777),color-stop(100%,#8b8b8b));
    background: -webkit-linear-gradient(top,#777 0,#8b8b8b 100%);
    background: -o-linear-gradient(top,#777 0,#8b8b8b 100%);
    background: -ms-linear-gradient(top,#777 0,#8b8b8b 100%);
    background: linear-gradient(to bottom,#777 0,#8b8b8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777",endColorstr="#8b8b8b",GradientType=0)
}

.crownix-tab:hover {
    border: 1px solid rgba(255,255,255,0.8)!important;
    box-shadow: inset 0 0 7px rgba(255,255,255,0.8)
}

.crownix-tab-content {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

#table-of-contents-container {
    font-family: "Arial",sans-serif;
    font-size: .9em;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(252,252,255,0.8)
}

#table-of-contents {
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 12px
}

#table-of-contents label.expanded:before {
    background: 0;
    color: #3a3d44;
    position: relative;
    z-index: 1;
    float: left;
    left: -0.5em;
    width: 1em;
    height: 1em;
    border: 1px solid #3a3d44;
    border-radius: .3em;
    content: "+";
    text-align: center;
    line-height: 1em;
    font-weight: bold;
    cursor: pointer
}

#table-of-contents label.expanded.opened:before {
    content: "-"
}

#table-of-contents ul {
    list-style: none;
    padding: .3em 0 0 1em;
    margin: 0;
    line-height: 1.2;
    position: relative;
    white-space: nowrap
}

#table-of-contents ul>span {
    margin-right: 2em
}

#table-of-contents ul>span.last {
    margin-left: 1.125em
}

.tree-item {
    position: relative;
    display: inline-block
}

.tree-item.field:hover {
    color: #666;
    cursor: pointer;
    user-select: none
}

.tree-item.field.selected {
    outline: 0
}

.tree-item.label {
    font-size: 1em;
    font-weight: bold;
    cursor: default;
    user-select: none
}

#table-of-contents-focus {
    position: absolute;
    display: none;
    outline: 0
}

#invalid-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(252,252,255,0.8)
}

#invalid-container {
    font-family: "Arial",sans-serif;
    position: absolute;
    padding-right: 12px;
    padding-bottom: 12px
}

.invalid-triangle {
    width: 0;
    height: 0;
    border-bottom: .45em solid #333;
    border-left: .45em solid transparent;
    display: inline-block
}

.invalid-page-text {
    margin-left: .2em;
    color: #333;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff
}

.invalid-page {
    font-size: .9em;
    padding: .5em 0 0 1em;
    margin: 0;
    line-height: 1.2;
    white-space: nowrap;
    position: relative
}

.invalid-page-inner {
    padding: .5em 0 0 1.5em;
    margin: 0;
    line-height: 1.2;
    white-space: nowrap;
    position: relative
}

.invalid-title {
    font-size: .9em;
    list-style: none;
    padding-top: .1em;
    padding-bottom: .1em;
    color: #333;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid;
    border-color: transparent
}

.invalid-title:hover {
    border-color: #b2ccff;
    cursor: pointer
}

.invalid-title.active {
    background-color: #c4deff
}

@media all and (max-width: 699px) {
    .crownix-slide {
        min-width:200px;
        transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        -webkit-transform: translate(-100%,0);
        -moz-transform: translate(-100%,0);
        -o-transform: translate(-100%,0)
    }

    .crownix-slide-toggle {
        left: 100%
    }

    #table-of-contents-container {
        font-size: 1em
    }

    .tree-item.label {
        font-size: 1.05em
    }
}