﻿@import url(/resources/css/dropdown.css);
@import url(/resources/css/colpick.css);
html{font-size:13px;}
/*green:{menucolor:"#fff",menuactivecolor:"#fff",menubgactive:"#2DAE4D",menubg:"#2A9F47",menubgsub:"#5e9659",gridbrow:"#f4f4f4",gridbcol:"#f4f4f4",maincolor:"#2DAE4D",maincolor2:"#2A9F47",maingridbg:"#ddFFdd",mainmodalheaderbg:"#fbfbfb94",mainfont:"Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif",mainfontsize:'13px'}*/
/*blue:{menucolor:"#fff",menuactivecolor:"#fff",menubgactive:"#007aff",menubg:"#0773ea",menubgsub:"#3c79ba",gridbrow:"#f4f4f4",gridbcol:"#f4f4f4",maincolor:"#007aff",maincolor2:"#0773ea",maingridbg:"#ddFFdd",mainmodalheaderbg:"#fbfbfb94",mainfont:"Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif",mainfontsize:'13px'}*/
/*red:{menucolor:"#fff",menuactivecolor:"#fff",menubgactive:"#ff5454",menubg:"#ee5252",menubgsub:"#d12a2a",gridbrow:"#f4f4f4",gridbcol:"#f4f4f4",maincolor:"#ff5454",maincolor2:"#ee5252",maingridbg:"#ddFFdd",mainmodalheaderbg:"#fbfbfb94",mainfont:"Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif",mainfontsize:'13px'}*/
/*orange:{menucolor:"#fff",menuactivecolor:"#fff",menubgactive:"#fda504",menubg:"#ee9c07",menubgsub:"#db991f",gridbrow:"#f4f4f4",gridbcol:"#f4f4f4",maincolor:"#fda504",maincolor2:"#ee9c07",maingridbg:"#ddFFdd",mainmodalheaderbg:"#fbfbfb94",mainfont:"Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif",mainfontsize:'13px'}*/
/*blue2:{menucolor:"#fff",menuactivecolor:"#fff",menubgactive:"#0fbce3",menubg:"#0ba0c1",menubgsub:"#1c869e",gridbrow:"#f4f4f4",gridbcol:"#f4f4f4",maincolor:"#0fbce3",maincolor2:"#0ba0c1",maingridbg:"#ddFFdd",mainmodalheaderbg:"#fbfbfb94",mainfont:"Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif",mainfontsize:'13px'}*/
/*blue3:{menucolor:"#fff",menuactivecolor:"#fff",menubgactive:"#2564cf",menubg:"#225bbd",menubgsub:"#234682",gridbrow:"#f4f4f4",gridbcol:"#f4f4f4",maincolor:"#2564cf",maincolor2:"#225bbd",maingridbg:"#ddFFdd",mainmodalheaderbg:"#fbfbfb94",mainfont:"Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif",mainfontsize:'13px'}*/
:root{--mtcolor:#000;--menucolor:#8aa4af;--menuactivecolor:#fff;--menubgactive:#1e282c;--menubg:#222d32;--menubgsub:#2c3b41;--gridbrow:#f4f4f4;--gridbcol:#f4f4f4;--maincolor:#34C759;--maincolor2:#2A9F47;--maingridbg:#ddFFdd;--mainmodalheaderbg:#fbfbfb94;--mainfont:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;--mainfontsize:13px;}/* green*/
/*:root{--maincolor:#34C759;--maincolor2:#2DAE4D;--maingridbg:#f9f9f9;--mainmodalheaderbg:#fbfbfb94;--mainfont:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;--mainfontsize:13px;}*/
body{font-family:var(--mainfont);font-size:var(--mainfontsize);color:var(--mtcolor);}
.content-header {padding: 9px 15px 0;}
.content-header > h1 {font-size: 18px;}
.content-header > .breadcrumb {top: 5px;}
.star-rating {margin: 0;padding: 0;display: inline-block;}
.star-rating .star {padding: 1px;color: #ddd;font-size: 20px;text-shadow: .05em .05em #aaa;list-style-type: none;display: inline-block;cursor: pointer;}
.star-rating .star.filled {color: #fd0;}
.star-rating.readonly .star.filled {color: #666;}
.loading-indicator {height: 80px;width: 80px;background: url( '/Resources/images/loading.gif');background-repeat: no-repeat;background-position: center center;}
.loading-indicator-overlay {background-color: #FFFFFF;opacity: 0.6;filter: alpha(opacity = 60);}
div.x-sticky-queue {position: fixed;background-color: #cbe6b0;border: 1px solid #999;box-shadow: 0px 0px 5px #bbb;-moz-box-shadow: 0px 0px 5px #bbb;-webkit-box-shadow: 0px 0px 5px #bbb;min-width: 200px;max-width: 400px;z-index: 9999999;}
.error {background: none;background-color: #bbb;}
.wraning {background: none;background-color: #f8ee9d;}
.warning {background: none;background-color: #f8ee9d;}
.info {background: none;background-color: #bcd1b6;}
.x-sticky.error {color: #fff;}
.x-sticky.wraning {color: red;}
.x-sticky.info {color: #000;}
div.x-sticky-note {padding-right: 20px;min-width: 200px;max-width: 400px;}
div.x-sticky {font-size: 12px;color:blue;display: none;padding: 10px;position: relative;}
img.x-sticky-close {position: absolute;top: 10px;right: 10px;height: 14px;width: 14px;cursor: pointer;}
.top-right {right: 20px;}
.top-center {left:calc(50% - 200px);}
.ismobile .top-center {left:0;}
.top-left {left: 20px;}
.top-right, .top-left,.top-center {top: -2px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;}
.bottom-right {right: 20px;}
.bottom-left {left: 20px;}
.bottom-right, .bottom-left {bottom: -2px;border-top-right-radius: 6px;border-top-left-radius: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-topleft: 6px;-webkit-border-top-right-radius: 6px;-webkit-border-top-left-radius: 6px;}
.border-top-right, .border-top-left {border-top: 1px solid #999;}
.border-bottom-right, .border-bottom-left {border-bottom: 1px solid #999;}
/* end notify */
/* loading */
.loading-indicator {height: 80px;width: 80px;background: url( '/Resources/images/loading.gif');background-repeat: no-repeat;background-position: center center;}
.loading-indicator-overlay {background-color: #FFFFFF;opacity: 0.6;filter: alpha(opacity = 60);}
/* end loading */
.glyphicon-pay {background-image: url(/resources/images/pay.png);height: 16px;width: 16px;}
.bizaddon {position: relative;}
.bizaddon .tbars {position: absolute;padding: 5px;pointer-events: visible;}
.bizaddon .tbars .glyphicon {cursor: pointer;}
.bizaddon .right-addon {right: 0px;top: 0px;display: inline-block;z-index: 3;}
.bizaddon .left-addon {left: 0px;top: 0px;display: inline-block;position: absolute;}
.addon1 .left-addon {margin-left: -20px;}
.addon2 .left-addon {margin-left: -40px;}
.addon3 .left-addon {margin-left: -60px;}
.bizaddon .left-addon1 {left: 0px;top: 0px;display: inline-block;}
.bizaddon .right-addon20 {right:30px;z-index: 99999999999;top: 0px;display: inline-block;opacity: .7;font-size: 11px;}
.inner-addon {position: relative;}
/* style icon */
.inner-addon .glyphicon {position: absolute;padding: 5px;pointer-events: visible;cursor: pointer;}
/* align icon */
.left-addon .glyphicon {left: 0px;}
.right-addon .glyphicon {right: 0px;}
.right-addon2 .glyphicon {right: -20px;}
/* add padding  */
.left-addon input {padding-left: 30px;}
.right-addon input {padding-right: 30px;}
.modal-body {display: table-cell;height: auto;padding: 10px;position: relative;width: 100%;min-height: 200px;}
.form-group input[type="checkbox"].form-control {display: block;-moz-appearance: checkbox !important;-webkit-appearance: checkbox !important;max-height: 22px;}
label.validationMessage {display: inline-block;font-size: 10px;margin-top: -2px;position: absolute;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 10px;}
.col-xs-3fix {min-width: 120px;}
.col-xs-3fix2 {min-width: 200px;}
.fngrid {min-width: 90px;width: 90px;}
.fngridcheck {min-width: 20px;width: 20px;}
.fngrid1 {min-width: 20px;width: 20px;}
.tablefs .fngrid1 {min-width: 30px;width: 30px;max-width:30px}
.fngrid2 {min-width: 48px;width: 48px;}
.fngrid3 {min-width: 62px;width: 62px;}
.fngrid4 {min-width: 81px;width: 81px;}
.fngrid5 {min-width: 98px;width: 98px;}
.fngrid6 {min-width: 118px;width: 118px;}
.fngrid7 {min-width: 138px;width: 138px;}
.fngrid8 {min-width: 158px;width: 158px;}
.fngrid9 {min-width: 185px;width: 185px;}
.fngrid10 {min-width: 205px;width: 205px;}
.idxgrid {min-width: 30px;width: 30px;max-width: 30px;}
th.idxgrid {text-align:center;color:var(--maincolor2);}
.pull-right-header {position: absolute;top: 15px;right: 10px;}
.searchdatefrom {width: 90px;}
.searchdateto {width: 90px;}
.searchdatetem {height: 22px;}
.searchselecttemp {height: 22px;}
.searchbranch {height: 22px;}
form:first-child label.has-error {animation-duration: 1200ms;animation-name: blink;animation-iteration-count: infinite;animation-direction: alternate;-webkit-animation: blink 1200ms infinite; /* Safari and Chrome */}
.blink {animation-duration: 1200ms;animation-name: blink;animation-iteration-count: infinite;animation-direction: alternate;-webkit-animation: blink 1200ms infinite;}
@keyframes blink {from {opacity: 1;}to {opacity: .5;}}
@-webkit-keyframes blink {from {opacity: 1;}to {opacity: .5;}}
@-webkit-keyframes spin2 {
    0% {-moz-box-shadow: 0px 0px 0px #EA2424;-webkit-box-shadow: 0px 0px 0px #EA2424;box-shadow: 0px 0px 0px #EA2424;text-shadow: 0px 0px 0px #FFFC0A;}
    100% {-moz-box-shadow: 0px 0px 27px #FFFC0A;-webkit-box-shadow: 0px 0px 27px #FFFC0A;box-shadow: 0px 0px 27px #FFFC0A;text-shadow: 0px 0px 18px #FFFC0A;}
}
.is_save{-webkit-animation: spin2 .5s infinite alternate;}
table th {background-color: #ffc;}
.modal-lg .table-responsive {/*max-width: 880px;*/}
.modal-md .table-responsive {/*max-width: 700px;*/}
.nicon {max-height: 100px;max-width: 80px;border: 1px;padding: 2px;border-radius: 2px;}
.alink {cursor: pointer;}
.blurbottom{position: relative;}
.blurbottom:after{content:"";background-image: url(/skins/default/bg/bg/bg_pro.pg);background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;opacity: 1;z-index: 1;}
.ui-anglepicker {
    width: 52px;
    height: 52px;
    background: #dbdbdb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UxZTFkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dbdbdb 0%, #e1e1de 20%, #f8f8f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(20%,#e1e1de), color-stop(100%,#f8f8f3));
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: -o-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: -ms-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: linear-gradient(to bottom, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    border: 2px solid #666;
    -moz-box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
    -webkit-box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
    box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}
.ui-anglepicker-pointer {position: absolute;top: 50%;left: 50%;width: 50%;margin: -2px 0 0 -2px;-moz-transform-origin: 2px 2px;-webkit-transform-origin: 2px 2px;-ms-transform-origin: 2px 2px;-o-transform-origin: 2px 2px;transform-origin: 2px 2px;}
.ui-anglepicker:hover, .ui-anglepicker.ui-anglepicker-dragging {border-color: #494949;}
.ui-anglepicker-dragging .ui-anglepicker-dot, .ui-anglepicker-dragging .ui-anglepicker-line,
.ui-anglepicker:hover .ui-anglepicker-dot, .ui-anglepicker:hover .ui-anglepicker-line {background: #494949;}
.ui-anglepicker-dot {height: 4px;width: 4px;position: absolute;background: #838383;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.ui-anglepicker-line {margin-top: 1.5px;margin-right: -2px;height: 1px;background: #838383;}
.pagination {margin: 0;}
.bizclearable {/* Remove Internet Explorer native clear button */}
.bizclearable::-ms-clear {display: none;}
.bizclearable:focus::-ms-clear {display: none;}
.clear_button {top: -2px;position: absolute;cursor: pointer;z-index: 1500;right: 15px;color: darkgray;}
.clear_button:hover {text-decoration: none;}
.clps i {margin-right: 4px;position: relative;margin-top: -1px;}
.clps__title {font-weight: 300;display: block;transition: all 0.2s ease;color: #5A5A5A;margin: 0 0 10px 0;border-bottom: 1px dotted #ddd;}
.clps__title:hover, .clps__title:focus {transition: color 0.2s ease;color: gray;text-decoration: none;}
.clps--expanded .clps__title {color:var(--maincolor2);}
.clps__content {display: inline-block;width: 100%;position: relative;margin-bottom: 10px;}
/* Animation */
.clps__content.ng-hide-remove,.clps__content.ng-hide-add,.clps__content.ng-hide-add-active,.clps__content.ng-hide-remove-active {transition: all .2s ease;}
.clps__content.ng-hide-add {opacity: 1;animation: .2s fadeOut;}
.clps__content.ng-hide-remove {opacity: 1;animation: .2s fadeInUp;}
.hb-row {width: 100%;margin: 10px 0 0 0;position: relative;left: -19px;padding-left: 15px;border-left: 4px solid transparent;transition: border 0.3s ease-in-out;}
.hb-row.expanded {border-left: 4px solid #B5B5B5;opacity: 0.8;transition: border 0.3s ease-in-out;}
.hb-title {padding-top: 10px;cursor: pointer;transition: all 0.3s ease-in-out;}
.hb-title:hover {opacity: 0.7;transition: all 0.3s ease-in-out;}
.hb-title:hover i {transform: scale(1.1);}
.hb-content {position: relative;font-weight: 300;padding-bottom: 10px;transition: all .2s ease;}
.hb-row i {font-size: 18px;margin-right: 5px;position: relative;top: 1px;}
.hb-row p {margin-top: 15px;margin-bottom: 0;}
/* ngAnimate styles */
.hb-content.ng-hide-remove,.hb-content.ng-hide-add,.hb-content.ng-hide-add-active,.hb-content.ng-hide-remove-active {transition: all .2s ease;}
.hb-content.ng-hide-add {opacity: 1;animation: .2s fadeOut;}
.hb-content.ng-hide-remove {opacity: 1;animation: .2s fadeInUp;}
@keyframes fadeInUp {0% {opacity: 0;bottom: -10px;}100% {opacity: 1;bottom: 0;}}
@keyframes fadeOut {0% {opacity: 1;bottom: 0;}100% {opacity: 0;bottom: -10px;}}
[draggable] {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;-khtml-user-drag: element;-webkit-user-drag: element;}
/*drop element*/
.drop {margin: 20px;min-height: 200px;padding: 25px;border: 1px dashed #fff;}
/*drag element*/
.drag {cursor: move;}
.drag:hover {background-color: #ededed;color: #fff;}
.drag.hover {background-color: red;}
/*element being dragged*/
.drag.dragging {opacity: 0.6;}
/*class added to all .drop elements while dragging*/
.drop.dropable {padding: 25px;background: #ededed;border: 1px dashed #000;border-radius: 10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/** class added to all .drop elements when a .drag is hovering */
.drop.dropable.hover {background-color: red;}
#backtop {opacity: 0;transition: all .3s ease-out;position: fixed;cursor: pointer;}
.bizpasswordstrengthindicator {width: 5px;}
.bizpasswordstrengthindicator span {display: block;height: 5px;margin-bottom: 1px;width: 5px;border-radius: 5px;background: #EDF0F3;}
.has-feedback .form-control-feedback {top: 0;left: 0;width: 46px;height: 46px;line-height: 46px;color: #555;}
.has-feedback .form-control {padding-left: 42.5px;}
.split-pane {position: relative;height: 100%;width: 100%;overflow: hidden;z-index: 0;}
.split-pane.fixed-top > .split-pane-component,
.split-pane.fixed-bottom > .split-pane-component,
.split-pane.horizontal-percent > .split-pane-component {position: absolute;left: 0;width: 100%;overflow: auto;top: auto;bottom: 0;z-index: 1;}
.split-pane.fixed-top > .split-pane-component:first-child,
.split-pane.fixed-bottom > .split-pane-component:first-child,
.split-pane.horizontal-percent > .split-pane-component:first-child {top: 0;bottom: auto;}
.split-pane.fixed-top > .split-pane-divider,
.split-pane.fixed-bottom > .split-pane-divider,
.split-pane.horizontal-percent > .split-pane-divider {position: absolute;width: 100%;left: 0;cursor: row-resize;z-index: 2;}
.split-pane.fixed-top > .split-pane-divider > .split-pane-divider-inner,
.split-pane.fixed-bottom > .split-pane-divider > .split-pane-divider-inner,
.split-pane.horizontal-percent > .split-pane-divider > .split-pane-divider-inner {position: absolute;top: -5px;left: 0;box-sizing: content-box;width: 100%;height: 100%;padding: 5px 0;}
.split-pane.fixed-left > .split-pane-component,
.split-pane.fixed-right > .split-pane-component,
.split-pane.vertical-percent > .split-pane-component {position: absolute;top: 0;height: 100%;overflow: auto;left: auto;right: 0;z-index: 1;}
.split-pane.fixed-left > .split-pane-component:first-child,
.split-pane.fixed-right > .split-pane-component:first-child,
.split-pane.vertical-percent > .split-pane-component:first-child {left: 0;right: auto;}
.split-pane.fixed-left > .split-pane-divider,
.split-pane.fixed-right > .split-pane-divider,
.split-pane.vertical-percent > .split-pane-divider {position: absolute;height: 100%;top: 0;cursor: col-resize;z-index: 2;}
.split-pane.fixed-left > .split-pane-divider > .split-pane-divider-inner,
.split-pane.fixed-right > .split-pane-divider > .split-pane-divider-inner,
.split-pane.vertical-percent > .split-pane-divider > .split-pane-divider-inner {position: absolute;top: 0;left: -5px;box-sizing: content-box;width: 100%;height: 100%;padding: 0 5px;}
.split-pane-resize-shim {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: none;}
.split-pane.fixed-left > .split-pane-resize-shim,
.split-pane.fixed-right > .split-pane-resize-shim,
.split-pane.vertical-percent > .split-pane-resize-shim {cursor: col-resize;}
.split-pane.fixed-top > .split-pane-resize-shim,
.split-pane.fixed-bottom > .split-pane-resize-shim,
.split-pane.horizontal-percent > .split-pane-resize-shim {cursor: row-resize;}
.pretty-split-pane-frame {box-sizing: border-box;width: 100%;height: 500px;padding: 0px;}
.pretty-split-pane-frame .split-pane > .split-pane-divider.dragged.touch {opacity: 0.25;}
.split-pane-divider {background-color: silver;}
.pretty-split-pane-component-inner {box-sizing: border-box;border: 0px solid gray;background: white;width: 100%;height: 100%;padding: 0px;overflow: auto;}
.tags_type {width: 100%;height: 100%;margin-right: 5px;padding: 3px 3px 3px 3px;background-color:var(--maincolor);color:#fff;font-family: 'Titillium Web', sans-serif;-webkit-border-radius: 15px;border-radius: 15px;}
.modal-header {padding: 8px;}
.modal-header h3 {margin-bottom: 0px;margin-top: 0px;}
.biztimepicker-popup {max-height: 300px;overflow-y: scroll;}
.bizmonthpicker {border: 1px solid #ddd;border-radius: 0;margin: 0;overflow: hidden;padding: 0;width: 160px;}
.monthcell a {height: 40px;line-height: 40px;text-align: center;min-height: 40px;padding: 0;margin: 0;vertical-align: middle;}
.monthcell {width: 25%;display: inline-block;padding: 0;margin: 0;height: 40px;line-height: 40px;text-align: center;min-height: 40px;cursor: pointer;}
.monthcellprev, .monthcellnext {width: 25%;display: inline-block;padding: 0;margin: 0;height: 40px;line-height: 40px;text-align: center;min-height: 40px;background-color: #dcdcdc;cursor: pointer;}
.monthcellyear {width: 50%;display: inline-block;padding: 0;margin: 0;height: 40px;line-height: 40px;text-align: center;min-height: 40px;background-color: #dcdcdc;}
.monthcell .active {background-color: #dcdcdc;}
.form-control {font-size: 13px !important;height: 26px;line-height: 25px !important;padding: 2px 5px !important;}
/* <input-star></input-star> directive */
.angular-input-stars {display: inline-block;padding: 0;padding-left: -5px;list-style: none;}
.angular-input-stars > li {font-size: 17px;display: inline-block;padding-right: 5px;padding-left: 5px;cursor: pointer;}
.angular-input-stars > li .active {color: #FDE35E;text-shadow: black 0 0 1px, 0 0 1px;}
.gosearchdropdown .resultitem tr>td{position:relative;}
.go-grid-cell .angular-input-stars > li {font-size:13px;padding-right:1px;padding-left:1px;}
.smaller-left .angular-input-stars{position:absolute;bottom:0;left:0;line-height: 10px;}
.smaller-left .angular-input-stars > li {font-size:10px;padding:0;margin:0;border: none;line-height: 10px;}
div.chc_main {position: relative;display: inline-block;min-width: 40px;text-align: left;font-weight: normal;}
div.chc_menu {display: inline-block;padding: 4px 8px;cursor: default;}
div.chc_box {border: 1px solid #DADADA;display: inline-block;border-radius: 7px;text-align: left;cursor: default;}
table.chc_header {font-size: inherit;width: 100%;}
td.chc_img {padding-right: 5px;cursor: default;width: 5px;}
td.chc_arrow {cursor: default;width: 12px;}
td.chc_arrow > span {width: 0;height: 0;border-style: solid;border-width: 8.7px 5px 0 5px;border-color: #808080 transparent transparent transparent;display: inline-block;margin: 0;}
ul.chc_list {margin-top: 2px;border: 1px solid #DADADA;padding: 0;list-style: none;display: inline-block;width: auto;min-width: 100%;position: absolute;width: auto;z-index: 1000;background-color: white;clear: both;left: 0;}
ul.chc_list.chc_menu {margin-top: 10px;}
ul.chc_list.chc_menu:after, ul.chc_list.chc_menu:before {bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
ul.chc_list.chc_menu:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 10px;margin-left: -10px;}
ul.chc_list.chc_menu:before {border-color: rgba(218, 218, 218, 0);border-bottom-color: #DADADA;border-width: 11px;margin-left: -11px;}
ul.chc_list li {padding: 2px;white-space: nowrap;cursor: pointer;}
ul.chc_list li div {display: inline-block;}
ul.chc_list li div.chc_img {margin-right: 10px;}
ul.chc_list li:not(:last-child) {border-bottom: 1px solid #F2F2F2;}
ul.chc_list li:hover {background-color: var(--maincolor);color: white;}
ul.chc_list li div.chc_img img {vertical-align: middle;}
.chc_fixed {width: 100%;table-layout: fixed;border-collapse: collapse;border-spacing: 0;border: 0;font-size: inherit;}
.chc_fixed td {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.chcList-animation {opacity: 1;}
.chcList-animation.ng-hide {opacity: 0;}
.chcList-animation.ng-hide-add,.chcList-animation.ng-hide-remove {-webkit-transition: 0.3s linear all;transition: 0.3s linear all;}
.chc_placeholder {color: #BABABA;}
.img-map-wrapper {position: relative;width: 100%;background-repeat: no-repeat;background-size: 100%;text-align: left;line-height: 1.5;margin: 0 auto;font-size: 12px;}
.img-map-wrapper .map-wrapper {width: 100%;height: 100%;}
.img-map-wrapper .map-area {position: absolute;top: 0;left: 0;width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.3);}
.img-map-wrapper .map-area:hover .bar-remove {display: block;}
.img-map-wrapper .draging {z-index: 1110;}
.img-map-wrapper .draging .dragline:before {border-color: transparent !important;background: #fff url('/resources/images/antline.gif');}
.img-map-wrapper .draging .dragbar .bar-coords,.img-map-wrapper .draging .dragbar .bar-size {display: block;}
.img-map-wrapper .draging .dragbar .bar-remove {display: none;}
.img-map-wrapper .dragline,.img-map-wrapper .dragdot {position: absolute;opacity: 0.5;filter: alpha(opacity=50);}
.img-map-wrapper .dragline {z-index: 111;}
.img-map-wrapper .dragline.ord-n:before,.img-map-wrapper .dragline.ord-e:before,.img-map-wrapper .dragline.ord-s:before,.img-map-wrapper .dragline.ord-w:before {content: '';position: absolute;border-top: 1px dashed #333;border-left: 1px dashed #333;}
.img-map-wrapper .dragline.ord-n {cursor: n-resize;width: 100%;height: 8px;top: -4px;left: 0;}
.img-map-wrapper .dragline.ord-n:before {width: 100%;height: 1px;top: 4px;}
.img-map-wrapper .dragline.ord-e {cursor: e-resize;width: 8px;height: 100%;right: -4px;top: 0;}
.img-map-wrapper .dragline.ord-e:before {width: 1px;height: 100%;right: 4px;}
.img-map-wrapper .dragline.ord-s {cursor: s-resize;width: 100%;height: 8px;bottom: -4px;left: 0;}
.img-map-wrapper .dragline.ord-s:before {width: 100%;height: 1px;bottom: 4px;}
.img-map-wrapper .dragline.ord-w {cursor: w-resize;width: 8px;height: 100%;left: -4px;top: 0;}
.img-map-wrapper .dragline.ord-w:before {width: 1px;height: 100%;left: 4px;}
.img-map-wrapper .dragdot {background-color: #ccc;border: 1px solid #333;width: 8px;height: 8px;font-size: 0;}
.img-map-wrapper .dragdot.ord-n,.img-map-wrapper .dragdot.ord-e,.img-map-wrapper .dragdot.ord-w,.img-map-wrapper .dragdot.ord-s {z-index: 110;}
.img-map-wrapper .dragdot.ord-nw,.img-map-wrapper .dragdot.ord-ne,.img-map-wrapper .dragdot.ord-sw,.img-map-wrapper .dragdot.ord-se {z-index: 112;}
.img-map-wrapper .dragdot.ord-n {top: -4px;left: 50%;margin-left: -4px;}
.img-map-wrapper .dragdot.ord-s {bottom: -4px;left: 50%;margin-left: -4px;}
.img-map-wrapper .dragdot.ord-e {right: -4px;top: 50%;margin-top: -4px;}
.img-map-wrapper .dragdot.ord-w {left: -4px;top: 50%;margin-top: -4px;}
.img-map-wrapper .dragdot.ord-nw {cursor: nw-resize;top: -4px;left: -4px;}
.img-map-wrapper .dragdot.ord-ne {cursor: ne-resize;top: -4px;right: -4px;}
.img-map-wrapper .dragdot.ord-sw {cursor: sw-resize;bottom: -4px;left: -4px;}
.img-map-wrapper .dragdot.ord-se {cursor: se-resize;bottom: -4px;right: -4px;}
.img-map-wrapper .dragbar .bar-size,.img-map-wrapper .dragbar .bar-title,.img-map-wrapper .dragbar .bar-coords,.img-map-wrapper .dragbar .bar-remove {position: absolute;height: 1.5em;width: 1.5em;top: 0;color: #fff;text-align: center;}
.img-map-wrapper .dragbar .bar-title {left: 0;background: red;border-radius: 0 0 2px 0;}
.img-map-wrapper .dragbar .bar-coords,.img-map-wrapper .dragbar .bar-size {display: none;width: auto;padding: 0 1em;color: #FFF;background: rgba(0, 0, 0, 0.5);border-radius: 2px;white-space: nowrap;}
.img-map-wrapper .dragbar .bar-coords {top: auto;bottom: -1.6em;right: 0;}
.img-map-wrapper .dragbar .bar-size {top: -1.6em;left: 0;}
.img-map-wrapper .dragbar .bar-remove {display: none;right: -1em;width: 1em;height: 1em;line-height: 1;font-size: 18px;border-radius: 0 2px 2px 0;background: red;cursor: pointer;}
.img-map-wrapper .dragbar .bar-remove:hover {background: #cc0000;}
.tooltip_box {min-width: 60px;position: absolute;left: -1000px;top: -1000px;background: #000000;border: 1px solid #999999;color: White;padding: 7px;border-radius: 5px;display: table-cell;z-index: 10000;}
.tooltip_box:after, .tooltip_box:before {border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.tooltip_box:after {border-color: rgba(0, 0, 0, 0);border-width: 7px;}
.tooltip_box:before {border-color: rgba(153, 153, 153, 0);border-width: 8px;}
.tooltip_box.bottom:after, .tooltip_box.bottom:before {bottom: 100%;left: 31px;}
.tooltip_box.bottom:after {border-bottom-color: #000000;margin-left: -7px;}
.tooltip_box.bottom:before {border-bottom-color: #999999;margin-left: -8px;}
.tooltip_box.top:after, .tooltip_box.top:before {top: 100%;left: 31px;}
.tooltip_box.top:after {border-top-color: #000000;margin-left: -7px;}
.tooltip_box.top:before {border-top-color: #999999;margin-left: -8px;}
.tooltip_box.right:after, .tooltip_box.right:before {right: 100%;top: 13px;}
.tooltip_box.right:after {border-right-color: #000000;margin-top: -7px;}
.tooltip_box.right:before {border-right-color: #999999;margin-top: -8px;}
.tooltip_box.left:after, .tooltip_box.left:before {left: 100%;top: 13px;}
.tooltip_box.left:after {border-left-color: #000000;margin-top: -7px;}
.tooltip_box.left:before {border-left-color: #999999;margin-top: -8px;}
div.ngswitch {border: 1px solid #DADADA;height: 22px;display: inline-block;border-radius: 10px;padding: 2px;position: relative;cursor: pointer;font: bold 10px verdana;line-height: 22px;padding-left: 3px;overflow: hidden;text-align: left;min-width: 50px;}
div.ngswitch div {width: 100%;height: 100%;overflow: hidden;display: inline-block;position: absolute;background-color: white;top: 2px;left: 2px;}
div.ngswitch div > span.crrrr {height: 16px;width: 16px;background-color: #DADADA;border-radius: 8px;display: inline-block;position: absolute;left: 2px;}
div.ngswitch span.on {background-color:var(--maincolor);}
div.ngswitch > span.lrrr {display: none;color: #BABABA;position: absolute;}
div.ngswitch > span.rrrr {display: none;color: #BABABA;position: absolute;right: 0;width: 22px;height: 22px;}
.bizstep {display: inline-block;height: 24px;width: 93px;}
.bizstep button, .bizstep .step-value {border: none;float: left;height: 24px;text-align: center;}
.bizstep button:focus, .bizstep button:active, .bizstep button:focus:active, .bizstep .step-value:focus, .bizstep .step-value:active, .bizstep .step-value:focus:active {outline: none;}
.bizstep button {background: transparent;color: white;line-height: 24px;width: 24px;}
.bizstep .step-value {border-bottom: 1px solid transparent;border-top: 1px solid transparent;font-size: 14px;line-height: 22px;padding: 0;width: 45px;}
.bizstep.primary button {background: #428bca;}
.bizstep.primary button:active {background: #3071a9;}
.bizstep.primary button.disabled {opacity: 0.8;}
.bizstep.primary button.disabled:active {background: #428bca;}
.bizstep.primary .step-value {border-color: #428bca;}
.bizstep.primary .step-value i.fa {color: #428bca;font-size: 14px;line-height: 20px;top: -2px;position: relative;}
.bizstep.success button {background: #5cb85c;}
.bizstep.success button:active {background: #449d44;}
.bizstep.success button.disabled {opacity: 0.8;}
.bizstep.success button.disabled:active {background: #5cb85c;}
.bizstep.success .step-value {border-color: #5cb85c;}
.bizstep.success .step-value i.fa {color: #5cb85c;font-size: 14px;line-height: 20px;top: -2px;position: relative;}
.bizstep.info button {background: #5bc0de;}
.bizstep.info button:active {background: #31b0d5;}
.bizstep.info button.disabled {opacity: 0.8;}
.bizstep.info button.disabled:active {background: #5bc0de;}
.bizstep.info .step-value {border-color: #5bc0de;}
.bizstep.info .step-value i.fa {color: #5bc0de;font-size: 14px;line-height: 20px;top: -2px;position: relative;}
.bizstep.warning button {background: #f0ad4e;}
.bizstep.warning button:active {background: #ec971f;}
.bizstep.warning button.disabled {opacity: 0.8;}
.bizstep.warning button.disabled:active {background: #f0ad4e;}
.bizstep.warning .step-value {border-color: #f0ad4e;}
.bizstep.warning .step-value i.fa {color: #f0ad4e;font-size: 14px;line-height: 20px;top: -2px;position: relative;}
.bizstep.danger button {background: #d9534f;}
.bizstep.danger button:active {background: #c9302c;}
.bizstep.danger button.disabled {opacity: 0.8;}
.bizstep.danger button.disabled:active {background: #d9534f;}
.bizstep.danger .step-value {border-color: #d9534f;}
.bizstep.danger .step-value i.fa {color: #d9534f;font-size: 14px;line-height: 20px;top: -2px;position: relative;}
.btn-busy {cursor: wait;-webkit-filter: grayscale(50%);}
.btn-busy::before {content: '';width: 0.75em;height: 0.75em;display: inline-block;border: solid 2px transparent;border-top-color: white;border-left-color: white;border-radius: 50%;margin-right: 0.5em;-webkit-animation: spin 0.75s linear infinite;animation: spin 0.75s linear infinite;}
.btn-complete {}
.btn-complete.success {}
.btn-complete.error {}
@-webkit-keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.biz2select label {margin: 10px;}
.biz2select .btn {margin: 10px;}
.biz2select .pool {border: 1px solid #999;border-radius: 4px;padding: 10px;margin: 5px;height: 150px;overflow-y: scroll;}
.biz2select .pool ul {list-style: none;padding-left: 0px;}
.biz2select .pool ul li {width: 100%;padding: 4px 8px 4px 4px;border-bottom: 1px dotted #CFCFCF;}
.biz2select .pool ul li a:hover {text-decoration: none;}
.help-tip {background-color: #3c8dbc;border-radius: 8px;cursor: default;display: inline-block;font-size: 14px;height: 16px;line-height: 16px;position: relative;text-align: center;width: 16px;}
.help-tip:before {content: '?';font-weight: bold;color: #fff;}
.help-tip:hover p {display: block;transform-origin: 100% 0%;-webkit-animation: fadeIn 0.3s ease-in-out;animation: fadeIn 0.3s ease-in-out;}
.help-tip p {display: none;text-align: left;background-color: #1E2021;padding: 10px;max-width: 300px;min-width: 200px;position: absolute;border-radius: 3px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);left: 12px;top: -4px;color: #FFF;font-size: 13px;line-height: 1.4;z-index: 9999999999;}
@-webkit-keyframes fadeIn {0% {opacity: 0;transform: scale(0.6);}100% {opacity: 100%;transform: scale(1);}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 100%;}}
.scroll-loader {background: #fff;height: 200px;min-height: 200px;margin-bottom: 10px;overflow: auto;padding: 0;min-width: 100px;}
.scroll-loader ul {list-style: none;}
.scroll-loader li {list-style: none;border-bottom: 1px solid #ddd;padding: 5px;margin-bottom: 0;}
.scroll-loader .selected {background: #f7f7f7;}
.bizsearchdiv {background-color: #fff;position: absolute;top: 27px;z-index: 99999999;border: 1px solid #d2d2d2;}
.bizsearchdiv .resultitem tr {line-height: 20px;height: 20px;cursor: pointer;}
.bizsearchdiv .resultitem tr:hover {background-color: #bbb;}
.bizsearchdiv .resultitem tr.selected {background-color: #bbb;}
.bizsearchdiv .rcount {border-top: 1px solid #d2d2d2;font-style: italic;}
.glyphicon-cust {background-image: url('/resources/images/16x16/customers.png');height: 16px;width: 16px;}
.glyphicon-contact {background-image: url('/resources/images/16x16/contacts.png');height: 16px;width: 16px;}
.glyphicon-mailfied {background-image: url('/resources/images/mailfield.png');height: 16px;width: 16px;}
.fa-editdoc {background-image: url('/resources/images/editdoc.png');height: 16px;width: 15px;margin-left: -2px;}
.fa-checklist {background-image: url('/resources/images/checklist.png');height: 16px;width: 16px;}
.uploadlinks {display: block;height: auto;list-style-type: none;overflow: auto;max-height: 150px;min-height: 24px;overflow-x: hidden;}
.uploadlinks a.l {width: 100%;margin-left: 10px;}
.searchyear {width: 50px;}
.box-header label {font-weight: normal;}
select.searchdatetem option {color: black;}
ul.pagination {margin: 0px 0px;}
#voippadul {width: 120px;text-align: center;}
#voippadul li {width: 40px;display: inline-block;text-align: center;line-height: 30px;border-radius: 50%;border: 1px solid;}
#voippadul li:first-child {width: 100%;border: none;}
div.maindetail {background-color: #fff;margin-bottom: 50px;box-shadow: 0 5px #e8e5ec;animation: slide-left 0.2s forwards;-webkit-animation: slide-left 0.2s forwards;}
div.maindetail > .tab-content, div.maindetail > div > .tab-content {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;min-height: 50px;background: #fff !important;}
div.maindetail > .gouptabs, div.maindetail > div > .gouptabs {background: #fff !important;}
div.maindetail2 {background-color: #fff;margin-bottom: 50px;box-shadow: 0 5px #e8e5ec;}
div.maindetail2 > .tab-content, div.maindetail2 > div > .tab-content {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;min-height: 50px;}
.wrapper_tag {position: relative;height: auto;height: 26px;padding: 0 !important;margin: 0;}
.tags_type {width: 100%;height: 22px;margin-right: 5px;padding: 1px 2px;background-color:var(--maincolor);font-family: 'Titillium Web', sans-serif;-webkit-border-radius: 15px;border-radius: 5px;line-height: 22px;}
.tags_input {border: none;height: 22px;width: auto;max-width: 80px;border-left: 1px dashed #b3b3b3;min-width: 20px;}
a {color:var(--maincolor2);}
.box.box-info {border-top-color:var(--maincolor2);}
a:hover, a:active, a:focus {color:var(--maincolor2);}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {background-color: #367fa9;}
.btn-box-tool {color:var(--maincolor2);}
.box-settingsguide {border-top: 3px solid #5cb85c;max-height: 120px;overflow: auto;}
.thumb {max-height: 100px;max-width: 100px;}
.progress .progress-bar {color: black;max-width:100%;}
.progress-bar {background-color:var(--maincolor);}
.notifications-menu h3 {font-size: 12px;}
.dropdown-menu > li > a {font-size: 12px;}
.dropdown-menu > li.footer > a {font-size: 12px;display: inline-block;}
.smartspinner {padding-right: 10px;background: url(/resources/images/normal.jpg) no-repeat right;}
.smartspinner.up {background: url(/resources/images/up.jpg) no-repeat right;cursor: pointer;}
.smartspinner.down {background: url(/resources/images/down.jpg) no-repeat right;cursor: pointer;}
.gcol30 {min-width: 30px;}
.tablefs .gcol30 {max-width: 30px;}
.gcol40 {min-width: 40px;}
.tablefs .gcol40 {max-width: 40px;}
.gcol50 {min-width: 50px;}
.tablefs .gcol50 {max-width: 50px;}
.gcol60 {min-width: 60px;}
.tablefs .gcol60 {max-width: 60px;}
.gcol70 {min-width: 70px;}
.tablefs .gcol70 {max-width: 70px;}
.gcol75 {min-width: 75px;}
.tablefs .gcol75 {max-width: 75px;}
.gcol80 {min-width: 80px;}
.tablefs .gcol80 {max-width: 80px;}
.gcol90 {min-width: 90px;}
.tablefs .gcol90 {max-width: 90px;}
.gcol100 {min-width: 100px;}
.tablefs .gcol100 {max-width: 100px;}
.gcol110 {min-width: 110px;}
.tablefs .gcol110 {max-width: 110px;}
.gcol120 {min-width: 120px;}
.tablefs .gcol120 {max-width: 120px;}
.gcol130 {min-width: 130px;}
.tablefs .gcol130 {max-width: 130px;}
.gcol140 {min-width: 140px;}
.tablefs .gcol140 {max-width: 140px;}
.gcol150 {min-width: 150px;}
.tablefs .gcol150 {max-width: 150px;}
.gcol160 {min-width: 160px;}
.tablefs .gcol160 {max-width: 160px;}
.gcol170 {min-width: 170px;}
.tablefs .gcol170 {max-width: 170px;}
.gcol180 {min-width: 180px;}
.tablefs .gcol180 {max-width: 180px;}
.gcol190 {min-width: 190px;}
.tablefs .gcol190 {max-width: 190px;}
.gcol200 {min-width: 200px;}
.tablefs .gcol200 {max-width: 200px;}
.gcol220 {min-width: 220px;}
.tablefs .gcol220 {max-width: 220px;}
.gcol250 {min-width: 250px;}
.tablefs .gcol250 {max-width: 250px;}
.gcol300 {min-width: 300px;}
.tablefs .gcol300 {max-width: 300px;}
.gcol350 {min-width: 350px;}
.tablefs .gcol350 {max-width: 350px;}
.gcol400 {min-width: 400px;}
.tablefs .gcol400 {max-width: 400px;}
.gcol450 {min-width: 450px;}
.tablefs .gcol450 {max-width: 450px;}
.gcol500 {min-width: 500px;}
.tablefs .gcol500 {max-width: 500px;}
.gcollast,.fixtablescroll>thead>tr>th:last-child,.fixtablescroll>tbody>tr>th:last-child,.fixtablescroll>tbody>tr>td:last-child,.fixtablescroll>thead>tr>td:last-child,.fixtablescroll>tfoot>tr>td:last-child{width:100%;}
.ismobile .small.pull-left-header{display:none;}
th.cacell,td.bdr{width: 40px;min-width: 40px;max-width: 40px;}
.tablerab [class*=gcol] {max-width:none;}
.smallcap {font-size: 8px;}
.smallcap2 {font-size: 11px;padding: 2px !important;line-height: 11px !important;}
.table > thead > tr > th {padding: 5px;vertical-align: middle;}
.input-group-addon {background-color: #FFF;padding-right: 0px;}
.input-group .input-group-addon + .form-control {border-left: none;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 6px;line-height: normal;}
.mainrow > td {text-overflow: clip;overflow: hidden;border-right: 1px dotted #b1ddaf30;}
.skin-green .sidebar-menu > li.header {background:var(--menubgactive) none repeat scroll 0 0;color: #fff;border-bottom: 1px solid var(--maincolor2);}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color:var(--maincolor);border-color: #337ab7;color: #fff;cursor: default;z-index: 2;}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {border-top: none;border-left: none;border-right: none;border-radius: 0;}
.form-control {border-top: none;border-left: none;border-right: none;background-color:transparent;}
input, select, textarea {border-left: medium none;border-right: medium none;border-top: medium none;font-family: inherit;font-size: inherit;line-height: inherit;border-color: #d2d6de;border-bottom: 1px solid #d2d6de;}
.open li a {color:var(--maincolor2) !important;}
.gopaggingselector {border-top: 1px solid rgb(221, 221, 221);padding: 1px 1px 3px;float: left;border-left: 1px solid #ddd;}
input[type="radio"].form-control {-webkit-appearance: radio !important;-moz-appearance: radio !important;}
.wrapper section.content {padding-bottom: 0;}
.wrapper section div.box-header {padding-bottom: 0;}
.wrapper section div.box-footer {padding-bottom: 0;padding-top: 0;}
.ismobile .wrapper section div.box-footer.gopagging {padding-left:0;padding-right:0;text-align:center;}
.headersort {/*cursor: pointer;*/}
.sortr {font: normal normal normal 14px/1 FontAwesome;font-size: 14px;font-size: inherit;text-rendering: auto;cursor:pointer;}
.sortr::before {content: "\f0dc";opacity: .3;}
.headersort .fa-angle-up::before {content: "\f106";opacity: 1;font-weight: bold;}
.headersort .fa-angle-down::before {content: "\f107";opacity: 1;font-weight: bold;}
.pagination > li > a, .pagination > li > span {padding: 1px 7px;}
.bizmonthpicker {z-index: 9999;}
select, .select {background: transparent;-moz-appearance: none;-webkit-appearance: none;background: url(/Resources/images/arrow_down.png) no-repeat right white;padding-right: 10px;}
select:focus, .select:focus {background: url(/Resources/images/arrow_up.png) no-repeat right white;}
.form-group select {background: url(/Resources/images/arrow_down.png) no-repeat right white !important;}
.form-group select:focus {background: url(/Resources/images/arrow_up.png) no-repeat right white !important;}
.searchbranch, .searchdatetem {min-width:90px;}
.breadcrumb {padding-top: 20px;list-style: none;border-radius: 4px;display: inline;background-color: transparent;margin-bottom: 0;}
.breadcrumb a {color: #fff;font-size: 14px;margin-top: 10px;line-height: 45px;}
.filteredrow .glyphicon {color: #aba6a6;}
.filteredrow td {position: relative;}
.filteredrow .bootstrap-datetimepicker-widget {z-index: 9999999999999;}
.bbmore {width: auto;}
.datepkctn {/*height: 300px;*/}
input:required, textarea:required, select:required, input.required,.ng-valid-required.ng-dirty {border-color: red !important;}
input:required:focus, textarea:required:focus, select:required:focus {border-color: red !important;}
.bootstrap-datetimepicker-widget {z-index: 1002;}
.form-group input[type="checkbox"].colorcheckbox {cursor: pointer;margin: 0 !important;padding: 0 !important;border: 0 !important;outline: none !important;box-shadow: none !important;background: none !important;background-color: gray !important;-webkit-appearance: none !important;-moz-appearance: none !important;-ms-appearance: none !important;}
.form-group input[type="checkbox"].colorcheckbox:checked {background: #2aa1c0 !important;}
.form-group input[type="checkbox"].colorcheckbox::after {content: '';position: relative;left: 40%;top: 20%;width: 15%;height: 40%;border: solid #fff;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 2px 2px 0;transform: rotate(45deg);display: none;}
.form-group input[type="checkbox"].colorcheckbox:checked::after {display: block;}
.colorcheckboxcell {width: 33%;padding: 0;margin: 0;border: none;}
.form-group input[type="radio"].colorcheckbox {cursor: pointer;margin: 0 !important;padding: 0 !important;border: 0 !important;outline: none !important;box-shadow: none !important;background: none !important;background-color: gray !important;-webkit-appearance: none !important;-moz-appearance: none !important;-ms-appearance: none !important;}
.form-group input[type="radio"].colorcheckbox:checked {background: #2aa1c0 !important;}
.form-group input[type="radio"].colorcheckbox::after {content: '';position: relative;left: 40%;top: 20%;width: 15%;height: 40%;border: solid #fff;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 2px 2px 0;transform: rotate(45deg);display: none;}
.form-group input[type="radio"].colorcheckbox:checked::after {display: block;}
.modal-body {display: block;padding: 10px;position: relative;height: auto;overflow: auto;max-height: calc(100vh - 90px);}
.modal.in .modal-dialog {left:50%;top:50%;-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);margin: 0;position: absolute;/*box-shadow:0 0 72px 16px rgb(230, 227, 220);*/}
.nobackdrop {
    left: initial;
    right: 0 !important;
    transform: none !important;
    top: 0 !important;
    margin: 0;
    position: fixed;
    width: 290px !important;
    transition: transform 1.5s ease;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -webkit-animation-name: flexPaneItem-slideContentIn;
    animation-name: flexPaneItem-slideContentIn;
    -webkit-animation-duration: .38s;
    animation-duration: .38s;
    -webkit-animation-timing-function: cubic-bezier(.8,0,.2,1);
    animation-timing-function: cubic-bezier(.8,0,.2,1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-delay: .10s;
    animation-delay: .10s;
}
@-webkit-keyframes flexPaneItem-slideContentIn {0% {opacity:0;-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px);}to {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}}
@keyframes flexPaneItem-slideContentIn {0% {opacity:0;-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px);}to {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}}
.nobackdrop-md {width: 600px !important;}
.nobackdrop-sm {width: 300px !important;}
.nobackdrop-lg {width: 900px !important;}
.nobackdrop-800 {width: 800px !important;}
.nobackdrop-600 {width: 800px !important;}
.nobackdrop-full {width: calc(100% - 200px) !important;}
@media (max-width:768px) {.nobackdrop-full {width:100% !important;}}
.nobackdrop .modal-dialog {clear:both !important;-moz-transform:translateX(-50%) translateY(-50%) !important;-webkit-transform:translateX(-50%) translateY(-50%) !important;transform: translateX(-50%) translateY(-50%) !important;-moz-transform:none !important;-webkit-transform:none !important;transform:none !important;width: 100%;height: 100vh;border-left: 1px solid;display: table;left:0 !important;top:0 !important;}
.nobackdrop .modal-body {padding: 1px;max-height: calc(100vh - 50px);}
.nobackdrop .modal-content {height: 100vh;border-radius:0 !important;}
.nobackdrop230 {left: initial;right: 0 !important;transform: none !important;top: 40px !important;margin: 0;position: fixed;width: 200px !important;}
.nobackdrop280{left: initial;right: 0 !important;transform: none !important;top: 40px !important;margin: 0;position: fixed;width: 280px !important;}
.nobackdrop230.modal.in .modal-dialog{transform: none !important;top: 0 !important;left: 0 !important;}
.nobackdrop230 .modal-dialog {transform: none !important;width: 100%;height: 100vh;border-left: 1px solid;display: table;}
.nobackdrop230 .modal-body {padding: 1px;max-height: calc(100vh - 50px);}
.nobackdrop230 .modal-content {height: 100vh;}
.closeheadleft .closemodal{border-radius: 0 0 15px 0;left: 0;right: unset;}
.closemodalgray .closemodal{background: #ddd;}
.modal-dialog-block>.modal-dialog{display:block;}
.top0{top:0 !important;}
.top10{top:10px !important;}
.top20{top:20px !important;}
.top30{top:30px !important;}
.top40{top:40px !important;}
.top50{top:50px !important;}
.top60{top:60px !important;}
.top70{top:70px !important;}
.top80{top:80px !important;}
.top90{top:90px !important;}
.top100{top:100px !important;}
.bottom0{bottom:0 !important;}
.bottom10{bottom:10px !important;}
.bottom20{bottom:20px !important;}
.bottom30{bottom:30px !important;}
.bottom40{bottom:40px !important;}
.bottom50{bottom:50px !important;}
.bottom60{bottom:60px !important;}
.bottom70{bottom:70px !important;}
.bottom80{bottom:80px !important;}
.bottom90{bottom:90px !important;}
.bottom100{bottom:100px !important;}
.left0{left:0 !important;}
.left10{left:10px !important;}
.left20{left:20px !important;}
.left30{left:30px !important;}
.left40{left:40px !important;}
.left50{left:50px !important;}
.left60{left:60px !important;}
.left70{left:70px !important;}
.left80{left:80px !important;}
.left90{left:90px !important;}
.top100{left:100px !important;}
.right0{right:0 !important;}
.right10{right:10px !important;}
.right20{right:20px !important;}
.right30{right:30px !important;}
.right40{right:40px !important;}
.right50{right:50px !important;}
.right60{right:60px !important;}
.right70{right:70px !important;}
.right80{right:80px !important;}
.right90{right:90px !important;}
.right100{right:100px !important;}
.mtop40{margin-top: 40px;}
.merfield li {padding: 1px;overflow: hidden;}
.merfield li a {font-size: 12px;display: table;white-space: nowrap;padding-left: 2px;}
.gdigmax {width: 100vw;height: calc(100vh - 5px);margin: 0 !important;padding: 0 !important;background: #fff;}
.modal-open .modal {overflow: hidden;}
tr.filteredrow td {background-color: #ececd8;}
tr.mainrow:hover,tr.rowselected,.fixtablescroll > tbody > tr.rowselected > td.fixedcol,tr.mainrow:hover td.fixedcol{background-color:var(--maingridbg) !important;}
.ssed {background-color: blue;color: white;}
.tags_type_l {display: block;width: 100%;cursor: pointer;}
.gopaggingselector {height: 24px !important;}
.skin-white .btn-success:hover, .skin-white .btn-success:active, .skin-white .btn-success.hover {background-color: #ccc;}
.skin-white .btn-success.active, .skin-white .btn-success.focus, .skin-white .btn-success:active, .skin-white .btn-success:focus, .skin-white .btn-success:hover, .skin-white .open > .dropdown-toggle.btn-success {background-color: #ccc;}
.skin-white a:hover, .skin-white a:active, .skin-white a:focus {color: #333;}
.skin-white .pagination > .active > a, .skin-white .pagination > .active > a:focus, .skin-white .pagination > .active > a:hover, .skin-white .pagination > .active > span, .skin-white .pagination > .active > span:focus, .skin-white .pagination > .active > span:hover {background-color: #ccc;}
.skin-white .btn-box-tool {color: #333;}
.skin-white a {color: #333;}
.skin-white .btn-success {background-color: #ccc;border-color: #ccc;}
.gosearch2 .dropdown-menu {top: 0 !important;}
.gosearchdropdown {font-weight: normal;z-index: 9999999999999;border: 1px solid #a89d9d;box-shadow: 5px 5px 5px #bbb;max-width: 100%;}
.gosearch2 .input-group-addon, .godropdowncon .input-group-addon {padding: 0px 3px;border: none;border-bottom:1px solid #000 !important;opacity: .1;}
.gosearch2:hover .input-group-addon {opacity: 1;border-bottom:1px solid #ddd !important;}
.godatetimeedit {width: 100%;border: none;min-width: 40px;text-align: center;}
.bbmore {display: inline-block;float: right;}
.resulttrc.selected td {background: #ececd8 !important;}
.resulttrc td {background: #fff !important;}
.skin-white .box.box-info {border-top-color: #fff;}
.skin-white .boxdh {border: 1px solid #dbdbdb;border-radius: 5px;margin: 3px;background-color: #dbdbdb;text-align: right;padding: 3px;font-weight: bold;color: gray;}
.gosearchdropdown .resultitem td {line-height: 20px;}
.gosearch2 .input-group-addon, .godropdowncon .input-group-addon {background-color: transparent !important;}
.sidebar-mini.sidebar-collapse .main-header .logo {padding: 0 9px;}
.sidebar-expanded-on-hover .main-sidebar{z-index: 99999999;}
.sidebar-expanded-on-hover .main-header{z-index: 999999991;}
.skin-white.sidebar-expanded-on-hover .main-sidebar {background: #fff;}
#ulschedu1 {max-height: calc(100vh - 80px);overflow: auto;}
#ulschedu1.dropdown-menu > li {float: left;}
.bticonsl li {width: 30px;float: left;list-style-type: none;}
.fixed .wrapper {overflow: auto;background: #ecf0f5;}
.modal-body .nav-tabs {margin-left: -10px;margin-right: -10px;padding-left: 10px;}
.gexpand.vertical > ul {border: none;}
.gexpand.vertical > ul > li {display: block;width: 100%;position: relative;}
.tabv2.gexpand.vertical > ul > li > a:after {display: block;width: 100%;height: 1px;border-bottom: 1px solid #ddd;}
.gexpand.vertical > ul > li > a {font-weight: 300;color: gray;padding-left: 0 !important;}
.gexpand.vertical > ul > li > a:hover {color: black;}
.gexpand.vertical > ul > li > a:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 14px;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 4px;position: relative;margin-top: -1px;content: "\f078";}
.gexpand > ul > li > .tab-pane {display: none;}
.gexpand > ul > li.active > .tab-pane {display: block;border: none;}
.gexpand.vertical > ul > li.active > a {border: none;}
.gexpand.vertical > ul > li.active > a:before {color: black;content: "\f077";}
.modal-footer label {font-weight: normal;width: auto;display: inline-block;}
.form-group input[type="checkbox"].form-control, .modal-content input[type="checkbox"].form-control {-moz-appearance: checkbox !important;-webkit-appearance: checkbox !important;appearance: checkbox !important;}
.form-group input[type="checkbox"].form-control {display: block;width: auto;}
.modal-footer input[type="checkbox"].form-control {display: inline-block;width: auto;vertical-align: middle;}
body {font-size: 13px;}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {height: 24px !important;}
tr.filteredrow td {padding: 0 !important;border-right: 1px solid #eee;}
.modal-body .table > tbody > tr > td, .modal-body .table > tfoot > tr > td, .modal-body .table > thead > tr > td {padding: 1px !important;}
.modal.in .modal-dialog .box-body {overflow: auto;display: block;max-height: calc(100vh - 100px);}
drophtml {display: none;}
.gosearchdropdown a {display: block;width: 100%;padding-bottom: 5px;}
.gosearchdropdown a:hover {background-color: #ddd;}
.row-thumb {float: left;width: 25px;height: 25px;display: inline-block;margin-left: -10px;position: relative;}
.row-thumb:first-child {margin-left: 0px;}
.row-thumb img {width: 25px;height: 25px;border-radius: 50%;opacity: 0.4;border: 1px solid #ccc;}
.row-thumb:hover img {opacity: 0.8;width: 28px;height: 28px;transition: all 0.8s ease;margin-top: -3px;}
.row-thumb a {position: absolute;left: 1px;top: 18px;color: red;}
.row-thumb a.grencheck {color: var(--maincolor2);}
.row-thumb a.graycheck {color:#c6c6c6;}
th .coldrapl {display: inline-block;width: 5px !important;height: 20px;opacity: 0;margin-left: -5px;}
th:hover .coldrapl {opacity: 0.9;}
.noleft .slideleftdig{left:unset !important;}
.noright .slideleftdig{right:unset !important;}
.slideleftdig, .slideleftdigfull {height: 100vh;overflow: hidden;width: calc(100vw - 200px);right: 0 !important;top: 0px;position: fixed !important;transform: translateX(calc(-50% + 100px)) translateY(-50%) !important;-webkit-transform: translateX(calc(-50% + 100px)) translateY(-50%) !important;-moz-transform: translateX(calc(-50% + 100px)) translateY(-50%) !important;-ms-transform: translateX(calc(-50% + 100px)) translateY(-50%) !important;border-top: 2px solid var(--maincolor);}
.slideleftdigfull {width: 100%;transform: translateX(calc(-50% + 1px)) translateY(-50%) !important;-webkit-transform: translateX(calc(-50% + 1px)) translateY(-50%) !important;-moz-transform: translateX(calc(-50% + 1px)) translateY(-50%) !important;-ms-transform: translateX(calc(-50% + 1px)) translateY(-50%) !important;}
.fullheightdig {height: 100%;}
.fullheightdig>.modal-content{height: 100%;}
.fullheightdig>.modal-content>.gmodule{height: 100%;}
.ismobile.sidebar-collapse .slideleftdig{width:calc(100vw -40px);}
.ismobile.ispopup .slideleftdig{width:100vw;}
.table tr td .progress {margin-top: 0;margin-left: -5px;margin-right: -5px;}
.height300 {height: 300px;}
.golsupport .gdigmax .modal-footer,.golsupport .slideleftdig .modal-footer {padding-right: 60px;}
.modal-body .input-group .input-group-addon {border: none;border-bottom: 1px solid #ddd;}
.selectedfoter {margin-top: -2px;text-align: left;}
.selectedfoter2 {display: inline;margin-right: 5px;border: 1px solid #ccc;border-radius: 10px;margin-bottom: 3px;background: #f7f3f3;}
.gosearch .has-error.validationMessage {width: 100%;left: 0;top: 25px;}
.gosearch .show .input-group-addon {display: inline;}
.select2.required {}
.closedetail {top: 0;width: 40px;height: 40px;position: absolute;right: 0px;text-align: center;line-height: 40px;border-radius: 0 0 10px 0;cursor: pointer;color: gray;}
td .right-addon2 .glyphicon {right: -0px;}
.mergefieldcol {white-space: nowrap;overflow: hidden;text-overflow: clip;max-width: 150px;}
.customerpro {margin-left: 10px;max-height: 30px;overflow: auto;}
.customerpro a {position: relative;height: 30px !important;line-height: 30px;margin-right: 20px;display: inline-block;padding-left: 3px;}
/*.customerpro a::before, .customerpro .narrow {content: '';height: 30px;position: absolute;right: -10px;top: 0;border-color: #fff #fff #fff transparent;border-style: solid;border-width: 15px 0 15px 11px;}*/
.customerpro a::before, .customerpro .narrow {content: '';height: 30px;position: absolute;right: -10px;top: 0;border-color:transparent;border-style: solid;border-width: 15px 0 15px 11px;}
.customerpro .narrowl {content: '';height: 30px;position: absolute;left: -10px;top: 0;border-color: #fff #fff #fff transparent;border-style: solid;border-width: 15px 0 15px 11px;}
.customerpro>ul {width: 100%;white-space: nowrap;}
.customerpro>ul>li {display: inline-block;}
.ismobile .customerpro{margin-left:2px;border-bottom:1px solid #ddd;}
.ismobile .customerpro a{margin-right:10px;}
.tdnarrowl {content:"";position: absolute;right: -15px;bottom: 0;width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;z-index: 3;}
.footrowbordertop td{border-top:1px solid #ccc !important;}
.kanbanitemhead {padding-left: 18px;max-width:150px;}
.kanbanitemhead :first-child {padding-left: 3px;}
.kanbanitemhead a {color: inherit !important;float: right;}
.kanbanitem {position: relative;margin: 3px;border: 1px solid #ccc;border-radius: 5px;padding: 2px;box-shadow: 2px 2px #f2e8e8;}
.kanbanitem .kanbanbuttons {position: absolute;bottom: 2px;right: 2px;display: inline-block;background: #fff;}
.kanbancc {overflow: auto;}
table td {}
.box-body {padding: 0;}
.relative {position: relative;}
.absolute{position: absolute;}
.absolute-right, .absolute-right-top {position: absolute;right: 0;top: 0;}
.absolute-right-bottom {position: absolute;right: 0;bottom: 0;}
.float-right {float: right !important;}
.float-left {float: left !important;}
.fixed-top-left{position: fixed;top: 0;left: 0;}
.border-bottom{border-bottom: 1px solid var(--maincolor);}
.block {display: block;}
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {color: #bbb;opacity: .03 !important;}
.has-error .form-control{box-shadow:none;}
.showonerror{display:none;right:5px;}
.showonerror i:before{color:red;}
.has-error .showonerror{display:inline-block;}
.text-italic {font-style: italic;}
.sidebar-menu > li > a {padding: 6px 5px 7px 15px;display: block;}
.maxgroupscroll {width: 100%;overflow: hidden;max-width: 100%;border-radius: 0 3px 0;max-height: 370px;padding-bottom: 8px !important;}
.maxgroupscroll:hover {overflow: auto;}
.maxgroupscroll .table tfoot{border-bottom: 1px solid var(--gridbrow);}
textarea.form-control {height: 50px;}
.summary {max-width: 170px;overflow: hidden;}
.thumbs {max-height: 150px;max-width: 170px;}
.thumbnail {width: 180px;height: 200px;display: inline-block;margin: 4px;text-align: center;vertical-align: top;}
.ismobile .thumbnail {float: left;width: 45%;}
.thumdoc{width: 100px !important;height: 130px !important;}
.thumdoc a > img, .thumdoc > img {min-height: 80px !important;}
.thumdoc .summary {position: absolute;bottom: 0;width: 100% !important;background: #fff;}
select:required ~ .select2 .select2-selection--single {border-bottom: 1px solid red;}
.w100 {width:100%;}
.w50 {width:49%;}
.w100i {width: 100% !important;}
.w100px {width:100px;}
.w200px {width:200px;}
.w300px {width:300px;}
.w350px {width:350px;}
.w400px {width:400px;}
.w500px {width:500px;}
.w600px {width:600px;}
.w700px {width:700px;}
.w800px {width:800px;}
.w900px {width:900px;}
.w100pxi {width:100px !important;}
.w200pxi {width:200px !important;}
.w300pxi {width:300px !important;}
.w350pxi {width:350px !important;}
.w400pxi {width:400px !important;}
.w500pxi {width:500px !important;}
.w600pxi {width:600px !important;}
.w700pxi {width:700px !important;}
.w800pxi {width:800px !important;}
.w900pxi {width:900px !important;}
.npaddingtd td {padding: 0 !important;}
.slidedetail {position: fixed;top: 39px;right: 0px;height: calc(100vh - 39px);overflow: auto;border-left: 1px solid #ddd;border-top:0;}
.slidedetail .modal-header{padding: 7px;}
.slidedetail .modal-header > h3 {font-size: 20px;}
.hasbackground .slidedetail{border-radius:5px;}
.modal-header > h3:first-letter{text-transform:uppercase;}
.a-b-l, .a-t-l, .a-l {position: absolute;left: 0;}
.a-b-l {bottom: 0;}
.a-t-l {top: 0;}
.a-t-l {position: absolute;left: 0;top: 0;}
.a-b-r, .a-t-r, .a-r {position: absolute;right: 0;}
.a-b-r {bottom: 0;}
.a-t-r {top: 0;}
.at0{top:0px;}.ar0{right:0px;}.al0{left:0px;}.ab0{bottom:0px;}
.at0i{top:0px !important;}.ar0i{right:0px !important;}.al0i{left:0px !important;}.ab0i{bottom:0px !important;}
.at1{top:1px;}.ar1{right:1px;}.al1{left:1px;}.ab1{bottom:1px;}
.at1i{top:1px !important;}.ar1i{right:1px !important;}.al1i{left:1px !important;}.ab1i{bottom:1px !important;}
.at2{top:2px;}.ar2{right:2px;}.al2{left:2px;}.ab2{bottom:2px;}
.at2i{top:2px !important;}.ar2i{right:2px !important;}.al2i{left:2px !important;}.ab2i{bottom:2px !important;}
.at3{top:3px;}.ar3{right:3px;}.al3{left:3px;}.ab3{bottom:3px;}
.at3i{top:3px !important;}.ar3i{right:3px !important;}.al3i{left:3px !important;}.ab3i{bottom:3px !important;}
.at4{top:4px;}.ar4{right:4px;}.al4{left:4px;}.ab4{bottom:4px;}
.at4i{top:4px !important;}.ar4i{right:4px !important;}.al4i{left:4px !important;}.ab4i{bottom:4px !important;}
.at5{top:5px;}.ar5{right:5px;}.al5{left:5px;}.ab5{bottom:5px;}
.at5i{top:5px !important;}.ar5i{right:5px !important;}.al5i{left:5px !important;}.ab5i{bottom:5px !important;}
.at6{top:6px;}.ar6{right:6px;}.al6{left:6px;}.ab6{bottom:6px;}
.at6i{top:6px !important;}.ar6i{right:6px !important;}.al6i{left:6px !important;}.ab6i{bottom:6px !important;}
.at7{top:7px;}.ar7{right:7px;}.al7{left:7px;}.ab7{bottom:7px;}
.at7i{top:7px !important;}.ar7i{right:7px !important;}.al7i{left:7px !important;}.ab7i{bottom:7px !important;}
.at8{top:8px;}.ar8{right:8px;}.al8{left:8px;}.ab8{bottom:8px;}
.at8i{top:8px !important;}.ar8i{right:8px !important;}.al8i{left:8px !important;}.ab8i{bottom:8px !important;}
.at9{top:9px;}.ar9{right:9px;}.al9{left:9px;}.ab9{bottom:9px;}
.at9i{top:9px !important;}.ar9i{right:9px !important;}.al9i{left:9px !important;}.ab9i{bottom:9px !important;}
.at10{top:10px;}.ar10{right:10px;}.at10{left:10px;}.ar10{bottom:10px;}
.at10i{top:10px !important;}.ar10i{right:10px !important;}.at10i{left:10px !important;}.ar10i{bottom:10px !important;}
.at15{top:15px;}.ar15{right:15px;}.at15{left:15px;}.ar15{bottom:15px;}
.at15i{top:15px !important;}.ar15i{right:15px !important;}.at15i{left:15px !important;}.ar15i{bottom:15px !important;}
.at20{top:20px;}.ar20{right:20px;}.at20{left:20px;}.ar20{bottom:20px;}
.at20i{top:20px !important;}.ar20i{right:20px !important;}.at20i{left:20px !important;}.ar20i{bottom:20px !important;}
.l5{left:5px;right: unset;}
.l10{left:10px;right: unset;}
.l15{left:15px;right: unset;}
.l20{left:20px;right: unset;}
.l25{left:25px;right: unset;}
.l30{left:30px;right: unset;}
.r5{right:5px;left: unset;}
.r10{right:10px;left: unset;}
.r15{right:15px;left: unset;}
.r20{right:20px;left: unset;}
.r25{right:25px;left: unset;}
.r30{right:30px;left: unset;}
.r35{right:35px;left: unset;}
.r40{right:40px;left: unset;}
.r45{right:45px;left: unset;}
.r50{right:50px;left: unset;}
.r60{right:60px;left: unset;}
.b5{bottom:5px;top: unset;}
.b10{bottom:10px;top: unset;}
.b15{bottom:15px;top: unset;}
.b20{bottom:20px;top: unset;}
.b25{bottom:25px;top: unset;}
.b30{bottom:30px;top: unset;}
.t5{top:5px;bottom: unset;}
.t10{top:10px;bottom: unset;}
.t15{top:15px;bottom: unset;}
.t20{top:20px;bottom: unset;}
.t25{top:25px;bottom: unset;}
.t30{top:30px;bottom: unset;}
.bold{font-weight:bold;}
.dropdown-menu .btn {text-align: left !important;padding: 5px;margin-left: 2px;}
a {cursor: pointer;}
.stbars a {padding: 3px;}
.stbars a:hover, .stbars a:active {}
.stbars>.btn-default{color:var(--maincolor2);}
.dropdown-menu {min-width: 200px;}
.boxsp {border: 1px dotted var(--maincolor);border-radius: 1px;margin: 1px;background-color:var(--maincolor);padding: 2px;font-weight: bold;color: white;width: 60px;text-align: center;vertical-align: middle;display: inline-block;height: 30px;line-height: 26px;position: relative;}
.boxsptipleft {position: absolute;left: 0;height: 100%;width: 20px;display: inline-block;top: 0;}
.cchidden {position: absolute;right: 0;bottom: 0;}
.gwrap {min-height: 150px;}
.card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
.blockcon .card-body {position: absolute;left: 0;background: #fff;width: 100%;bottom:0;}
.blockcon .card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;height: 240px;max-height: 240px;overflow: hidden;text-align: center;}
.blockcon .card img {min-height: 200px;}
.blockcon .card .btn-group {float: left;border-top: 1px solid #ddd;border-radius: 0 5px 0;border-right: 1px solid #ddd;background: #f7f5f569;}
.blockcon .card .btn-group-top {position:absolute;right:0;top:0;border: 0 0 1px 1px solid #ddd;border-radius: 0 0 0 5px;background: #f7f5f569;display:none;}
.blockcon .card:hover .btn-group-top {display:block;}
.blockcon .card .btn-group a {padding:5px 5px 5px 0;}
.blockcon .card .btn-group a:first-child {padding-left:5px;}
.blockcon .card .card-body .text-muted {float: right;padding-right: 3px;}
.flexmasonry {display: flex;flex-flow: column wrap;align-content: space-between;}
.flexmasonry-item { width: 100%; }
.flexmasonry-cols-2 .flexmasonry-item { width: 50%; }
.flexmasonry-cols-3 .flexmasonry-item { width: 33.333%; }
.flexmasonry-cols-4 .flexmasonry-item { width: 25%; }
.flexmasonry-cols-5 .flexmasonry-item { width: 20%; }
.flexmasonry-cols-6 .flexmasonry-item { width: 16.666%; }
.flexmasonry-cols-7 .flexmasonry-item { width: 14.285%; }
.flexmasonry-cols-8 .flexmasonry-item { width: 12.5%; }
.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n+1) { order: 1; }
.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n){ order: 2; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+1) { order: 1; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+2) { order: 2; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n){ order: 3; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+1) { order: 1; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+2) { order: 2; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+3) { order: 3; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n){ order: 4; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+1) { order: 1; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+2) { order: 2; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+3) { order: 3; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+4) { order: 4; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n){ order: 5; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+1) { order: 1; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+2) { order: 2; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+3) { order: 3; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+4) { order: 4; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+5) { order: 5; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n){ order: 6; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+1) { order: 1; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+2) { order: 2; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+3) { order: 3; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+4) { order: 4; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+5) { order: 5; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+6) { order: 6; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n){ order: 7; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+1) { order: 1; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+2) { order: 2; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+3) { order: 3; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+4) { order: 4; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+5) { order: 5; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+6) { order: 6; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+7) { order: 7; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n){ order: 8; }
.flexmasonry-break {content: "";flex-basis: 100%;width: 0 !important;margin: 0;}
.flexmasonry-break-1 { order: 1; }
.flexmasonry-break-2 { order: 2; }
.flexmasonry-break-3 { order: 3; }
.flexmasonry-break-4 { order: 4; }
.flexmasonry-break-5 { order: 5; }
.flexmasonry-break-6 { order: 6; }
.flexmasonry-break-7 { order: 7; }
.fixleftlastcol {}
.panel-line {border: none;}
.panel-line .panel-heading {background: none;font-weight: bold;}
.panel-line .panel-heading:before {content: '\f02b';font: normal normal normal 14px/1 FontAwesome;}
.floatThead-container {overflow: hidden;}
.round26 {width: 26px;height: 26px;border-radius: 100%;}
.round36 {width: 36px;height: 36px;border-radius: 100%;}
.round50 {width: 50px;height: 50px;border-radius: 100%;}
.tab-content img {max-width: 100%;}
.modal-footer {padding: 5px 15px;}
.pavatar {height: 150px;width: 150px;border-radius: 100%;border: 2px solid #f2f1f1;overflow: hidden;position: relative;display: block;text-align: center;margin: 0;padding: 0;}
.pavatar .bizaddon {position: relative;display: table;width: 100%;height: 100%;}
.pavatar img {width: 100%;height: 100%;}
.pavatar .tbars {position: absolute;bottom: 20px !important;top: auto;width: 100%;height: 25px;display: none;background-color: white;color: black;}
.pavatar:hover .tbars {display: block;}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {padding: 6px 5px;}
.autotip {position: absolute;width: auto;max-width: 400px;min-width: 100px;height: auto;background: #000000;border: 1px solid #999999;color: White;padding: 7px;border-radius: 5px;display: table-cell;z-index: 10000;}
.autotip:before {content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border: solid transparent;border-width: 8px;border-color: rgba(153, 153, 153, 0);top: 100%;left: 10px;border-top-color: #999999;margin-left: -8px;}
.thumbnail a > img, .thumbnail > img {margin-right: auto;margin-left: auto;width: 100%;height: 100%;overflow: hidden;min-height: 150px;}
.thumbnail {width: 180px;height: 200px;display: inline-block;margin: 4px;text-align: center;vertical-align: top;overflow: hidden;position: relative;}
.modal-dialog .select2-container {z-index: 222;display: block;}
.closemodal {opacity: .7;border-radius: 100%;width: 20px;height: 20px;line-height: 16px;text-align: center;}
.closemodal:hover {border: 1px solid #ddd;background:#ccc;opacity: 1;color:#fff;}
.swal2-title {max-height: calc(100vh - 300px);overflow: auto;}
.mainrow.nohover {background: none !important;}
.mainrow.nohover:hover {background: none !important;}
.main-header .navbar .nav > li > a > .label {position: absolute;top: 5px;right: 4px;text-align: center;font-size: 9px;padding: 2px 3px;line-height: .9;}
#ulschedu .menu li a h3 {margin: 0;}
.timepicker .dropdown-menu .btn {text-align: center !important;}
.timepicker .bootstrap-datetimepicker-widget table td {height: 24px !important;line-height: 24px !important;}
.timepicker .bootstrap-datetimepicker-widget table td span {height: 24px !important;line-height: 24px !important;}
.uploadlinks {margin-bottom: 0 !important;padding: 0 !important;}
.uploadlinks li {line-height: 22px;position: relative;}
.uploadlinks li .glyphicon-remove {position: absolute;top: 3px;}
.iframeloading {min-height: 350px;}
.iframeloading:before {content: '';background: url(/Resources/images/loading.svg) center center no-repeat;display: block;width: 100px;height: 100px;margin: auto;position: absolute;top:calc(100%/2 - 50px);left:calc(100%/2 - 50px);z-index: 2;}
.biggg {width: 500px !important;}
.no-style {margin: 0 !important;padding: 0 !important;list-style-type: none;}
.select2-container--default .select2-selection--single .select2-selection__clear {cursor: pointer;float: right;font-weight: bold;width: 10px;right: 4px;}
.pempty>.cempty:first-child {display:none;}
.pempty > .cempty:only-child {display: block;text-align:center;color: #ddd;}
.center-div {display: flex;justify-content: center;align-items: center;height: 100%;}
.drap222 .dragged {position: absolute;opacity: 0.5;z-index: 2000;}
.drap222 .ui-sortable-placeholder {position: relative;float:left;height: 60px;width: 72px;background-color:yellow;}
.drap222 div.placeholder {position: relative;}
.drap222 div.placeholder:before {position: absolute;}
.app-preview__body.mobile .preview-image {width: 232px;height: 430px;background: url(/Resources/images/mobile.png) 0 0/contain no-repeat;}
.app-preview__body.desktop .preview-image {width: 692px;height: 409px;background: url(/Resources/images/desktop.png) 0 0/contain no-repeat;}
.app-preview__body .preview-image {margin: 0 auto;position: relative;}
.box-mndng {position: relative;float: left;height: 60px;width: 72px !important;border: 1px solid #ccc;border-radius: 3px;text-align:center !important;}
.box-mndng>img {max-height:28px;display:block;}
.colorheader{background: var(--maincolor) !important;color: #fff;}
.gmodule {min-height: 100px;}
.gmodule:empty {width: 28px;height: 28px;border-radius: 50%;position: relative;animation: loader10 0.9s ease alternate infinite;animation-delay: 0.16s;top: 50%;margin: 0px auto 0;}
.gmodule:empty::after, .gmodule:empty:empty::before {content: '';position: absolute;width: 28px;height: 28px;border-radius: 50%;animation: loader10 0.9s ease alternate infinite;}
.gmodule:empty::before {left: -40px;animation-delay: 0.08s;}
.gmodule:empty::after {right: -40px;animation-delay: 0.44s;}
.box-module:empty {width: 28px;height: 28px;border-radius: 50%;position: relative;animation: loader10 0.9s ease alternate infinite;animation-delay: 0.16s;top: 50%;margin: 0px auto 0;min-height: 28px;}
.box-module:empty::after, .box-module:empty::before {content: '';position: absolute;width: 28px;height: 28px;border-radius: 50%;animation: loader10 0.9s ease alternate infinite;}
.box-module:empty::before {left: -40px;animation-delay: 0.08s;}
.box-module:empty::after {right: -40px;animation-delay: 0.44s;}
.gmodule_form:empty {width: 28px;height: 28px;border-radius: 50%;position: relative;animation: loader10 0.9s ease alternate infinite;animation-delay: 0.16s;top: 50%;margin: 0px auto 0;}
.gmodule_form:empty::after, .gmodule_form:empty::before {content: '';position: absolute;width: 28px;height: 28px;border-radius: 50%;animation: loader10 0.9s ease alternate infinite;}
.gmodule_form:empty::before {left: -40px;animation-delay: 0.08s;}
.gmodule_form:empty::after {right: -40px;animation-delay: 0.44s;}
.modal-dialog .modal-content:empty {width: 28px;height: 28px;border-radius: 50%;position: relative;animation: loader10 0.9s ease alternate infinite;animation-delay: 0.16s;top: 50%;margin: 0px auto 0;}
.modal-dialog .modal-content:empty::after, .modal-dialog .modal-content:empty::before {content: '';position: absolute;width: 28px;height: 28px;border-radius: 50%;animation: loader10 0.9s ease alternate infinite;}
.modal-dialog .modal-content:empty::before {left: -40px;animation-delay: 0.08s;}
.modal-dialog .modal-content:empty::after {right: -40px;animation-delay: 0.44s;}
.modal-dialog form:empty {width: 28px;height: 28px;border-radius: 50%;position: relative;animation: loader10 0.9s ease alternate infinite;animation-delay: 0.16s;top: 50%;margin: 0px auto 0;}
.modal-dialog form:empty::after, .modal-dialog form:empty::before {content: '';position: absolute;width: 28px;height: 28px;border-radius: 50%;animation: loader10 0.9s ease alternate infinite;}
.modal-dialog form:empty::before {left: -40px;animation-delay: 0.01s;}
.modal-dialog form:empty::after {right: -40px;animation-delay: 0.44s;}
@keyframes loader10 {0% {box-shadow: 0 28px 0 -28px #0ec633;}100% {box-shadow: 0 28px 0 #0ec633;}}
.loadinggmodule {width: 328px;height: 208px;margin: 16px auto;background-color: #ffffff;border-radius: 2px;-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.08);box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.08);}
.element1 {top: 16px;left: 50px;height: 24px;width: 220px;}
.element2 {top: 36px;left: 80px;height: 68px;width: 160px;}
.element3 {top: 58px;left: 16px;height: 14px;width: 296px;}
.element4 {top: 68px;left: 16px;height: 14px;width: 296px;}
.greybg{background:#f4f4f4;}
.gradient {animation-duration: 1.8s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: #f6f7f8;background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);background-size: 1000px 640px;position: relative;}
@keyframes placeHolderShimmer {0% {background-position: -468px 0;}100% {background-position: 468px 0;}}
.ahotel .select2-selection {background: transparent;}
.ahotel .select2-container .select2-selection--single .select2-selection__rendered {color: #fff !important;}
.select2-container .select2-selection--multiple {min-height: 22px;}
.modal-body label {font-weight: bold !important;}
.tab-content > .active {padding-top: 2px;}
.splitlabel {font-weight: bold;width: 100% !important;color: var(--maincolor2);}
.splitlabel:before {border-top: 1px dotted red;position: absolute;height:1px;width: 100%;content: '';top: 20px;}
.gosearch2wrap > div.show {display: table !important;}
.gosearchdropdown.show .input-group-addon{border:none;}
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 100px;height: 100px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #691cff;-webkit-animation: spinloader 1s linear infinite;animation: spinloader 1s linear infinite;z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f51dac;-webkit-animation: spinloader 1.5s linear infinite;animation: spin 1.5s linear infinite;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #fff;-webkit-animation: spinloader 0.75s linear infinite;animation: spinloader 0.75s linear infinite;}
@-webkit-keyframes spinloader {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spinloader {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background:var(--maincolor);z-index: 1000;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.35s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.35s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.35s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.35s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.35s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.35s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);}
.loaded #loader {opacity: 0;-webkit-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.15s 1s ease-out;-o-transition: all 0.15s 1s ease-out;transition: all 0.15s 1s ease-out;}
ul {list-style-type: none;padding: 0;margin: 0;}
.ispopup #boxmain {padding: 0;}
.modal-header .pull-right-header {top: 5px;right: 30px;}
tr.maindetail > td {height: 0 !important;padding: 0 !important;margin: 0 !important;}
.select2-container .select2-selection--multiple {min-height: 24px;line-height: 10px;}
.select2-container .select2-search--inline .select2-search__field {margin-top: 4px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {list-style: none;line-height: 19px;margin-top: 0;}
select > option[text=""]:before {content: attr(placeholder);}
.dropscheduler {width: 450px !important;box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);padding: 5px !important;max-height: calc(100vh - 40px);min-height: 100px;position: fixed;top: 38px;right: 10px;z-index: 9999;background: #fff;opacity: 1;transform: scale(1) translateZ(0px);transition: opacity 326ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 217ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border-radius: 2px;max-width: 100%;}
@media (max-width:768px) {.dropscheduler{right:0;}}
.dropscheduler .modal-body {padding: 0;overflow-x: hidden !important;}
.notecompleted {text-decoration-line: line-through !important;text-decoration-color: red !important;color: #9f9b9b;}
.dropscheduler .idex {display: inline-block;font-size: 15px;font-style: italic;border: 1px solid #ccc;border-radius: 50%;width: 20px !important;height: 20px !important;text-align: center;margin-right: 3px;}
.ntitem:hover .idex {background-color: var(--maincolor);color: #fff;transition: all 1s;}
.ntitem:hover {background: #f2f2f2;border-radius: 3px;}
.dropscheduler .lsbc {border-top: 1px solid #f8f8f3;position: relative;max-height: calc(100vh - 200px);overflow: auto;}
.ntitem {}
.ntitem .ntbtn {opacity: 0;}
.ntitem:hover .ntbtn,.ismobile .ntbtn {opacity: 1;transition: all 1s;}
th .select2-container--default .select2-selection--single, th .select2-selection .select2-selection--single {background-color: transparent !important;}
.closedropdown {display: inline-block !important;width: 10px !important;opacity: .4;padding: 0;margin: 0;margin-right: 5px;margin-top: 2px;}
td.text-clip {position: relative;}
div.text-clip, h3.text-clip {width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
div.text-clip {position: absolute;}
.r-1 {right: 1px;}
.r-2 {right: 2px;}
.r-3 {right: 3px;}
.r-4 {right: 4px;}
.r-5 {right: 5px;}
.r-10 {top: 10px;}
.t-5 {top: 5px;}
.t-10 {top: 10px;}
.t-20 {top: 20px;}
.form-group {padding-left: 5px;padding-right: 5px;}
.gouptabs {display: -webkit-box;width: 100%;position: absolute;top: 0;left: 0;}
.wrapgouptabs {height: 40px;}
.arrleft, .arrright {position: absolute;width:25px;height: 40px;background: #fff;text-align: center;font-weight: bold;line-height: 40px;font-size: 20px;}
.arrleft {left: 0;}
.arrright {right: 0;width:25px;}
.arrleft i, .arrright i {width:25px;height: 30px;line-height: 30px;}
.closemodal {position: absolute;right: 15px;top: 2px;z-index: 1;}
.box-header input[type="checkbox"], .box-header input[type="radio"] {margin-right: 10px !important;}
select:required + .select2 .select2-selection--multiple {border-color: red !important;}
.transdiv .btntrans, .relative > .btntrans {opacity: 0.1;}
.transdiv:hover .btntrans, .relative:hover > .btntrans {opacity: 0.7;transition: all .2s;}
.moveheader h1, .moveheader h2, .moveheader h3 {cursor: move !important;}
.subtableborder {width: 100%;margin-top: -6px !important;margin-left: -4px !important;margin-right: -4px !important;border: 1px solid #ddd;}
.modal-max {width: 100%;height: auto;}
.modal-max .modal-content {border: none;box-shadow: none;}
.b-left-h {min-height: calc(100vh - 200px);border-left: 1px solid #ddd;}
.l-i-r label {display: inline;font-weight: normal !important;line-height: 30px;padding-left: 10px;}
.l-i-r .form-control {float: left;}
.l-i-l label {float: left;display: inline;font-weight: normal !important;line-height: 30px;padding-right: 10px;}
.mh100 {max-height: 100px;}
.mh150 {max-height: 150px;}
.mh200 {max-height: 200px;}
.mh250 {max-height: 250px;}
.mh300 {max-height: 300px;}
.mh350 {max-height: 350px;}
.minh100 {min-height: 100px;}
.minh150 {min-height: 150px;}
.b-b-d {border-bottom: 1px dotted #ccc;}
.box-module {position: relative;}
.searchyear:before {color: red;}
.searchyear:after {}
.zindex1000 {z-index: 11000;}
.zindex1 {z-index:1;}
.zindex2 {z-index:2;}
.zindex3 {z-index:3;}
h3:first-letter {text-transform: uppercase;}
.cftr100 {background: transparent !important;padding: 0 !important;border: 0 !important;top: -5px !important;}
.maxheightmin80 > .modal-content > div > .box-body, .maxheightmin80 > .modal-content > div > div > .box-body {max-height: calc(100vh - 80px) !important;}
.golist a.btn {padding: 5px 5px;background-color:var(--maincolor);border-color:var(--maincolor2);}
.golist .notActive {color: #3276b1;background-color:#fff !important;}
.golistfullw{width:100%;}
.golistfullw .btn-group{width:100%;}
.golistfullw .btn-group .btn{width:100%;border-radius:0px;border-top: 0;margin-left: 0;text-align:left;}
.golistfullw .btn-group .btn:first-child {border-top: 1px solid var(--maincolor2);margin-right: 0;
border-top-right-radius: 5px !important;
border-top-left-radius: 5px !important;
margin-left: 0 !important;}
.golistfullw .btn-group .btn:last-child {
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
margin-left: 0 !important;}
.golistfullw .btn.active,.golistfullw .btn:active{box-shadow:none;}
.product_red {background-color: #ff6a00 !important;}
.product_orangce {background-color: #c1bebe !important;}
.green .btn-success.notActive {background-color: #449d44;border-color: #398439;color: #000 !important;}
.green .btn-success.active {background-color: #fff;border-color: #449d44;color: #449d44 !important;font-weight: bold;}
.searchform {}
.searchform .gosearch2wrap {width: 200px;max-width: 200px;display: inline-block;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;}
.searchform .gosearch2wrap .fa-search {-webkit-appearance: none;background: url(/Resources/images/arrow_down.png) no-repeat right white;width: 16px;height: 16px;}
.searchform .gosearch2wrap .fa-search, .searchform .gosearch2wrap .glyphicon-search {-webkit-appearance: none;background: url(/Resources/images/arrow_down.png) no-repeat right white;width: 16px;height: 16px;}
.searchform .gosearch2wrap .fa-search::before, .searchform .gosearch2wrap .glyphicon-search::before {content: "";}
.ativitypanel .itemdiv {position: relative;}
.ativitypanel .itemdiv {padding-right: 3px;}
.ativitypanel .dialogdiv {padding-bottom: 14px;}
.ativitypanel .dialogdiv::before {content: "";position: absolute;display: block;top: 0;bottom: 0;left: 19px;width: 3px;max-width: 3px;background-color: #E1E6ED;border: 1px solid #D7DBDD;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-width: 0 1px;}
.ativitypanel .itemdiv > .user {display: inline-block;width: 42px;position: absolute;left: 0;}
.ativitypanel .itemdiv > .user > .img, .ativitypanel .itemdiv > .user > img {border-radius: 100%;border: 2px solid #5293C4;border-top-color: rgb(82, 147, 196);border-right-color: rgb(82, 147, 196);border-bottom-color: rgb(82, 147, 196);border-left-color: rgb(82, 147, 196);max-width: 40px;position: relative;border-color: #C9D6E5;vertical-align: middle;height: 42px;}
.ativitypanel .itemdiv > .body {width: auto;margin-left: 50px;margin-right: 12px;position: relative;}
.ativitypanel .dialogdiv > .body {border: 1px solid #DDE4ED;border-left-width: 1px;padding: 5px 8px 8px;border-left-width: 2px;margin-right: 1px;}
.ativitypanel .dialogdiv > .body::before {content: "";position: absolute;display: block;left: -7px;top: 11px;width: 8px;height: 8px;border: 2px solid #DDE4ED;border-top-width: 2px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 2px;border-width: 2px 0 0 2px;background-color: #FFF;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.ativitypanel .itemdiv > .body > .time .itemdiv > .body > .time {display: block;font-size: 11px;font-weight: 700;color: #666;position: absolute;right: 9px;top: 0;}
@media (min-width:768px) {.hidden-md {display: none !important;}}
/*@media (max-width: 320px) {.hidden-xs {display: none !important;}}*/
.ativitypanel .itemdiv.dialogdiv > .body > .time {position: static;float: right;}
.ativitypanel .green {color: #69AA46 !important;}
.ativitypanel .itemdiv > .body > .name {display: block;color: #999;}
.ativitypanel .itemdiv > .body > .text {display: block;position: relative;margin-top: 2px;padding-bottom: 19px;padding-left: 7px;font-size: 13px;}
.ativitypanel .itemdiv.dialogdiv > .body > .text {padding-left: 0;padding-bottom: 0;}
.ativitypanel img {max-width: 260px;}
.droptable td input {width: 100%;border-bottom: 1px dotted #000 !important;height: 15px;}
.searchform .select2-container--default .select2-selection--multiple .select2-selection__rendered {max-height: 60px;overflow: auto;overflow-x: hidden;}
.fa-spin {-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);}
@-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
@keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
.fa-rotate-90 {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.fa-rotate-180 {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.fa-rotate-270 {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);}
.fa-flip-horizontal {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}
.fa-flip-vertical {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform: scale(1, -1);-ms-transform: scale(1, -1);transform: scale(1, -1);}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {filter: none;}
.fa-stack {position: relative;display: inline-block;width: 2em;height: 2em;line-height: 2em;vertical-align: middle;}
.fa-stack-1x,.fa-stack-2x {position: absolute;left: 0;width: 100%;text-align: center;}
.fa-stack-1x {line-height: inherit;}
.fa-stack-2x {font-size: 2em;}
.fa-inverse {color: #ffffff;}
.ace_editor.ace-jsoneditor {min-height: calc(100vh - 200px);}
.boxdh {border: 1px solid var(--maincolor2);border-radius: 5px;margin: 3px;background-color:var(--maincolor);text-align: right;padding: 3px;font-weight: bold;color: white;}
.boxdh h3 {text-align: left;font-size: 20px;}
.boxdhw .boxdh>div{position:relative;}
.boxdhw .boxdh>div i{font-size:26px;}
.searchform .select2,.searchform1 .select2{min-width: 100px;}
.searchform .select2-selection--single,.searchform1 .select2-selection--single{padding-top: 0 !important;height: 25px !important;}
.searchform .select2-container--default .select2-selection--single .select2-selection__arrow,.searchform1 .select2-container--default .select2-selection--single .select2-selection__arrow{height: 15px !important;}
.searchform .select2-selection--multiple,.searchform1 .select2-selection--multiple{min-height: 20px;height: 20px;}
.searchform .select2-selection--multiple .select2-search__field,.searchform1 .select2-selection--multiple .select2-search__field{margin-top: -2px !important;}
.searchform .select2-selection--multiple .select2-selection__choice,.searchform1 .select2-selection--multiple .select2-selection__choice{line-height: 16px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color:var(--maincolor);border-color:var(--maincolor2);}
.select2-container--default .select2-selection--multiple .select2-selection__choice {padding: 1px 2px;margin-right: 2px;}
.form-group .bizaddon {display: table;}
.searchform .bizaddon {display: inline-block;}
.golist div a.btn {line-height: 14px;}
.go-grid-empty {color: #938e8e;font-size: 15px;padding: 5px !important;}
.cke_top {position: relative !important;min-height: 10px;}
a.cke_toolbox_collapser {position: absolute !important;bottom: 1px !important;right: 1px !important;}
.gopasswordshowhide.ng-hide + .show-hide-password {display: none;}
.goaddressgroup {margin-bottom: 0 !important;padding: 0 !important;height:26px;}
i[class*=filetype_]:before {content: "\f002";opacity: 0;}
a[class*=filetype_] > i {opacity: 0.1;}
[class*=filetype_] {opacity: 0.4;width: 12px;}
[class*=filetype_]:hover,ul.scroll-loader>li:hover [class*=filetype_]{opacity: 1;}
.fa-clean{background: url(/Resources/images/clean.png);width:16px;height:16px;line-height:16px;}
.fa-zalo{background: url(/Resources/images/zl.png);width:10px;height:16px;line-height:16px;background-size: cover;}
.filetype_docx, .filetype_doc {background: url(/Resources/images/files/word.png) no-repeat center;}
.filetype_sheet, .filetype_xlsx, .filetype_xls {background: url(/Resources/images/files/excel.png) no-repeat center;}
.filetype_txt {background: url(/Resources/images/files/txt.png) no-repeat center;}
.filetype_pdf {background: url(/Resources/images/files/pdf.png) no-repeat center;}
.filetype_html, .filetype_htm {background: url(/Resources/images/files/html.png) no-repeat center;}
.filetype_pptx, .filetype_ppt {background: url(/Resources/images/files/ppt.png) no-repeat center;}
.filetype_rar, .filetype_zip {background: url(/Resources/images/files/zip.png) no-repeat center;}
.filetype_png, .filetype_gif, .filetype_jpg, .filetype_jpeg {background: url(/Resources/images/files/image.png) no-repeat center;}
.filetype_gdraw {background: url(/Resources/images/files/dwg.png) no-repeat center;}
.filetype_report {background: url(/Resources/images/files/rtf.png) no-repeat center;}
.filetype_folder {background: url(/Resources/images/files/folder.png) no-repeat center;}
.filetype_mp4,.filetype_mp3,.filetype_avi,.filetype_wav {background: url(/Resources/images/files/mp3.png) no-repeat center;}
.drap {display: inline-block;width:16px;height:16px;background: url(/Resources/images/drap.png) no-repeat;background-size:cover;opacity:.5;}
.active:hover .drap,.rowselected:hover .drap{opacity:1;}
.user-footer a.btn {color: #fff !important;background:var(--maincolor);}
#ulschedu1 .dropdown-menu > .active > a {color: #fff !important;background-color: var(--maincolor);}
@media only screen and (max-width: 600px) {.modal.in .modal-dialog {left: 0 !important;top: 40px !important;transform: none !important;margin: 0;position: absolute;width: 100%;}}
.qrcodeborder {padding: 3px;border: 1px solid #000;border-radius: 3px;}
.qrcodeborder::before {font-size: 20px;}
.buttondn {background-color:var(--maincolor);border: medium none;border-radius: 3px;color: #ffffff;cursor: pointer;display: inline-block;font-size: 15px;font-weight: bold;line-height: 24px;margin: 0;padding: 12px 24px;text-align: center;transition: all 0.1s ease-in 0s;vertical-align: middle;white-space: nowrap;width: 100%;}
.searchform .searchboxkey {width: 120px;height:22px;}
.ismobile .searchform .searchboxkey {width: 102px;}
.table > thead > tr > th {border-bottom: 1px solid #fbfbfb;border-right: 1px solid #fbfbfb;}
.bizaddon .form-control {padding-right: 23px !important;height:24px;}
.content-wrapper .content .row{margin:0;}
.content-wrapper .content .row #boxmain{padding:0;}
.wrapper section.content{padding:0;}
.ismobile .wrapper section.content {padding-top: 2px;}
.ismobile #boxmain {padding-left: 2px;padding-right: 2px;}
.ismobile input[type=checkbox] {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);}
.ssubtitle {font-size: 11px;font-style: italic;font-weight: normal;color: red;}
.searchform [class*="col-"] .gosearch2wrap {width: 100%;max-width: 100%;}
.searchform [class*="col-"] .gosearch2wrap input.form-control {height: 20px;}
.wrapgouptabs {border-bottom: 1px solid #ddd;}
.wrapgouptabs .nav-tabs {border-bottom: none;}
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}
.searchform .inline-block{display:inline-block !important;margin-bottom: 0 !important;vertical-align: middle;}
.ispopup .searchform .inline-block{vertical-align: bottom;}
.pr5 {padding-right: 5px;}
.swal2-icon {float: left !important;margin-bottom: 33px !important;}
.swal2-modal .swal2-buttonswrapper {float: right !important;}
.swal2-modal .swal2-title {font-size: 20px !important;text-align: justify;}
.swal2-modal .swal2-content {font-size: 16px;text-align: justify;}
.modal-header {background:var(--mainmodalheaderbg);position:relative;}
.modal-header>h3{padding-right:20px;}
.modal-header:before {}
.gonumberinput {text-align: right;min-height:20px;}
.sidebar-expanded-on-hover .sidebar-menu li.header {display: none;}
.fngrid a {padding: 1px;}
.pmsgc {width: 100%;position: relative;display: table;background: #fff;border-radius:5px;}
.pmsgc .pmsg {background: #f4f4f4;border-radius: 10px;padding: 3px;margin: 5px;padding-left: 8px;margin-left: 50px;}
.pmsgc .puser {width: 45px;position: absolute;left: 5px;}
.pmsgc .puser .msg-photo{width:32px;height: 32px;border-radius: 50%;border: 1px solid #ddd;}
.pmsgc.selected .pmsg{border: 1px dotted red;}
.repnotify{font-size:13px;color:var(--maincolor2);}
.maxheight35{max-height: calc(100vh - 35px) !important;}
.minheight35{min-height: calc(100vh - 35px) !important;}
.pdr10{padding-right:10px;}
/*other fixed*/
.go-grid-cell>div.bizaddon .right-addon{z-index: 2;}
.npaddingtd>table .fngridcheck,.npaddingtd>table .fngrid{padding-left: 6px !important;padding-right: 6px !important;padding-bottom: 0 !important;padding-top: 0 !important;height: 20px !important;line-height: 10px !important;}
.fixtablescroll {position: relative;width: calc(100vw - 200px);overflow: hidden;}
.fixtablescroll > thead, .fixtablescroll > tfoot {position: relative;display: block;width: calc(100vw - 200px);overflow: visible;}
.fixtablescroll > tfoot {background: #fff !important;/*z-index: 4;*/bottom:-3px;}
.fixtablescroll > thead > tr > th {display: table-cell;text-overflow: clip;overflow: hidden;white-space: nowrap;position: relative;}
.fixtablescroll > thead .fixedcol {position: relative;display: table-cell;z-index: 3;}
.fixtablescroll > tbody {position: relative;display: block;width: calc(100vw - 200px);overflow: scroll;}
.fixtablescroll > tbody > tr, .fixtablescroll > tfoot > tr {position: relative;}
.fixtablescroll > tbody > tr:last-child{border-bottom: 1px solid var(--gridbrow);}
.fixtablescroll > tbody > tr > td {}
.fixtablescroll > tbody > tr > td.fixedcol {position: relative;display: table-cell;top: 0;z-index: 3;}
.fixtablescroll > tbody > tr > td.fixedcol {background-color: #fff;box-shadow: 0px 1px var(--gridbrow);}
.fixtablescroll > tfoot > tr > td.fixedcol {position: relative;display: table-cell;z-index: 3;}
.fixtablescroll > tbody > tr:nth-of-type(2n+1) > td.fixedcol {background-color: #f9f9f9;box-shadow: 0px 1px var(--gridbrow);}
.ispopup .fixtablescroll > tbody, .ispopup .fixtablescroll, .ispopup .fixtablescroll > thead, .ispopup .fixtablescroll > tfoot {width: 100%;}
.sidebar-collapse .fixtablescroll > tbody, .sidebar-collapse .fixtablescroll, .sidebar-collapse .fixtablescroll > thead, .sidebar-collapse .fixtablescroll > tfoot {width: calc(100vw - 50px);}
.fixedcolborderright {border-right: 1px solid gray !important;}
.fixedcolborderright .wrapcell {position: absolute;top: 0;right: 0;border-right: 1px solid #cbcbcb;height: 100%;padding: 0;margin: 0;}
.fixedcolborderright .go-grid-cell{border-right: 1px solid #cbcbcb;}
.fixtablescroll > tfoot > tr > td {background-color: #fff;}
.filteredrow td, .filteredrow th {padding: 0 !important;}
.removeexport * {font-weight: normal;}
.gosearchdropdown .btn-box-tool {padding: 0 !important;color:var(--maincolor2) !important;padding-bottom: 5px !important;}
.pdfol:hover .pdfolr{display:inline-block;}
.pdfol .pdfolr{display:none;}
.foldertobc{border-radius: 5px;border: 1px solid var(--maincolor);padding-right: 4px;padding-left: 4px;margin-right: 2px;}
tr.mainhead td:last-child{padding-right: 20px;}
.weekencell {background-color: #f7bb90 !important;}
.weekencell.highlighted {background-color: #ff6a00 !important;}
.boxdiv_report{margin-bottom: 0;}
.margin-right-10{margin-right:10px;}
.d-inline{display:inline;}
.gosearchspinner {background: url(/resources/images/loading1.gif) no-repeat center;height:25px;width: 25px;position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);opacity: .5;}
.sidebar-menu li a::after {display:block;content:'';border-bottom: solid 1px #fff;transform: scaleX(0);transition: transform 950ms ease-in-out;transform-origin:0% 50%; opacity: .3;}
.sidebar-menu li a:hover::after {transform: scaleX(1); }
.treeview a:hover .fa {animation:shakeicon 2s infinite;}
@keyframes shakeicon {
    from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    10%, 20% {-webkit-transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);}
    40%, 60%, 80% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
    to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.tabnoheadborder>li>a{position:relative;border-top:none !important;border-left:none !important;border-right:none !important;font-size: 16px !important;font-weight: normal;}
.tabnoheadborder>li.active>a{font-size: 18px !important;}
.tabnoheadborder>li.active>a:before{content:'';display:block;position:absolute;bottom:5px;left:0px;height:1px;width:100%;background:var(--maincolor);}
.fancybox-can-zoomIn .fancybox-image-wrap{background:#fff;}
.rangevalue {position: absolute;right: 6px;bottom: 15px;font-size: 11px;color: red;max-width: 40px;}
.container2 {padding: 10px;}
.container2 [class*="col-"] {padding-left: 15px;padding-right: 0;padding-bottom: 5px;}
::-webkit-scrollbar {height: 12px;width: 5px;background: #ddd;scrollbar-width: thin !important;}
* {scrollbar-color: rgba(160,160,160) #f0f0f0 !important;scrollbar-width: thin !important;}
::-webkit-scrollbar-thumb {background: #ccc;-webkit-border-radius: 1ex;-webkit-box-shadow: 0px 1px 2px rgba(160,160,160);}
::-webkit-scrollbar-corner {background: #ddd;opacity:0;}
.maindetail .gwrap{max-height:calc(100vh - 210px);overflow:auto;height:calc(100vh - 210px);}
.modal-content.fullheightdig .tab-content{max-height: calc(100vh - 150px) !important;overflow: auto;}
/*.maindetail .modal-header>h3::before{content:"\f053";font:normal normal normal 14px/1 FontAwesome;width:12px;height:22px;position:absolute;left:3px;top:2px;}
.maindetail .modal-header>h3{padding-left:20px;}*/
.maxgroupscroll tr td .glyphicon-barcode.a-t-l{opacity:.2;}
.maxgroupscroll tr td .glyphicon-barcode.a-t-l:hover{opacity:1;}
.ismobile .maxgroupscroll{max-width:100vw;overflow:auto;}
.searchform.a-t-r{top:15px;}
.gdigmax .searchform.a-t-r{top:25px;}
.box {margin-bottom: 2px;border-top:0 !important;}
.main-header .sidebar-toggle {padding: 10px 10px;}
.main-header .navbar {min-height: 40px;}
.main-header .logo {height: 40px;line-height: 40px;}
.breadcrumb a {line-height: 40px;}
.ismobile .main-header .breadcrumb{display:none;color: #fff !important;}
.filteredrow .form-control:focus,.filteredrow .show>.form-control{background-color:#fff;}
.show{opacity:1;}
@media print{.noprint{display:none !important;}}
.clientallh100 div{height:100%;}
.boxdhw {padding-left: 7px !important;padding-right: 7px !important;}
td>.go-grid-cell{max-height:40px;overflow: hidden;margin: -6px;padding: 6px;}
td:hover>.go-grid-cell{overflow: auto;}
td.editable-cell:hover>.go-grid-cell{overflow: hidden;}
.codemirrormax .CodeMirror {width:100%;height: 100% !important;position: fixed;z-index: 9999999;top: 10px;}
.btnsize {position: absolute;top: -5px;right: 20px;z-index: 2;}
.btnformat {position: absolute;top: -5px;right:35px;z-index: 2;}
.btnsqlrun {position: absolute;top: -5px;right:55px;z-index: 2;}
.btnfoldepm {position: absolute;top: -5px;right:72px;z-index: 2;}
.codemirrormax .btnsize {position: fixed;z-index: 99999999991;top: 5px;right:20px;}
.ismobile .modal-body {padding:1px;}
.ismobile .modal-body .boxdhw {padding-left: 3px !important;padding-right: 3px !important;}
.ismobile h3 {font-size: 12px;}
.ismobile .col-xs-6.boxdhw{width: 33.33333333%;}
.ismobile .ismobile-w50 {width:49% !important;}
.ismobile .tabnoheadborder > li.active > a {font-size: 16px !important;}
.kanbanitem.selected{background: #fbfbfb;}
.jsoneditor-poweredBy{display:none !important;}
.kanbancon{max-width: 100%;overflow: auto;}
.el-notification {display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;overflow:hidden;}
.el-notification.right {right:16px;transform: translateX(0);}
.el-notification.left {left:16px;}
.el-notification.bottom {bottom:16px;}
.el-notification.top {top:16px;}
.el-notification__group {margin-left:13px;margin-right:8px;}
.el-notification__title {font-weight:700;font-size:16px;color:#303133;margin:0;}
.el-notification__content {font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify;}
.el-notification__content p {margin:0;}
.el-notification__icon {height:24px;width:24px;font-size:24px;}
.el-notification__closeBtn {position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px;}
.el-notification__closeBtn:hover {color:#606266;}
.el-notification .el-icon-success {color:#67c23a;}
.el-notification .el-icon-error {color:#f56c6c;}
.el-notification .el-icon-info {color:#909399;}
.el-notification .el-icon-warning {color:#e6a23c;}
.el-notification-fade-enter.right {right:0;transform: translateX(-100%);}
.el-notification-fade-enter.left {left:0;transform:translateX(-100%);}
.el-notification-fade-leave-active {opacity:0;}
.el-alert--error.is-light {background-color: #fef0f0;color: #f56c6c;}
.showonslide{display:none;}
.slidedetail .showonslide{display:block;}
.slidedetail .returndetail{position: absolute;left: 5px;top: 13px;}
.slidedetail .returndetail::before{content: "\f053";}
.slidedetail .modal-header h3{padding-left: 20px !important;}
a[href=""],a[href="#"] {cursor:default;}
.modal-lg>.modal-content,.modal-md>.modal-content,.modal-sm>.modal-content{border-radius:4px;}
.slideleftdig>.modal-content{border-radius: 0px;}
.blink-border {border: 1px #ff0000 solid;animation: blink2 1s;animation-iteration-count: 3;}
@keyframes blink2 { 50% { border-color:#fff ; }}
.table-striped > tbody > tr:nth-of-type(2n+1){background:none;}
table th {background-color:var(--maingridbg);}
.select2-container--focus .select2-selection--single{border-bottom: 1px solid #507ab5 !important;}
.gosearchdropdown .closedrop {color:gray;display: inline-block;width: 20px;opacity: .1;position: absolute;right: 0;top:0;text-align: center;}
.gosearchdropdown:hover .closedrop,.ismobile .closedrop {opacity: .6;}
.grid-no-data{text-align: left;/*background: url(/resources/images/table-no-data.png) center no-repeat;*/min-height: 50px;}
td.grid-no-data{border:none !important;}
.grid-no-data .grid-no-data-text {padding-left: 400px;font-size:16px;color: #ccc;padding-top:10px;}
.grid-no-data .grid-no-data-text img{padding-left: 60px;}
.ismobile .grid-no-data .grid-no-data-text img{padding-left:0;}
.col-md-6 .grid-no-data .grid-no-data-text {padding-left: 200px;}
.col-md-4 .grid-no-data .grid-no-data-text {padding-left: 100px;}
.blockcon .grid-no-data-text {text-align:center;}
.col-md-20{width:20%;}
.ismobile .grid-no-data-text {padding-left: 10px;font-size: 12px;text-align: center;max-width: 100vw !important;}
.go-grid-cell .intdhover{display:none;transition:display .3s;}
.go-grid-cell:hover .intdhover{display:inline-block;}
.skin-green .main-header .logo{width: 200px;}
.main-sidebar {width: 200px;}
.skin-green .sidebar-menu > li.header {background:var(--menubgactive) none repeat scroll 0 0;color: #fff;padding-left: 5px;text-align: center;}
.sidebar-menu > li > a {padding: 6px 5px 7px 11px;}
.sidebar-menu li > a > .fa-angle-left {right: 1px;}
.main-header .navbar {margin-left: 200px;}
.box-header {padding: 5px;}
textarea.form-control {overflow:hidden;}
textarea.form-control:hover {overflow:auto;}
.cke_button__flash{display:none !important;}
.vlunar{padding-top: 4px;}
.g-m-s-b {top:0;right:400px;float: left;max-width: 100%;position: absolute;width:400px;z-index:1030;}
.g-m-s-b-i{transition:background .3s;opacity: 1;width: 100%;height: 30px;margin-top: 5px;border-radius: 40px;padding: 3px;padding-left: 28px;background: transparent;font-size: 14px;color: #fff;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);}
.g-m-s-b-i:focus,.g-m-s-b-i:active {opacity:1;background:#fff;color:#716e6e;}
.g-m-s-b-si{position: absolute;left: 8px;top: 8px;font-size: 16px;color: #c8c0c0;}
.g-m-s-b-rs{display:none;transition:display 1s;height: 100%;max-height: calc(100vh - 170px);overflow: auto;display: block;padding: 5px;}
.g-m-s-b.active{background: #fff;border-radius: 14px;min-height: 100px;border: 1px solid #ccc;max-height: calc(100vh - 100px);}
.g-m-s-b.active .g-m-s-b-rs{}
.content-wrapper{margin-left: 200px;padding-top: 40px !important;}
.sidebar-collapse .content-wrapper{margin-left:0;}
@media (max-width:768px) {
    .main-header .navbar,.content-wrapper{margin-left:0 !important;}
    .fixtablescroll{width:100%;}
    .g-m-s-b{width:calc(100vw - 180px);left:0;}
}
.text-grey{color:grey;}
.text-orange{color:orange;}
.text-yellow{color:yellow !important;}
.text-green{color:green;}
.text-red{color:red;}
.text-gray{color:gray;}
.text-white{color:white;}
.text-blue{color:blue;}
.text-black{color:black;}
.text-pink{color:pink;}
.text-purple{color:purple;}
.bg-yellow{background-color:yellow;}
.bg-orange{background-color:orange;}
.bg-red{background-color:red;}
.bg-white{background-color:white;}
.bg-blue{background-color:blue;}
.bg-black{background-color:black;}
.bg-pink{background-color:pink;}
.bg-gray{background-color:gray;}
.bg-grey{background-color:grey;}
.bg-purple{background-color:purple;}
.bg-green{background-color:green;}
.bg-ddd{background-color:#ddd;}
.bg-ccc{background-color:#ccc;}
.bg-yellow-i{background-color:yellow !important;}
.bg-orange-i{background-color:orange !important;}
.bg-red-i{background-color:red !important;}
.bg-white-i{background-color:white !important;}
.bg-blue-i{background-color:blue !important;}
.bg-black-i{background-color:black !important;}
.bg-pink-i{background-color:pink !important;}
.bg-gray-i{background-color:gray !important;}
.bg-grey-i{background-color:grey !important;}
.bg-purple-i{background-color:purple !important;}
.bg-green-i{background-color:green !important;}
.bg-ddd-i{background-color:#ddd !important;}
.bg-ccc-i{background-color:#ccc !important;}
.border-yellow{border:1px solid yellow;}
.border-orange{border:1px solid orange;}
.border-red{border:1px solid red;}
.border-white{border:1px solid white;}
.border-blue{border:1px solid blue;}
.border-black{border:1px solid black;}
.border-pink{border:1px solid pink;}
.border-gray{border:1px solid gray;}
.border-grey{border:1px solid grey;}
.border-purple{border:1px solid purple;}
.border-green{border:1px solid green;}
.br1{border-radius:1px;}
.br2{border-radius:2px;}
.br3{border-radius:3px;}
.br4{border-radius:4px;}
.br5{border-radius:5px;}
.br6{border-radius:6px;}
.br7{border-radius:7px;}
.br8{border-radius:8px;}
.br9{border-radius:9px;}
.br10{border-radius:10px;}
.br50{border-radius:50%;}
.br100{border-radius:100%;}
.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {font-size: 16px !important;}
.editableinlinespan {min-width: 20px;border-bottom: 1px dotted #000;display: inline-block;}
.boxheader {display: block;border-bottom: 1px solid var(--maincolor);color: var(--maincolor2);font-size: 14px;padding-left:20px;position:relative;}
.boxheader:before {content: '\f02b';position: absolute;left: 3px;width: 20px;height: 20px;font: normal normal normal 14px/1 FontAwesome;top: 5px;}
#boxdiv_dashboard>div>div>div.modal-body{max-height: calc(100vh - 50px);}
.text-white{color:#fff !important;}
.text-i{font-style:italic;}
.fc-toolbar {padding: 0;margin-bottom:0 !important;}
.hiddendropdown{width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;display: table;}
.hiddendropdown *{position:absolute;}
.fc-center h2{font-size:20px;}
.fc-ltr .fc-resource-area tr > *{text-align: center;}
.fc-sun,.fc-sat{background:#fbfbfb;}
.pull-right-header .btn {margin-right: 3px;}
.ismobile .pull-right-header .btn {margin-right: 3px;padding-top: 3px;margin-top: 1px;}
.btn-group .btn:first-child {margin-right: -2px;}
.modal-xs{background: transparent;width: 100px;height: 100px;top:0 !important;}
.modal-xs .modal-content{background: transparent;box-shadow: none;}
.modal-xs .modal-content .iframeloading{min-height:100px;}
.gonumberlead{font-size: 11px;top: -3px;position:absolute;right:0;color:red;}
.form-group .gonumberlead{top:inherit;bottom:20px;margin-bottom: 10px !important;}
.pdl1{padding-left:1px;}
.pdl2{padding-left:2px;}
.pdl3{padding-left:3px;}
.pdl4{padding-left:4px;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdr1{padding-right:1px;}
.pdr2{padding-right:2px;}
.pdr3{padding-right:3px;}
.pdr4{padding-right:4px;}
.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr10i{padding-right:10px !important;}
.pdr15{padding-right:15px;}
.pdr15i{padding-right:15px !important;}
.pdr20{padding-right:20px;}
.pdr30{padding-right:30px;}
.pdr40{padding-right:40px;}
.pdr50{padding-right:50px;}
.m-l5,.ml5{margin-left:5px;}
.m-l10,.ml10{margin-left:10px;}
.m-l20,.ml20{margin-left:20px;}
.m-l20i,.ml20i{margin-left:20px !important;}
.m-l30,.ml30{margin-left:30px;}
.m-l40,.ml40{margin-left:40px;}
.m-l50,.ml50{margin-left:50px;}
.m-r5,.mr5{margin-right:5px;}
.m-r10,.mr10{margin-right:10px;}
.m-r20,.mr20{margin-right:20px;}
.m-r30,.mr30{margin-right:30px;}
.m-r40,.mr40{margin-right:40px;}
.m-r50,.mr50{margin-right:50px;}
.mh100{min-height:100px !important;}
.mh150{min-height:150px !important;}
.mh200{min-height:200px !important;}
.op5over{opacity:0.5;}
.op1over{opacity:0.1;}
.p:hover>.op5over,.p:hover>.go-grid-cell>.op1over,.op5over:hover,.p:hover>.op1over,.op1over:hover{opacity:1.0;}
.labelnormal label{font-weight:normal !important;}
.hiddendropdown .dropdown-toggle{display:none !important;}
.table > tbody > tr > td{border-top: 1px solid var(--gridbrow);border-right:1px solid var(--gridbcol);vertical-align: middle;}
.table > tbody > tr > td.text-clip{vertical-align: top;}
.mainheads .gosearch2wrap,.mainheads .form-control,.mainheads .gosearch2wrap .cbuttondd{border-bottom: none !important;}
.no-opacity{opacity:0;}
.opacity1{opacity:1;}
.cke_float {border: 0;display: none !important;}
.fc-license-message{display: none !important;}
.btnfaicons{font-size:20px !important;}
.renderlunar .day{position:relative;}
td.day .cld_lunar {opacity: .4;height: 12px;line-height: 12px;display: inline-block;position: absolute;bottom: -3px;font-size: 10px;font-weight: normal;font-style: italic;color: #777;right: 0;width: 20px;}
.lunarfirst{color:red !important;}
.main-header .user-footer a{background:var(--maincolor) !important;}
.main-sidebar {padding-top: 40px;}
.btn-success {background-color: var(--maincolor);border-color: var(--maincolor2);}
.btn-success:hover{background-color: var(--maincolor2);border-color: var(--maincolor);}
.text-normal{font-weight:normal !important;}
.text-small{font-weight:lighter;font-size: smaller;}
.skin-green .sidebar-menu > li > .treeview-menu {max-height:500px;overflow: hidden auto;}
.main-header .logo img{padding-top: 2px;}
.resulttrc td{padding:2px;}
tr.resulttrc td{cursor:pointer;}
.modal-full{height: calc(100vh - 40px) !important;top: 40px !important;}
.resultitem tr.resulttrc{height:22px;}
.fc-not-end::after{content: "";position: absolute;top: 50%;margin-top: -5px;border: 5px solid #000;border-top-color: transparent;border-bottom-color: transparent;opacity: .5;border-right: 0;right: 2px;}
.fc-timeline-event.fc-not-start .fc-title::before,.fc-body .fc-time-area .fc-following::before{border-color:#000;}
.w380{width:380px !important;}
.text-center-i{text-align:center !important;}
.ismobile .text-centerm{text-align:center;}
.fc-widget-header.fc-sun{background: red;color: #fff;}
.fc-day-first{border-left-color: red !important;}
.fullwidth .form-group{width:100%;}
.editable-cell .go-grid-cell{padding:4px !important;}
.paddingr15{padding-right: 15px;}
.paddingl15{padding-left: 15px;}
.paddingt15{padding-top: 15px;}
.paddingb15{padding-bottom: 15px;}
.pd1{padding:1px;}
.pdr1{padding-right:1px;}
.pdl1{padding-left:1px;}
.pd2{padding:2px;}
.pdr2{padding-right:2px;}
.pdl2{padding-left:2px;}
.pd3{padding:3px;}
.pdr3{padding-right:3px;}
.pdl3{padding-left:3px;}
.pd4{padding:4px;}
.pdr4{padding-right:4px;}
.pdl4{padding-left:4px;}
.pd5{padding:5px;}
.pdr5{padding-right:5px;}
.pdl5{padding-left:5px;}
.modal-header .fa::before{color:var(--maincolor2);}
.text-orange i:before{color:orange !important;}
.h--90{height: calc(100vh - 90px);}
.cfformht .form-group{height:40px;max-height:40px;}
.cke_top {background: #f8f8f859;}
.treeview-menu > li > a {padding: 5px 5px 5px 5px;}
.skin-green .main-header .navbar{background-color:var(--maincolor);}
.skin-green .main-header .logo:hover,.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:var(--maincolor2);}
.skin-green .main-header .logo{background-color:var(--maincolor2);}
div.maindetail>div>ul>li:first-child{margin-left:10px;}
.progressbar{counter-reset: step;}
.progressbar li {font-weight: bold;list-style-type: none;width: 25%;float: left;font-size: 12px;position: relative;text-align: center;color:#9b9a9a;}
.progressbar li:before {width: 30px;height: 30px;content: counter(step);counter-increment: step;line-height: 30px;border: 2px solid #7d7d7d;display: block;text-align: center;margin: 0 auto 1px auto;border-radius: 50%;background-color: white;}
.progressbar li:after {width: 100%;height: 2px;content: '';position: absolute;background-color: #7d7d7d;top: 15px;left: -50%;z-index: -1;}
.progressbar li:first-child:after {content: none;}
.progressbar li.active {color: var(--maincolor2);}
.progressbar li.active:before {border-color: #55b776;}
.skin-green .main-header li.user-header {background-color:var(--maincolor);}
.skin-green .sidebar-menu > li.active > a {border-left-color:var(--maincolor2);}
@media (max-width: 767px) {
    .breadcrumbhotel {display: inline-block !important;padding: 0;position: absolute;}
    .breadcrumbhotel li {display: none;}
    .breadcrumbhotel li.ahotel {display: block;width: 150px;}
    .breadcrumbhotel li.ahotel .bizaddon {width: 150px !important;min-width: 150px !important;}
    .breadcrumbhotel li.ahotel .select2 {width: 150px !important;}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
@keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeOut {from {opacity:1;}to {opacity:0;}}
@keyframes fadeOut {from {opacity:1;}to {opacity:0;}}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeInRight {from {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to {opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInRight {from {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to {opacity:1;-webkit-transform:none;transform:none;}}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInLeft {from {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to {opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInLeft {from {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to {opacity:1;-webkit-transform:none;transform:none;}}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeOutLeft {from {opacity:1;}to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}
@keyframes fadeOutLeft {from {opacity:1;}to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutRight {from {opacity:1;}to {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}
@keyframes fadeOutRight {from {opacity:1;}to {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.searchform label.ng-hide{display:none !important;}
.autoh{height:auto !important;max-height:none !important;}
.fullheightdig iframe#printframes{min-height:calc(100vh - 50px);}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {background-color: var(--maincolor);color: #fff !important;}
.dtable{display: table;}
.dblock{display: block;}
.dflex{display: flex;}
.dgrid{display: grid;}
.dinline{display: inline;}
.dtablei{display: table !important;}
.dblocki{display: block !important;}
.dflexi{display: flex !important;}
.dgridi{display: grid !important;}
.dinlinei{display: inline !important;}
.move{cursor:move;}
.fixtablescroll > thead > tr > th .fngrid1{min-width: 28px;}
div.jsoneditor {border: 1px solid var(--maincolor);}
div.jsoneditor-menu {background-color: var(--maincolor);border-bottom: 1px solid var(--maincolor2);}
.form-group .hovershow{opacity:0;transition:all 1s;}
.ismobile .hovershow{opacity:.3;}
.form-group:hover>label>.hovershow,.form-group:hover>label>a>.hovershow{opacity:1;z-index: 223;}
.goselectedresult{display:block;}
/*.fc-state-default {background-color: var(--maincolor) !important;background-image: linear-gradient(to bottom, var(--maincolor2), var(--maincolor)) !important;filter: brightness(100%) !important;color: #fff !important;}*/
/*.fc-day:hover {background: #fcf8e3;}bỏ vì nếu có event thì o hover đc*/
/*start az*/
.azskin {font-family: Arial;font-weight: 500;}
.azskin .box.box-info {border-top-color: #0068ff;}
.azskin a {color: #0068ff;}
.azskin .fc-event {border: 1px solid #d1d5c3;background-color: #f6f7f2;}
.azskin .fc-event,.azskin .fc-event:hover,.azskin .ui-widget .fc-event {color: #0068ff;}
.azskin .open li * {color: #0068ff;}
.azskin .btn-box-tool {color: #0068ff;}
.azskin .main-header .navbar {background-color: #0068ff;}
.azskin .main-header .logo {background-color: #2e54ec;color: #fff;border-bottom: 0 solid transparent;}
.azskin .skin-green .main-header .logo:hover {background-color:var(--maincolor);}
.azskin .skin-green .main-header .navbar .sidebar-toggle:hover {background-color:var(--maincolor2);}
.azskin .fa {font-size: 15px;}
.azskin .btn-success {background-color: #0068ff;border-color: #2000ff;color: #fff !important;}
.azskin .btn-success:hover {background-color: #4d8ae2;border-color: #2000ff;}
.azskin .btn-warning {background-color: #ccc;border-color: #ccc;color: black;}
.azskin .btn-success.notActive {background: #fff;color: black !important;}
.azskin .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #0068ff;border-color: #0a3a80;}
.azskin .open li.active * {color: #fff !important;}
.azskin a {color: #0068ff;}
.azskin .main-header .navbar .nav > li > a > .label {font-size: 11px;}
.azskin .main-header li.user-header {background-color: #0068ff;}
.azskin .pagination > .active > a, .azskin .pagination > .active > a:focus, .azskin .pagination > .active > a:hover, .azskin .pagination > .active > span, .azskin .pagination > .active > span:focus, .azskin .pagination > .active > span:hover {background-color: #0068ff;border-color: #0a3a80;color: #fff;cursor: default;z-index: 2;}
.azskin .buttondn {background-color: #0068ff;border: medium none;border-radius: 3px;color: #ffffff;cursor: pointer;display: inline-block;font-size: 15px;font-weight: bold;line-height: 24px;margin: 0;padding: 12px 24px;text-align: center;transition: all 0.1s ease-in 0s;vertical-align: middle;white-space: nowrap;width: 100%;}
.azskin .loginPanel {color: #0068ff;}
.azskin .breadcrumb a {color: #fff !important;}
.azskin .user-footer a {color: #fff !important;}
.azskin table th {background-color: #ebf1ff;}
.azskin .fngrid {background-color: #ebf1ff;}
.azskin #loader-wrapper .loader-section, .azskin #loader-wrapper .loader-section {background-color: #0068ff;}
.azskin .main-header .logo:hover {background-color: #7aacf6 !important;}
.azskin .main-header .navbar .sidebar-toggle:hover {background-color: #7aacf6 !important;}
.azskin .fngrid a {padding: 2px;}
.azskin .main-header .user-footer a{background:#0068ff !important;}
/*end az*/
.holiday {background: orange;color: #fff;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-empty { outline: 1px solid #c22; }
.CodeMirror-empty.CodeMirror-focused { outline: none; }
.CodeMirror pre.CodeMirror-placeholder { color:#999 !important; }
.ishost{border:1px solid #fff;margin: -2px !important;}
.ishost:hover{border:1px solid blue !important;}
a.ishost{display:inline-block;}
.ishostfa{color:orange;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search{border-left: 1px dashed #b3b3b3;}
.searchform .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search{border-left: 0;}
.frclosemodal {right: 18px;top: 12px;}
.rc-handle-container {position: relative;}
.rc-handle {position: absolute;width: 7px;cursor: ew-resize;margin-left: -3px;z-index: 2;}
table.rc-table-resizing {cursor: ew-resize;}
table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {cursor: ew-resize;}
.op0{opacity:0;}
.gosearchdropdown .selected{background-color:#ccc;}
.mainrow:hover .tr-hover-1{opacity:1;}
.mainrow td:hover .td-hover-1,.ismobile .mainrow td .td-hover-1{opacity:1;}
.ismobile .modal.in .modal-dialog{top:0 !important;transform:none !important;right:0 !important;left:unset;}
.ismobile .modal.in .modal-dialog .closemodal{top:42px;position:fixed;right:0px;font-size: 15px;}
.ismobile .fullheightdig {height: calc(100vh - 40px);top: 40px;}
.ismobile .gdigmax .fullheightdig {height: calc(100vh);top: 0;}
 #nprogress .spinner {left:calc(100vw/2 - 20px);top: 10px;}
.ismobile #nprogress .spinner {left: 40px;top: 10px;}
.ismobile .dropdown.tasks-menu .dropdown-menu{right: 0;max-width:100%;}
.magictree-folder .magictree-title{width:155px;text-overflow:ellipsis;overflow: hidden;}
.magictree-folder .magictree-node a.ac {right:-20px;}
.navbar-custom-menu li.open>a:after {content: " ";position: absolute;z-index: 3;width: 10px;height: 10px;bottom: -4px;left:calc(100%/2 - 10px);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom:10px solid #f9f9f9;}
.newnotify{z-index:99999999;display:block;position:fixed;right:0;bottom:45px;width: 245px;max-width:100%;max-height:calc(100vh - 40px);background: transparent;}
.newnotify>div.toolbarn{padding-right:10px;padding-top: 2px;text-align: right;height: 15px;}
.newnotify>div.nbody{position:relative;max-height: calc(100vh - 60px);overflow: auto;width: 100%;}
.newnotify li{border:1px solid green;background-color:var(--maingridbg);border-radius: 10px;padding: 5px;width:calc(100% - 20px);float:left;margin-bottom: 2px;position:relative;}
.newnotify li.right{float:right;background:#b1c7ea;margin-right: 5px;}
.newnotify li .msgacs{position:absolute;right:2px;bottom:1px;display:none;background: #fff;border-radius:5px;padding-left:5px;padding-right:5px;}
.newnotify li:hover .msgacs{display:block;}
.newnotify .close{border: 1px solid #ddd;background: #ccc;opacity:.8;color: #fff;border-radius:100%;width:18px;height:18px;line-height:16px;text-align:center;}
.newnotify.showmsg .nbody{max-height:calc(100vh - 100px);margin-bottom:40px;}
.newnotify .imsg{height:40px;width:100%;position:absolute;bottom:0;display:none;border-radius:10px;padding:3px;}
.newnotify.showmsg .imsg{display:block;}
.imsg .textarea{width:100%;float:left;border: 1px solid #ddd;border-radius:10px;padding-right: 30px;height: 40px;padding-left: 5px;padding-top: 5px;overflow:auto;}
.imsg .btnsendc{width:30px;height:40px;float:right;border-left:1px solid #ddd;text-align:center;position:absolute;right:0;line-height:30px;padding-right:5px;}
label:empty{display:none;}
.select2-container .select2-selection--single .select2-selection__rendered{line-height: 18px;}
.godropdown-control{height:24px;}
.form-inline-label .form-group label{width:130px;float:left;font-weight:normal !important;}
.form-inline-label .form-group label~.form-control{width:calc(100% - 130px) !important;float:right;}
.form-inline-label .form-group.noinline label{width:100%;float:none;}
.form-inline-label .form-group.noinline label~.form-control{width:100% !important;float:none;}
.form-inline-label .gosearch2wrap{padding:0 !important;}
.form-inline-label .validationMessage{position: absolute;bottom:-22px;text-align:right;width:100% !important;right:0;z-index: 11;}
.form-inline-label .godropdown-control {height: 26px;}
.form-inline-label label:empty{display:none !important;}
.searchform .bizaddon.form-control{width:auto;}
.breadcrumb .form-control{background: transparent;border: none;}
.searchform div.form-control{border: none;}
.dtable{display:table !important;}
.ismobile .dtablem{display:table !important;}
/*.form-control>.form-control{border: none !important;}*/
.bizaddon.form-control{display:inline-block;}
.form-group .bizaddon {border: none !important;padding-bottom: 0 !important;padding-top: 0 !important;}
.form-group .bizaddon.form-control {margin-left: -1px;}
.form-inline-label .bizaddon.form-control{border: none !important;display: table;}
.ismobile .form-inline-label .bizaddon.form-control{border: none !important;display: inline-block;}
.form-inline-label .select2-selection--multiple .select2-selection__rendered:first-child .select2-search__field{margin-right:-22px;}
.ismobile .form-inline-label .form-group label ~ .form-control{width:100% !important;}
.gridcellnopadding>.go-grid-cell{padding:0;}
.gridcellnopadding:hover>.go-grid-cell{overflow:hidden;}
.sortcol.pull-right{margin-left: 0;margin-right: -2px;}
.modal-body .bizaddon .right-addon {padding-top: 0;margin-right: 2px;}
.newnotify .btnhide{padding-right: 3px;}
.md-bordershadow {
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
  border-radius: 3px;
}
.main-sidebar{background-color: var(--menubg) !important;}
.main-sidebar a{color: var(--menucolor) !important;}
.sidebar-menu > li:hover > a,.sidebar-menu > li.active > a,.sidebar-menu > li.menu-open > a {color: var(--menuactivecolor) !important;background: var(--menubgactive) !important;}
.sidebar-menu > li > .treeview-menu {background:var(--menubgsub) !important;}
.treeview-menu > li.active>a{background: var(--menubgactive) !important;color: var(--menuactivecolor) !important;}
div.jsoneditor-menu {background-color: var(--maincolor2) !important;border-bottom: 1px solid var(--maincolor) !important;}
div.jsoneditor {border: 1px solid var(--maincolor) !important;}
.mainrow > td.editable-cell{padding-left: 1px;padding-right: 1px;}
.no-overflow-x{overflow-x:hidden !important;}
body.ismobile{overflow:auto;}
.ismobile .modal-body{padding:0;}
.ismobile .modal-content .modal-body{max-height:calc(100vh - 80px);padding-bottom:40px;height: 100vh;}
.ismobile .modal-content .modal-footer{bottom:0px;position: fixed;width: 100vw;background:#fafafa;padding-left:2px;padding-right:2px;}
.ismobile .slideleftdig,.ismobile .slideleftdigfull{overflow:auto;}
.ismobile .panel-body {padding: 5px;}
.ismobile .modal {top: 40px;max-width: 100%;overflow: auto;}
.ismobile .col-xs-6 .smallcap2 {display:none;}
.smallbox .hidden-xs {display: none !important;}
.smallbox .xs100 {min-width:100%;}
.dashboard .box-module{box-shadow:rgba(219, 216, 214, 0.3) 7.07107px 7.07107px 10px 3px;}
.dashboard .noshadow .box-module{box-shadow:none;}
/*giangdd*/
.ismobile .box-module:empty{display:none !important;}
.ismobile .box-module {width:100% !important;}
.ismobile #loader-wrapper{display:none !important;}
 /*giangdd*/
.cke_top {background: #f8f8f833 !important;}
.gosearchdropdown a.input-group-addon{display:table-cell;width:auto;}
/*.ismobile .table > tbody > tr > td,.ismobile  .table > tbody > tr > th,.ismobile  .table > tfoot > tr > td,.ismobile  .table > tfoot > tr > th,.ismobile  .table > thead > tr > td,.ismobile  .table > thead > tr > th{padding-left:2px;padding-right:2px;}
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }*/

.percircle.dark{background-color:#777}
.percircle.dark .bar,.percircle.dark .fill{border-color:#c6ff00}
.percircle.dark>span{color:#777}
.percircle.dark:after{background-color:#555}
.percircle.dark:hover>span{color:#c6ff00}
.percircle.red .bar,.percircle.red .fill{border-color:#dd5454}
.percircle.red:hover>span{color:#dd5454}
.percircle.red.dark .bar,.percircle.red.dark .fill{border-color:#f84a4a}
.percircle.red.dark:hover>span{color:#f84a4a}
.percircle.blue .bar,.percircle.blue .fill{border-color:#82cefa}
.percircle.blue:hover>span{color:#82cefa}
.percircle.blue.dark .bar,.percircle.blue.dark .fill{border-color:#20cceb}
.percircle.blue.dark:hover>span{color:#20cceb}
.percircle.green .bar,.percircle.green .fill{border-color:#8dea7b}
.percircle.green:hover>span{color:#8dea7b}
.percircle.green.dark .bar,.percircle.green.dark .fill{border-color:#a9ff3a}
.percircle.green.dark:hover>span{color:#a9ff3a}
.percircle.orange .bar,.percircle.orange .fill{border-color:#e88239}
.percircle.orange:hover>span{color:#e88239}
.percircle.orange.dark .bar,.percircle.orange.dark .fill{border-color:#dc5b00}
.percircle.orange.dark:hover>span{color:#dc5b00}
.percircle.pink .bar,.percircle.pink .fill{border-color:#ff8ed0}
.percircle.pink:hover>span{color:#ff8ed0}
.percircle.pink.dark .bar,.percircle.pink.dark .fill{border-color:#ff58b9}
.percircle.pink.dark:hover>span{color:#ff58b9}
.percircle.purple .bar,.percircle.purple .fill{border-color:#aa7eff}
.percircle.purple:hover>span{color:#aa7eff}
.percircle.purple.dark .bar,.percircle.purple.dark .fill{border-color:#7a38f7}
.percircle.purple.dark:hover>span{color:#7a38f7}
.percircle.yellow .bar,.percircle.yellow .fill{border-color:#dcbd00}
.percircle.yellow:hover>span{color:#dcbd00}
.percircle.yellow.dark .bar,.percircle.yellow.dark .fill{border-color:#ffdb00}
.percircle.yellow.dark:hover>span{color:#ffdb00}
.percircle.gt50 .slice,.rect-auto{clip:rect(auto,auto,auto,auto)}
.gt50 .fill,.percircle .bar,.pie{position:absolute;border:.08em solid #307bbb;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);border-radius:50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.bar{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.gt50 .bar:after,.gt50 .fill,.pie-fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.percircle{position:relative;font-size:120px;width:1em;height:1em;border-radius:50%;float:left;margin:0 .1em .1em 0;background-color:#ccc}
.percircle *,.percircle :after,.percircle :before{box-sizing:content-box}
.percircle.animate:after,.percircle.animate>span{-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out}
.percircle.animate .bar{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}
.percircle.center{float:none;margin:0 auto}
.percircle.big{font-size:240px}
.percircle.small{font-size:80px}
.percircle.xsmall{font-size:40px}
.percircle>span{position:absolute;z-index:1;width:100%;top:50%;top:calc(50% - .1em);transform:translateY(-50%);height:1em;font-size:.2em;color:#ccc;display:block;text-align:center;white-space:nowrap}
.perclock>span{font-size:.175em}
.percircle:after{position:absolute;top:.08em;left:.08em;display:block;content:" ";border-radius:50%;background-color:#f5f5f5;width:.84em;height:.84em}
.percircle .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}
.percircle:hover{cursor:default}
.percircle:hover>span{-webkit-transform:scale(1.3) translateY(-50%);transform:scale(1.3) translateY(-50%);color:#307bbb}
.percircle:hover:after{-webkit-transform:scale(1.1);transform:scale(1.1)}

.ui-resizable-handle {position: absolute;font-size: 0.1px;display: block;-ms-touch-action: none;touch-action: none;}
.ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0;}
.ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0;height: 100%;}

/*mobile*/
.listh li {position: relative;}
.listh li.item {background: #FAFAFC;box-shadow: 0 1px 2px rgba(0,0,0,.12);border-radius: 8px;background-color: #fff;box-sizing: border-box;display: block;margin: 5px;padding: 5px;text-align: left;word-wrap: break-word;margin-left:0;max-width:100vw !important;}
.listdropdown {position: absolute;right: 2px;top: -3px;}
.listdropdown .btnedit{padding-right: 3px;}
.btnbackview {line-height: 28px;padding-right: 5px;}
.btndropaction {font-size: 18px;color: green;width: 10px;text-align: right;}
.btntopright {float: right;position: absolute;top: 2px;right: 3px;}
.listh {list-style-type: none;margin: 0;padding: 0;display: table;width: 100%;min-width: 100%;min-height: 400px;}
.listh li {padding: 3px;margin: 0;text-align: left;max-width: 100%;}
.listh li a {color: green;}
.ismobile .listh .listdropdown>.gdrop>a.gaction{width: 16px !important;display: inline-block;text-align: center;font-size: 16px;opacity: .8;}
.rigthsum {position:absolute;top:16px;float:right;right:5px;text-align:right;line-height:20px;background:#fff;}
.rigthsumr {position:absolute;top:16px;float:right;right:5px;height:20px;width:20px;border:1px solid green;border-radius:100%;text-align:center;line-height:20px;margin-right:-4px;background: #fff;}
.CodeMirror {resize:vertical;}
.ismobile .modal-header .pull-right-header{top:0;right:7px;}
.ismobile .fc-center h2 {font-size:14px !important;}
.ismobile .ganttview .fc-center h2 {display:none !important;}
.ismobile .fc button {padding: 0 .1em !important;}
.ismobile .fc .fc-toolbar > * > *{margin-left: 0 !important;}
.ismobile .modal-lg > .modal-content,.ismobile .modal-md > .modal-content,.ismobile .modal-sm > .modal-content{border-radius:0;}
.ismobile .modal-header > h3{font-size: 16px;}
.ismobile .btn-group.stbars.pull-right{position: absolute;right: 1px;}
.ismobile .listh>li.mainrow>.chkrow{position: absolute;left:0px;top: -6px;appearance:none;width: 16px;height: 16px;border:none;z-index:2;}
.ismobile .listh>li.mainrow>.chkrow:checked + *::before{content: "✓";left:3px;top: -4px;color:blue;width: 16px;height: 16px;display: inline-block;position: absolute;left:3px;top:-4px;line-height: 16px;}
.ismobile .nobackdrop {max-height: calc(100vh - 40px);top: 40px !important;}
.ismobile .nav-tabs > li > a{padding-left: 4px !important;padding-right: 4px !important;}
.ismobile div.maindetail > div > ul > li:first-child{margin-left:5px;}
.ismobile .checkalldrop{font-weight: normal;color: var(--maincolor2);}
.mobilennoborder .listh li.item {border-radius: 0;}
/*.ismobile .box-body2{max-height:250px;}*/
.ismobile .wrapper section div.box-header h4{font-size:15px;}
.ismobile .main-header .navbar {background: linear-gradient(45deg,var(--maincolor) 0%,var(--maincolor2) 100%) !important;}
.ismobile .boxdhw .boxdh > div i {font-size: 18px;}
.ismobile .dashboard{margin-top:-2px;}
.ismobile .dashboard:before {z-index: 2;content:"";position:absolute;height:7px;display:block;width:100%;background:linear-gradient(45deg,var(--maincolor) 0%,var(--maincolor2) 100%) !important;}
.ismobile .dashboard:after{content:"";content:"";position:absolute;width:100%;height:10px;z-index:3;display:block;top:0;left:0;margin-top: 0px;border-radius:10px 10px 0 0;background: #fff;}
.ismobile .form-group{padding-left:3px;padding-right:3px;}
.ismobile .bizaddon>.tbars>.fa{font-size: 16px;}
.ismobile .gonumberspin{height:20px;}
.ismobile .morefl{float:left;}
.ismobile .morefr{float:right;}
.modal-md .col-sm-4 {width: 33.33333333%;}
.modal-lg .col-sm-4 {width: 25%;}
.tbars i{padding-left:3px;}
.bizaddon label.validationMessage{display:block;}
.popover-body{max-width:calc(100vw - 30px);}
.spinupdown{font-size: 18px;height: 11px;line-height: 11px;opacity: .4;}
.gobugbtn{position:fixed;bottom:0;right:0;z-index: 99999999999;border-bottom: 15px solid var(--maincolor2);border-left: 15px solid transparent;background: transparent;}
@media (min-width: 768px) {.ismobile .modal-dialog {width: 100%;}}
.sidebar-open .content-wrapper, .sidebar-open .main-footer {transform: translate(200px, 0);}
.ismobile .modal-body label {font-weight: normal !important;margin-top: 5px;}
ul.magictree-container a {border:none !important;}
.fa-gofieldformat {height:20px;background:url(//doc123.xyz/resources/images/formatfield.png) center no-repeat;background-size:contain;color: transparent !important;}
.fa-doc123 {width: 16px;height:16px;background:url(//doc123.xyz/skins/smartdoc/images/doc123.png) center no-repeat;background-size:contain;color: transparent !important;}
.fa-doc123:hover {color:#000 !important;}
.fa-chatgpt {width: 16px;height:16px;background:url(/resources/images/chatgpt.png) center no-repeat;background-size:contain;color: transparent !important;}
.fa-dropdown{width: 16px;height:16px;background: url(/Resources/images/arrow_down.png) no-repeat right white !important;}
.fa-dropdown.focus{width: 16px;height:16px;background: url(/Resources/images/arrow_up.png) no-repeat right white !important;}
.maxminmodal{position: absolute;right: 35px;top: 5px;z-index: 2;color: var(--maincolor);}
.highcharts-container>svg{width:100%;}
/*.kanbanitem.ui-draggable-dragging{max-width:100px !important;}
        .dashboard .boxdh .fa{filter: contrast(50%);}*/
.search-box{width: fit-content;height: fit-content;position: relative;margin-top: 8px;}
.input-search{color:transparent;height:30px;width:30px;border-style:none;padding: 10px;font-size:14px;outline:none;border-radius:15px;transition:all .5s ease-in-out;background-color:transparent;padding-right:10px;}
.input-search::placeholder{color:#fff !important;font-size: 13px;}
.btn-search{width:30px;height:30px;border-style: none;font-size:16px;font-weight: bold;outline: none;cursor: pointer;border-radius: 50%;position: absolute;right: 0px;color:#fff;background-color:transparent;pointer-events: painted;}
.btn-search:focus ~ .input-search,.input-search:focus,.search-box.active .input-search{width:350px;max-width:100%;border-radius:0px;background-color:transparent;border-bottom:1px solid #fff;transition:all 500ms cubic-bezier(0, 0.110, 0.35, 2);border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;border-radius:5px 5px 0 0;color:#fff;}
.search-box-rs{width:350px;min-height:100px;max-height:calc(100vh - 50px);position:fixed;z-index:1111111111;background:#fff;padding:5px;height:auto;overflow:auto;display:none;box-shadow:0 3px 19px rgba(0, 0, 0, 0.29);overflow-x:hidden;}
.search-box-rs ul li{border-bottom:1px solid #cccccc57;padding-bottom:3px;white-space:nowrap;position:relative;border-radius:0 0 5px 5px;}
.search-box-rs .small{border-radius:3px;background:#f2f2f2f5;padding-right:2px;padding-left:2px;}
.search-box-rs .rcenter{line-height:100px;border:none;text-align:center;}
.search-box-clear{position:fixed;top:13px;color:#fff;padding-left:308px;}
.iframemodal .closemodal{right:0;}
/*.dropbtns {width: auto;max-width: 200px;position: absolute;right: 0;min-width: 200px;height: auto;z-index: 9999;background:#fff;}
.dropbtns .modal-body{min-height: auto;}
.dropbtns .scroll-loader {height: auto;min-height: auto;}
.gosearchdropdown{transition: all 1s ease-in;}*/
.wauto {width: auto !important;}
.fl {float: left !important;}
.fr {float:right !important;}
.slideUp{animation: slide-up 0.1s forwards;-webkit-animation: slide-up 0.1s forwards;}
.ismobile .slideUp{animation:none;-webkit-animation:none;}
@keyframes slide-up {
    0% { transform: translateY(100%); }
    100% { transform: translateY(0%); }
}
.slideDown{animation: slide-up 0.1s forwards;-webkit-animation: slide-down 0.1s forwards;}
.ismobile .slideDown{animation:none;-webkit-animation:none;}
@keyframes slide-down {0% { transform: translateY(0%);}100% {transform: translateY(100%);}}
.slideLeft{animation: slide-left 0.2s forwards;-webkit-animation: slide-left 0.2s forwards;}
@keyframes slide-left {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0%); }
}
.ui-draggable{transition:transform 0.4s;}
/*.kanbancc .ui-draggable-dragging{position: absolute;background: #fff;transform: skewY(-2deg);border: 2px solid green;opacity: 1;}*/
.kanbancc .ui-draggable-dragging{position: absolute;background: #fff;border:1px solid green;opacity: 1;animation: 200ms rotateDraggableMenuItem both !important;}
.maindetail .fixtablescroll{overflow: hidden !important;}
@-webkit-keyframes rotateDraggableMenuItem {
 from {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(-4deg);
  transform:rotate(-4deg)
 }
}
@keyframes rotateDraggableMenuItem {
 from {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(-4deg);
  transform:rotate(-4deg)
 }
}
.bgwhite{background: #fff;}
.content-beforenone:before,.content-afternone:after{content:'';}
.treeview-menu > li {margin-left: 10px;}
.simplecartdiv{cursor:pointer;position:absolute;top:0;z-index:1102;border:1px solid #e3cf2a;background:#e3cf2a;width:160px;height:30px;color:#000;text-align:center;margin:auto auto;left:calc(50% - 80px);line-height:30px;font-weight:bold;}

.box600{max-width:100%;margin:auto;width:600px;}
.box650{max-width:100%;margin:auto;width:650px;}
.box700{max-width:100%;margin:auto;width:700px;}
.box750{max-width:100%;margin:auto;width:750px;}
.box800{max-width:100%;margin:auto;width:800px;}
.box850{max-width:100%;margin:auto;width:850px;}
.box900{max-width:100%;margin:auto;width:900px;}
.box1000{max-width:100%;margin:auto;width:10000px;}
.box1200{max-width:100%;margin:auto;width:1200px;}
.grvr table.resultitem>tbody{height: auto !important;}
.modal-dialog .select2-selection--multiple{overflow:auto;max-height:100px;}
.ui-draggable{transition:transform 0.4s;}
/*.kanbancc .ui-draggable-dragging{position: absolute;background: #fff;transform: skewY(-2deg);border: 2px solid green;opacity: 1;}*/
.​​​dragged,.kanbancc .ui-draggable-dragging,.formeditconfig .ui-draggable-dragging{position: absolute;background: #fff;border:1px solid green;opacity: 1;animation: 200ms rotateDraggableMenuItem both !important;}
.ui-state-highlight,.ui-sortable-placeholder {
    border:2px dotted red !important;
    visibility:visible !important;
}
.nobackdrop280{left: initial;right: 0 !important;transform: none !important;top: 40px !important;margin: 0;position: fixed;width: 280px !important;}
.nobackdrop380{left: initial;right: 0 !important;transform: none !important;top: 40px !important;margin: 0;position: fixed;width: 380px !important;}
.nobackdrop480{left: initial;right: 0 !important;transform: none !important;top: 40px !important;margin: 0;position: fixed;width:480px !important;}
.searchinheader{position: absolute;right: 0;top: calc(50% - 8px);opacity: .3;}
.textwrap{white-space:normal !important;}
.ui-resizable-sw {bottom: 1px;left: 1px;height: 100%;cursor: e-resize;width: 5px;}
.ismobile .m-b-b-d {border-bottom: 1px dotted #ccc;height: auto;}
.min-h40{min-height: 40px;}
@media (min-width: 992px) {
  .md-20p{width:20%;}
  .md-25p{width:25%;}
  .md-50p{width:50%;}
}
body.ismobile{
    height: 100%;
    margin:  0px;
    padding: 0px;
    width:  100%;
}
.main-sidebar a.dspvmenu{display:none;opacity:.2;}
.main-sidebar:hover a.dspvmenu{display:block;}
.pd6{padding:6px;}
.blurdiv{webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);}
.modal-dialog .ishostconfig{display:none;transition:all .3s;}
.modal-dialog:hover .ishostconfig{display:inline-block;}
.filteredrow .select2-container--default .select2-selection--multiple .select2-selection__rendered{max-height: 22px;overflow-y: auto;}
.hoverover{overflow:hidden;}
.hoverover:hover{overflow:auto;}
th.showonlyxls,td.showonlyxls{opacity:0;overflow:hidden !important;max-width:0 !important;width:0 !important;padding:0 !important;margin:0 !important;}
.calendarcon.fc{margin-bottom: 100px;}
.isios .sidebar-menu .treeview-menu {max-height:5000px !important;overflow:auto;}
.isios .sidebar-menu {
  white-space: nowrap !important;
  overflow: auto !important;
}