@import url("glyphicons.css");
 @import url("font-awesome.min.css");
 @import url("treeview.css");
 @import url("amaran.css");
 @import url("waves.css");
 @import url("animate.css");
 @import url("jquery.nestable.css");
 @import url("bootstrap-datepicker.css");
 @import url("bootstrap-datetimepicker.css");
 @import url("froala/froala_editor.min.css");
 @import url("froala/froala_style.min.css");
 @import url("tautocomplete.css");
 /* @import url("../atckey/component/style.css"); */
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
     src: local('Roboto Light'), local('Roboto-Light'), url(../font/NYDWBdD4gIq26G5XYbHsFD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     src: local('Roboto Regular'), local('Roboto-Regular'), url(../font/HV_H5nosKj8mZupFxrHqHA.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/mbmhprMH69Zi6eEPBYVFhT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/PwZc-YbIL414wB9rB1IAPT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     src: local('Roboto Black'), local('Roboto-Black'), url(../font/phsu-QZXz1JBv0PbFoPmED8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 300;
     src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(../font/7m8l7TlFO-S3VkhHuR0at0bnXQ06sCSpaytluCdpFnY.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
     src: local('Roboto Italic'), local('Roboto-Italic'), url(../font/siQR0c1plrd8i43rIfDOFfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 500;
     src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../font/OLffGBTaF0XFOW1gnuHF0UbnXQ06sCSpaytluCdpFnY.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 700;
     src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(../font/t6Nd4cfPRhZP44Q5QAjcC0bnXQ06sCSpaytluCdpFnY.woff) format('woff');
}
 @font-face {
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 900;
     src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(../font/bmC0pGMXrhphrZJmniIZpUbnXQ06sCSpaytluCdpFnY.woff) format('woff');
}
 ::-webkit-scrollbar-track {
     background-color: #F5F5F5;
}
 ::-webkit-scrollbar {
     width: 10px;
     height: 10px;
     background-color: #F5F5F5;
}
 ::-webkit-scrollbar:horizontal {
     height: 10px;
     background-color: #F5F5F5;
}
 ::-webkit-scrollbar-thumb {
     background-color: #6a6767;
}
 html, body {
     height: 100%;
}
 body {
     margin: 0;
     padding: 0;
     -webkit-font-smoothing: antialiased;
     font-family: 'Roboto', sans-serif;
     -ms-content-zooming: none;
     font-size: 12px;
     color: #3e4855;
     background-color: #fff;
}
 body.in {
     overflow-y: hidden;
}
 ul, li {
     list-style: none;
     margin: 0;
     padding: 0;
}

a.btn.lock{
    border-color: #ccc !important;
    color: #ccc !important;
}
.required::before {
     content: "*";
     color: red;
     font-size: 11px;
     padding: 3px;
}
.control-label.required::before{
    content: "";
    display: none;
}
.control-label.required::after {
    content: "*";
    color: red;
    font-size: 11px;
    padding: 3px;
    position: absolute;
    right: -2px;
    top: 0;
}
tr.lock td:first-child {
  padding-left: 20px;
  position: relative;
}
tr.lock:not(.Shipment) td:first-child:before {
     font-family: FontAwesome;
     content: "\f023" !important;
     position: absolute;
     left: -4px;
     top: calc(50% - 10px);
}
#modal-query-part tr.lock td:first-child {
    padding-left: 0;
}
#modal-query-part tr.lock td:first-child input {
    display: none;
}
#modal-query-part tr.lock:not(.Shipment) td:first-child:before {
    left: 11px;
    top: calc(50% - 5px);
}
 ::-moz-selection {
     background: #0099cc;
     color: #fff
}
 ::selection {
     background: #0099cc;
     color: #fff
}
 .icon-rotate-90 {
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1)
}
 .icon-rotate-180 {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2)
}
 .icon-rotate-270 {
     -webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     -o-transform: rotate(270deg);
     transform: rotate(270deg);
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3)
}
 .icon-flip-horizontal {
     -webkit-transform: scale(-1, 1);
     -moz-transform: scale(-1, 1);
     -ms-transform: scale(-1, 1);
     -o-transform: scale(-1, 1);
     transform: scale(-1, 1);
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)
}
 .icon-flip-vertical {
     -webkit-transform: scale(1, -1);
     -moz-transform: scale(1, -1);
     -ms-transform: scale(1, -1);
     -o-transform: scale(1, -1);
     transform: scale(1, -1);
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)
}
 .fade {
     opacity: 0
}
 .fade.in {
     opacity: 1
}
 .collapse {
     display: none
}
 .collapse.in {
     display: block
}
 .collapsing {
     position: relative;
     overflow: hidden;
     height: 0;
     -webkit-transition: height .35s ease;
     transition: height .35s ease
}
 .icon-spin {
     -webkit-animation: spin 2s infinite linear;
     -moz-animation: spin 2s infinite linear;
     -o-animation: spin 2s infinite linear;
     animation: spin 2s infinite linear
}
 @-moz-keyframes spin {
     0% {
         -moz-transform: rotate(0deg)
    }
     100% {
         -moz-transform: rotate(359deg)
    }
}
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg)
    }
     100% {
         -webkit-transform: rotate(359deg)
    }
}
 @-o-keyframes spin {
     0% {
         -o-transform: rotate(0deg)
    }
     100% {
         -o-transform: rotate(359deg)
    }
}
 @keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
    }
     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
    }
}
 @keyframes fadebottom {
     0% {
         opacity: 1;
         transform: translateY(0px);
         -moz-transform: translateY(0px);
         -o-transform: translateY(0px)
    }
     25% {
         opacity: 0;
         transform: translateY(20px);
         -moz-transform: translateY(20px);
         -o-transform: translateY(20px)
    }
     30% {
         opacity: 0;
         transform: translateY(0px);
         -moz-transform: translateY(0px);
         -o-transform: translateY(0px)
    }
     100%, 45% {
         opacity: 1;
         transform: translateY(0px);
         -moz-transform: translateY(0px);
         -o-transform: translateY(0px)
    }
}
 @-webkit-keyframes fadebottom {
     0% {
         opacity: 1;
         transform: translateY(0px);
         -webkit-transform: translateY(0px)
    }
     25% {
         opacity: 0;
         transform: translateY(20px);
         -webkit-transform: translateY(20px)
    }
     30% {
         opacity: 0;
         transform: translateY(0px);
         -webkit-transform: translateY(0px)
    }
     100%, 45% {
         opacity: 1;
         transform: translateY(0px);
         -webkit-transform: translateY(0px)
    }
}
 .bg-gradient-9 {
     background: #0093d9;
}
 article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
     display: block
}
 audio, canvas, video {
     display: inline-block
}
 audio:not([controls]) {
     display: none;
     height: 0
}
 [hidden] {
     display: none
}
 html {
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%
}
 body {
     margin: 0
}
 abbr[title] {
     border-bottom: 1px dotted
}
 b, strong {
     font-weight: 700
}
 dfn {
     font-style: italic
}
 hr {
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0
}
 mark {
     color: #000;
     background: #ff0
}
 code, kbd, pre, samp {
     font-family: monospace, serif;
     font-size: 1em
}
 pre {
     white-space: pre-wrap
}
 q {
     quotes: '\201C''\201D''\2018''\2019'
}
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
}
 sup {
     top: -.5em
}
 sub {
     bottom: -.25em
}
 img {
     border: 0
}
 svg:not(:root) {
     overflow: hidden
}
 figure {
     margin: 0
}
 fieldset {
     margin: 0 2px;
     padding: .35em .625em .75em;
     border: 1px solid silver
}
 legend {
     padding: 0;
     border: 0
}
 button {
     margin: 0
}
 button, input, select, textarea {
     font-family: inherit;
     font-size: 100%
}
 button, input {
     line-height: normal
}
 button, select {
     text-transform: none
}
 button, html input[type=button], input[type=reset], input[type=submit] {
     cursor: pointer;
     -webkit-appearance: button
}
 button[disabled] {
     cursor: default
}
 input[type=checkbox], input[type=radio] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0
}
 input[type=search] {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     -webkit-appearance: textfield
}
 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     padding: 0;
     border: 0
}
 textarea {
     overflow: auto;
     vertical-align: top
}
 table {
     border-spacing: 0;
     border-collapse: collapse
}
 small {
     font-size: 85%
}
 a {
     text-decoration: none
}
 :active, :focus, :visited, a, a:active, a:focus, a:visited {
     outline: 0
}
 html {
     font-size: 62.5%;
     -webkit-tap-highlight-color: transparent
}
 *, :after, :before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}
 .jqstooltip {
     box-sizing: content-box
}
 .radius-all-2 {
     border-radius: 2px !important
}
 .radius-top-left-2 {
     border-top-left-radius: 2px !important
}
 .radius-top-right-2 {
     border-top-right-radius: 2px !important
}
 .radius-bottom-right-2 {
     border-bottom-right-radius: 2px !important
}
 .radius-bottom-left-2 {
     border-bottom-left-radius: 2px !important
}
 .radius-top-all-2 {
     border-top-left-radius: 2px !important;
     border-top-right-radius: 2px !important
}
 .radius-bottom-all-2 {
     border-bottom-right-radius: 2px !important;
     border-bottom-left-radius: 2px !important
}
 .radius-right-all-2 {
     border-top-right-radius: 2px !important;
     border-bottom-right-radius: 2px !important
}
 .radius-left-all-2 {
     border-top-left-radius: 2px !important;
     border-bottom-left-radius: 2px !important
}
 .radius-all-4 {
     border-radius: 4px !important
}
 .radius-top-left-4 {
     border-top-left-radius: 4px !important
}
 .radius-top-right-4 {
     border-top-right-radius: 4px !important
}
 .radius-bottom-right-4 {
     border-bottom-right-radius: 4px !important
}
 .radius-bottom-left-4 {
     border-bottom-left-radius: 4px !important
}
 .radius-top-all-4 {
     border-top-left-radius: 4px !important;
     border-top-right-radius: 4px !important
}
 .radius-bottom-all-4 {
     border-bottom-right-radius: 4px !important;
     border-bottom-left-radius: 4px !important
}
 .radius-right-all-4 {
     border-top-right-radius: 4px !important;
     border-bottom-right-radius: 4px !important
}
 .radius-left-all-4 {
     border-top-left-radius: 4px !important;
     border-bottom-left-radius: 4px !important
}
 .radius-all-6 {
     border-radius: 6px !important
}
 .radius-top-left-6 {
     border-top-left-radius: 6px !important
}
 .radius-top-right-6 {
     border-top-right-radius: 6px !important
}
 .radius-bottom-right-6 {
     border-bottom-right-radius: 6px !important
}
 .radius-bottom-left-6 {
     border-bottom-left-radius: 6px !important
}
 .radius-top-all-6 {
     border-top-left-radius: 6px !important;
     border-top-right-radius: 6px !important
}
 .radius-bottom-all-6 {
     border-bottom-right-radius: 6px !important;
     border-bottom-left-radius: 6px !important
}
 .radius-right-all-6 {
     border-top-right-radius: 6px !important;
     border-bottom-right-radius: 6px !important
}
 .radius-left-all-6 {
     border-top-left-radius: 6px !important;
     border-bottom-left-radius: 6px !important
}
 .radius-all-8 {
     border-radius: 8px !important
}
 .radius-top-left-8 {
     border-top-left-radius: 8px !important
}
 .radius-top-right-8 {
     border-top-right-radius: 8px !important
}
 .radius-bottom-right-8 {
     border-bottom-right-radius: 8px !important
}
 .radius-bottom-left-8 {
     border-bottom-left-radius: 8px !important
}
 .radius-top-all-8 {
     border-top-left-radius: 8px !important;
     border-top-right-radius: 8px !important
}
 .radius-bottom-all-8 {
     border-bottom-right-radius: 8px !important;
     border-bottom-left-radius: 8px !important
}
 .radius-right-all-8 {
     border-top-right-radius: 8px !important;
     border-bottom-right-radius: 8px !important
}
 .radius-left-all-8 {
     border-top-left-radius: 8px !important;
     border-bottom-left-radius: 8px !important
}
 .radius-all-10 {
     border-radius: 10px !important
}
 .radius-top-left-10 {
     border-top-left-radius: 10px !important
}
 .radius-top-right-10 {
     border-top-right-radius: 10px !important
}
 .radius-bottom-right-10 {
     border-bottom-right-radius: 10px !important
}
 .radius-bottom-left-10 {
     border-bottom-left-radius: 10px !important
}
 .radius-top-all-10 {
     border-top-left-radius: 10px !important;
     border-top-right-radius: 10px !important
}
 .radius-bottom-all-10 {
     border-bottom-right-radius: 10px !important;
     border-bottom-left-radius: 10px !important
}
 .radius-right-all-10 {
     border-top-right-radius: 10px !important;
     border-bottom-right-radius: 10px !important
}
 .radius-left-all-10 {
     border-top-left-radius: 10px !important;
     border-bottom-left-radius: 10px !important
}
 .ra-100, .radius-all-100 {
     border-radius: 100px !important
}
 .radius-top-left-100 {
     border-top-left-radius: 100px !important
}
 .radius-top-right-100 {
     border-top-right-radius: 100px !important
}
 .radius-bottom-right-100 {
     border-bottom-right-radius: 100px !important
}
 .radius-bottom-left-100 {
     border-bottom-left-radius: 100px !important
}
 .radius-top-all-100 {
     border-top-left-radius: 100px !important;
     border-top-right-radius: 100px !important
}
 .radius-bottom-all-100 {
     border-bottom-right-radius: 100px !important;
     border-bottom-left-radius: 100px !important
}
 .radius-right-all-100 {
     border-top-right-radius: 100px !important;
     border-bottom-right-radius: 100px !important
}
 .radius-left-all-100 {
     border-top-left-radius: 100px !important;
     border-bottom-left-radius: 100px !important
}
 .radius-all-0 {
     border-radius: 0 !important
}
 .radius-top-left-0 {
     border-top-left-radius: 0 !important
}
 .radius-top-right-0 {
     border-top-right-radius: 0 !important
}
 .radius-bottom-right-0 {
     border-bottom-right-radius: 0 !important
}
 .radius-bottom-left-0 {
     border-bottom-left-radius: 0 !important
}
 .radius-top-all-0 {
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important
}
 .radius-bottom-all-0 {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important
}
 .radius-right-all-0 {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important
}
 .radius-left-all-0 {
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important
}
 .page-transition {
     position: relative;
     width: 100%;
     height: 100%;
     -webkit-animation-delay: .2s;
     -moz-animation-delay: .2s;
     animation-delay: .2s;
     perspective: 1200px;
     transform-style: preserve-3d
}
 .pt-page-moveFromLeft-init {
     -webkit-animation: moveFromLeft .6s ease both;
     -moz-animation: moveFromLeft .6s ease both;
     animation: moveFromLeft .6s ease both
}
 .pt-page-moveFromRight-init {
     -webkit-animation: moveFromRight .6s ease both;
     -moz-animation: moveFromRight .6s ease both;
     animation: moveFromRight .6s ease both
}
 .pt-page-moveFromTop-init {
     -webkit-animation: moveFromTop .6s ease both;
     -moz-animation: moveFromTop .6s ease both;
     animation: moveFromTop .6s ease both
}
 .pt-page-moveFromBottom-init {
     -webkit-animation: moveFromBottom .6s ease both;
     -moz-animation: moveFromBottom .6s ease both;
     animation: moveFromBottom .6s ease both
}
 .pt-page-fade-init {
     -webkit-animation: fade .7s ease both;
     -moz-animation: fade .7s ease both;
     animation: fade .7s ease both
}
 .pt-page-moveFromLeftFade-init {
     -webkit-animation: moveFromLeftFade .7s ease both;
     -moz-animation: moveFromLeftFade .7s ease both;
     animation: moveFromLeftFade .7s ease both
}
 .pt-page-moveFromRightFade-init {
     -webkit-animation: moveFromRightFade .7s ease both;
     -moz-animation: moveFromRightFade .7s ease both;
     animation: moveFromRightFade .7s ease both
}
 .pt-page-moveFromTopFade-init {
     -webkit-animation: moveFromTopFade .7s ease both;
     -moz-animation: moveFromTopFade .7s ease both;
     animation: moveFromTopFade .7s ease both
}
 .pt-page-moveFromBottomFade-init {
     -webkit-animation: moveFromBottomFade .7s ease both;
     -moz-animation: moveFromBottomFade .7s ease both;
     animation: moveFromBottomFade .7s ease both
}
 @-webkit-keyframes moveFromLeft {
     from {
         -webkit-transform: translateX(-100%)
    }
}
 @-moz-keyframes moveFromLeft {
     from {
         -moz-transform: translateX(-100%)
    }
}
 @keyframes moveFromLeft {
     from {
         transform: translateX(-100%)
    }
}
 @-webkit-keyframes moveFromRight {
     from {
         -webkit-transform: translateX(100%)
    }
}
 @-moz-keyframes moveFromRight {
     from {
         -moz-transform: translateX(100%)
    }
}
 @keyframes moveFromRight {
     from {
         transform: translateX(100%)
    }
}
 @-webkit-keyframes moveFromTop {
     from {
         -webkit-transform: translateY(-100%)
    }
}
 @-moz-keyframes moveFromTop {
     from {
         -moz-transform: translateY(-100%)
    }
}
 @keyframes moveFromTop {
     from {
         transform: translateY(-100%)
    }
}
 @-webkit-keyframes moveFromBottom {
     from {
         -webkit-transform: translateY(100%)
    }
}
 @-moz-keyframes moveFromBottom {
     from {
         -moz-transform: translateY(100%)
    }
}
 @keyframes moveFromBottom {
     from {
         transform: translateY(100%)
    }
}
 @-webkit-keyframes fade {
     to {
         opacity: .3
    }
}
 @-moz-keyframes fade {
     to {
         opacity: .3
    }
}
 @keyframes fade {
     to {
         opacity: .3
    }
}
 @-webkit-keyframes moveFromLeftFade {
     from {
         -webkit-transform: translateX(-100%);
         opacity: .3
    }
}
 @-moz-keyframes moveFromLeftFade {
     from {
         -moz-transform: translateX(-100%);
         opacity: .3
    }
}
 @keyframes moveFromLeftFade {
     from {
         transform: translateX(-100%);
         opacity: .3
    }
}
 @-webkit-keyframes moveFromRightFade {
     from {
         -webkit-transform: translateX(100%);
         opacity: .3
    }
}
 @-moz-keyframes moveFromRightFade {
     from {
         -moz-transform: translateX(100%);
         opacity: .3
    }
}
 @keyframes moveFromRightFade {
     from {
         transform: translateX(100%);
         opacity: .3
    }
}
 @-webkit-keyframes moveFromTopFade {
     from {
         -webkit-transform: translateY(-100%);
         opacity: .3
    }
}
 @-moz-keyframes moveFromTopFade {
     from {
         -moz-transform: translateY(-100%);
         opacity: .3
    }
}
 @keyframes moveFromTopFade {
     from {
         transform: translateY(-100%);
         opacity: .3
    }
}
 @-webkit-keyframes moveFromBottomFade {
     from {
         -webkit-transform: translateY(100%);
         opacity: .3
    }
}
 @-moz-keyframes moveFromBottomFade {
     from {
         -moz-transform: translateY(100%);
         opacity: .3
    }
}
 @keyframes moveFromBottomFade {
     from {
         transform: translateY(100%);
         opacity: .3
    }
}
 .pt-page-scaleUp-init {
     -webkit-animation: scaleUp .7s ease both;
     -moz-animation: scaleUp .7s ease both;
     animation: scaleUp .7s ease both
}
 .pt-page-scaleUpCenter-init {
     -webkit-animation: scaleUpCenter .4s ease-out both;
     -moz-animation: scaleUpCenter .4s ease-out both;
     animation: scaleUpCenter .4s ease-out both
}
 @-webkit-keyframes scaleUp {
     from {
         -webkit-transform: scale(.8);
         opacity: 0
    }
}
 @-moz-keyframes scaleUp {
     from {
         -moz-transform: scale(.8);
         opacity: 0
    }
}
 @keyframes scaleUp {
     from {
         transform: scale(.8);
         opacity: 0
    }
}
 @-webkit-keyframes scaleUpCenter {
     from {
         -webkit-transform: scale(.7);
         opacity: 0
    }
}
 @-moz-keyframes scaleUpCenter {
     from {
         -moz-transform: scale(.7);
         opacity: 0
    }
}
 @keyframes scaleUpCenter {
     from {
         transform: scale(.7);
         opacity: 0
    }
}
 .pt-page-flipInLeft-init {
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-animation: flipInLeft .5s both ease-out;
     -moz-animation: flipInLeft .5s both ease-out;
     animation: flipInLeft .5s both ease-out
}
 .pt-page-flipInRight-init {
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-animation: flipInRight .5s both ease-out;
     -moz-animation: flipInRight .5s both ease-out;
     animation: flipInRight .5s both ease-out
}
 .pt-page-flipInBottom-init {
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-animation: flipInBottom .5s both ease-out;
     -moz-animation: flipInBottom .5s both ease-out;
     animation: flipInBottom .5s both ease-out
}
 .pt-page-flipInTop-init {
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-animation: flipInTop .5s both ease-out;
     -moz-animation: flipInTop .5s both ease-out;
     animation: flipInTop .5s both ease-out
}
 .pt-page-rotatePullRight-init {
     -webkit-transform-origin: 100% 50%;
     -moz-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
     -webkit-animation: rotatePullRight .5s both ease;
     -moz-animation: rotatePullRight .5s both ease;
     animation: rotatePullRight .5s both ease
}
 .pt-page-rotatePullLeft-init {
     -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-animation: rotatePullLeft .5s both ease;
     -moz-animation: rotatePullLeft .5s both ease;
     animation: rotatePullLeft .5s both ease
}
 .pt-page-rotatePullTop-init {
     -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
     transform-origin: 50% 0;
     -webkit-animation: rotatePullTop .5s both ease;
     -moz-animation: rotatePullTop .5s both ease;
     animation: rotatePullTop .5s both ease
}
 .pt-page-rotatePullBottom-init {
     -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     -webkit-animation: rotatePullBottom .5s both ease;
     -moz-animation: rotatePullBottom .5s both ease;
     animation: rotatePullBottom .5s both ease
}
 .pt-page-rotateUnfoldLeft-init {
     -webkit-transform-origin: 100% 50%;
     -moz-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
     -webkit-animation: rotateUnfoldLeft .7s both ease;
     -moz-animation: rotateUnfoldLeft .7s both ease;
     animation: rotateUnfoldLeft .7s both ease
}
 .pt-page-rotateUnfoldRight-init {
     -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-animation: rotateUnfoldRight .7s both ease;
     -moz-animation: rotateUnfoldRight .7s both ease;
     animation: rotateUnfoldRight .7s both ease
}
 .pt-page-rotateUnfoldTop-init {
     -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     -webkit-animation: rotateUnfoldTop .7s both ease;
     -moz-animation: rotateUnfoldTop .7s both ease;
     animation: rotateUnfoldTop .7s both ease
}
 .pt-page-rotateUnfoldBottom-init {
     -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
     transform-origin: 50% 0;
     -webkit-animation: rotateUnfoldBottom .7s both ease;
     -moz-animation: rotateUnfoldBottom .7s both ease;
     animation: rotateUnfoldBottom .7s both ease
}
 @-webkit-keyframes flipInLeft {
     from {
         -webkit-transform: translateZ(-1000px) rotateY(-90deg);
         opacity: .2
    }
}
 @-moz-keyframes flipInLeft {
     from {
         -moz-transform: translateZ(-1000px) rotateY(-90deg);
         opacity: .2
    }
}
 @keyframes flipInLeft {
     from {
         transform: translateZ(-1000px) rotateY(-90deg);
         opacity: .2
    }
}
 @-webkit-keyframes flipInRight {
     from {
         -webkit-transform: translateZ(-1000px) rotateY(90deg);
         opacity: .2
    }
}
 @-moz-keyframes flipInRight {
     from {
         -moz-transform: translateZ(-1000px) rotateY(90deg);
         opacity: .2
    }
}
 @keyframes flipInRight {
     from {
         transform: translateZ(-1000px) rotateY(90deg);
         opacity: .2
    }
}
 @-webkit-keyframes flipInBottom {
     from {
         -webkit-transform: translateZ(-1000px) rotateX(-90deg);
         opacity: .2
    }
}
 @-moz-keyframes flipInBottom {
     from {
         -moz-transform: translateZ(-1000px) rotateX(-90deg);
         opacity: .2
    }
}
 @keyframes flipInBottom {
     from {
         transform: translateZ(-1000px) rotateX(-90deg);
         opacity: .2
    }
}
 @-webkit-keyframes flipInTop {
     from {
         -webkit-transform: translateZ(-1000px) rotateX(90deg);
         opacity: .2
    }
}
 @-moz-keyframes flipInTop {
     from {
         -moz-transform: translateZ(-1000px) rotateX(90deg);
         opacity: .2
    }
}
 @keyframes flipInTop {
     from {
         transform: translateZ(-1000px) rotateX(90deg);
         opacity: .2
    }
}
 @-webkit-keyframes rotatePullRight {
     from {
         -webkit-transform: rotateY(-90deg);
         opacity: 0
    }
}
 @-moz-keyframes rotatePullRight {
     from {
         -moz-transform: rotateY(-90deg);
         opacity: 0
    }
}
 @keyframes rotatePullRight {
     from {
         transform: rotateY(-90deg);
         opacity: 0
    }
}
 @-webkit-keyframes rotatePullLeft {
     from {
         -webkit-transform: rotateY(90deg);
         opacity: 0
    }
}
 @-moz-keyframes rotatePullLeft {
     from {
         -moz-transform: rotateY(90deg);
         opacity: 0
    }
}
 @keyframes rotatePullLeft {
     from {
         transform: rotateY(90deg);
         opacity: 0
    }
}
 @-webkit-keyframes rotatePullTop {
     from {
         -webkit-transform: rotateX(-90deg);
         opacity: 0
    }
}
 @-moz-keyframes rotatePullTop {
     from {
         -moz-transform: rotateX(-90deg);
         opacity: 0
    }
}
 @keyframes rotatePullTop {
     from {
         transform: rotateX(-90deg);
         opacity: 0
    }
}
 @-webkit-keyframes rotatePullBottom {
     from {
         -webkit-transform: rotateX(90deg);
         opacity: 0
    }
}
 @-moz-keyframes rotatePullBottom {
     from {
         -moz-transform: rotateX(90deg);
         opacity: 0
    }
}
 @keyframes rotatePullBottom {
     from {
         transform: rotateX(90deg);
         opacity: 0
    }
}
 @-webkit-keyframes rotateUnfoldLeft {
     from {
         -webkit-transform: translateX(-100%) rotateY(-90deg);
         opacity: 0
    }
}
 @-moz-keyframes rotateUnfoldLeft {
     from {
         -moz-transform: translateX(-100%) rotateY(-90deg);
         opacity: 0
    }
}
 @keyframes rotateUnfoldLeft {
     from {
         transform: translateX(-100%) rotateY(-90deg);
         opacity: 0
    }
}
 @-webkit-keyframes rotateUnfoldRight {
     from {
         -webkit-transform: translateX(100%) rotateY(90deg);
         opacity: 0
    }
}
 @-moz-keyframes rotateUnfoldRight {
     from {
         -moz-transform: translateX(100%) rotateY(90deg);
         opacity: 0
    }
}
 @keyframes rotateUnfoldRight {
     from {
         transform: translateX(100%) rotateY(90deg);
         opacity: 0
    }
}
 @-webkit-keyframes rotateUnfoldTop {
     from {
         -webkit-transform: translateY(-100%) rotateX(90deg);
         opacity: 0
    }
}
 @-moz-keyframes rotateUnfoldTop {
     from {
         -moz-transform: translateY(-100%) rotateX(90deg);
         opacity: 0
    }
}
 @keyframes rotateUnfoldTop {
     from {
         transform: translateY(-100%) rotateX(90deg);
         opacity: 0
    }
}
 @-webkit-keyframes rotateUnfoldBottom {
     from {
         -webkit-transform: translateY(100%) rotateX(-90deg);
         opacity: 0
    }
}
 @-moz-keyframes rotateUnfoldBottom {
     from {
         -moz-transform: translateY(100%) rotateX(-90deg);
         opacity: 0
    }
}
 @keyframes rotateUnfoldBottom {
     from {
         transform: translateY(100%) rotateX(-90deg);
         opacity: 0
    }
}
 .pt-page-delay100-init {
     -webkit-animation-delay: .1s;
     -moz-animation-delay: .1s;
     animation-delay: .1s
}
 .pt-page-delay180-init {
     -webkit-animation-delay: .18s;
     -moz-animation-delay: .18s;
     animation-delay: .18s
}
 .pt-page-delay200-init {
     -webkit-animation-delay: .2s;
     -moz-animation-delay: .2s;
     animation-delay: .2s
}
 .pt-page-delay300-init {
     -webkit-animation-delay: .3s;
     -moz-animation-delay: .3s;
     animation-delay: .3s
}
 .pt-page-delay400-init {
     -webkit-animation-delay: .4s;
     -moz-animation-delay: .4s;
     animation-delay: .4s
}
 .pt-page-delay500-init {
     -webkit-animation-delay: .5s;
     -moz-animation-delay: .5s;
     animation-delay: .5s
}
 .pt-page-delay700-init {
     -webkit-animation-delay: .7s;
     -moz-animation-delay: .7s;
     animation-delay: .7s
}
 .pt-page-delay1000-init {
     -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
     animation-delay: 1s
}
 .pad5A {
     padding: 5px !important
}
 .pad5T {
     padding-top: 5px !important
}
 .pad5R {
     padding-right: 5px !important
}
 .pad5B {
     padding-bottom: 5px !important
}
 .pad5L {
     padding-left: 5px !important
}
 .pad10A {
     padding: 10px !important
}
 .pad10T {
     padding-top: 10px !important
}
 .pad10R {
     padding-right: 10px !important
}
 .pad10B {
     padding-bottom: 10px !important
}
 .pad10L {
     padding-left: 10px !important
}
 .pad15A {
     padding: 15px !important
}
 .pad15T {
     padding-top: 15px !important
}
 .pad15R {
     padding-right: 15px !important
}
 .pad15B {
     padding-bottom: 15px !important
}
 .pad15L {
     padding-left: 15px !important
}
 .pad20A {
     padding: 20px !important
}
 .pad20T {
     padding-top: 20px !important
}
 .pad20R {
     padding-right: 20px !important
}
 .pad20B {
     padding-bottom: 20px !important
}
 .pad20L {
     padding-left: 20px !important
}
 .pad25A {
     padding: 25px !important
}
 .pad25T {
     padding-top: 25px !important
}
 .pad25R {
     padding-right: 25px !important
}
 .pad25B {
     padding-bottom: 25px !important
}
 .pad25L {
     padding-left: 25px !important
}
 .pad45A {
     padding: 45px !important
}
 .pad45T {
     padding-top: 45px !important
}
 .pad45R {
     padding-right: 45px !important
}
 .pad45B {
     padding-bottom: 45px !important
}
 .pad45L {
     padding-left: 45px !important
}
 .pad0A {
     padding: 0 !important
}
 .pad0T {
     padding-top: 0 !important
}
 .pad0R {
     padding-right: 0 !important
}
 .pad0B {
     padding-bottom: 0 !important
}
 .pad0L {
     padding-left: 0 !important
}
 .mrg5A {
     margin: 5px !important
}
 .mrg5T {
     margin-top: 5px !important
}
 .mrg5R {
     margin-right: 5px !important
}
 .mrg5B {
     margin-bottom: 5px !important
}
 .mrg5L {
     margin-left: 5px !important
}
 .mrg10A {
     margin: 10px !important
}
 .mrg10T {
     margin-top: 10px !important
}
 .mrg10R {
     margin-right: 10px !important
}
 .mrg10B {
     margin-bottom: 10px !important
}
 .mrg10L {
     margin-left: 10px !important
}
 .mrg15A {
     margin: 15px !important
}
 .mrg15T {
     margin-top: 15px !important
}
 .mrg15R {
     margin-right: 15px !important
}
 .mrg15B {
     margin-bottom: 15px !important
}
 .mrg15L {
     margin-left: 15px !important
}
 .mrg20A {
     margin: 20px !important
}
 .mrg20T {
     margin-top: 20px !important
}
 .mrg20R {
     margin-right: 20px !important
}
 .mrg20B {
     margin-bottom: 20px !important
}
 .mrg20L {
     margin-left: 20px !important
}
 .mrg25A {
     margin: 25px !important
}
 .mrg25T {
     margin-top: 25px !important
}
 .mrg25R {
     margin-right: 25px !important
}
 .mrg25B {
     margin-bottom: 25px !important
}
 .mrg25L {
     margin-left: 25px !important
}
 .mrg45A {
     margin: 45px !important
}
 .mrg45T {
     margin-top: 45px !important
}
 .mrg45R {
     margin-right: 45px !important
}
 .mrg45B {
     margin-bottom: 45px !important
}
 .mrg45L {
     margin-left: 45px !important
}
 .mrg0A {
     margin: 0 !important
}
 .mrg0T {
     margin-top: 0 !important
}
 .mrg0R {
     margin-right: 0 !important
}
 .mrg0B {
     margin-bottom: 0 !important
}
 .mrg0L {
     margin-left: 0 !important
}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-weight: 500;
     margin: 0
}
 .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
     font-weight: 400
}
 .h1, h1 {
     font-size: 38px
}
 .h2, h2 {
     font-size: 26px
}
 .h3, h3 {
     font-size: 20px
}
 .h4, h4 {
     font-size: 16px
}
 .h5, h5 {
     font-size: 14px
}
 .h6, h6 {
     font-size: 12px
}
 .h1 small, h1 small {
     font-size: 24px
}
 .h2 small, h2 small {
     font-size: 18px
}
 .h3 small, .h4 small, h3 small, h4 small {
     font-size: 14px
}
 h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
     font-size: 75%
}
 blockquote {
     margin: 0 0 20px;
     padding: 10px 20px;
     border-left: 5px solid #eee
}
 blockquote p {
     font-size: 18px;
     font-weight: 500;
     line-height: 1.25
}
 blockquote p:last-child {
     margin-bottom: 0
}
 blockquote small {
     line-height: 1.428571429;
     display: block;
     color: #999
}
 blockquote small:before {
     content: '\2014 \00A0'
}
 blockquote.pull-right {
     padding-right: 15px;
     padding-left: 0;
     border-right: 5px solid #eee;
     border-left: 0
}
 blockquote.pull-right .small, blockquote.pull-right p, blockquote.pull-right small {
     text-align: right
}
 blockquote.pull-right .small:before, blockquote.pull-right small:before {
     content: ''
}
 blockquote.pull-right .small:after, blockquote.pull-right small:after {
     content: '\00A0 \2014'
}
 blockquote:after, blockquote:before {
     content: ''
}
 address {
     font-style: normal;
     line-height: 1.428571429;
     margin-bottom: 20px
}
 code, kbd, pre, samp {
     font-family: Menlo, Monaco, Consolas, 'Courier New', monospace
}
 code {
     font-size: 90%;
     padding: 0 4px;
     white-space: nowrap;
     color: #d05;
     border: 1px solid #dfe8f1;
     border-radius: 3px;
     background: #fafafa
}
 pre {
     font-size: 13px;
     line-height: 1.428571429;
     display: block;
     margin: 0 0 10px;
     padding: 10px;
     word-wrap: break-word;
     word-break: break-all;
     color: #333;
     border: 1px solid #ccc;
     border-radius: 4px;
     background-color: #f5f5f5
}
 pre code {
     font-size: inherit;
     padding: 0;
     white-space: pre-wrap;
     color: inherit;
     border-radius: 0;
     background-color: transparent
}
 p {
     line-height: 1.6em;
     margin: 0
}
 .title-hero {
     margin: 0 0 15px;
     padding: 0;
     text-transform: uppercase;
     font-size: 14px;
     opacity: .7
}
 h4.title-hero {
     font-size: 15px
}
 .title-lead {
     color: #3F3F3F
}
 .title-hero .title-lead {
     font-size: 65%;
     margin: 5px 0 0
}
 .title-hero+.title-lead {
     margin-top: -10px
}
 .jumbotron {
     font-size: 21px;
     font-weight: 200;
     line-height: 2.1428571435;
     margin-bottom: 30px;
     padding: 30px;
     color: inherit;
     background-color: #eee
}
 .jumbotron h1 {
     line-height: 1;
     color: inherit
}
 .jumbotron p {
     line-height: 1.4
}
 .container .jumbotron {
     border-radius: 6px
}
 @media screen and (min-width:768px) {
     .jumbotron {
         padding-top: 48px;
         padding-bottom: 48px
    }
     .container .jumbotron {
         padding-right: 60px;
         padding-left: 60px
    }
     .jumbotron h1 {
         font-size: 63px
    }
}
 .float-left, .pull-left {
     float: left !important
}
 .float-right, .pull-right {
     float: right !important
}
 .float-none {
     float: none !important
}
 .font-size-10 {
     font-size: 10px !important
}
 .font-size-11 {
     font-size: 11px !important
}
 .font-size-12 {
     font-size: 12px !important
}
 .font-size-13 {
     font-size: 13px !important
}
 .font-size-14 {
     font-size: 14px !important
}
 .font-size-15 {
     font-size: 15px !important
}
 .font-size-16 {
     font-size: 16px !important
}
 .font-size-17 {
     font-size: 17px !important
}
 .font-size-18 {
     font-size: 18px !important
}
 .font-size-20 {
     font-size: 20px !important
}
 .font-size-23 {
     font-size: 23px !important
}
 .font-size-26 {
     font-size: 26px !important
}
 .font-size-28 {
     font-size: 28px !important
}
 .font-size-35 {
     font-size: 35px !important
}
 .font-size-50 {
     font-size: 50px !important
}
 .text-center {
     text-align: center !important
}
 .text-left {
     text-align: left !important
}
 .text-right {
     text-align: right !important
}
 .text-justify {
     text-align: justify
}
 .text-transform-none {
     text-transform: none
}
 .text-transform-upr {
     text-transform: uppercase
}
 .text-transform-low {
     text-transform: lowercase
}
 .text-transform-cap {
     text-transform: capitalize
}
 .text-no-wrap {
     white-space: nowrap
}
.text-wrap{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 .font-bold {
     font-weight: 700 !important
}
 .font-normal {
     font-weight: 400
}
 .font-italic {
     font-style: italic
}
 .font-none {
     font-style: none
}
 .clear {
     clear: both
}
 .clear-none {
     clear: none !important
}
 .ui-front {
     z-index: 100
}
 .wrapper-sticky {
     z-index: 15
}
 .hide, .lazy, .mix, .tab-pane, [data-toggle=buttons]>.btn>input[type=checkbox], [data-toggle=buttons]>.btn>input[type=radio] {
     display: none
}
 .hidden, .ui-helper-hidden-accessible {
     display: none !important
}
 .display-block {
     position: relative !important;
     display: block !important
}
 .display-block .button-content {
     float: none
}
 .display-block.dropdown-menu {
     position: static !important
}
 .display-inline {
     display: inline-block
}
 .no-border {
     border-color: transparent !important
}
 .remove-border {
     border: 0 !important
}
 .border-top {
     border-top: 3px solid !important;
}
 .width-100 {
     box-sizing: border-box;
     width: 100%
}
 .center-margin {
     float: none !important;
     margin: 0 auto
}
 .center-block, .container {
     display: block;
     margin-right: auto;
     margin-left: auto
}
 .center-vertical {
     position: relative;
     z-index: 15;
     top: 0;
     left: 0;
     display: table;
     width: 100%;
     height: 100%
}
 .center-vertical .center-content {
     display: table-cell;
     vertical-align: middle
}
 .position-absolute {
     position: absolute
}
 /* .show {
     display: block !important
} */
 .hidden {
     display: none !important;
     visibility: hidden !important
}
 .invisible {
     visibility: hidden
}
 .center-div {
     float: none !important;
     margin-right: auto !important;
     margin-left: auto !important;
     text-align: center !important
}
 .divider, .nav-divider {
     ityity: .7;
     -moz-opacity: .7;
     filter: alpha(opacity: 70)
}
 .divider {
     overflow: hidden;
     height: 1px;
     margin: 10px 0;
     padding: 0
}
 .divider-header {
     font-size: 11px;
     padding: 10px 15px;
     text-transform: uppercase;
     opacity: .2;
     color: #fff
}
 .overflow-hidden {
     overflow: hidden
}
 .width-reset {
     width: auto !important
}
 .opacity-10 {
     opacity: .1 !important;
     -moz-opacity: .1 !important;
     filter: alpha(opacity: 10) !important
}
 .info-box b, .info-box.icon-wrapper .icon-large, .opacity-30 {
     opacity: .3 !important;
     -moz-opacity: .3 !important;
     filter: alpha(opacity: 30) !important
}
 .opacity-40 {
     opacity: .4 !important;
     -moz-opacity: .4 !important;
     filter: alpha(opacity: 40) !important
}
 .info-box b, .label-description span, .opacity-60, .opacity-hover {
     opacity: .6 !important;
     -moz-opacity: .6 !important;
     filter: alpha(opacity: 60) !important
}
 .no-shadow.transparent.btn:hover i, .opacity-80 {
     opacity: .8 !important;
     -moz-opacity: .8 !important;
     filter: alpha(opacity: 80) !important
}
 .opacity-100, .opacity-hover:hover {
     opacity: 1 !important;
     -moz-opacity: 1 !important;
     filter: alpha(opacity: 100) !important
}
 .btn-link .glyph-icon.opacity-hover {
     margin: 0 -5px
}
 .transparent {
     border-color: transparent !important;
     background: none !important;
     box-shadow: 0 0 transparent !important
}
 .no-shadow {
     box-shadow: 0 0 0 transparent !important
}
 .remove-bg {
     background: 0 0
}
 .nicescroll-rails {
     background: none !important
}
 .btn .caret {
     margin-left: 0
}
 .caret {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 2px;
     vertical-align: middle;
     border-top: 4px solid;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent
}
 .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
     content: '';
     border-top: 0;
     border-bottom: 4px solid
}
 .chosen-results, .form-wizard>ul, .nav-list ul, .nav-list-horizontal ul, .parsley-errors-list, .reset-ul, .tabs-navigation>ul, ul.messages-box, ul.notifications-box, ul.progress-box {
     margin: 0;
     padding: 0;
     list-style: none
}
 #page-wrapper:after, #page-wrapper:before, .btn-group:after, .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .button-pane:after, .button-pane:before, .chat-box li:after, .chat-box li:before, .clearfix:after, .clearfix:before, .comments-list li .panel-body:after, .comments-list li .panel-body:before, .container:after, .container:before, .content-box-header:after, .content-box-header:before, .example-box-wrapper:after, .example-box-wrapper:before, .files-box li:after, .files-box li:before, .form-input-prepend:after, .form-input-prepend:before, .form-row:after, .form-row:before, .info-box:after, .info-box:before, .messages-box li:after, .messages-box li:before, .nav-list li:after, .nav-list li:before, .nav:after, .nav:before, .notifications-box li:after, .notifications-box li:before, .pager:after, .pager:before, .posts-list li:after, .posts-list li:before, .tl-item:after, .tl-item:before, .tl-row:after, .tl-row:before, .todo-box li:after, .todo-box li:before, .ui-helper-clearfix:after, .ui-helper-clearfix:before {
     display: table;
     content: ''
}
 #page-wrapper:after, .btn-group:after, .btn-toolbar:after, .button-pane:after, .chat-box li:after, .clearfix:after, .comments-list li .panel-body:after, .container:after, .content-box-header:after, .example-box-wrapper:after, .files-box li:after, .form-input-prepend:after, .form-row:after, .info-box:after, .messages-box li:after, .nav-list li:after, .nav:after, .notifications-box li:after, .pager:after, .posts-list li:after, .tl-item:after, .tl-row:after, .todo-box li:after, .ui-helper-clearfix:after {
     clear: both
}
#page-wrapper.action_update #page-content-wrapper #page-content{
    padding-bottom: 150px;;
}
 .ui-sortable-placeholder {
     visibility: visible !important;
     border: 1px dashed #efda2c !important;
     background: #fffce5 !important
}
 .daterangepicker td.available.in-range:hover, .daterangepicker td.in-range {
     background: #fffce5
}
 .checker.disabled, .checker.disabled span, .chosen-disabled, .disabled, .radio.disabled, .radio.disabled span, .ui-rangeSlider-disabled .ui-rangeSlider-arrow, .ui-rangeSlider-disabled .ui-rangeSlider-container, .ui-rangeSlider-disabled .ui-rangeSlider-label, .ui-state-disabled, button[disabled] {
     cursor: not-allowed !important;
     opacity: .65;
     filter: alpha(opacity: 65)
}
 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, input[disabled], select[disabled], textarea[disabled] {
     background: #fafafa;
}
 input[readonly], select[readonly], textarea[readonly] {
     background: #fdfdfd;
}
 .login-img {
     position: fixed !important;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
}
 .fixed-bg {
     background: no-repeat fixed center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover
}
 .ui-widget-overlay {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     text-align: center;
     z-index: 16
}
 .ui-widget-overlay img {
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -26px 0 0 -26px
}
 #loading {
     z-index: 5555;
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: #fff
}

.tab-pane.active {
     display: block
}
 .collapsing {
     position: relative;
     overflow: hidden;
     height: 0;
     -webkit-transition: height .35s ease;
     transition: height .35s ease
}
 .small-padding {
     padding: 25px 0
}
 .medium-padding {
     padding: 55px 0
}
 .large-padding {
     padding: 85px 0
}
 .xlarge-padding {
     padding: 115px 0
}
 .glyph-icon {
     text-align: center
}
 .dataTables_paginate a i:before, .fc-icon, .glyph-icon:before, .search-choice-close:before, .ui-dialog-titlebar-close:before, .ui-icon:before {
     font-family: FontAwesome, serif;
     font-weight: 400;
     font-style: normal;
     display: inline-block;
     text-align: center;
     text-decoration: none;
     background: 0 0;
     speak: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
}
 .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
     cursor: not-allowed;
     text-decoration: none;
     background: transparent none;
     filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}
 .sr-only {
     position: absolute;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     width: 1px;
     height: 1px;
     margin: -1px;
     padding: 0;
     border: 0
}
 .rm-transition {
     -webkit-transition: none !important;
     -moz-transition: none !important;
     -ms-transition: none !important;
     -o-transition: none !important
}
 .btn, a, button, div[id^=uniform-] span {
     -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
     -ms-transition: all .1s ease-in-out;
     -o-transition: all .1s ease-in-out
}
 .dropdown-sidebar-submenu:hover>.dropdown-menu, .open>.dropdown-menu {
     -webkit-animation-name: zoomIn;
     -moz-animation-name: zoomIn;
     -o-animation-name: zoomIn;
     animation-name: zoomIn;
     -webkit-animation-duration: .4s;
     -moz-animation-duration: .4s;
     -o-animation-duration: .4s;
     animation-duration: .4s;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both
}
 #page-header, #sidebar, .main-header, .top-bar {
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out
}
 .panel-body .col-md-6 .example-box-wrapper:last-child, .panel-body .example-box-wrapper:last-child {
     margin-bottom: 0
}
 .example-box-wrapper .alert, .example-box-wrapper .content-box, .example-box-wrapper .dashboard-box, .example-box-wrapper .dataTables_wrapper, .example-box-wrapper .icon-box, .example-box-wrapper .image-box, .example-box-wrapper .jcrop-holder, .example-box-wrapper .jvectormap-container, .example-box-wrapper .list-group, .example-box-wrapper .loading-spinner, .example-box-wrapper .loading-stick, .example-box-wrapper .minicolors, .example-box-wrapper .nav, .example-box-wrapper .panel-layout, .example-box-wrapper .scrollable-content, .example-box-wrapper .tile-box, .example-box-wrapper .ui-accordion, .example-box-wrapper .ui-rangeSlider, .example-box-wrapper .ui-slider, .example-box-wrapper .ui-tabs, .example-box-wrapper>.btn, .example-box-wrapper>.btn-group, .example-box-wrapper>.btn-group-vertical, .example-box-wrapper>.btn-toolbar, .example-box-wrapper>.display-block.dropdown-menu, .example-box-wrapper>.dropdown, .example-box-wrapper>.dropup, .example-box-wrapper>.hasDatepicker, .example-box-wrapper>.img-humbnail, .example-box-wrapper>.minicolors, .example-box-wrapper>.pagination, .example-box-wrapper>.panel-layout, .example-box-wrapper>.progressbar, .example-box-wrapper>.thumbnail, .example-box-wrapper>form, .example-box-wrapper>h6, .example-box-wrapper>img {
     margin-bottom: 20px
}
 .demo-icon {
     font-size: 22px;
     line-height: 40px;
     float: left;
     width: 40px;
     height: 40px;
     margin: 10px;
     text-align: center;
     color: #92A0B3;
     border: 1px solid rgba(220, 233, 255, .54);
     border-radius: 3px
}
 .demo-icon:hover {
     color: #59606c;
     border-color: #92A0B3
}
 .font-black {
     color: #464646 !important
}
 .font-blue {
     color: #1f6dca !important
}
 .font-blue-alt {
     color: #65a6ff !important
}
 .font-azure {
     color: #41e5c0 !important
}
 .font-gray, .text-muted {
     color: #c2c2c2 !important
}
 .font-gray-dark, .text-info {
     color: #828282 !important
}
 .font-green, .text-success {
     color: #2ecc71 !important
}
 .font-orange, .text-warning {
     color: #fa7753 !important
}
 .font-yellow {
     color: #fc0 !important
}
 .font-purple {
     color: #984dff !important
}
 .font-red, .has-error .help-block, .parsley-required, .text-danger {
     color: #ff5757 !important
}
 .font-white {
     color: #fff !important
}
 .alert-info, .alert-info a {
     color: #6c6c6c;
     border-color: #c9c9c9;
     background: #dfe8f1
}
 .alert-notice, .alert-notice a {
     color: #0f2c62;
     border-color: #62baf6;
     background: #c6e8ff
}
 .alert-success, .alert-success a, .parsley-success {
     color: #1e620f;
     border-color: #7cd362;
     background: #d3ffc6
}
 .parsley-success {
     background: #fff
}
 .alert-warning, .alert-warning a, .warning {
     color: #624b0f;
     border-color: #ebc875;
     background: #ffeec6
}
 .alert-danger, .alert-danger a, .danger, .parsley-error {
     color: #620f0f;
     border-color: #db6a6a;
     background: #ffc6c6
}
 .parsley-error {
     background: #fff
}
 .bg-facebook {
     color: #fff !important;
     background: #3b5998
}
 .btn.bg-facebook:hover {
     background: #304b85
}
 .bg-twitter {
     color: #fff !important;
     background: #3a92c8
}
 .btn.bg-twitter:hover {
     background: #2b80b4
}
 .bg-google {
     color: #fff !important;
     background: #dd4b39
}
 .btn.bg-google:hover {
     background: #c93b2a
}
 .badge-info, .bg-blue, .bootstrap-switch-info, .btn-info, .checkbox-info div[id^=uniform-] span.checked, .hover-blue:hover, .hover-info:hover, .label-info, .progress-bar-info, .radio-info div[id^=uniform-] span.checked {
     color: #fff;
     border-color: #308dcc;
     background: #3498db
}
 .btn-info.active, .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info:active, .btn-info:focus, .btn-info:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, .label-info[href]:focus, .label-info[href]:hover, .open .dropdown-toggle.btn-info {
     color: #fff;
     border-color: #308dcc;
     background: #52a7e0
}
 .badge-danger, .bg-danger, .bg-red, .bootstrap-switch-danger, .btn-danger, .checkbox-danger div[id^=uniform-] span.checked, .hover-danger:hover, .hover-red:hover, .label-danger, .progress-bar-danger, .radio-danger div[id^=uniform-] span.checked {
     color: #fff;
     border-color: #cf4436;
     background: #e74c3c
}
 .btn-danger.active, .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, .label-danger[href]:focus, .label-danger[href]:hover, .open .dropdown-toggle.btn-danger {
     color: #fff;
     border-color: #cf4436;
     background: #eb6759
}
 .badge-gray, .bg-gray, .btn-gray, .hover-gray:hover, .label-gray {
     color: #666;
     background: #efefef
}
 .btn-gray.active, .btn-gray.disabled, .btn-gray.disabled.active, .btn-gray.disabled:active, .btn-gray.disabled:focus, .btn-gray.disabled:hover, .btn-gray:active, .btn-gray:focus, .btn-gray:hover, .btn-gray[disabled], .btn-gray[disabled].active, .btn-gray[disabled]:active, .btn-gray[disabled]:focus, .btn-gray[disabled]:hover, .label-gray[href]:focus, .label-gray[href]:hover, .open .dropdown-toggle.btn-gray {
     color: #333;
     background: #e7e7e7
}
 .badge-gray-alt, .bg-gray-alt, .btn-gray-alt, .hover-gray-alt:hover, .label-gray-alt {
     color: #888;
     background: #f6f6f6
}
 .btn-gray-alt.active, .btn-gray-alt.disabled, .btn-gray-alt.disabled.active, .btn-gray-alt.disabled:active, .btn-gray-alt.disabled:focus, .btn-gray-alt.disabled:hover, .btn-gray-alt:active, .btn-gray-alt:focus, .btn-gray-alt:hover, .btn-gray-alt[disabled], .btn-gray-alt[disabled].active, .btn-gray-alt[disabled]:active, .btn-gray-alt[disabled]:focus, .btn-gray-alt[disabled]:hover, .label-gray-alt[href]:focus, .label-gray-alt[href]:hover, .open .dropdown-toggle.btn-gray-alt {
     color: #444;
     background: #ededed
}
 .badge-black, .bg-black, .btn-black, .hover-black:hover, .label-black {
     color: #ccc;
     border-color: #000;
     background: #2d2d2d
}
 .boxed-layout.bg-black {
     background: #2d2d2d
}
 .btn-black.active, .btn-black.disabled, .btn-black.disabled.active, .btn-black.disabled:active, .btn-black.disabled:focus, .btn-black.disabled:hover, .btn-black:active, .btn-black:focus, .btn-black:hover, .btn-black[disabled], .btn-black[disabled].active, .btn-black[disabled]:active, .btn-black[disabled]:focus, .btn-black[disabled]:hover, .label-black[href]:focus, .label-black[href]:hover, .open .dropdown-toggle.btn-black {
     color: #fdfdfd;
     background: #151515
}
 .badge-black-opacity, .bg-black-opacity, .btn-black-opacity, .hover-black-opacity:hover, .label-black-opacity {
     color: #a9b3bb;
     background: #2b323d
}
 .btn-black-opacity.active, .btn-black-opacity.disabled, .btn-black-opacity.disabled.active, .btn-black-opacity.disabled:active, .btn-black-opacity.disabled:focus, .btn-black-opacity.disabled:hover, .btn-black-opacity:active, .btn-black-opacity:focus, .btn-black-opacity:hover, .btn-black-opacity[disabled], .btn-black-opacity[disabled].active, .btn-black-opacity[disabled]:active, .btn-black-opacity[disabled]:focus, .btn-black-opacity[disabled]:hover, .label-black-opacity[href]:focus, .label-black-opacity[href]:hover, .open .dropdown-toggle.btn-black-opacity {
     color: #fff;
     background: #14171c
}
 .badge-black-opacity-alt, .bg-black-opacity-alt, .btn-black-opacity-alt, .hover-black-opacity-alt:hover, .label-black-opacity-alt {
     color: #fff;
     background: rgba(0, 0, 0, .2);
     border-color: transparent
}
 .btn-black-opacity-alt.active, .btn-black-opacity-alt.disabled, .btn-black-opacity-alt.disabled.active, .btn-black-opacity-alt.disabled:active, .btn-black-opacity-alt.disabled:focus, .btn-black-opacity-alt.disabled:hover, .btn-black-opacity-alt:active, .btn-black-opacity-alt:focus, .btn-black-opacity-alt:hover, .btn-black-opacity-alt[disabled], .btn-black-opacity-alt[disabled].active, .btn-black-opacity-alt[disabled]:active, .btn-black-opacity-alt[disabled]:focus, .btn-black-opacity-alt[disabled]:hover, .label-black-opacity-alt[href]:focus, .label-black-opacity-alt[href]:hover, .open .dropdown-toggle.btn-black-opacity-alt {
     color: #fff;
     background: rgba(0, 0, 0, .3)
}
 .badge-success, .bg-green, .bootstrap-switch-success, .btn-success, .checkbox-success div[id^=uniform-] span.checked, .hover-green:hover, .hover-success:hover, .label-success, .progress-bar-success, .radio-success div[id^=uniform-] span.checked {
     color: #fff;
     border-color: #29b765;
     background: #2ecc71
}
 .btn-success.active, .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success:active, .btn-success:focus, .btn-success:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, .label-success[href]:focus, .label-success[href]:hover, .open .dropdown-toggle.btn-success {
     color: #fff;
     border-color: #29b765;
     background: #58d68d
}
 .badge-warning, .bg-orange, .bg-warning, .bootstrap-switch-warning, .btn-warning, .checkbox-warning div[id^=uniform-] span.checked, .hover-orange:hover, .hover-warning:hover, .label-warning, .progress-bar-warning, .radio-warning div[id^=uniform-] span.checked {
     color: #fff;
     border-color: #d67520;
     background: #e67e22
}
 .btn-warning.active, .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, .label-warning[href]:focus, .label-warning[href]:hover, .open .dropdown-toggle.btn-warning {
     color: #fff;
     border-color: #d67520;
     background: #ea9143
}
 .bg-white, .label-white {
     background: #fff
}
 .bg-white-opacity {
     background: rgba(255, 255, 255, .85)
}
 .hover-white:hover {
     background: #fafafa
}
 .badge-yellow, .bg-yellow, .btn-yellow, .hover-yellow:hover, .label-yellow {
     color: #fff;
     background: #fc0;
     border-color: #deb200
}
 .btn-yellow.active, .btn-yellow.disabled, .btn-yellow.disabled.active, .btn-yellow.disabled:active, .btn-yellow.disabled:focus, .btn-yellow.disabled:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover, .btn-yellow[disabled], .btn-yellow[disabled].active, .btn-yellow[disabled]:active, .btn-yellow[disabled]:focus, .btn-yellow[disabled]:hover, .label-yellow[href]:focus, .label-yellow[href]:hover, .open .dropdown-toggle.btn-yellow {
     color: #fff;
     background: #e1b400;
     border-color: #c59e00
}
 .badge-purple, .bg-purple, .btn-purple, .hover-purple:hover, .label-purple {
     color: #fff;
     background: #984dff;
     border-color: #7a3ecc
}
 .btn-purple.active, .btn-purple.disabled, .btn-purple.disabled.active, .btn-purple.disabled:active, .btn-purple.disabled:focus, .btn-purple.disabled:hover, .btn-purple:active, .btn-purple:focus, .btn-purple:hover, .btn-purple[disabled], .btn-purple[disabled].active, .btn-purple[disabled]:active, .btn-purple[disabled]:focus, .btn-purple[disabled]:hover, .label-purple[href]:focus, .label-purple[href]:hover, .open .dropdown-toggle.btn-purple {
     color: #fff;
     background: #8134eb;
     border-color: #752fd6
}
 .badge-blue-alt, .bg-blue-alt, .btn-blue-alt, .hover-blue-alt:hover, .label-blue-alt {
     color: #fff;
     background: #65a6ff;
     border-color: #5388d1
}
 .btn-blue-alt.active, .btn-blue-alt.disabled, .btn-blue-alt.disabled.active, .btn-blue-alt.disabled:active, .btn-blue-alt.disabled:focus, .btn-blue-alt.disabled:hover, .btn-blue-alt:active, .btn-blue-alt:focus, .btn-blue-alt:hover, .btn-blue-alt[disabled], .btn-blue-alt[disabled].active, .btn-blue-alt[disabled]:active, .btn-blue-alt[disabled]:focus, .btn-blue-alt[disabled]:hover, .label-blue-alt[href]:focus, .label-blue-alt[href]:hover, .open .dropdown-toggle.btn-blue-alt {
     color: #fff;
     background: #478ded;
     border-color: #4c7ec1
}
 .badge-azure, .bg-azure, .btn-azure, .hover-azure:hover, .label-azure {
     color: #fff;
     background: #41e5c0;
     border-color: #3acead
}
 .btn-azure.active, .btn-azure.disabled, .btn-azure.disabled.active, .btn-azure.disabled:active, .btn-azure.disabled:focus, .btn-azure.disabled:hover, .btn-azure:active, .btn-azure:focus, .btn-azure:hover, .btn-azure[disabled], .btn-azure[disabled].active, .btn-azure[disabled]:active, .btn-azure[disabled]:focus, .btn-azure[disabled]:hover, .label-azure[href]:focus, .label-azure[href]:hover, .open .dropdown-toggle.btn-azure {
     color: #fff;
     background: #27d1ab;
     border-color: #24c19e
}
 .border-black {
     border-color: #212121 !important
}
 .border-blue {
     border-color: #5bccf6 !important
}
 .border-blue-alt {
     border-color: #65a6ff !important
}
 .border-azure {
     border-color: #41e5c0 !important
}
 .border-gray {
     border-color: #c2c2c2 !important
}
 .border-gray-dark {
     border-color: #828282 !important
}
 .border-green {
     border-color: #2ecc71 !important
}
 .border-orange {
     border-color: #fa7753 !important
}
 .border-yellow {
     border-color: #fc0 !important
}
 .border-purple {
     border-color: #984dff !important
}
 .border-red {
     border-color: #ff5757 !important
}
 .parsley-success {
     border-color: #77e038 !important
}
 .parsley-error {
     border-color: #e03838 !important
}
 .bs-label {
     font-size: 80%;
     line-height: 1;
     display: inline;
     padding: .4em .6em .3em;
     text-align: center;
     text-transform: uppercase;
     vertical-align: baseline;
     white-space: nowrap;
     color: #fff;
     border-radius: .25em
}
.bs-label.label_no_border{
    font-size: 100%;
    text-transform: inherit;
    padding: inherit;
    color: inherit !important;
    display: inherit;
    text-align: inherit;
}
 .tl-label {
     font-size: 80%;
     line-height: 1;
     display: block;
     padding: .4em .6em .3em;
     text-align: center;
     text-transform: uppercase;
     vertical-align: baseline;
     white-space: nowrap;
     color: #fff;
     border-radius: .25em;
     height: 23px;
     line-height: 16px;
}
 .bs-label[href]:focus, .bs-label[href]:hover {
     cursor: pointer;
     text-decoration: none;
     color: #fff
}
 .bs-label:empty {
     display: none
}
 .btn .bs-label {
     position: relative;
     top: -1px
}
 .label-default {
     background-color: #999
}
 .label-default[href]:focus, .label-default[href]:hover {
     background-color: gray
}
 .badge, .bs-badge {
     font-size: 11px;
     font-weight: 700;
     line-height: 19px;
     display: inline-block;
     min-width: 20px;
     height: 20px;
     padding: 0 4px 0 5px;
     text-align: center;
     vertical-align: baseline;
     white-space: nowrap;
     color: #fff;
     border-radius: 10px
}
 .badge-small {
     min-width: 10px;
     height: 10px
}
 .bs-badge:empty {
     display: none
}
 .btn .bs-badge {
     position: relative;
     top: -2px
}
 .bs-badge.badge-absolute {
     position: absolute;
     z-index: 5;
     top: -10px;
     left: -15px
}
 .bs-badge.badge-absolute.float-right {
     right: -15px;
     left: auto
}
 .status-badge {
     position: relative;
     display: inline-block
}
 .status-badge .small-badge {
     position: absolute;
     right: 1px;
     bottom: 1px
}
 .small-badge {
     overflow: hidden;
     width: 12px;
     height: 12px;
     padding: 0;
     border: 2px solid #fff !important;
     border-radius: 20px
}
 .btn, .fc-button {
     font-size: 14px;
     font-weight: 400;
     position: relative;
     display: inline-block;
     padding: 0 10px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     text-align: center;
     white-space: nowrap;
     border: 1px solid transparent;
     background-image: none;
     -o-user-select: none;
}
 .btn, .fc-button, .size-md {
     line-height: 24px;
     height: 26px;
     min-width: 30px
}
 .btn-abs {
     position: absolute;
     top: 50%;
     right: 0;
     margin-top: -17px
}
 .btn.hover-round:hover {
     border-radius: 100px
}
 .btn.active, .btn:active, .fc-state-active, .fc-state-down, .ui-dialog .ui-dialog-titlebar-close:active, .ui-dialog-buttonset button:active {
     outline: 0;
     background-image: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
 .btn.disabled, .btn[disabled], .disabled, .fc-state-disabled, fieldset[disabled] .btn {
     cursor: not-allowed;
     pointer-events: none;
     opacity: .65;
     -webkit-box-shadow: none;
     box-shadow: none;
     filter: alpha(opacity=65);
}
 .btn-link {
     cursor: pointer;
     border-radius: 0
}
 .btn-link, .btn-link:active, .btn-link[disabled] {
     background-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none
}
 .btn-link:focus, .btn-link:hover {
     text-decoration: underline;
     background-color: transparent
}
 .btn-group-lg>.btn, .btn-lg, .size-lg {
     line-height: 44px;
     min-width: 56px;
     height: 46px
}
 .btn-lg-abs {
     margin-top: -23px
}
 .btn-group-lg>.btn, .btn-lg {
     font-size: 18px;
     padding: 0 16px
}
 .btn-group-sm>.btn, .btn-sm, .size-sm {
     line-height: 28px;
     height: 30px
}
 .btn-sm-abs {
     margin-top: -15px
}
 .btn-group-sm>.btn, .btn-sm {
     font-size: 13px;
     padding: 0 10px
}
 .btn-group-xs>.btn, .btn-xs, .size-xs {
     line-height: 20px;
     min-width: 22px;
     height: 22px
}
 .btn-xs-abs {
     margin-top: -11px
}
 .btn-group-xs>.btn, .btn-xs {
     font-size: 11px;
     padding: 0 5px
}
 .btn .caret {
     margin-left: 0
}
 .btn-lg .caret {
     border-width: 5px 5px 0
}
 .dropup .btn-lg .caret {
     border-width: 0 5px 5px
}
 .btn-block {
     display: block;
     width: 100%;
     padding-right: 0;
     padding-left: 0
}
 .btn-block+.btn-block {
     margin-top: 5px
}
 input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
     width: 100%
}
 .btn-group, .btn-group-vertical {
     position: relative;
     display: inline-block;
     vertical-align: middle
}
 .btn-group-vertical>.btn, .btn-group>.btn {
     position: relative;
     float: left
}
 .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
     z-index: 2
}
 .btn-group-vertical>.btn:focus, .btn-group>.btn:focus {
     outline: 0
}
 .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
     margin-left: -1px
}
 .btn-toolbar {
     margin-left: -5px
}
 .btn-toolbar .btn-group, .btn-toolbar .input-group {
     float: left
}
 .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
     margin-left: 10px
}
 .btn-group>.btn:first-child {
     margin-left: 0
}
 .btn-group>.btn-group {
     float: left
}
 .btn-group>.btn+.dropdown-toggle {
     padding-right: 8px;
     padding-left: 8px
}
 .btn-group>.btn-lg+.dropdown-toggle {
     padding-right: 12px;
     padding-left: 12px
}
 .btn-group.open .dropdown-toggle {
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
 .btn-group.open .dropdown-toggle.btn-link {
     -webkit-box-shadow: none;
     box-shadow: none
}
 .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
     display: block;
     float: none;
     width: 100%;
     max-width: 100%
}
 .btn-group-vertical>.btn-group>.btn {
     float: none
}
 .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
     margin-top: -1px;
     margin-left: 0
}
 .btn-group-justified {
     display: table;
     width: 100%;
     table-layout: fixed;
     border-collapse: separate
}
 .btn-group-justified>.btn, .btn-group-justified>.btn-group {
     display: table-cell;
     float: none
}
 .btn-group-justified>.btn-group .btn {
     width: 100%
}
 .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
     border-radius: 0
}
 .btn-group-vertical>.btn:first-child:not(:last-child) {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
}
 .btn-group-vertical>.btn:last-child:not(:first-child) {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-left-radius: 3px
}
 .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn, .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn, .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
     border-radius: 0
}
 .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
}
 .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
     border-top-left-radius: 0;
     border-top-right-radius: 0
}
 .btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle, .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
}
 .btn-group>.btn-group:last-child>.btn:first-child, .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}
 .pagination {
     display: inline-block;
     padding-left: 0
}
 .pagination>li {
     display: inline
}
 .pagination>li>a, .pagination>li>span {
     line-height: 1.42857143;
     position: relative;
     float: left;
     margin-left: -1px;
     padding: 3px 8px;
     text-decoration: none;
     border: 1px solid;
}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
     z-index: 2
}
 .pagination>li:first-child>a, .pagination>li:first-child>span {
     margin-left: 0
}
 .pagination-lg>li>a, .pagination-lg>li>span {
     font-size: 18px;
     padding: 10px 16px
}
 .pagination-sm>li>a, .pagination-sm>li>span {
     font-size: 12px;
     padding: 5px 10px
}
 .pager {
     margin-top: 0;
     padding-left: 0;
     list-style: none;
     text-align: center
}
 .pager li {
     display: inline
}
 .pager li>a, .pager li>span {
     display: inline-block;
     padding: 5px 14px;
     border: 1px solid #ddd;
     border-radius: 15px;
     background-color: #fff
}
 .pager li>a:focus, .pager li>a:hover {
     text-decoration: none;
     background-color: #eee
}
 .pager .next>a, .pager .next>span {
     float: right
}
 .pager .previous>a, .pager .previous>span {
     float: left
}
 .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
     cursor: not-allowed;
     color: #999;
     background-color: #fff
}
 .btn>.icon-separator {
     position: absolute;
     top: 0;
     left: 0;
     width: 32px;
     height: 100%;
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important
}
 .icon-separator+.button-content {
     margin-left: 32px
}
 .btn-xs .icon-separator {
     width: 22px
}
 .btn-xs .icon-separator+.button-content {
     margin-left: 22px
}
 .btn-sm .icon-separator {
     width: 25px
}
 .btn-sm .icon-separator+.button-content {
     margin-left: 25px
}
 .btn-lg .icon-separator {
     width: 44px
}
 .btn-lg .icon-separator+.button-content {
     margin-left: 44px
}
 .icon-separator.float-right {
     border-top-left-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important
}
 .vertical-button {
     line-height: 1.6em;
     height: auto;
     padding: 10px 0 5px
}
 .vertical-button .button-content {
     opacity: .7;
     filter: alpha(opacity=70)
}
 .icon-separator-vertical {
     font-size: 25px;
     display: block;
     margin: 5px auto
}
 .dashboard-buttons .btn {
     width: 93px;
     margin: 5px 3px
}
 .btn-outline, .btn-outline-inverse {
     display: inline-block;
     text-align: center;
     color: #fff;
     box-sizing: initial;
     border: 2px solid;
     text-transform: uppercase
}
 .btn-outline-inverse {
     border-color: rgba(255, 255, 255, .47)
}
 .btn-outline-inverse:hover {
     background: rgba(255, 255, 255, .2);
     border-color: #fff
}
 .btn-outline-inverse.hero-btn {
     color: #fff
}
 .btn-outline {
     color: rgba(0, 0, 0, .8);
     border-color: rgba(0, 0, 0, .6)
}
 .btn-outline:hover {
     color: #fff;
     border-color: rgba(0, 0, 0, .8);
     background: rgba(0, 0, 0, .8)
}
 .btn.btn-round {
     border-radius: 150px;
     padding: 0
}
 .btn-round.btn-lg {
     width: 46px;
     min-width: 46px
}
 .btn-round.btn-xlg {
     width: 66px;
     min-width: 66px;
     height: 66px;
     line-height: 66px
}
 .btn-round.btn-xlg .glyph-icon {
     font-size: 24px
}
 .btn-round.btn-md {
     width: 34px
}
 .btn-round.btn-sm {
     width: 30px
}
 .btn-round.btn-xs {
     width: 22px
}
 .btn-alt {
     font-weight: 700;
     text-transform: uppercase;
     font-size: 11px
}
 .btn-hover span {
     padding: 0 10px;
     left: 0;
     position: relative;
     transition: opacity .2s ease-out, left .2s ease-out;
     -webkit-transition: opacity .2s ease-out, left .2s ease-out
}
 .btn-hover .glyph-icon {
     opacity: 0;
     -ms-filter: "alpha(opacity=0)";
     position: absolute;
     right: 10px;
     transition: all .2s ease-out;
     -webkit-transition: all .2s ease-out
}
 .btn-hover:hover .glyph-icon {
     opacity: 1;
     right: 10px;
     -ms-filter: "alpha(opacity=100)"
}
.btn-auto-save.no-change{
    color: #392f2f !important;
}
 .btn-hover:hover span {
     left: -15px
}
 .btn-border {
     border: 2px solid;
}
 .btn-border span {
     opacity: .75;
     filter: alpha(opacity=75)
}
 .btn-border:hover {
     text-decoration: none
}
 .btn-border:hover span {
     opacity: 1;
     filter: alpha(opacity=100)
}
 .content-box {
     background: #fff;
     margin-bottom: 20px
}
 .content-box, .content-box-header {
     position: relative;
     border: 1px solid;
}
 .content-box-header {
     font-size: 14px;
     text-transform: uppercase;
     margin: -1px -1px 0;
     padding: 15px;
     border-color: transparent
}
 .content-box-header small+.font-size-11.float-right {
     position: absolute;
     top: 14px;
     right: 10px
}
 .content-box-header-alt {
     padding: 15px 10px 14px;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase
}
 .content-box-header-alt small {
     font-size: 13px;
     font-weight: 400;
     display: block;
     padding: 5px 0 0;
     text-transform: none;
     opacity: .7;
     filter: alpha(opacity: 70)
}
 .content-box .ui-widget-overlay {
     position: absolute
}
 .content-box .ui-widget-overlay img {
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -27px 0 0 -27px
}
 .content-box .content-box-wrapper {
     line-height: 1.6em;
     padding: 15px
}
 .content-box .content-box-wrapper .scrollable-content, .content-box .content-box-wrapper p:last-child {
     margin-bottom: 0
}
 .content-box .content-box-header>.glyph-icon {
     margin-right: 5px;
     opacity: .7;
     filter: alpha(opacity: 70)
}
 .content-box-header-alt .icon-separator .glyph-icon, .content-box-header-alt>.glyph-icon {
     font-size: 22px;
     line-height: 30px;
     position: absolute;
     top: 50%;
     left: 15px;
     width: 30px;
     height: 30px;
     margin-top: -15px
}
 .content-box-header>.icon-separator {
     position: relative;
     top: 1px;
     left: -15px;
     padding: 18px 15px 16px;
     text-align: center
}
 .content-box-header>.icon-separator .glyph-icon {
     margin-left: 3px
}
 .content-box-header-alt>.header-wrapper {
     overflow: hidden;
     display: block;
     margin-left: 40px
}
 .content-box-header-alt>.icon-separator+.header-wrapper {
     margin-left: 65px
}
 .content-box-header-alt>.icon-separator {
     position: absolute;
     top: 0;
     left: 0;
     width: 60px;
     height: 100%
}
 .content-box-header-alt>.icon-separator .glyph-icon {
     left: 50%;
     margin-left: -15px
}
 .header-buttons {
     position: absolute;
     top: 0;
     right: 10px;
     height: 100%;
     display: block
}
 .header-buttons .btn-xs {
     top: 13px
}
 .header-buttons .btn-sm {
     top: 10px
}
 .header-buttons .btn-sm:last-child {
     margin-right: 0
}
 .header-buttons>.btn-group:last-child {
     margin-right: -2px
}
 .content-box-header-alt .header-buttons .btn-xs {
     top: 24px
}
 .content-box-header-alt .header-buttons .btn-sm {
     top: 20px
}
 .content-box-header-alt .header-buttons .btn-sm:last-child {
     margin-right: 5px
}
 .header-buttons-separator {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%
}
 .header-buttons-separator .icon-separator {
     top: 0;
     left: 0;
     display: block;
     float: left;
     min-width: 20px;
     height: 100%;
     padding: 0 10px
}
 .header-buttons-separator .icon-separator .glyph-icon {
     line-height: 30px;
     position: relative;
     top: 50%;
     display: block;
     min-width: 30px;
     height: 30px;
     margin: -15px 0 0;
     text-align: center
}
 .header-buttons>.btn-group {
     margin-top: 8px
}
 .header-buttons .btn-group-xs {
     margin-top: 14px
}
 .header-buttons .btn-group-xs:last-child {
     margin-right: 0
}
 .ui-dialog-buttonpane, body .button-pane {
     padding: 10px;
     text-align: center;
     border-width: 1px 0 0;
     border-style: solid;
     border-top-left-radius: 0;
     border-top-right-radius: 0
}
 body .button-pane-top {
     border-width: 0 0 1px;
     border-radius: 0
}
 .scrollable-content {
     overflow-y: scroll;
     overflow-x: hidden;
     height: 300px;
     padding-right: 0
}
 .scrollable-xs {
     overflow-y: scroll;
     height: 200px
}
 .scrollable-sm {
     overflow-y: scroll;
     height: 400px
}
 .scrollable-lg {
     overflow-y: scroll;
     height: 500px
}
 .toggle-button .glyph-icon {
     -webkit-transition-duration: .5s;
     -moz-transition-duration: .5s;
     -o-transition-duration: .5s;
     transition-duration: .5s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform
}
 .hidden-button .content-box-header .btn, .hidden-button .content-box-header a, .hidden-button .content-box-header button {
     display: none
}
 .content-box.border-top .content-box-header {
     font-size: 18px;
     margin: 0
}
 .content-box.border-top .content-box-header small {
     opacity: .8;
     -moz-opacity: .8;
     filter: alpha(opacity: 80)
}
 .content-box.border-top .content-box-header+.content-box-wrapper {
     padding-top: 0
}
 .box-xs {
     width: 200px
}
 .box-sm {
     width: 325px
}
 .box-md {
     width: 400px
}
 .box-lg {
     width: 500px
}
 .content-box-header>.ui-tabs-nav {
     position: absolute;
     top: 2px;
     right: 0;
     padding: 0;
     list-style: none;
     border: 0
}
 .content-box-header>.ui-tabs-nav li>a {
     line-height: 49px;
     height: 49px;
     margin: 0 2px;
     color: rgba(255, 255, 255, .7);
     border: 0;
     background: 0 0
}
 .content-box-header>.ui-tabs-nav li>a:hover {
     color: #fff;
     background: rgba(255, 255, 255, .2)
}
 .content-box-header.bg-default>.ui-tabs-nav li.ui-tabs-active.ui-state-hover>a, .content-box-header.bg-default>.ui-tabs-nav li.ui-tabs-active>a, .content-box-header.bg-gray>.ui-tabs-nav li.ui-tabs-active.ui-state-hover>a, .content-box-header.bg-gray>.ui-tabs-nav li.ui-tabs-active>a, .content-box-header.bg-white>.ui-tabs-nav li.ui-tabs-active.ui-state-hover>a, .content-box-header.bg-white>.ui-tabs-nav li.ui-tabs-active>a {
     line-height: 50px;
     height: 50px;
     background: #F6F6F9
}
 .content-box-header.bg-default>.ui-tabs-nav li>a, .content-box-header.bg-gray>.ui-tabs-nav li>a, .content-box-header.bg-white>.ui-tabs-nav li>a {
     line-height: 50px;
     height: 50px;
     margin: 0;
     border-radius: 0
}
 .content-box-header.bg-default>.ui-tabs-nav, .content-box-header.bg-gray>.ui-tabs-nav, .content-box-header.bg-white>.ui-tabs-nav {
     top: 0
}
 .content-box-header>.ui-tabs-nav li.ui-tabs-active.ui-state-hover>a, .content-box-header>.ui-tabs-nav li.ui-tabs-active>a {
     line-height: 47px;
     height: 49px;
     background: #fff
}
 .panel {
     margin-bottom: 20px;
     border: 1px solid;
     border-radius: 0;
     background-color: #fff;
     box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
 .panel-body {
     padding: 15px 20px;
     position: relative;
}
 .issetImport .panel-body {
     display: grid !important;
}
 .panel-heading {
     padding: 10px 15px;
     border-bottom: 1px solid transparent
}
 .panel-heading span {
     margin-top: -23px;
     font-size: 15px;
     margin-right: -9px;
}
 .panel-heading>.dropdown .dropdown-toggle {
     color: inherit
}
 .panel-title {
     font-size: 16px;
     margin-top: 0;
     margin-bottom: 0;
     color: inherit;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}
 .panel-title>a {
     color: inherit
}
 .panel-footer {
     padding: 10px 15px;
     border-top: 1px solid transparent;
     background-color: #f5f5f5
}
 .panel>.list-group {
     margin-bottom: 0
}
 .panel>.list-group .list-group-item {
     border-width: 1px 0;
     border-radius: 0
}
 .panel>.list-group:first-child .list-group-item:first-child {
     border-top: 0
}
 .panel>.list-group:last-child .list-group-item:last-child {
     border-bottom: 0
}
 .panel-heading+.list-group .list-group-item:first-child {
     border-top-width: 0
}
 .panel-group {
     margin-bottom: 20px
}
 .panel-group .panel {
     overflow: hidden;
     margin-bottom: 0
}
 .panel-group .panel+.panel {
     margin-top: 5px
}
 .panel-group .panel-heading {
     border-bottom: 0
}
 .panel-group .panel-heading+.panel-collapse .panel-body {
     border-top: 1px solid transparent
}
 .panel-group .panel-footer {
     border-top: 0
}
 .panel-group .panel-footer+.panel-collapse .panel-body {
     border-bottom: 1px solid transparent
}
 .dashboard-box {
     text-align: center
}
 .dashboard-box .content-wrapper {
     overflow: hidden;
     margin: 0 15px 15px;
     padding: 15px 0 0
}
 .dashboard-box canvas {
     display: block !important;
     margin: 0 auto
}
 .dashboard-box .header {
     font-size: 14px;
     line-height: 1.3em;
     padding: 0 0 15px;
     text-align: right;
     display: block
}
 .dashboard-box .header .btn {
     display: inline-block
}
 .dashboard-box .header>.glyph-icon {
     display: block;
     float: left;
     width: 20px
}
 .dashboard-box .header>span {
     font-size: 12px;
     font-weight: 700;
     display: block;
     opacity: .8;
     -moz-opacity: .8;
     filter: alpha(opacity: 80)
}
 .dashboard-box .button-pane {
     border-top: 0;
     color: #fff;
     background: rgba(0, 0, 0, .08)
}
 .bg-white.dashboard-box .button-pane {
     border-top: 1px solid;
}
 .dashboard-box .heading {
     font-size: 15px;
     font-weight: 700;
     float: left
}
 .dashboard-box .center-div {
     margin: 5px auto -15px
}
 .dashboard-heading {
     font-size: 14px;
     padding: 0 0 10px
}
 .dashboard-heading span {
     font-size: 12px;
     display: block
}
 body .button-pane.button-pane-alt {
     background: 0 0 !important
}
 .dashboard-panel .chosen-container-single .chosen-single span {
     padding-right: 40px
}
 .dashboard-panel .chosen-container {
     margin-top: -3px;
     text-align: left
}
 a.dashboard-box, a.dashboard-box>span {
     display: block
}
 a.dashboard-box .button-pane {
     text-align: center;
     text-transform: uppercase
}
 a.dashboard-box .button-pane .heading {
     font-weight: 400
}
 .dashboard-box-chart .bs-label {
     position: absolute;
     right: 15px;
     top: 15px
}
 .dashboard-box-chart .header {
     text-align: left;
     font-size: 28px;
     font-weight: 100;
     letter-spacing: 1px;
     line-height: 1
}
 .dashboard-box-chart .header span {
     text-transform: uppercase;
     letter-spacing: 0;
     padding: 10px 0 0;
     line-height: 1.8em;
     text-align: center;
     opacity: .8;
     -moz-opacity: .8;
     filter: alpha(opacity: 80)
}
 .dashboard-box-chart .header span b {
     opacity: .65;
     -moz-opacity: .65;
     filter: alpha(opacity: 65)
}
 .dashboard-box-chart .list-grade {
     opacity: .5;
     -moz-opacity: .5;
     filter: alpha(opacity: 50);
     margin-top: 25px
}
 .dashboard-box-chart .button-pane {
     padding: 10px 10px 10px 15px
}
 .dashboard-box-chart .button-pane .btn .glyph-icon {
     min-width: 11px;
     display: block
}
 .dashboard-box-chart .button-pane .size-md {
     font-size: 16px
}
 fieldset {
     margin: 0;
     padding: 0;
     border: 0
}
 legend {
     font-size: 21px;
     line-height: inherit;
     display: block;
     width: 100%;
     margin-bottom: 20px;
     padding: 0;
     color: #333;
     border: 0;
     border-bottom: 1px solid #dfe8f1
}
 label {
     display: inline-block
}
 input[type=checkbox], input[type=radio] {
     line-height: normal;
     width: 12px;
     height: 12px;
}
 input[type=file] {
     display: block
}
 select[multiple], select[size] {
     height: auto
}
 select optgroup {
     font-family: inherit;
     font-size: inherit;
     font-style: inherit
}
 input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
     outline: -webkit-focus-ring-color auto 5px;
     outline-offset: -2px
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     height: auto
}
 output {
     font-size: 14px;
     line-height: 1.428571429;
     display: block;
     padding-top: 7px;
     vertical-align: middle;
     color: #555
}
 .bootstrap-timepicker-widget table td input, .chosen-container-multi, .chosen-container-single .chosen-search input, .dataTables_length select, .form-control, .input, .ui-toolbar input, .ui-toolbar select, div.dataTables_filter input {
     display: block;
     float: none;
     background: #fff;
     width: 100%;
     height: 26px;
     padding: 2px 4px;
     color: #2b2f33;
     border: 1px solid #ccc;
     -webkit-box-shadow: inset 1px 1px 3px #f6f6f6;
     -moz-box-shadow: inset 1px 1px 3px #f6f6f6;
     box-shadow: inset 1px 1px 3px #f6f6f6
}
 input.disabled, select.disabled {
     background-color: #edeff1;
}
 .chosen-container-multi.chosen-with-drop.chosen-container-active {
     border: 1px solid #ddd;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     box-shadow: 0 0 0 transparent
}
 .bootstrap-timepicker-widget table td input:focus, .chosen-container-active, .chosen-container-multi.chosen-container-active, .form-control:focus, .input:focus, .selector.focus, .ui-toolbar input:focus, .ui-toolbar select:focus, div.dataTables_filter input:focus {
     color: #333;
     border-color: #0093d9 !important;
}
 .form-control:-moz-placeholder {
     color: #999
}
 .form-control::-moz-placeholder {
     color: #999
}
 .form-control:-ms-input-placeholder {
     color: #999
}
 .form-control::-webkit-input-placeholder {
     color: #999
}
 textarea.form-control {
     height: auto;
     resize: none;
}
 .form-group {
     margin-bottom: 8px
}
 .form-group label {
     margin: 3px 0;
}
 .form-group .switch-toggle {
     margin-top: 6px
}
 .checkbox, .radio {
     display: block;
     min-height: 20px;
     margin-top: 10px;
     margin-bottom: 10px;
     vertical-align: middle
}
 .checkbox label, .radio label {
     font-weight: 400;
     display: inline;
     margin-bottom: 0;
     cursor: pointer
}
 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
     float: left
}
 .checkbox+.checkbox, .radio+.radio {
     margin-top: -5px
}
 .checkbox-inline, .radio-inline {
     font-weight: 400;
     line-height: 19px;
     display: inline-block;
     height: 19px;
     margin-bottom: 0;
     cursor: pointer;
     vertical-align: middle
}
 .checkbox-inline label, .radio-inline label {
     font-weight: 400;
     line-height: 17px
}
 .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
     margin-top: 0;
     margin-left: 10px
}
 .checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
     cursor: not-allowed
}
 .input-sm {
     font-size: 12px;
     line-height: 1.5;
     height: 30px;
     padding: 5px 10px;
     border-radius: 3px
}
 select.input-sm {
     line-height: 30px;
     height: 30px
}
 textarea.input-sm {
     height: auto
}
 .input-lg {
     font-size: 18px;
     line-height: 1.33;
     height: 45px;
     padding: 10px 16px;
     border-radius: 6px
}
 select.input-lg {
     line-height: 45px;
     height: 45px
}
 textarea.input-lg {
     height: auto
}
 .form-control-static {
     margin-bottom: 0
}
 .help-block {
     display: block;
     margin-top: 5px;
     margin-bottom: 0;
     color: #737373
}
 @media (min-width:768px) {
     .form-inline .form-group {
         display: inline-block;
         margin-bottom: 0;
         vertical-align: middle
    }
     .form-inline .form-control {
         display: inline-block
    }
     .form-inline .checkbox, .form-inline .radio {
         display: inline-block;
         margin-top: 0;
         margin-bottom: 0;
         padding-left: 0
    }
     .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
         float: none;
         margin-left: 0
    }
}
 .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {
     margin-top: 0;
     margin-bottom: 0;
}
 .form-horizontal>.form-group {
     margin-right: -15px;
     margin-left: -15px
}
 .form-horizontal .form-group:after, .form-horizontal .form-group:before {
     display: table;
     content: ' '
}
 .form-horizontal .form-group:after {
     clear: both
}
 .form-horizontal .form-control-static {
     padding-top: 7px
}
 @media (min-width:768px) {
     .form-horizontal .control-label {
         text-align: right;
    }
}
 .input-group {
     position: relative;
     display: table;
     width: 100%;
     border-collapse: separate
}
 .input-group.col {
     float: none;
     padding-right: 0;
     padding-left: 0
}
 .input-group .form-control {
     width: 100%;
     margin-bottom: 0
}
 .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
     font-size: 18px;
     line-height: 1.33;
     height: 45px;
     padding: 10px 16px;
     border-radius: 6px
}
 select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn {
     line-height: 45px;
     height: 45px
}
 textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn {
     height: auto
}
 .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
     font-size: 12px;
     line-height: 1.5;
     height: 30px;
     padding: 5px 10px;
     border-radius: 3px
}
 select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn {
     line-height: 30px;
     height: 30px
}
 textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn {
     height: auto
}
 .input-group .form-control, .input-group-addon, .input-group-btn {
     display: table-cell
}
 .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
     border-radius: 0
}
 .input-group-addon div[id^=uniform-] {
     margin: 0 -3px
}
 .input-group-addon, .input-group-btn {
     width: 1%;
     vertical-align: middle;
     white-space: nowrap
}
 .input-group-addon {
     font-size: 14px;
     font-weight: 400;
     line-height: 1;
     padding: 2px 4px;
     text-align: center;
     color: #2b2f33;
     background-color: rgba(239, 244, 246, .36);
     border: 1px solid #ccc;
     border-radius: 4px
}
 .input-group-addon .glyph-icon {
     display: block;
     min-width: 20px;
     margin: 0 -4px;
     text-align: center
}
 .input-group-addon.addon-inside {
     line-height: 24px;
     position: absolute;
     top: 1px;
     left: 1px;
     display: block;
     width: 32px;
     height: 24px;
     padding: 0;
     border: 1px solid;
}
 .input-group-lg .input-group-addon.addon-inside {
     top: 10px;
     left: 10px
}
 .input-group-addon.addon-inside .glyph-icon {
     margin: 0
}
 .input-group-addon.addon-inside+input {
     padding-left: 36px
}
 .input-group-addon.input-sm {
     font-size: 12px;
     padding: 5px 10px;
     border-radius: 3px
}
 .input-group-addon.input-lg {
     font-size: 18px;
     padding: 10px 16px;
     border-radius: 6px
}
 .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
     margin-top: 0
}
 .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
}
 .input-group-addon:first-child {
     border-right: 0
}
 .input-group-addon.addon-inside:first-child {
     border-color: transparent;
     border-right: 1px solid;
}
 .input-group-addon+.form-control, .input-group-addon:last-child, .input-group-btn+.form-control, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}
 .input-group-addon:last-child {
     border-left: 0
}
 .input-group-btn {
     position: relative;
     white-space: nowrap
}
 .input-group-btn:first-child>.btn {
     margin-right: -1px
}
 .input-group-btn:last-child>.btn {
     margin-left: -1px
}
 .input-group-btn>.btn {
     position: relative
}
 .input-group-btn>.btn+.btn {
     margin-left: -4px
}
 .input-group-btn>.btn:active, .input-group-btn>.btn:hover {
     z-index: 2
}
 [data-toggle=buttons]>.btn>input[type=checkbox], [data-toggle=buttons]>.btn>input[type=radio] {
     display: none
}
 textarea.textarea-autoresize, textarea.textarea-no-resize {
     resize: none
}
 .textarea-autosize {
     transition: height .3s;
     -webkit-transition: height .3s;
     -moz-transition: height .3s
}
textarea.form-control {
     line-height: 1.5em;
     padding: 5px 8px;
}
textarea.line{
    height: 25px;
    overflow: hidden;
    line-height: 22px;
    padding: 0 8px;
}
 textarea.textarea-xs {
     height: 50px
}
 textarea.textarea-sm {
     height: 125px
}
 textarea.textarea-md {
     height: 200px
}
 textarea.textarea-lg {
     height: 275px
}
 .ui-spinner {
     position: relative;
     display: block
}
 .ui-spinner .ui-spinner-button {
     font-size: 9px;
     line-height: 17px;
     position: absolute;
     right: 0;
     width: 17px;
     height: 17px;
     cursor: pointer;
     text-align: center;
     border: 1px solid;
}
 .ui-spinner .ui-spinner-up {
     top: 0
}
 .ui-spinner .ui-spinner-down {
     bottom: 0
}
 .parsley-errors-list li {
     font-size: 12px;
     padding-top: 5px
}
 .bordered-row .form-group {
     padding: 3px 0;
     margin-bottom: 0;
     border-top: 1px dashed;
     min-height: 33px;
}
 .bordered-row .form-group:first-child {
     border-top: 0
}
 .form-group .ui-slider {
     margin-top: 14px
}
 .form-group .ui-slider+.input-group {
     margin-top: 20px
}
 .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive {
     display: block;
     width: 100%;
     max-width: 100%;
     height: auto
}
 .img-full {
     display: block;
     width: 100%;
     height: 100%
}
 .img-rounded {
     border-radius: 6px
}
 .img-thumbnail, .thumbnail {
     line-height: 1.428571429;
     display: inline-block;
     max-width: 100%;
     height: auto;
     padding: 4px;
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     border: 1px solid;
     border-radius: 4px;
     background-color: #fff
}
 .img-thumbnail img, .thumbnail img {
     display: block
}
 .img-circle {
     border-radius: 50%
}
 .img-bordered {
     padding: 3px;
     border: 1px solid;
     background: #fff
}
 .icon-helper {
     line-height: 36px;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 36px;
     height: 36px
}
 .icon-br {
     top: auto;
     right: 0;
     left: auto
}
 .icon-tr {
     top: 0;
     right: 0;
     bottom: auto;
     left: auto
}
 .icon-center {
     font-size: 50px;
     line-height: 50px;
     top: 50%;
     left: 50%;
     width: 50px;
     height: 50px;
     margin: -25px 0 0 -25px
}
 .thumbnail-box {
     position: relative;
     overflow: hidden;
     margin: 0 0 20px
}
 .thumbnail-box .thumb-content, .thumbnail-box .thumb-link, .thumbnail-box .thumb-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%
}
 .thumbnail-box .thumb-link {
     z-index: 25
}
 .thumbnail-box .thumb-content {
     z-index: 20;
     display: none
}
 .thumbnail-box .thumb-overlay {
     z-index: 15;
     opacity: 0;
     -moz-opacity: 0;
     filter: alpha(opacity: 0);
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     visibility: hidden
}
 .thumbnail-box .thumb-overlay.bg-black {
     background: #000
}
 .thumbnail-box img {
     display: block;
     width: 100%;
     position: relative;
     z-index: 10;
     transition: .3s all linear;
     -webkit-transition: .3s all linear
}
 .thumbnail-box:hover img {
     transform: matrix(1.1, 0, 0, 1.1, 0, 0);
     -ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
     -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0)
}
 .thumbnail-box:hover .thumb-overlay {
     opacity: .8;
     -moz-opacity: .8;
     filter: alpha(opacity: 80);
     visibility: visible
}
 .thumbnail-box:hover .thumb-content {
     display: block
}
 .thumb-heading {
     text-align: center;
     font-size: 15px;
     text-transform: uppercase
}
 .thumbnail-box .thumb-heading {
     color: #fff
}
 .thumb-heading small {
     display: block;
     font-size: 13px;
     opacity: .65;
     padding: 5px 0 0;
     -moz-opacity: .65;
     filter: alpha(opacity: 65);
     text-transform: none
}
 .thumbnail-box .thumb-btn {
     text-align: center;
     padding: 15px
}
 .thumb-btn.zoomIn {
     -webkit-animation-duration: .5s;
     animation-duration: .5s
}
 .thumbnail-box-inverse .thumb-overlay {
     display: block;
     opacity: .3;
     -moz-opacity: .3;
     filter: alpha(opacity: 30);
     visibility: visible
}
 .thumbnail-box-inverse:hover .thumb-overlay {
     opacity: 0;
     -moz-opacity: 0;
     filter: alpha(opacity: 0);
     visibility: hidden
}
 .thumbnail-box-inverse .thumb-content {
     display: block
}
 .thumbnail-box-inverse:hover .thumb-content {
     display: none
}
 .thumb-pane {
     border: 1px solid transparent;
     border-top: 0;
     padding: 25px;
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px
}
 .thumbnail-box+.thumb-pane {
     margin-top: -20px;
     margin-bottom: 20px
}
 .owl-item .thumb-pane {
     margin: 0
}
 .owl-item .thumbnail-box {
     margin-bottom: 0
}
 .image-box {
     position: relative;
     overflow: hidden;
     max-height: 300px;
     padding: 0
}
 .image-box .image-content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     padding: 20px;
     text-align: center
}
 .info-box {
     position: relative;
     display: block;
     min-height: 57px;
     padding: 10px;
     border-width: 3px 0 0;
     border-style: solid
}
 .info-box .stats {
     display: block;
     padding: 5px 0 0
}
 .info-box b {
     position: absolute;
     top: 10px;
     right: 10px;
     display: block;
     white-space: nowrap
}
 .info-box .stats {
     font-size: 30px;
     line-height: 35px;
     position: absolute;
     right: 10px;
     bottom: 10px;
     height: 35px;
     white-space: nowrap
}
 .info-box .stats span {
     font-size: 70%
}
 .info-box.icon-wrapper {
     overflow: hidden;
     padding-left: 95px
}
 .info-box.icon-wrapper .icon-large {
     font-size: 125px;
     line-height: 50px;
     position: absolute;
     top: 50%;
     left: -20px;
     width: 50px;
     height: 50px;
     margin-top: -25px
}
 .chart-icon {
     float: left;
     margin-right: 20px
}
 .info-box-alt {
     padding: 10px;
     border-width: 0
}
 .info-box-alt .chart-icon {
     margin-left: 5px
}
 .info-box-alt .stats {
     float: right;
     margin-right: 5px
}
 .info-box-alt .chart-icon {
     margin-top: 3px
}
 .info-box-alt h3 {
     font-size: 13px;
     margin: 0 0 10px;
     padding: 0 0 10px;
     text-transform: uppercase;
     color: rgba(0, 0, 0, .5);
     border-bottom: rgba(0, 0, 0, .3) solid 1px
}
 .dummy-logo {
     border: 1px dashed #8da0aa;
     padding: 35px 25px;
     text-align: center;
     font-size: 22px;
     color: #8da0aa;
     margin-bottom: 15px
}
 .invoice-title {
     font-size: 32px;
     text-transform: uppercase
}
 .invoice-title+b {
     font-size: 18px;
     opacity: .7
}
 .invoice-address {
     line-height: 2em;
     font-size: 14px;
     margin: 0 0 10px
}
 .invoice-date {
     font-size: 18px;
     opacity: .5
}
 .invoice-client {
     font-size: 13px;
     text-transform: uppercase;
     margin: 10px 0 15px;
     font-weight: 700
}
 .invoice-client+.reset-ul li {
     padding: 0 0 15px
}
 .invoice-client+.reset-ul li b {
     width: 80px;
     display: inline-block;
     opacity: .6
}
 .invoice-client+h5 {
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 10px
}
 .invoice-client+h5+address {
     opacity: .5;
     line-height: 1.6em
}
 .loading-spinner {
     position: relative;
     width: 65px;
     height: 65px;
     margin: 0 auto
}
 .loading-spinner i {
     position: absolute;
     top: 25px;
     left: 52px;
     display: block;
     -webkit-transform-origin: -20px;
     border-radius: 50%
}
 .loading-spinner i:nth-child(1) {
     width: 14px;
     height: 14px;
     -webkit-animation: spin 1.8s .1s infinite
}
 .loading-spinner i:nth-child(2) {
     width: 12px;
     height: 12px;
     -webkit-animation: spin 1.8s .2s infinite
}
 .loading-spinner i:nth-child(3) {
     width: 10px;
     height: 10px;
     -webkit-animation: spin 1.8s .3s infinite
}
 .loading-spinner i:nth-child(4) {
     width: 8px;
     height: 8px;
     -webkit-animation: spin 1.8s .4s infinite
}
 .loading-spinner i:nth-child(5) {
     width: 6px;
     height: 6px;
     -webkit-animation: spin 1.8s .5s infinite
}
 .loading-spinner i:nth-child(6) {
     width: 4px;
     height: 4px;
     -webkit-animation: spin 1.8s .6s infinite
}
 .loading-stick {
     width: 180px;
     margin: auto;
     text-align: center;
     vertical-align: middle
}
 .loading-stick h1 {
     font-size: 12px;
     margin: 10px 0 0;
     text-transform: uppercase
}
 .stick {
     display: inline-block;
     width: 30px;
     height: 3px;
     margin-left: -7px
}
 .stick:nth-child(n) {
     -webkit-transform: rotate(30deg);
     -moz-transform: rotate(30deg);
     -ms-transform: rotate(30deg);
     transform: rotate(30deg);
     -webkit-animation: fall 2s infinite;
     -moz-animation: fall 2s infinite
}
 .stick:nth-child(2n) {
     -webkit-transform: rotate(-30deg);
     -moz-transform: rotate(-30deg);
     -ms-transform: rotate(-30deg);
     transform: rotate(-30deg);
     -webkit-animation: rise 2s infinite;
     -moz-animation: rise 2s infinite
}
 @-webkit-keyframes rise {
     50% {
         -webkit-transform: rotate(30deg);
         -moz-transform: rotate(30deg);
         -ms-transform: rotate(30deg);
         transform: rotate(30deg)
    }
}
 @-moz-keyframes rise {
     50% {
         -webkit-transform: rotate(30deg);
         -moz-transform: rotate(30deg);
         -ms-transform: rotate(30deg);
         transform: rotate(30deg)
    }
}
 @-o-keyframes rise {
     50% {
         -webkit-transform: rotate(30deg);
         -moz-transform: rotate(30deg);
         -ms-transform: rotate(30deg);
         transform: rotate(30deg)
    }
}
 @keyframes rise {
     50% {
         -webkit-transform: rotate(30deg);
         -moz-transform: rotate(30deg);
         -ms-transform: rotate(30deg);
         transform: rotate(30deg)
    }
}
 @-webkit-keyframes fall {
     50% {
         -webkit-transform: rotate(-30deg);
         -moz-transform: rotate(30deg);
         -ms-transform: rotate(-30deg);
         transform: rotate(-30deg)
    }
}
 @-moz-keyframes fall {
     50% {
         -webkit-transform: rotate(-30deg);
         -moz-transform: rotate(-30deg);
         -ms-transform: rotate(-30deg);
         transform: rotate(-30deg)
    }
}
 @-o-keyframes fall {
     50% {
         -webkit-transform: rotate(-30deg);
         -moz-transform: rotate(30deg);
         -ms-transform: rotate(-30deg);
         transform: rotate(-30deg)
    }
}
 @keyframes fall {
     50% {
         -webkit-transform: rotate(-30deg);
         -moz-transform: rotate(30deg);
         -ms-transform: rotate(-30deg);
         transform: rotate(-30deg)
    }
}
 @-webkit-keyframes fade {
     50% {
         opacity: .5
    }
     100% {
         opacity: 1
    }
}
 @-moz-keyframes fade {
     50% {
         opacity: .5
    }
     100% {
         opacity: 1
    }
}
 @-o-keyframes fade {
     50% {
         opacity: .5
    }
     100% {
         opacity: 1
    }
}
 @keyframes fade {
     50% {
         opacity: .5
    }
     100% {
         opacity: 1
    }
}
 .nav {
     margin: 0;
     padding: 0;
     list-style: none
}
 .nav>li {
     position: relative;
     display: block
}
 .nav>li>a {
     position: relative;
     display: block;
     margin-bottom: 5px;
     padding: 5px 10px
}
 .nav .nav-divider {
     overflow: hidden;
     height: 1px;
     margin: 5px 0
}
 .nav>li>a>img {
     max-width: none
}
 .nav-tabs {
     padding-right: 10px;
     padding-left: -1px;
     border-bottom: 1px solid #0093d9 !important
}
 .nav-tabs>li {
     float: left;
     margin-bottom: -1px
}
 .nav-tabs>li>a {
     margin-right: 5px;
     margin-bottom: 0;
     border-bottom: 1px solid #0093d9 !important;
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important
}
 .nav-tabs-left {
     float: left;
     padding: 10px 0 5px;
     border-right: 1px solid transparent;
     border-bottom: 0
}
 .nav-tabs-left>li {
     float: none;
     margin-right: -1px;
     margin-bottom: 0
}
 .nav-tabs-left>li>a {
     margin-right: 0;
     margin-bottom: 5px;
     border-right: 1px solid transparent;
     border-bottom: 0
}
 .nav .dropdown-menu {
     margin-top: 10px
}
 .nav-tabs-right {
     float: right;
     padding: 10px 0 5px;
     border-bottom: 0;
     border-left: 1px solid transparent
}
 .nav-tabs-right>li {
     float: none;
     margin-bottom: 0;
     margin-left: -1px
}
 .nav-tabs-right>li>a {
     margin-bottom: 5px;
     margin-left: 0;
     border-bottom: 0;
     border-left: 1px solid transparent
}
 .nav-tabs-bottom {
     border-top: 1px solid transparent;
     border-bottom: 0
}
 .nav-tabs-bottom>li {
     margin-top: -1px;
     margin-bottom: 0
}
 .nav-tabs-bottom>li>a {
     border-top: 1px solid transparent;
     border-bottom: 0;
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important
}
 .nav-pills>li {
     float: left
}
 .nav-pills>li>a {
     margin-bottom: 0
}
 .nav-pills>li+li {
     margin-left: 5px
}
 .nav-stacked>li {
     float: none
}
 .nav-stacked>li+li {
     margin-top: 5px;
     margin-left: 0
}
 .nav-tabs.nav-justified {
     width: 100%;
     padding-right: 0;
     padding-left: 0
}
 .nav-tabs.nav-justified>li {
     float: none
}
 .nav-tabs.nav-justified>li>a {
     margin-bottom: 5px;
     text-align: center
}
 .nav-tabs.nav-justified>.dropdown .dropdown-menu {
     top: auto;
     left: auto
}
 @media (min-width:768px) {
     .nav-tabs.nav-justified>li {
         display: table-cell;
         width: 1%
    }
     .nav-tabs.nav-justified>li>a {
         margin-bottom: -1px
    }
}
 .nav-justified {
     width: 100%;
     margin-right: -5px;
     margin-left: -5px
}
 .nav-justified>li {
     float: none
}
 .nav-justified>li>a {
     margin: 5px;
     text-align: center
}
 .nav-justified>.dropdown .dropdown-menu {
     top: auto;
     left: auto
}
 @media (min-width:768px) {
     .nav-justified>li {
         display: table-cell;
         width: 1%
    }
     .nav-justified>li>a {
         margin-bottom: 0
    }
}
 .nav-tabs-justified {
     border-bottom: 0
}
 .list-group {
     margin-top: 0;
     padding: 0;
     list-style: none
}
 .list-group-item {
     position: relative;
     display: block;
     margin-bottom: -1px;
     padding: 10px 15px;
     border: 1px solid;
}
 a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover, li.active a.list-group-item, li.active a.list-group-item:focus, li.active a.list-group-item:hover {
     z-index: 2
}
 .list-group-item:last-child {
     margin-bottom: 0
}
 .list-group-item>.badge {
     float: right;
     margin-top: -2px
}
 .list-group-item>.badge+.badge {
     margin-right: 5px
}
 .list-group-item>.glyph-icon {
     margin-top: 2px
}
 .list-group-item>.glyph-icon:first-child {
     float: left;
     margin-top: 1px;
     margin-right: 15px
}
 .list-group-item>.glyph-icon:last-child {
     float: right;
     margin-left: 5px
}
 .list-group-icons .list-group-item {
     font-weight: 700;
     display: block;
     padding: 15px 10px;
     text-align: center;
     text-overflow: ellipsis
}
 .list-group-icons .list-group-item>.glyph-icon {
     font-size: 18px;
     display: block;
     float: none;
     margin: 0 auto
}
 .list-group-separator a.list-group-item:after {
     position: absolute;
     top: 0;
     right: -13px;
     display: block;
     overflow: hidden;
     width: 1px;
     height: 100%;
     content: '';
     background: #ddd
}
 .list-group-separator li:last-child a.list-group-item:after {
     display: none
}
 .list-group-centered {
     text-align: center
}
 .list-group-centered li {
     display: inline-block;
     float: none
}
 .panel-layout {
     display: table;
     width: 100%;
     table-layout: fixed;
     margin: 0 0 20px
}
 .panel-box {
     display: table-cell;
     float: none !important;
     padding: 0 !important;
     table-layout: fixed;
     vertical-align: middle
}
 .panel-content {
     position: relative;
     padding: 20px;
     text-align: center
}
 .panel-layout .panel-box .panel-content.image-box {
     margin-bottom: 0 !important;
     padding: 0
}
 .panel-layout .panel-box .panel-content.image-box .image-content {
     height: 100%
}
 .panel-box[class*=' col-xs'] {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
}
 .panel-box[class*=' col-xs']+.panel-box[class*=' col-xs'] {
     border-radius: 0
}
 .panel-box[class*=' col-xs']+.panel-box[class*=' col-xs']:last-child {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}
 .panel-box[class*=' col-xs'] .panel-content {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
}
 .panel-box[class*=' col-xs'] .panel-content:last-child {
     border-radius: 0 0 0 3px
}
 .panel-box[class*=' col-xs']+.panel-box[class*=' col-xs']:last-child .panel-content {
     border-radius: 0 3px 0 0
}
 .panel-box[class*=' col-xs']+.panel-box[class*=' col-xs']:last-child .panel-content:last-child {
     border-top-right-radius: 0;
     border-bottom-right-radius: 3px
}
 .panel-box[class*=' col-xs'] .panel-content {
     border-width: 1px 0 0 1px
}
 .panel-box+.panel-box .panel-content {
     border-width: 0 1px 1px 0
}
 .panel-box .panel-content {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
}
 .panel-box .panel-content+.panel-content {
     border-radius: 0
}
 .panel-box .panel-content:last-child {
     border-radius: 0 0 3px 3px
}
 .panel-box.bg-default, .panel-box.bg-gray, .panel-box.bg-white, .panel-content.bg-default, .panel-content.bg-gray, .panel-content.bg-white {
     border: 1px solid;
}
 .panel-box .panel-content .nav-justified, .panel-box .panel-content p {
     margin: 0
}
 .meta-box {
     text-align: center
}
 .meta-box.meta-box-bottom {
     position: absolute;
     bottom: 15px;
     left: 0;
     width: 100%
}
 .meta-box-offset img {
     margin-top: -48px
}
 .meta-box .meta-heading {
     font-size: 21px;
     padding-bottom: 5px
}
 .meta-box .meta-image {
     margin-bottom: 5px
}
 .meta-box .meta-subheading {
     font-size: 16px;
     padding-bottom: 5px;
     opacity: .9;
     -moz-opacity: .9;
     filter: alpha(opacity: 90)
}
 .meta-box .meta-desc {
     padding-bottom: 5px;
     opacity: .6;
     -moz-opacity: .6;
     filter: alpha(opacity: 60)
}
 .alert {
     position: relative;
     padding: 10px;
     text-align: left;
     border: 0 solid;
}
 .alert-close {
     padding-right: 36px
}
 .alert a {
     font-weight: 700;
     background: 0 0
}
 .alert a:hover {
     text-decoration: underline
}
 .alert .alert-icon {
     line-height: 34px;
     float: left;
     width: 34px;
     height: 34px;
     margin: 5px 10px 0 0;
     text-align: center
}
 .alert .alert-title {
     font-size: 12px;
     font-weight: 700;
     margin: 4px 0 3px;
     padding: 0;
     text-transform: uppercase
}
 .alert .alert-content {
     overflow: hidden
}
 .alert p {
     padding: 0;
     opacity: .85;
     -moz-opacity: .85;
     filter: alpha(opacity: 85)
}
 .alert p:last-child {
     margin: 0
}
 .alert .alert-close-btn {
     font-size: 12px;
     line-height: 16px;
     position: absolute;
     z-index: 2;
     top: 50%;
     right: 10px;
     display: block;
     width: 16px;
     height: 16px;
     margin-top: -10px;
     text-align: center;
     opacity: .5;
     color: #000;
     filter: alpha(opacity=50)
}
 .alert .alert-close-btn:hover {
     opacity: 1;
     filter: alpha(opacity=100)
}
 .server-message {
     text-align: center;
     color: #888
}
 .server-message h1 {
     font-size: 85px;
     margin: 0
}
 .server-message h2 {
     font-size: 40px;
     margin: 0 0 25px;
     text-transform: uppercase
}
 .server-message p {
     font-size: 20px;
     line-height: 1.8em
}
 .server-message.inverse {
     color: rgba(255, 255, 255, .8)
}
 @media only screen and (max-width:1000px) {
     .hide-columns table td:nth-child(2), .hide-columns table th:nth-child(2) {
        /*display: none*/
    }
}
 @media only screen and (max-width:810px) {
     .hide-columns table td:nth-child(4), .hide-columns table td:nth-child(7), .hide-columns table td:nth-child(8), .hide-columns table th:nth-child(4), .hide-columns table th:nth-child(7), .hide-columns table th:nth-child(8) {
        /*display: none*/
    }
}
 @media only screen and (max-width:1000px) {
     .scroll-columns .cf:after {
         visibility: hidden;
         display: block;
         font-size: 0;
         content: " ";
         clear: both;
         height: 0
    }
     .scroll-columns * html .cf, .scroll-columns:first-child+html .cf {
         zoom: 1
    }
     .scroll-columns table {
         border-collapse: collapse;
         border-spacing: 0
    }
     .scroll-columns td, .scroll-columns th {
         margin: 0;
         vertical-align: top
    }
     .scroll-columns table {
         display: block;
         position: relative;
         width: 100%
    }
     .scroll-columns {
         display: block;
         float: left
    }
     .scroll-columns {
         display: block;
         width: auto;
         position: relative;
         overflow-x: auto;
         white-space: nowrap
    }
     .scroll-columns tr {
         display: block
    }
     .scroll-columns th {
         display: block;
         text-align: right
    }
     .scroll-columns tr {
         display: inline-block;
         vertical-align: top
    }
     .scroll-columns td {
         display: block;
         min-height: 1.25em;
         text-align: left
    }
     .scroll-columns th {
         border-bottom: 0;
         border-left: 0
    }
     .scroll-columns td {
         border-left: 0;
         border-right: 0;
         border-bottom: 0
    }
     .scroll-columns tr {
         border-left: 1px solid #dfe8f1
    }
     .scroll-columns td:last-child, .scroll-columns th:last-child {
         border-bottom: 1px solid #dfe8f1
    }
}
 @media only screen and (max-width:1000px) {
     .remove-columns .table td, .remove-columns .table th, .remove-columns .table tr, .remove-columns table, .remove-columns, .remove-columns {
         display: block
    }
     .remove-columns tr {
         position: absolute;
         top: -9999px;
         left: -9999px
    }
     .remove-columns .table tr {
         border: 1px solid #dfe8f1
    }
     .remove-columns .table td {
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
         padding-left: 50%;
         white-space: normal;
         text-align: left
    }
     .remove-columns .table td:before {
         position: absolute;
         top: 6px;
         left: 6px;
         width: 45%;
         padding-right: 10px;
         white-space: nowrap;
         text-align: left;
         font-weight: 700;
         content: attr(data-title)
    }
}
 .corner-ribbon {
     position: absolute;
     z-index: 5;
     top: -1px;
     left: -1px;
     overflow: hidden;
     width: 48px;
     height: 48px
}
 .corner-ribbon>a, .corner-ribbon>div {
     line-height: 38px;
     position: absolute;
     top: -6px;
     left: -26px;
     display: block;
     width: 78px;
     height: 35px;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     text-align: center
}
 .corner-ribbon .glyph-icon {
     display: block;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
}
 .corner-ribbon-tr {
     right: -1px;
     left: auto;
     border-top-left-radius: 0
}
 .corner-ribbon-tr>a, .corner-ribbon-tr>div {
     right: -26px;
     left: auto;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
}
 .corner-ribbon-tr .glyph-icon {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg)
}
 .ribbon {
     position: absolute;
     top: -1px;
     left: -1px;
     overflow: hidden;
     width: 100px;
     height: 100px
}
 .ribbon:after, .ribbon:before {
     position: absolute;
     z-index: -1;
     top: 2px;
     left: 77px;
     width: 10px;
     height: 10px;
     content: '';
     -webkit-transform: rotate(-45deg);
     background-color: rgba(0, 0, 0, .3)
}
 .ribbon:before {
     top: 79px;
     left: 0
}
 .ribbon>div {
     position: relative;
     z-index: 100;
     top: 15px;
     left: -30px;
     width: 120px;
     padding: 7px 0;
     -webkit-transform: rotate(-45deg);
     text-align: center;
     color: #fff
}
 .ribbon-tr {
     right: -1px;
     left: auto
}
 .ribbon-tr:after, .ribbon-tr:before {
     right: 79px;
     left: auto;
     -webkit-transform: rotate(45deg)
}
 .ribbon-tr:before {
     top: 79px;
     right: 2px
}
 .ribbon-tr>div {
     right: -8px;
     left: auto;
     -webkit-transform: rotate(45deg)
}
 .post-box textarea {
     font-size: 18px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     min-height: 80px;
     padding: 15px;
     border: 0
}
 .post-box .button-pane .glyph-icon {
     font-size: 13px
}
 .post-box .button-pane .hover-white:hover {
     background: #fff
}
 .post-box .button-pane {
     text-align: left
}
 .post-box .button-pane .btn-post {
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase
}
 .profile-box.content-box .content-box-header {
     line-height: 1.6em;
     height: auto;
     padding: 15px !important
}
 .profile-box .content-box-header img {
     float: left;
     margin: 0 15px 0 0
}
 .profile-box .content-box-header .user-details {
     font-size: 16px;
     position: relative;
     overflow: hidden;
     padding-top: 5px
}
 .profile-box .content-box-header .user-details span {
     font-size: 13px;
     display: block;
     opacity: .8;
     text-transform: none;
     -moz-opacity: .8;
     filter: alpha(opacity: 80)
}
 .profile-box-alt .content-box-header {
     text-align: center
}
 .profile-box .pie-wrapper {
     padding: 20px;
     text-align: center
}
 .profile-box .pie-wrapper canvas {
     display: block;
     margin: 0 auto
}
 .profile-box div.list-group {
     margin-bottom: 0 !important;
     border: 0
}
 .profile-box div.list-group a.list-group-item {
     border-right: 0;
     border-left: 0
}
 .profile-box div.list-group a.list-group-item.active {
     margin-right: -1px;
     margin-left: -1px
}
 .profile-box div.list-group a.list-group-item:last-child {
     border-bottom: 0;
     border-radius: 0
}
 .profile-box div.list-group a.list-group-item:first-child {
     border-top: 0;
     border-radius: 0
}
 .profile-box .list-group.list-group-separator.row {
     padding: 10px
}
 .profile-box .list-group.list-group-separator a.list-group-item:after {
     right: -10px
}
 .profile-box ul.list-group {
     margin: 10px 0
}
 .profile-box .nav>li>a {
     padding: 0
}
 .profile-box .nav {
     margin-bottom: 0 !important
}
 .profile-box .nav.nav-justified {
     margin: 0 !important
}
 .table {
     width: 100%;
     border-spacing: 0;
     border-collapse: separate
}
 .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table tr:first-child td, .table tr:first-child th {
     border-top: 0
}
 .table tr td, .table tr th {
     padding: 3px 5px;
     height: 28px;
     border-top: 1px solid;
     text-align: left;
     background: #FFF;
}
.table.table-nowrap td:not([nowrap="nowrap"]) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .table tr td.center, .table tr th.center {
     text-align: center;
}
 .table tr td.right, .table tr th.right {
     text-align: right;
}
 .table tr td.right input {
     text-align: right;
}
 .table td, .table th {
     font-weight: 400;
     vertical-align: middle;
}
 .table td.nowrap, .table th.nowrap, .table .td-2.nowrap * {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .table tr th {
     font-weight: 700;
     border-bottom: 2px solid;
}
 .table-condensed tr td, .table-condensed tr th {
     padding: 5px
}
 .table-striped tr:nth-child(even)>td {
     background: #fefeff
}
 .table-hover tr.highlight.accordian-body>td, .table-hover tr.highlight.selected>td, .table-hover tr.highlight:hover>td, .table-hover tr.highlightNoClick.selected>td, .table-hover tr.highlightNoClick:hover>td {
     color: #000;
     background: #E2F3F9
}
 .table-bordered {
     border-style: solid;
     border-width: 1px 0 1px 1px
}
 .table-bordered tr td, .table-bordered tr th {
     border-style: solid;
     border-width: 1px 1px 0 0
}
 .table-bordered tr td, .table-bordered tr th {
     border-bottom-width: 1px
}
.table td.nowrap .bs-label-control,.table td.nowrap  .bs-label {
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 3px !important;      
	line-height: 22px;
}
 @media (max-width:767px) {
     .btn-hover .glyph-icon {
         opacity: 1;
         position: static;
    }
     .btn-hover span {
         display: none;
    }
     .table-responsive {
         overflow-x: scroll;
         overflow-y: hidden;
         width: 100%;
         -ms-overflow-style: -ms-autohiding-scrollbar;
         -webkit-overflow-scrolling: touch
    }
     .table-responsive>.table {
         margin-bottom: 0
    }
     .table-responsive>.table tr td, .table-responsive>.table tr th, .table-responsive>.table>tfoot tr td, .table-responsive>.table>tfoot tr th, .table-responsive>.table>thead tr td, .table-responsive>.table>thead tr th {
         white-space: nowrap
    }
     .table-responsive>.table-bordered {
         border: 0
    }
     .table-responsive>.table-bordered tr td:first-child, .table-responsive>.table-bordered tr th:first-child, .table-responsive>.table-bordered>tfoot tr td:first-child, .table-responsive>.table-bordered>tfoot tr th:first-child, .table-responsive>.table-bordered>thead tr td:first-child, .table-responsive>.table-bordered>thead tr th:first-child {
         border-left: 0
    }
     .table-responsive>.table-bordered tr td:last-child, .table-responsive>.table-bordered tr th:last-child, .table-responsive>.table-bordered>tfoot tr td:last-child, .table-responsive>.table-bordered>tfoot tr th:last-child, .table-responsive>.table-bordered>thead tr td:last-child, .table-responsive>.table-bordered>thead tr th:last-child {
         border-right: 0
    }
     .table-responsive>.table-bordered>tr:last-child>td, .table-responsive>.table-bordered>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
         border-bottom: 0
    }
}
 .tile-box {
     line-height: inherit;
     display: block;
     position: relative;
     height: auto;
     padding: 0;
     text-align: center;
     border: 1px solid;
}
 .tile-header {
     font-size: 14px;
     padding: 5px 10px;
     text-align: left;
     text-transform: uppercase;
     border: 0 !important;
     background: rgba(255, 255, 255, .2)
}
 .tile-header .float-right {
     opacity: .6;
     -moz-opacity: .6;
     filter: alpha(opacity: 60)
}
 .tile-content-wrapper {
     position: relative;
     overflow: hidden;
     padding: 10px
}
 .tile-content {
     font-size: 35px;
     text-align: right
}
 .tile-content span {
     font-size: 25px;
     opacity: .7;
     -moz-opacity: .7;
     filter: alpha(opacity: 70)
}
 .tile-content-wrapper small {
     font-size: 14px;
     display: block;
     text-align: right;
     opacity: .7;
     -moz-opacity: .7;
     filter: alpha(opacity: 70)
}
 .tile-content-wrapper>.glyph-icon {
     font-size: 35px;
     line-height: 70px;
     position: absolute;
     top: 50%;
     left: 15px;
     height: 70px;
     margin-top: -36px;
     opacity: .3;
     -moz-opacity: .3;
     filter: alpha(opacity: 30)
}
 .tile-footer {
     display: block;
     margin: 0;
     padding: 5px 10px;
     text-align: left;
     color: inherit;
     background: rgba(0, 0, 0, .1)
}
 .bg-white .tile-footer {
     border-top: 1px solid;
}
 .tile-footer:hover {
     opacity: .8;
     color: inherit;
     -moz-opacity: .8;
     filter: alpha(opacity: 80)
}
 .tile-footer .glyph-icon {
     float: right
}
 .tile-box-alt .tile-header {
     padding: 10px;
     text-align: center
}
 .tile-box-alt .tile-content-wrapper>.glyph-icon {
     font-size: 65px;
     margin-top: -32px
}
 .tile-box-shortcut:hover .tile-content-wrapper>.glyph-icon, a.tile-box.btn .tile-content-wrapper>.glyph-icon, a.tile-box.btn .tile-header .float-right {
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out
}
 a.tile-box.btn:hover .tile-content-wrapper>.glyph-icon {
     opacity: .7;
     -moz-opacity: .7;
     filter: alpha(opacity: 70)
}
 a.tile-box.btn:hover .tile-header .float-right {
     opacity: .9;
     -moz-opacity: .9;
     filter: alpha(opacity: 90)
}
 .tile-content-wrapper .easyPieChart {
     margin-top: -5px;
     margin-bottom: -5px;
     font-size: 19px;
     font-weight: 100
}
 .tile-box-shortcut .tile-header {
     background: 0 0;
     padding: 0;
     position: absolute;
     right: 10px;
     bottom: 6px;
     font-size: 13px;
     font-weight: 400
}
 .tile-box-shortcut .bs-badge {
     left: auto;
     right: 10px;
     top: 10px;
     background: rgba(0, 0, 0, .5)
}
 .tile-box-shortcut .tile-content-wrapper {
     padding: 0;
     min-height: 80px
}
 .tile-box-shortcut .tile-content-wrapper>.glyph-icon {
     position: absolute;
     left: 15px;
     top: 30px
}
 .tile-box-shortcut:hover .tile-content-wrapper>.glyph-icon {
     opacity: .8;
     -moz-opacity: .8;
     filter: alpha(opacity: 80)
}
 .timeline-box {
     position: relative
}
 .timeline-box:before {
     position: absolute;
     top: 0;
     left: 50%;
     width: 0;
     height: 100%;
     margin-left: 0;
     content: '';
     border-left: 1px solid transparent
}
 .timeline-box .tl-row {
     position: relative;
     padding: 5px 0
}
 .timeline-box .tl-row .tl-item {
     width: 50%
}
 .timeline-box .popover {
     min-width: 50px
}
 .timeline-box .tl-row .tl-item .popover {
     position: relative;
     display: block;
     margin: 0;
     box-shadow: 0 0 0 transparent
}
 .timeline-box .tl-row .tl-item .popover.left {
     float: right;
     margin-right: 35px
}
 .timeline-box .tl-row .tl-item.float-right .popover.right {
     margin-left: 35px;
     width: 87%;
}
 .timeline-box .tl-row .tl-item .tl-panel {
     font-weight: 700;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 50%;
     margin-top: -8px;
     margin-left: 23px;
     text-align: left
}
 .timeline-box .tl-row .tl-item.float-right .tl-panel {
     right: 50%;
     left: auto;
     margin-right: 23px;
     margin-left: 0;
     text-align: right
}
 .timeline-box .tl-row .tl-item .tl-title {
     font-size: 15px;
     font-weight: 700;
     margin: 0 0 10px
}
 .timeline-box .tl-row .tl-item .tl-label {
     display: inline-block;
     margin-bottom: 5px;
     padding: 5px 8px
}
 .timeline-box .tl-row .tl-item .tl-content {
     font-size: 13px;
     opacity: .8;
     -moz-opacity: .8;
     filter: alpha(opacity: 80)
}
 .timeline-box .tl-row .tl-item .tl-time {
     font-style: italic;
     opacity: .4;
     -moz-opacity: .4;
     filter: alpha(opacity: 40)
}
 .timeline-box .tl-row .tl-item .tl-bullet, .timeline-box .tl-row .tl-item .tl-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     width: 17px;
     height: 17px;
     margin-top: -9px;
     margin-left: -8px;
     border-radius: 100px
}
 .timeline-box .tl-row .tl-item .tl-bullet:before {
     display: block;
     width: 9px;
     height: 9px;
     margin: 4px 0 0 4px;
     content: '';
     border-radius: 100px;
     background: #fff
}
 .timeline-box .tl-row .tl-item .tl-icon {
     font-size: 18px;
     line-height: 34px;
     width: 34px;
     height: 34px;
     margin-top: -22px;
     margin-left: -17px;
     text-align: center
}
 .timeline-scroll {
     overflow-x: scroll;
     overflow-y: hidden
}
 .timeline-horizontal {
     height: 400px;
     padding: 10px 0
}
 .timeline-horizontal .tl-row {
     float: left;
     width: 400px;
     height: 173px
}
 .timeline-horizontal.timeline-box:before {
     top: 50%;
     left: 0;
     width: 100%;
     height: 1px;
     border: 0
}
 .timeline-horizontal.timeline-box .tl-row .tl-item {
     width: auto
}
 .timeline-horizontal.timeline-box .tl-row .tl-item .tl-panel {
     top: auto;
     bottom: -60px;
     left: 0;
     width: 100%;
     margin: 0;
     text-align: center
}
 .timeline-horizontal.timeline-box .tl-row .tl-item .tl-bullet {
     margin-left: -9px
}
 .timeline-horizontal.timeline-box .tl-row .tl-item .tl-bullet, .timeline-horizontal.timeline-box .tl-row .tl-item .tl-icon {
     top: auto;
     bottom: -27px
}
 .timeline-horizontal.timeline-box .tl-row .tl-item .popover {
     position: absolute;
     top: auto;
     bottom: 10px;
     width: 100%
}
 .timeline-horizontal.timeline-box .tl-row .tl-item.float-right .tl-panel {
     bottom: 0
}
 .timeline-horizontal.timeline-box .tl-row .tl-item.float-right .popover {
     top: 220px;
     bottom: auto
}
 .timeline-box-left.timeline-box .tl-row .tl-item, .timeline-box-right.timeline-box .tl-row .tl-item {
     width: auto;
     float: none !important
}
 .timeline-box-left.timeline-box .tl-row .tl-item .popover, .timeline-box-right.timeline-box .tl-row .tl-item .popover {
     float: none
}
 .timeline-box-right.timeline-box:before {
     left: auto;
     right: 17px
}
 .timeline-box-right.timeline-box .tl-row {
     padding-right: 20px
}
 .timeline-box-right.timeline-box .tl-row .tl-item .tl-bullet, .timeline-box-right.timeline-box .tl-row .tl-item .tl-icon {
     left: auto;
     right: 17px;
     margin-left: 0;
     margin-right: -17px
}
 .timeline-box-left.timeline-box:before {
     right: auto;
     left: 17px
}
 .timeline-box-left.timeline-box .tl-row {
     padding-left: 20px
}
 .timeline-box-left.timeline-box .tl-row .tl-item .tl-bullet, .timeline-box-left.timeline-box .tl-row .tl-item .tl-icon {
     right: auto;
     left: 17px;
     margin-right: 0;
     margin-left: -17px
}
 @font-face {
     font-family: FontAwesome;
     src: url(../font/fontawesome-webfont.eot);
     src: url(../font/fontawesome-webfont.eot) format('embedded-opentype'), url(../font/fontawesome-webfont.woff) format('woff'), url(../font/fontawesome-webfont.ttf) format('truetype'), url(../font/fontawesome-webfont.svg) format('svg');
     font-weight: 400;
     font-style: normal;
}
 .icon-glass:before {
     content: "\f000"
}
 .icon-music:before {
     content: "\f001"
}
 .icon-search:before {
     content: "\f002"
}
 .icon-envelope-o:before {
     content: "\f003"
}
 .icon-heart:before {
     content: "\f004"
}
 .icon-star:before {
     content: "\f005"
}
 .icon-star-o:before {
     content: "\f006"
}
 .icon-user:before {
     content: "\f007"
}
 .icon-film:before {
     content: "\f008"
}
 .icon-th-large:before {
     content: "\f009"
}
 .icon-th:before {
     content: "\f00a"
}
 .icon-th-list:before {
     content: "\f00b"
}
 .icon-check:before {
     content: "\f00c"
}
 .icon-clock-os:before, .icon-close:before, .icon-remove:before, .icon-times:before, .search-choice-close:before, .ui-dialog-titlebar-close:before, .ui-icon-closethick:before {
     content: "\f00d"
}
 .icon-search-plus:before {
     content: "\f00e"
}
 .icon-search-minus:before {
     content: "\f010"
}
 .icon-power-off:before {
     content: "\f011"
}
 .icon-signal:before {
     content: "\f012"
}
 .icon-cog:before, .icon-gear:before {
     content: "\f013"
}
 .icon-trash-o:before {
     content: "\f014"
}
 .icon-home:before {
     content: "\f015"
}
 .icon-file-o:before {
     content: "\f016"
}
 .icon-clock-o:before {
     content: "\f017"
}
 .icon-road:before {
     content: "\f018"
}
 .icon-download:before {
     content: "\f019"
}
 .icon-arrow-circle-o-down:before {
     content: "\f01a"
}
 .icon-arrow-circle-o-up:before {
     content: "\f01b"
}
 .icon-inbox:before {
     content: "\f01c"
}
 .icon-play-circle-o:before {
     content: "\f01d"
}
 .icon-repeat:before, .icon-rotate-right:before {
     content: "\f01e"
}
 .icon-refresh:before {
     content: "\f021"
}
 .icon-list-alt:before {
     content: "\f022"
}
 .icon-lock:before {
     content: "\f023"
}
 .icon-flag:before {
     content: "\f024"
}
 .icon-headphones:before {
     content: "\f025"
}
 .icon-volume-off:before {
     content: "\f026"
}
 .icon-volume-down:before {
     content: "\f027"
}
 .icon-volume-up:before {
     content: "\f028"
}
 .icon-qrcode:before {
     content: "\f029"
}
 .icon-barcode:before {
     content: "\f02a"
}
 .icon-tag:before {
     content: "\f02b"
}
 .icon-tags:before {
     content: "\f02c"
}
 .icon-book:before {
     content: "\f02d"
}
 .icon-bookmark:before {
     content: "\f02e"
}
 .icon-print:before {
     content: "\f02f"
}
 .icon-camera:before {
     content: "\f030"
}
 .icon-font:before {
     content: "\f031"
}
 .icon-bold:before {
     content: "\f032"
}
 .icon-italic:before {
     content: "\f033"
}
 .icon-text-height:before {
     content: "\f034"
}
 .icon-text-width:before {
     content: "\f035"
}
 .icon-align-left:before {
     content: "\f036"
}
 .icon-align-center:before {
     content: "\f037"
}
 .icon-align-right:before {
     content: "\f038"
}
 .icon-align-justify:before {
     content: "\f039"
}
 .icon-list:before {
     content: "\f03a"
}
 .icon-dedent:before, .icon-outdent:before {
     content: "\f03b"
}
 .icon-indent:before {
     content: "\f03c"
}
 .icon-video-camera:before {
     content: "\f03d"
}
 .icon-image:before, .icon-photo:before, .icon-picture-o:before {
     content: "\f03e"
}
 .icon-pencil:before {
     content: "\f040"
}
 .icon-map-marker:before {
     content: "\f041"
}
 .icon-adjust:before {
     content: "\f042"
}
 .icon-tint:before {
     content: "\f043"
}
 .icon-edit:before, .icon-pencil-square-o:before {
     content: "\f044"
}
 .icon-share-square-o:before {
     content: "\f045"
}
 .icon-check-square-o:before {
     content: "\f046"
}
 .icon-arrows:before {
     content: "\f047"
}
 .icon-step-backward:before {
     content: "\f048"
}
 .icon-fast-backward:before {
     content: "\f049"
}
 .icon-backward:before {
     content: "\f04a"
}
 .icon-play:before {
     content: "\f04b"
}
 .icon-pause:before {
     content: "\f04c"
}
 .icon-stop:before {
     content: "\f04d"
}
 .icon-forward:before {
     content: "\f04e"
}
 .icon-fast-forward:before {
     content: "\f050"
}
 .icon-step-forward:before {
     content: "\f051"
}
 .icon-eject:before {
     content: "\f052"
}
 .icon-chevron-left:before {
     content: "\f053"
}
 .icon-chevron-right:before {
     content: "\f054"
}
 .icon-plus-circle:before {
     content: "\f055"
}
 .icon-minus-circle:before {
     content: "\f056"
}
 .icon-times-circle:before {
     content: "\f057"
}
 .icon-check-circle:before {
     content: "\f058"
}
 .icon-question-circle:before {
     content: "\f059"
}
 .icon-info-circle:before {
     content: "\f05a"
}
 .icon-crosshairs:before {
     content: "\f05b"
}
 .icon-times-circle-o:before {
     content: "\f05c"
}
 .icon-check-circle-o:before {
     content: "\f05d"
}
 .icon-ban:before {
     content: "\f05e"
}
 .icon-arrow-left:before {
     content: "\f060"
}
 .icon-arrow-right:before {
     content: "\f061"
}
 .icon-arrow-up:before {
     content: "\f062"
}
 .icon-arrow-down:before {
     content: "\f063"
}
 .icon-mail-forward:before, .icon-share:before {
     content: "\f064"
}
 .icon-expand:before {
     content: "\f065"
}
 .icon-compress:before {
     content: "\f066"
}
 .icon-plus:before {
     content: "\f067"
}
 .icon-minus:before {
     content: "\f068"
}
 .icon-asterisk:before {
     content: "\f069"
}
 .icon-exclamation-circle:before {
     content: "\f06a"
}
 .icon-gift:before {
     content: "\f06b"
}
 .icon-leaf:before {
     content: "\f06c"
}
 .icon-fire:before {
     content: "\f06d"
}
 .icon-eye:before {
     content: "\f06e"
}
 .icon-eye-slash:before {
     content: "\f070"
}
 .icon-exclamation-triangle:before, .icon-warning:before {
     content: "\f071"
}
 .icon-plane:before {
     content: "\f072"
}
 .icon-calendar:before {
     content: "\f073"
}
 .icon-random:before {
     content: "\f074"
}
 .icon-comment:before {
     content: "\f075"
}
 .icon-magnet:before {
     content: "\f076"
}
 .icon-chevron-up:before {
     content: "\f077"
}
 .icon-chevron-down:before {
     content: "\f078"
}
 .icon-retweet:before {
     content: "\f079"
}
 .icon-shopping-cart:before {
     content: "\f07a"
}
 .icon-folder:before {
     content: "\f07b"
}
 .icon-folder-open:before {
     content: "\f07c"
}
 .icon-arrows-v:before {
     content: "\f07d"
}
 .icon-arrows-h:before {
     content: "\f07e"
}
 .icon-bar-chart-o:before, .icon-bar-chart:before {
     content: "\f080"
}
 .icon-twitter-square:before {
     content: "\f081"
}
 .icon-facebook-square:before {
     content: "\f082"
}
 .icon-camera-retro:before {
     content: "\f083"
}
 .icon-key:before {
     content: "\f084"
}
 .icon-cogs:before, .icon-gears:before {
     content: "\f085"
}
 .icon-comments:before {
     content: "\f086"
}
 .icon-thumbs-o-up:before {
     content: "\f087"
}
 .icon-thumbs-o-down:before {
     content: "\f088"
}
 .icon-star-half:before {
     content: "\f089"
}
 .icon-heart-o:before {
     content: "\f08a"
}
 .icon-sign-out:before {
     content: "\f08b"
}
 .icon-linkedin-square:before {
     content: "\f08c"
}
 .icon-thumb-tack:before {
     content: "\f08d"
}
 .icon-external-link:before {
     content: "\f08e"
}
 .icon-sign-in:before {
     content: "\f090"
}
 .icon-trophy:before {
     content: "\f091"
}
 .icon-github-square:before {
     content: "\f092"
}
 .icon-upload:before {
     content: "\f093"
}
 .icon-lemon-o:before {
     content: "\f094"
}
 .icon-phone:before {
     content: "\f095"
}
 .icon-square-o:before {
     content: "\f096"
}
 .icon-bookmark-o:before {
     content: "\f097"
}
 .icon-phone-square:before {
     content: "\f098"
}
 .icon-twitter:before {
     content: "\f099"
}
 .icon-facebook:before {
     content: "\f09a"
}
 .icon-github:before {
     content: "\f09b"
}
 .icon-unlock:before {
     content: "\f09c"
}
 .icon-credit-card:before {
     content: "\f09d"
}
 .icon-rss:before {
     content: "\f09e"
}
 .icon-hdd-o:before {
     content: "\f0a0"
}
 .icon-bullhorn:before {
     content: "\f0a1"
}
 .icon-bell:before {
     content: "\f0f3"
}
 .icon-certificate:before {
     content: "\f0a3"
}
 .icon-hand-o-right:before {
     content: "\f0a4"
}
 .icon-hand-o-left:before {
     content: "\f0a5"
}
 .icon-hand-o-up:before {
     content: "\f0a6"
}
 .icon-hand-o-down:before {
     content: "\f0a7"
}
 .icon-arrow-circle-left:before {
     content: "\f0a8"
}
 .icon-arrow-circle-right:before {
     content: "\f0a9"
}
 .icon-arrow-circle-up:before {
     content: "\f0aa"
}
 .icon-arrow-circle-down:before {
     content: "\f0ab"
}
 .icon-globe:before {
     content: "\f0ac"
}
 .icon-wrench:before {
     content: "\f0ad"
}
 .icon-tasks:before {
     content: "\f0ae"
}
 .icon-filter:before {
     content: "\f0b0"
}
 .icon-briefcase:before {
     content: "\f0b1"
}
 .icon-arrows-alt:before {
     content: "\f0b2"
}
 .icon-group:before, .icon-users:before {
     content: "\f0c0"
}
 .icon-chain:before, .icon-link:before {
     content: "\f0c1"
}
 .icon-cloud:before {
     content: "\f0c2"
}
 .icon-flask:before {
     content: "\f0c3"
}
 .icon-cut:before, .icon-scissors:before {
     content: "\f0c4"
}
 .icon-copy:before, .icon-files-o:before {
     content: "\f0c5"
}
 .icon-paperclip:before {
     content: "\f0c6"
}
 .icon-floppy-o:before, .icon-save:before {
     content: "\f0c7"
}
 .icon-square:before {
     content: "\f0c8"
}
 .icon-bars:before, .icon-navicon:before, .icon-reorder:before {
     content: "\f0c9"
}
 .icon-list-ul:before {
     content: "\f0ca"
}
 .icon-list-ol:before {
     content: "\f0cb"
}
 .icon-strikethrough:before {
     content: "\f0cc"
}
 .icon-underline:before {
     content: "\f0cd"
}
 .icon-table:before {
     content: "\f0ce"
}
 .icon-magic:before {
     content: "\f0d0"
}
 .icon-truck:before {
     content: "\f0d1"
}
 .icon-pinterest:before {
     content: "\f0d2"
}
 .icon-pinterest-square:before {
     content: "\f0d3"
}
 .icon-google-plus-square:before {
     content: "\f0d4"
}
 .icon-google-plus:before {
     content: "\f0d5"
}
 .icon-money:before {
     content: "\f0d6"
}
 .icon-caret-down:before, .ui-accordion-header-icon.ui-icon-triangle-1-s:before {
     content: "\f0d7"
}
 .icon-caret-up:before {
     content: "\f0d8"
}
 .icon-caret-left:before {
     content: "\f0d9"
}
 .icon-caret-right:before, .ui-icon-triangle-1-e:before {
     content: "\f0da"
}
 .icon-columns:before {
     content: "\f0db"
}
 .dataTable .sorting .glyph-icon:before, .dataTable .ui-icon-carat-2-n-s:before, .icon-sort:before, .icon-unsorted:before {
     content: "\f0dc"
}
 .dataTable .sorting_asc .glyph-icon:before, .icon-sort-asc:before, .icon-sort-down:before {
     content: "\f0dd"
}
 .dataTable .sorting_desc .glyph-icon:before, .dataTable .ui-icon-triangle-1-n:before, .icon-sort-desc:before, .icon-sort-up:before {
     content: "\f0de"
}
 .icon-envelope:before {
     content: "\f0e0"
}
 .icon-linkedin:before {
     content: "\f0e1"
}
 .icon-rotate-left:before, .icon-undo:before {
     content: "\f0e2"
}
 .icon-gavel:before, .icon-legal:before {
     content: "\f0e3"
}
 .icon-dashboard:before, .icon-tachometer:before {
     content: "\f0e4"
}
 .icon-comment-o:before {
     content: "\f0e5"
}
 .icon-comments-o:before {
     content: "\f0e6"
}
 .icon-bolt:before, .icon-flash:before {
     content: "\f0e7"
}
 .icon-sitemap:before {
     content: "\f0e8"
}
 .icon-umbrella:before {
     content: "\f0e9"
}
 .icon-clipboard:before, .icon-paste:before {
     content: "\f0ea"
}
 .icon-lightbulb-o:before {
     content: "\f0eb"
}
 .icon-exchange:before {
     content: "\f0ec"
}
 .icon-cloud-download:before {
     content: "\f0ed"
}
 .icon-cloud-upload:before {
     content: "\f0ee"
}
 .icon-user-md:before {
     content: "\f0f0"
}
 .icon-stethoscope:before {
     content: "\f0f1"
}
 .icon-suitcase:before {
     content: "\f0f2"
}
 .icon-bell-o:before {
     content: "\f0a2"
}
 .icon-coffee:before {
     content: "\f0f4"
}
 .icon-cutlery:before {
     content: "\f0f5"
}
 .icon-file-text-o:before {
     content: "\f0f6"
}
 .icon-building-o:before {
     content: "\f0f7"
}
 .icon-hospital-o:before {
     content: "\f0f8"
}
 .icon-ambulance:before {
     content: "\f0f9"
}
 .icon-medkit:before {
     content: "\f0fa"
}
 .icon-fighter-jet:before {
     content: "\f0fb"
}
 .icon-beer:before {
     content: "\f0fc"
}
 .icon-h-square:before {
     content: "\f0fd"
}
 .icon-plus-square:before {
     content: "\f0fe"
}
 .icon-angle-double-left:before {
     content: "\f100"
}
 .icon-angle-double-right:before {
     content: "\f101"
}
 .icon-angle-double-up:before {
     content: "\f102"
}
 .icon-angle-double-down:before {
     content: "\f103"
}
 .icon-angle-left:before {
     content: "\f104"
}
 .icon-angle-right:before {
     content: "\f105"
}
 .icon-angle-up:before {
     content: "\f106"
}
 .icon-angle-down:before {
     content: "\f107"
}
 .icon-desktop:before {
     content: "\f108"
}
 .icon-laptop:before {
     content: "\f109"
}
 .icon-tablet:before {
     content: "\f10a"
}
 .icon-mobile-phone:before, .icon-mobile:before {
     content: "\f10b"
}
 .icon-circle-o:before {
     content: "\f10c"
}
 .icon-quote-left:before {
     content: "\f10d"
}
 .icon-quote-right:before {
     content: "\f10e"
}
 .icon-spinner:before {
     content: "\f110"
}
 .icon-circle:before {
     content: "\f111"
}
 .icon-mail-reply:before, .icon-reply:before {
     content: "\f112"
}
 .icon-github-alt:before {
     content: "\f113"
}
 .icon-folder-o:before {
     content: "\f114"
}
 .icon-folder-open-o:before {
     content: "\f115"
}
 .icon-smile-o:before {
     content: "\f118"
}
 .icon-frown-o:before {
     content: "\f119"
}
 .icon-meh-o:before {
     content: "\f11a"
}
 .icon-gamepad:before {
     content: "\f11b"
}
 .icon-keyboard-o:before {
     content: "\f11c"
}
 .icon-flag-o:before {
     content: "\f11d"
}
 .icon-flag-checkered:before {
     content: "\f11e"
}
 .icon-terminal:before {
     content: "\f120"
}
 .icon-code:before {
     content: "\f121"
}
 .icon-mail-reply-all:before, .icon-reply-all:before {
     content: "\f122"
}
 .icon-star-half-empty:before, .icon-star-half-full:before, .icon-star-half-o:before {
     content: "\f123"
}
 .icon-location-arrow:before {
     content: "\f124"
}
 .icon-crop:before {
     content: "\f125"
}
 .icon-code-fork:before {
     content: "\f126"
}
 .icon-chain-broken:before, .icon-unlink:before {
     content: "\f127"
}
 .icon-question:before {
     content: "\f128"
}
 .icon-info:before {
     content: "\f129"
}
 .icon-exclamation:before {
     content: "\f12a"
}
 .icon-superscript:before {
     content: "\f12b"
}
 .icon-subscript:before {
     content: "\f12c"
}
 .icon-eraser:before {
     content: "\f12d"
}
 .icon-puzzle-piece:before {
     content: "\f12e"
}
 .icon-microphone:before {
     content: "\f130"
}
 .icon-microphone-slash:before {
     content: "\f131"
}
 .icon-shield:before {
     content: "\f132"
}
 .icon-calendar-o:before {
     content: "\f133"
}
 .icon-fire-extinguisher:before {
     content: "\f134"
}
 .icon-rocket:before {
     content: "\f135"
}
 .icon-maxcdn:before {
     content: "\f136"
}
 .icon-chevron-circle-left:before, .ui-icon-circle-triangle-w:before {
     content: "\f137"
}
 .icon-chevron-circle-right:before, .ui-icon-circle-triangle-e:before {
     content: "\f138"
}
 .icon-chevron-circle-up:before {
     content: "\f139"
}
 .icon-chevron-circle-down:before {
     content: "\f13a"
}
 .icon-html5:before {
     content: "\f13b"
}
 .icon-css3:before {
     content: "\f13c"
}
 .icon-anchor:before {
     content: "\f13d"
}
 .icon-unlock-alt:before {
     content: "\f13e"
}
 .icon-bullseye:before {
     content: "\f140"
}
 .icon-ellipsis-h:before {
     content: "\f141"
}
 .icon-ellipsis-v:before {
     content: "\f142"
}
 .icon-rss-square:before {
     content: "\f143"
}
 .icon-play-circle:before {
     content: "\f144"
}
 .icon-ticket:before {
     content: "\f145"
}
 .icon-minus-square:before {
     content: "\f146"
}
 .icon-minus-square-o:before {
     content: "\f147"
}
 .icon-level-up:before {
     content: "\f148"
}
 .icon-level-down:before {
     content: "\f149"
}
 .icon-check-square:before {
     content: "\f14a"
}
 .icon-pencil-square:before {
     content: "\f14b"
}
 .icon-external-link-square:before {
     content: "\f14c"
}
 .icon-share-square:before {
     content: "\f14d"
}
 .icon-compass:before {
     content: "\f14e"
}
 .icon-caret-square-o-down:before, .icon-toggle-down:before {
     content: "\f150"
}
 .icon-caret-square-o-up:before, .icon-toggle-up:before {
     content: "\f151"
}
 .icon-caret-square-o-right:before, .icon-toggle-right:before {
     content: "\f152"
}
 .icon-eur:before, .icon-euro:before {
     content: "\f153"
}
 .icon-gbp:before {
     content: "\f154"
}
 .icon-dollar:before, .icon-usd:before {
     content: "\f155"
}
 .icon-inr:before, .icon-rupee:before {
     content: "\f156"
}
 .icon-cny:before, .icon-jpy:before, .icon-rmb:before, .icon-yen:before {
     content: "\f157"
}
 .icon-rouble:before, .icon-rub:before, .icon-ruble:before {
     content: "\f158"
}
 .icon-krw:before, .icon-won:before {
     content: "\f159"
}
 .icon-bitcoin:before, .icon-btc:before {
     content: "\f15a"
}
 .icon-file:before {
     content: "\f15b"
}
 .icon-file-text:before {
     content: "\f15c"
}
 .icon-sort-alpha-asc:before {
     content: "\f15d"
}
 .icon-sort-alpha-desc:before {
     content: "\f15e"
}
 .icon-sort-amount-asc:before {
     content: "\f160"
}
 .icon-sort-amount-desc:before {
     content: "\f161"
}
 .icon-sort-numeric-asc:before {
     content: "\f162"
}
 .icon-sort-numeric-desc:before {
     content: "\f163"
}
 .icon-thumbs-up:before {
     content: "\f164"
}
 .icon-thumbs-down:before {
     content: "\f165"
}
 .icon-youtube-square:before {
     content: "\f166"
}
 .icon-youtube:before {
     content: "\f167"
}
 .icon-xing:before {
     content: "\f168"
}
 .icon-xing-square:before {
     content: "\f169"
}
 .icon-youtube-play:before {
     content: "\f16a"
}
 .icon-dropbox:before {
     content: "\f16b"
}
 .icon-stack-overflow:before {
     content: "\f16c"
}
 .icon-instagram:before {
     content: "\f16d"
}
 .icon-flickr:before {
     content: "\f16e"
}
 .icon-adn:before {
     content: "\f170"
}
 .icon-bitbucket:before {
     content: "\f171"
}
 .icon-bitbucket-square:before {
     content: "\f172"
}
 .icon-tumblr:before {
     content: "\f173"
}
 .icon-tumblr-square:before {
     content: "\f174"
}
 .icon-long-arrow-down:before {
     content: "\f175"
}
 .icon-long-arrow-up:before {
     content: "\f176"
}
 .icon-long-arrow-left:before {
     content: "\f177"
}
 .icon-long-arrow-right:before {
     content: "\f178"
}
 .icon-apple:before {
     content: "\f179"
}
 .icon-windows:before {
     content: "\f17a"
}
 .icon-android:before {
     content: "\f17b"
}
 .icon-linux:before {
     content: "\f17c"
}
 .icon-dribbble:before {
     content: "\f17d"
}
 .icon-skype:before {
     content: "\f17e"
}
 .icon-foursquare:before {
     content: "\f180"
}
 .icon-trello:before {
     content: "\f181"
}
 .icon-female:before {
     content: "\f182"
}
 .icon-male:before {
     content: "\f183"
}
 .icon-gittip:before {
     content: "\f184"
}
 .icon-sun-o:before {
     content: "\f185"
}
 .icon-moon-o:before {
     content: "\f186"
}
 .icon-archive:before {
     content: "\f187"
}
 .icon-bug:before {
     content: "\f188"
}
 .icon-vk:before {
     content: "\f189"
}
 .icon-weibo:before {
     content: "\f18a"
}
 .icon-renren:before {
     content: "\f18b"
}
 .icon-pagelines:before {
     content: "\f18c"
}
 .icon-stack-exchange:before {
     content: "\f18d"
}
 .icon-arrow-circle-o-right:before {
     content: "\f18e"
}
 .icon-arrow-circle-o-left:before {
     content: "\f190"
}
 .icon-caret-square-o-left:before, .icon-toggle-left:before {
     content: "\f191"
}
 .icon-dot-circle-o:before {
     content: "\f192"
}
 .icon-wheelchair:before {
     content: "\f193"
}
 .icon-vimeo-square:before {
     content: "\f194"
}
 .icon-try:before, .icon-turkish-lira:before {
     content: "\f195"
}
 .icon-plus-square-o:before {
     content: "\f196"
}
 .icon-space-shuttle:before {
     content: "\f197"
}
 .icon-slack:before {
     content: "\f198"
}
 .icon-envelope-square:before {
     content: "\f199"
}
 .icon-wordpress:before {
     content: "\f19a"
}
 .icon-openid:before {
     content: "\f19b"
}
 .icon-bank:before, .icon-institution:before, .icon-university:before {
     content: "\f19c"
}
 .icon-graduation-cap:before, .icon-mortar-board:before {
     content: "\f19d"
}
 .icon-yahoo:before {
     content: "\f19e"
}
 .icon-google:before {
     content: "\f1a0"
}
 .icon-reddit:before {
     content: "\f1a1"
}
 .icon-reddit-square:before {
     content: "\f1a2"
}
 .icon-stumbleupon-circle:before {
     content: "\f1a3"
}
 .icon-stumbleupon:before {
     content: "\f1a4"
}
 .icon-delicious:before {
     content: "\f1a5"
}
 .icon-digg:before {
     content: "\f1a6"
}
 .icon-pied-piper:before {
     content: "\f1a7"
}
 .icon-pied-piper-alt:before {
     content: "\f1a8"
}
 .icon-drupal:before {
     content: "\f1a9"
}
 .icon-joomla:before {
     content: "\f1aa"
}
 .icon-language:before {
     content: "\f1ab"
}
 .icon-fax:before {
     content: "\f1ac"
}
 .icon-building:before {
     content: "\f1ad"
}
 .icon-child:before {
     content: "\f1ae"
}
 .icon-paw:before {
     content: "\f1b0"
}
 .icon-spoon:before {
     content: "\f1b1"
}
 .icon-cube:before {
     content: "\f1b2"
}
 .icon-cubes:before {
     content: "\f1b3"
}
 .icon-behance:before {
     content: "\f1b4"
}
 .icon-behance-square:before {
     content: "\f1b5"
}
 .icon-steam:before {
     content: "\f1b6"
}
 .icon-steam-square:before {
     content: "\f1b7"
}
 .icon-recycle:before {
     content: "\f1b8"
}
 .icon-automobile:before, .icon-car:before {
     content: "\f1b9"
}
 .icon-cab:before, .icon-taxi:before {
     content: "\f1ba"
}
 .icon-tree:before {
     content: "\f1bb"
}
 .icon-spotify:before {
     content: "\f1bc"
}
 .icon-deviantart:before {
     content: "\f1bd"
}
 .icon-soundcloud:before {
     content: "\f1be"
}
 .icon-database:before {
     content: "\f1c0"
}
 .icon-file-pdf-o:before {
     content: "\f1c1"
}
 .icon-file-word-o:before {
     content: "\f1c2"
}
 .icon-file-excel-o:before {
     content: "\f1c3"
}
 .icon-file-powerpoint-o:before {
     content: "\f1c4"
}
 .icon-file-image-o:before, .icon-file-photo-o:before, .icon-file-picture-o:before {
     content: "\f1c5"
}
 .icon-file-archive-o:before, .icon-file-zip-o:before {
     content: "\f1c6"
}
 .icon-file-audio-o:before, .icon-file-sound-o:before {
     content: "\f1c7"
}
 .icon-file-movie-o:before, .icon-file-video-o:before {
     content: "\f1c8"
}
 .icon-file-code-o:before {
     content: "\f1c9"
}
 .icon-vine:before {
     content: "\f1ca"
}
 .icon-codepen:before {
     content: "\f1cb"
}
 .icon-jsfiddle:before {
     content: "\f1cc"
}
 .icon-life-bouy:before, .icon-life-buoy:before, .icon-life-ring:before, .icon-life-saver:before, .icon-support:before {
     content: "\f1cd"
}
 .icon-circle-o-notch:before {
     content: "\f1ce"
}
 .icon-ra:before, .icon-rebel:before {
     content: "\f1d0"
}
 .icon-empire:before, .icon-ge:before {
     content: "\f1d1"
}
 .icon-git-square:before {
     content: "\f1d2"
}
 .icon-git:before {
     content: "\f1d3"
}
 .icon-hacker-news:before {
     content: "\f1d4"
}
 .icon-tencent-weibo:before {
     content: "\f1d5"
}
 .icon-qq:before {
     content: "\f1d6"
}
 .icon-wechat:before, .icon-weixin:before {
     content: "\f1d7"
}
 .icon-paper-plane:before, .icon-send:before {
     content: "\f1d8"
}
 .icon-paper-plane-o:before, .icon-send-o:before {
     content: "\f1d9"
}
 .icon-history:before {
     content: "\f1da"
}
 .icon-circle-thin:before {
     content: "\f1db"
}
 .icon-header:before {
     content: "\f1dc"
}
 .icon-paragraph:before {
     content: "\f1dd"
}
 .icon-sliders:before {
     content: "\f1de"
}
 .icon-share-alt:before {
     content: "\f1e0"
}
 .icon-share-alt-square:before {
     content: "\f1e1"
}
 .icon-bomb:before {
     content: "\f1e2"
}
 .icon-futbol-o:before, .icon-soccer-ball-o:before {
     content: "\f1e3"
}
 .icon-tty:before {
     content: "\f1e4"
}
 .icon-binoculars:before {
     content: "\f1e5"
}
 .icon-plug:before {
     content: "\f1e6"
}
 .icon-slideshare:before {
     content: "\f1e7"
}
 .icon-twitch:before {
     content: "\f1e8"
}
 .icon-yelp:before {
     content: "\f1e9"
}
 .icon-newspaper-o:before {
     content: "\f1ea"
}
 .icon-wifi:before {
     content: "\f1eb"
}
 .icon-calculator:before {
     content: "\f1ec"
}
 .icon-paypal:before {
     content: "\f1ed"
}
 .icon-google-wallet:before {
     content: "\f1ee"
}
 .icon-cc-visa:before {
     content: "\f1f0"
}
 .icon-cc-mastercard:before {
     content: "\f1f1"
}
 .icon-cc-discover:before {
     content: "\f1f2"
}
 .icon-cc-amex:before {
     content: "\f1f3"
}
 .icon-cc-paypal:before {
     content: "\f1f4"
}
 .icon-cc-stripe:before {
     content: "\f1f5"
}
 .icon-bell-slash:before {
     content: "\f1f6"
}
 .icon-bell-slash-o:before {
     content: "\f1f7"
}
 .icon-trash:before {
     content: "\f1f8"
}
 .icon-copyright:before {
     content: "\f1f9"
}
 .icon-at:before {
     content: "\f1fa"
}
 .icon-eyedropper:before {
     content: "\f1fb"
}
 .icon-paint-brush:before {
     content: "\f1fc"
}
 .icon-birthday-cake:before {
     content: "\f1fd"
}
 .icon-area-chart:before {
     content: "\f1fe"
}
 .icon-pie-chart:before {
     content: "\f200"
}
 .icon-line-chart:before {
     content: "\f201"
}
 .icon-lastfm:before {
     content: "\f202"
}
 .icon-lastfm-square:before {
     content: "\f203"
}
 .icon-toggle-off:before {
     content: "\f204"
}
 .icon-toggle-on:before {
     content: "\f205"
}
 .icon-bicycle:before {
     content: "\f206"
}
 .icon-bus:before {
     content: "\f207"
}
 .icon-ioxhost:before {
     content: "\f208"
}
 .icon-angellist:before {
     content: "\f209"
}
 .icon-cc:before {
     content: "\f20a"
}
 .icon-ils:before, .icon-shekel:before, .icon-sheqel:before {
     content: "\f20b"
}
 .icon-meanpath:before {
     content: "\f20c"
}
 @font-face {
     font-family: linecons;
     src: url(../font/linecons.eot);
     src: url(../font/linecons.eot) format('embedded-opentype'), url(../font/linecons.woff) format('woff'), url(../font/linecons.ttf) format('truetype'), url(../font/linecons.svg) format('svg');
     font-weight: 400;
     font-style: normal
}
 [class*=' icon-linecons-']:before, [class^=icon-linecons-]:before {
     font-family: linecons, serif
}
 .icon-linecons-music:before {
     content: '\e800'
}
 .icon-linecons-search:before {
     content: '\e801'
}
 .icon-linecons-mail:before {
     content: '\e802'
}
 .icon-linecons-heart:before {
     content: '\e803'
}
 .icon-linecons-star:before {
     content: '\e804'
}
 .icon-linecons-user:before {
     content: '\e805'
}
 .icon-linecons-videocam:before {
     content: '\e806'
}
 .icon-linecons-camera:before {
     content: '\e807'
}
 .icon-linecons-photo:before {
     content: '\e808'
}
 .icon-linecons-attach:before {
     content: '\e809'
}
 .icon-linecons-lock:before {
     content: '\e80a'
}
 .icon-linecons-eye:before {
     content: '\e80b'
}
 .icon-linecons-tag:before {
     content: '\e80c'
}
 .icon-linecons-thumbs-up:before {
     content: '\e80d'
}
 .icon-linecons-pencil:before {
     content: '\e80e'
}
 .icon-linecons-comment:before {
     content: '\e80f'
}
 .icon-linecons-location:before {
     content: '\e810'
}
 .icon-linecons-cup:before {
     content: '\e811'
}
 .icon-linecons-trash:before {
     content: '\e812'
}
 .icon-linecons-doc:before {
     content: '\e813'
}
 .icon-linecons-note:before {
     content: '\e814'
}
 .icon-linecons-cog:before {
     content: '\e815'
}
 .icon-linecons-params:before {
     content: '\e816'
}
 .icon-linecons-calendar:before {
     content: '\e817'
}
 .icon-linecons-sound:before {
     content: '\e818'
}
 .icon-linecons-clock:before {
     content: '\e819'
}
 .icon-linecons-lightbulb:before {
     content: '\e81a'
}
 .icon-linecons-tv:before {
     content: '\e81b'
}
 .icon-linecons-desktop:before {
     content: '\e81c'
}
 .icon-linecons-mobile:before {
     content: '\e81d'
}
 .icon-linecons-cd:before {
     content: '\e81e'
}
 .icon-linecons-inbox:before {
     content: '\e81f'
}
 .icon-linecons-globe:before {
     content: '\e820'
}
 .icon-linecons-cloud:before {
     content: '\e821'
}
 .icon-linecons-paper-plane:before {
     content: '\e822'
}
 .icon-linecons-fire:before {
     content: '\e823'
}
 .icon-linecons-graduation-cap:before {
     content: '\e824'
}
 .icon-linecons-megaphone:before {
     content: '\e825'
}
 .icon-linecons-database:before {
     content: '\e826'
}
 .icon-linecons-key:before {
     content: '\e827'
}
 .icon-linecons-beaker:before {
     content: '\e828'
}
 .icon-linecons-truck:before {
     content: '\e829'
}
 .icon-linecons-money:before {
     content: '\e82a'
}
 .icon-linecons-food:before {
     content: '\e82b'
}
 .icon-linecons-shop:before {
     content: '\e82c'
}
 .icon-linecons-diamond:before {
     content: '\e82d'
}
 .icon-linecons-t-shirt:before {
     content: '\e82e'
}
 .icon-linecons-wallet:before {
     content: '\e82f'
}
 .ui-accordion .ui-accordion-header {
     font-size: 15px;
     font-weight: 700;
     position: relative;
     display: block;
     min-height: 0;
     margin-top: 2px;
     padding: 10px;
     cursor: pointer;
     border: 1px solid;
}
 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
     margin-right: 10px
}
 .ui-accordion .ui-accordion-content {
     overflow: hidden;
     padding: 15px 0;
     border-top: 0
}
 .fc {
     text-align: left;
     direction: ltr
}
 .fc table {
     border-spacing: 0;
     border-collapse: collapse
}
 .fc td, .fc th {
     padding: 0;
     vertical-align: top
}
 .fc-header td {
     white-space: nowrap
}
 .fc-header-left {
     width: 25%;
     text-align: left
}
 .fc-header-center {
     text-align: center
}
 .fc-header-right {
     width: 25%;
     text-align: right
}
 .fc-header-title {
     display: inline-block;
     vertical-align: top
}
 .fc-header-title h2 {
     font-size: 20px;
     margin-top: 7px;
     white-space: nowrap
}
 .fc .fc-header-space {
     padding-left: 10px
}
 .fc-header .fc-button {
     margin-bottom: 1em;
     vertical-align: top;
     margin-right: -1px
}
 .fc-header .fc-corner-right, .fc-header .ui-corner-right {
     margin-right: 0
}
 .fc-header .fc-state-hover, .fc-header .ui-state-hover {
     z-index: 2
}
 .fc-header .fc-state-down {
     z-index: 3
}
 .fc-header .fc-state-active, .fc-header .ui-state-active {
     z-index: 4
}
 .fc-content {
     position: relative;
     z-index: 1;
     clear: both;
     zoom: 1
}
 .fc-view {
     position: relative;
     overflow: hidden;
     width: 100%
}
 .fc-widget-content, .fc-widget-header {
     border: 1px solid;
}
 .fc-state-highlight {
     background: #fcf8e3
}
 .fc-cell-overlay {
     opacity: .3;
     background: #bce8f1;
     filter: alpha(opacity=30)
}
 .fc-icon-left-single-arrow:after {
     content: '\f104'
}
 .fc-icon-right-single-arrow:after {
     content: '\f105'
}
 .fc-icon-left-double-arrow:after {
     content: '\f100'
}
 .fc-icon-right-double-arrow:after {
     content: '\f101'
}
 .fc-button .ui-icon {
     position: relative;
     top: 50%;
     float: left;
     margin-top: -8px
}
 .fc-event-container>* {
     z-index: 8
}
 .fc-event-container>.ui-draggable-dragging, .fc-event-container>.ui-resizable-resizing {
     z-index: 9
}
 .fc-event {
     font-size: 11px;
     padding: 3px;
     cursor: default
}
 a.fc-event {
     text-decoration: none
}
 .fc-event-draggable, a.fc-event {
     cursor: pointer
}
 .fc-rtl .fc-event {
     text-align: right
}
 .fc-event-inner {
     overflow: hidden;
     width: 100%;
     height: 100%
}
 .fc-event-time, .fc-event-title {
     padding: 0 1px
}
 .fc .ui-resizable-handle {
     font-size: 300%;
     line-height: 50%;
     position: absolute;
     z-index: 99999;
     display: block;
     overflow: hidden
}
 .fc-event-hori {
     margin-bottom: 1px;
     border-width: 1px 0
}
 .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
     border-left-width: 1px;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px
}
 .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
     border-right-width: 1px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px
}
 .fc-event-hori .ui-resizable-e {
     top: 0 !important;
     right: -3px !important;
     width: 7px !important;
     height: 100% !important;
     cursor: e-resize
}
 .fc-event-hori .ui-resizable-w {
     top: 0 !important;
     left: -3px !important;
     width: 7px !important;
     height: 100% !important;
     cursor: w-resize
}
 table.fc-border-separate {
     border-collapse: separate
}
 .fc-border-separate td, .fc-border-separate th {
     border-width: 1px 0 0 1px
}
 .fc-border-separate td.fc-last, .fc-border-separate th.fc-last {
     border-right-width: 1px
}
 .fc-border-separate tr.fc-last td, .fc-border-separate tr.fc-last th {
     border-bottom-width: 1px
}
 .fc-border-separate tr.fc-first td, .fc-border-separate tr.fc-first th {
     border-top-width: 0
}
 .fc-grid th {
     text-align: center
}
 .fc .fc-week-number {
     width: 22px;
     text-align: center
}
 .fc .fc-week-number div {
     padding: 0 2px
}
 .fc-grid .fc-day-number {
     float: right;
     padding: 0 2px
}
 .fc-grid .fc-other-month .fc-day-number {
     opacity: .3;
     filter: alpha(opacity=30)
}
 .fc-grid .fc-day-content {
     clear: both;
     padding: 2px 2px 1px
}
 .fc-grid .fc-event-time {
     font-weight: 700
}
 .fc-rtl .fc-grid .fc-day-number {
     float: left
}
 .fc-rtl .fc-grid .fc-event-time {
     float: right
}
 .fc-agenda table {
     border-collapse: separate
}
 .fc-agenda-days th {
     text-align: center
}
 .fc-agenda .fc-agenda-axis {
     font-weight: 400;
     width: 50px;
     padding: 0 3px;
     text-align: right;
     vertical-align: middle
}
 .fc-agenda-slots .fc-agenda-axis {
     white-space: nowrap
}
 .fc-agenda .fc-week-number {
     font-weight: 700
}
 .fc-agenda .fc-day-content {
     padding: 2px 2px 1px
}
 .fc-agenda-days .fc-agenda-axis {
     border-right-width: 1px
}
 .fc-agenda-days .fc-col0 {
     border-left-width: 0
}
 .fc-agenda-allday th {
     border-width: 0 1px
}
 .fc-agenda-allday .fc-day-content {
     min-height: 33px
}
 .fc-agenda-divider-inner {
     overflow: hidden;
     height: 2px
}
 .fc-widget-header .fc-agenda-divider-inner {
     background: #eee
}
 .fc-agenda-slots th {
     border-width: 1px 1px 0
}
 .fc-agenda-slots td {
     border-width: 1px 0 0;
     background: 0 0
}
 .fc-agenda-slots td div {
     height: 20px
}
 .fc-agenda-slots tr.fc-slot0 td, .fc-agenda-slots tr.fc-slot0 th {
     border-top-width: 0
}
 .fc-agenda-slots tr.fc-minor td, .fc-agenda-slots tr.fc-minor th {
     border-top-style: dotted
}
 .fc-event-vert {
     border-width: 0 1px
}
 .fc-event-vert.fc-event-start {
     border-top-width: 1px;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px
}
 .fc-event-vert.fc-event-end {
     border-bottom-width: 1px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px
}
 .fc-event-vert .fc-event-time {
     font-size: 10px;
     white-space: nowrap
}
 .fc-event-vert .fc-event-inner {
     position: relative;
     z-index: 2
}
 .fc-event-vert .fc-event-bg {
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: .25;
     background: #fff;
     filter: alpha(opacity=25)
}
 .fc-event-vert .ui-resizable-s {
     font-family: monospace;
     font-size: 11px !important;
     line-height: 8px !important;
     bottom: 0 !important;
     overflow: hidden !important;
     width: 100% !important;
     height: 8px !important;
     cursor: s-resize;
     text-align: center
}
 .carousel {
     position: relative
}
 .carousel-inner {
     position: relative;
     overflow: hidden;
     width: 100%
}
 .carousel-inner>.item {
     position: relative;
     display: none;
     -webkit-transition: .6s ease-in-out left;
     -o-transition: .6s ease-in-out left;
     transition: .6s ease-in-out left
}
 .carousel-inner>.item>a>img, .carousel-inner>.item>img {
     line-height: 1
}
 @media all and (transform-3d), (-webkit-transform-3d) {
     .carousel-inner>.item {
         -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition: -o-transform .6s ease-in-out;
         transition: transform .6s ease-in-out;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-perspective: 1000;
         perspective: 1000
    }
     .carousel-inner>.item.active.right, .carousel-inner>.item.next {
         left: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
    }
     .carousel-inner>.item.active.left, .carousel-inner>.item.prev {
         left: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
    }
     .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
         left: 0;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
    }
}
 .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
     display: block
}
 .carousel-inner>.active {
     left: 0
}
 .carousel-inner>.next, .carousel-inner>.prev {
     position: absolute;
     top: 0;
     width: 100%
}
 .carousel-inner>.next {
     left: 100%
}
 .carousel-inner>.prev {
     left: -100%
}
 .carousel-inner>.next.left, .carousel-inner>.prev.right {
     left: 0
}
 .carousel-inner>.active.left {
     left: -100%
}
 .carousel-inner>.active.right {
     left: 100%
}
 .carousel-control {
     font-size: 20px;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 15%;
     text-align: center;
     opacity: .5;
     color: #fff;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
     filter: alpha(opacity=50)
}
 .carousel-control.left {
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
     background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
     background-repeat: repeat-x;
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
 .carousel-control.right {
     right: 0;
     left: auto;
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
     background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
     background-repeat: repeat-x;
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
 .carousel-control:focus, .carousel-control:hover {
     text-decoration: none;
     opacity: .9;
     color: #fff;
     outline: 0;
     filter: alpha(opacity=90)
}
 .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
     position: absolute;
     z-index: 5;
     top: 50%;
     display: inline-block
}
 .carousel-control .icon-chevron-left, .carousel-control .icon-prev {
     left: 50%;
     margin-left: -10px
}
 .carousel-control .icon-chevron-right, .carousel-control .icon-next {
     right: 50%;
     margin-right: -10px
}
 .carousel-control .icon-next, .carousel-control .icon-prev {
     font-family: serif;
     width: 20px;
     height: 20px;
     margin-top: -10px
}
 .carousel-control .icon-prev:before {
     content: '\2039'
}
 .carousel-control .icon-next:before {
     content: '\203a'
}
 .carousel-indicators {
     position: absolute;
     z-index: 15;
     bottom: 10px;
     left: 50%;
     width: 60%;
     margin-left: -30%;
     padding-left: 0;
     list-style: none;
     text-align: center
}
 .carousel-indicators li {
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 1px;
     cursor: pointer;
     text-indent: -999px;
     border: 1px solid #fff;
     border-radius: 10px;
     background-color: transparent
}
 .carousel-indicators .active {
     width: 12px;
     height: 12px;
     margin: 0;
     background-color: #fff
}
 .carousel-caption {
     position: absolute;
     z-index: 10;
     right: 15%;
     bottom: 20px;
     left: 15%;
     padding-top: 20px;
     padding-bottom: 20px;
     text-align: center;
     color: #fff;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
 .carousel-caption .btn {
     text-shadow: none
}
 @media screen and (min-width:768px) {
     .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
         font-size: 30px;
         width: 30px;
         height: 30px;
         margin-top: -15px
    }
     .carousel-control .icon-chevron-left, .carousel-control .icon-prev {
         margin-left: -15px
    }
     .carousel-control .icon-chevron-right, .carousel-control .icon-next {
         margin-right: -15px
    }
     .carousel-caption {
         right: 20%;
         left: 20%;
         padding-bottom: 30px
    }
     .carousel-indicators {
         bottom: 20px
    }
}
 .xs-gauge {
     width: 90px;
     height: 70px;
     margin: 0 auto
}
 .sm-gauge {
     width: 130px;
     height: 100px;
     margin: 0 auto
}
 .md-gauge {
     width: 170px;
     height: 120px;
     margin: 0 auto
}
 .lg-gauge {
     width: 240px;
     height: 150px;
     margin: 0 auto
}
 .xl-gauge {
     width: 340px;
     height: 180px;
     margin: 0 auto
}
 .morris-hover {
     position: absolute;
     z-index: 1000
}
 .morris-hover.morris-default-style {
     border-radius: 10px;
     padding: 6px;
     color: #666;
     background: rgba(255, 255, 255, .8);
     border: 2px solid rgba(230, 230, 230, .8);
     font-family: sans-serif;
     font-size: 12px;
     text-align: center
}
 .morris-hover.morris-default-style .morris-hover-row-label {
     font-weight: 700;
     margin: .25em 0
}
 .morris-hover.morris-default-style .morris-hover-point {
     white-space: nowrap;
     margin: .1em 0
}
 .easyPieChart {
     position: relative;
     text-align: center;
     margin-left: auto;
     margin-right: auto
}
 .easyPieChart canvas {
     position: absolute;
     top: 0;
     left: 0
}
 .chart, .chart-alt, .chart-alt-1, .chart-alt-2, .chart-alt-3, .chart-home {
     text-align: center;
     font-weight: 700;
     margin: 0 auto
}
 .chart-wrapper {
     width: 100%;
     height: 350px
}
 .chart-container {
     width: 100%;
     height: 100%;
     font-size: 14px;
     line-height: 1.2em
}
 .xchart .line {
     stroke-width: 3px;
     fill: none
}
 .xchart .fill {
     stroke-width: 0
}
 .xchart circle {
     stroke: #FFF;
     stroke-width: 3px
}
 .xchart .axis .domain {
     fill: none
}
 .xchart .axis .tick line {
     stroke: #EEE;
     stroke-width: 1px
}
 .xchart .axis text {
     fill: #666;
     font-size: 12px
}
 .xchart .color2 .line {
     stroke: #f26522
}
 .xchart .color2 .line .fill {
     pointer-events: none
}
 .xchart .color2 circle, .xchart .color2 rect {
     fill: #f26522
}
 .xchart .color2 .fill {
     fill: rgba(242, 101, 34, .1)
}
 .xchart .color2.comp .line {
     stroke: #f9b99a
}
 .xchart .color2.comp rect {
     fill: #f9b99a
}
 .xchart .color2.comp .fill {
     display: none
}
 .xchart .color2.comp .pointer, .xchart .color2.comp circle {
     fill: #f9b99a
}
 .xchart .color3 .line {
     stroke: #c6080d
}
 .xchart .color3 .line .fill {
     pointer-events: none
}
 .xchart .color3 circle, .xchart .color3 rect {
     fill: #c6080d
}
 .xchart .color3 .fill {
     fill: rgba(198, 8, 13, .1)
}
 .xchart .color3.comp .line {
     stroke: #f8555a
}
 .xchart .color3.comp rect {
     fill: #f8555a
}
 .xchart .color3.comp .fill {
     display: none
}
 .xchart .color3.comp .pointer, .xchart .color3.comp circle {
     fill: #f8555a
}
 .xchart .color4 .line {
     stroke: #672d8b
}
 .xchart .color4 .line .fill {
     pointer-events: none
}
 .xchart .color4 circle, .xchart .color4 rect {
     fill: #672d8b
}
 .xchart .color4 .fill {
     fill: rgba(103, 45, 139, .1)
}
 .xchart .color4.comp .line {
     stroke: #a869ce
}
 .xchart .color4.comp rect {
     fill: #a869ce
}
 .xchart .color4.comp .fill {
     display: none
}
 .xchart .color4.comp .pointer, .xchart .color4.comp circle {
     fill: #a869ce
}
 .xchart .color5 .line {
     stroke: #ce1797
}
 .xchart .color5 .line .fill {
     pointer-events: none
}
 .xchart .color5 circle, .xchart .color5 rect {
     fill: #ce1797
}
 .xchart .color5 .fill {
     fill: rgba(206, 23, 151, .1)
}
 .xchart .color5.comp .line {
     stroke: #f075cb
}
 .xchart .color5.comp rect {
     fill: #f075cb
}
 .xchart .color5.comp .fill {
     display: none
}
 .xchart .color5.comp .pointer, .xchart .color5.comp circle {
     fill: #f075cb
}
 .xchart .color6 .line {
     stroke: #d9ce00
}
 .xchart .color6 .line .fill {
     pointer-events: none
}
 .xchart .color6 circle, .xchart .color6 rect {
     fill: #d9ce00
}
 .xchart .color6 .fill {
     fill: rgba(217, 206, 0, .1)
}
 .xchart .color6.comp .line {
     stroke: #fff75a
}
 .xchart .color6.comp rect {
     fill: #fff75a
}
 .xchart .color6.comp .fill {
     display: none
}
 .xchart .color6.comp .pointer, .xchart .color6.comp circle {
     fill: #fff75a
}
 .xchart .color7 .line {
     stroke: #754c24
}
 .xchart .color7 .line .fill {
     pointer-events: none
}
 .xchart .color7 circle, .xchart .color7 rect {
     fill: #754c24
}
 .xchart .color7 .fill {
     fill: rgba(117, 76, 36, .1)
}
 .xchart .color7.comp .line {
     stroke: #c98c50
}
 .xchart .color7.comp rect {
     fill: #c98c50
}
 .xchart .color7.comp .fill {
     display: none
}
 .xchart .color7.comp .pointer, .xchart .color7.comp circle {
     fill: #c98c50
}
 .xchart .color8 .line {
     stroke: #2eb9b4
}
 .xchart .color8 .line .fill {
     pointer-events: none
}
 .xchart .color8 circle, .xchart .color8 rect {
     fill: #2eb9b4
}
 .xchart .color8 .fill {
     fill: rgba(46, 185, 180, .1)
}
 .xchart .color8.comp .line {
     stroke: #86e1de
}
 .xchart .color8.comp rect {
     fill: #86e1de
}
 .xchart .color8.comp .fill {
     display: none
}
 .xchart .color8.comp .pointer, .xchart .color8.comp circle {
     fill: #86e1de
}
 .xchart .color9 .line {
     stroke: #0e2e42
}
 .xchart .color9 .line .fill {
     pointer-events: none
}
 .xchart .color9 circle, .xchart .color9 rect {
     fill: #0e2e42
}
 .xchart .color9 .fill {
     fill: rgba(14, 46, 66, .1)
}
 .xchart .color9.comp .line {
     stroke: #2477ab
}
 .xchart .color9.comp rect {
     fill: #2477ab
}
 .xchart .color9.comp .fill {
     display: none
}
 .xchart .color9.comp .pointer, .xchart .color9.comp circle {
     fill: #2477ab
}
 .chosen-container {
     position: relative;
     display: inline-block;
     zoom: 1;
     width: 100% !important;
     vertical-align: middle;
     border: 1px solid;
     background: #fff;
 
}
.group-process .chosen-container{
    max-width: 150px;
}
 .chosen-container .chosen-drop {
     position: absolute;
     z-index: 1010;
     top: 25px;
     left: -9999px;
     width: 100%;
     border: 1px solid #0093d9 !important;
     border-top-width: 0 !important;
     background: #fff
}
 .chosen-container.chosen-with-drop .chosen-drop {
     right: -1px;
     left: -1px;
     width: auto;
}
 .chosen-container-single .chosen-single {
     line-height: 24px;
     position: relative;
     display: block;
     overflow: hidden;
     height: 24px;
     margin: 0;
     padding: 0 5px !important;
     cursor: pointer;
     white-space: nowrap;
     text-decoration: none;
     padding-right: 20px !important;
}
 .chosen-container-single .chosen-single span {
     display: block;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis
}
 .chosen-container-single .chosen-single-with-deselect span {
     margin-right: 38px
}
 .chosen-container-single .chosen-single abbr {
     font-size: 9px;
     font-weight: 700;
     line-height: 16px;
     position: absolute;
     top: 9px;
     right: 26px;
     display: block;
     width: 16px;
     height: 16px;
     text-align: center
}
 .chosen-container-single .chosen-search {
     position: relative;
     z-index: 1010;
     white-space: nowrap
}
 .chosen-container-single .chosen-search i, .chosen-container-single .chosen-single div {
     line-height: 32px;
     position: absolute;
     z-index: 0;
     top: 50%;
     right: 0;
     display: block;
     width: 22px;
     height: 32px;
     margin-top: -15px;
     text-align: center;
     border-left: 1px solid transparent
}
 .chosen-container-active.chosen-with-drop .chosen-single div {
     border-bottom: 1px solid transparent;
     border-bottom-right-radius: 0
}
 .chosen-container-single .chosen-search i {
     margin-top: -19px;
     padding: 0 !important
}
 .chosen-container-single .chosen-search input {
     width: 100%;
     padding: 0 38px 0 5px;
     border-radius: 0 !important;
     border-left: 0 !important;
     border-right: 0 !important;
}
 .chosen-container-single.chosen-container-single-nosearch .chosen-search {
     position: absolute;
     left: -9999px
}
 .chosen-container .chosen-results {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
     max-height: 240px;
     -webkit-overflow-scrolling: touch
}
 .chosen-container .chosen-results li {
     line-height: 20px;
     border-radius: 0 !important;
     padding: 3px 5px;
     list-style: none
}
 .chosen-container .chosen-results li.group-result {
     font-weight: 700;
     margin: 0;
     text-transform: uppercase
}
 .chosen-container .chosen-results li.active-result {
     display: list-item;
     cursor: pointer
}
 .chosen-container .chosen-results li.disabled-result {
     display: list-item;
     cursor: default;
     color: #ccc
}
 .chosen-container .chosen-results li.no-results {
     display: list-item;
     margin: 0;
     text-align: center
}
 .chosen-container .chosen-results li.no-results span {
     font-weight: 700
}
 .chosen-container .chosen-results li.group-option {
     padding-left: 15px
}
 .chosen-container .chosen-results li em {
     font-style: normal;
     text-decoration: underline
}
 .chosen-container-multi {
     height: auto;
     min-height: 26px;
     padding: 0
}
 .chosen-container-multi .chosen-choices {
     position: relative;
     overflow: hidden;
     box-sizing: border-box;
     width: 100%;
     height: 1%;
     margin: 0;
     padding: 0;
     cursor: text
}
 .chosen-container-multi .chosen-choices li {
     float: left;
     list-style: none
}
 .chosen-container-multi .chosen-choices li.search-field {
     margin: 0;
     padding: 0 10px;
     white-space: nowrap
}
 .chosen-container-multi .chosen-choices li.search-field input {
     width: 100%;
     height: 26px;
     padding: 0;
     border: 0 !important;
     outline: 0;
     background: 0 0 !important;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
}
 .chosen-container-multi .chosen-choices li.search-field .default {
     color: #999
}
 .chosen-container-multi .chosen-choices li.search-choice {
     position: relative;
     margin: 2px 0 2px 3px;
     padding: 2px 20px 2px 3px;
     cursor: default;
     border: 1px solid;
}
 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
     line-height: 12px;
     position: absolute;
     top: 5px;
     right: 5px;
     display: block;
     width: 12px;
     height: 12px;
     cursor: pointer;
     text-align: center;
     opacity: .5
}
 .chosen-container-multi .chosen-results li.result-selected {
     opacity: .6;
     filter: alpha(opacity=60)
}
 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
     opacity: 1
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: #eff4f6 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border: 0 !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered
{
    white-space: initial;

}
 .minicolors {
     position: relative
}
 .minicolors-swatch {
     position: absolute;
     display: inline-block;
     margin: 0;
     padding: 0;
     cursor: text;
     vertical-align: middle;
     border: 1px solid #ccc;
     background: url(../images/colorpicker.png) -80px 0
}
 .minicolors-swatch-color {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0
}
 .minicolors input[type=hidden]+.minicolors-swatch {
     position: static;
     width: 28px;
     cursor: pointer
}
 .minicolors-panel {
     position: absolute;
     z-index: 99999;
     display: none;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     width: 173px;
     height: 152px;
     border: 1px solid #ccc;
     background: #fff;
     box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
 .minicolors-panel.minicolors-visible {
     display: block
}
 .minicolors-position-top .minicolors-panel {
     top: -180px
}
 .minicolors-position-right .minicolors-panel {
     right: 0;
     left: auto
}
 .minicolors-position-bottom .minicolors-panel {
     top: 36px;
     bottom: auto
}
 .minicolors-position-left .minicolors-panel {
     right: auto;
     left: 0
}
 .minicolors-with-opacity .minicolors-panel {
     width: 200px
}
 .minicolors .minicolors-grid {
     position: absolute;
     top: 6px;
     left: 6px;
     width: 150px;
     height: 150px;
     cursor: crosshair;
     background: url(../images/colorpicker.png) -120px 0
}
 .minicolors .minicolors-grid-inner {
     position: absolute;
     top: 0;
     left: 0;
     width: 150px;
     height: 150px;
     background: 0 0
}
 .minicolors-slider-saturation .minicolors-grid {
     background-position: -420px 0
}
 .minicolors-slider-saturation .minicolors-grid-inner {
     background: url(../images/colorpicker.png) -270px 0
}
 .minicolors-slider-brightness .minicolors-grid {
     background-position: -570px 0
}
 .minicolors-slider-brightness .minicolors-grid-inner {
     background: #000
}
 .minicolors-slider-wheel .minicolors-grid {
     background-position: -720px 0
}
 .minicolors-opacity-slider, .minicolors-slider {
     position: absolute;
     top: 6px;
     left: 160px;
     width: 20px;
     height: 150px;
     cursor: row-resize;
     background: url(../images/colorpicker.png) #fff
}
 .minicolors-slider-saturation .minicolors-slider {
     background-position: -60px 0
}
 .minicolors-slider-brightness .minicolors-slider, .minicolors-slider-wheel .minicolors-slider {
     background-position: -20px 0
}
 .minicolors-opacity-slider {
     left: 184px;
     display: none;
     background-position: -40px 0
}
 .minicolors-with-opacity .minicolors-opacity-slider {
     display: block
}
 .minicolors-grid .minicolors-picker {
     position: absolute;
     top: 70px;
     left: 70px;
     width: 12px;
     height: 12px;
     margin-top: -6px;
     margin-left: -6px;
     border: 1px solid #000;
     border-radius: 10px;
     background: 0 0
}
 .minicolors-grid .minicolors-picker>div {
     position: absolute;
     top: 0;
     left: 0;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     width: 8px;
     height: 8px;
     border: 2px solid #fff;
     border-radius: 8px
}
 .minicolors-picker {
     position: absolute;
     top: 0;
     left: 0;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     width: 18px;
     height: 2px;
     margin-top: -2px;
     border: 1px solid #000;
     background: #fff
}
 .minicolors-inline {
     display: inline-block
}
 .minicolors-inline .minicolors-input {
     display: none !important
}
 .minicolors-inline .minicolors-panel {
     position: relative;
     z-index: auto;
     top: auto;
     left: auto;
     display: inline-block;
     box-shadow: none
}
 .minicolors-theme-default .minicolors-swatch {
     top: 5px;
     left: 5px;
     width: 24px;
     height: 24px
}
 .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
     right: 5px;
     left: auto
}
 .minicolors-theme-default.minicolors {
     display: inline-block;
     width: 100%
}
 .minicolors-theme-default.minicolors-position-right .minicolors-input {
     padding-right: 34px
}
 .minicolors-theme-default.minicolors-position-left .minicolors-input {
     padding-left: 34px
}
 .minicolors-theme-bootstrap .minicolors-swatch {
     top: 3px;
     left: 3px;
     width: 28px;
     height: 28px;
     border-radius: 3px
}
 .minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
     right: 3px;
     left: auto
}
 .minicolors-theme-bootstrap .minicolors-input {
     padding-left: 44px
}
 .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
     padding-right: 44px;
     padding-left: 12px
}
 div.dataTables_length label {
     font-weight: 400;
     line-height: 32px;
     text-align: left;
     display: block
}
 div.dataTables_length select {
     float: left;
     width: 75px;
     margin-right: 10px
}
 div.dataTables_filter label {
     font-weight: 400;
     float: right
}
 div.dataTables_filter input {
     display: inline-block;
     width: 200px;
     margin-left: 10px;
     padding: 0 10px
}
 div.dataTables_info {
     padding-top: 8px
}
 div.dataTables_paginate {
     display: block;
     margin: 0
}
 div.dataTables_paginate ul.pagination {
     margin: 0;
     white-space: nowrap;
     display: flex;
}
 table.dataTable {
     clear: both;
     max-width: none !important;
     margin-top: 10px !important;
     margin-bottom: 10px !important
}
 table.dataTable .sorting, table.dataTable .sorting_asc, table.dataTable .sorting_asc_disabled, table.dataTable .sorting_desc, table.dataTable .sorting_desc_disabled {
     cursor: pointer
}
 table.dataTable .sorting_asc_disabled .glyph-icon, table.dataTable .sorting_desc_disabled .glyph-icon {
     opacity: .7
}
 table.dataTable tr th {
     padding-right: 18px;
     padding-left: 18px
}
 table.dataTable th:active {
     outline: 0
}
 div.dataTables_scrollHead table {
     margin-bottom: 0 !important;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
}
 div.dataTables_scrollHead table tr:last-child td:first-child, div.dataTables_scrollHead table tr:last-child th:first-child {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important
}
 div.dataTables_scrollBody table {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
     border-top: none
}
 div.dataTables_scrollBody tr:first-child td, div.dataTables_scrollBody tr:first-child th {
     border-top: none
}
 div.dataTables_scrollFoot table {
     margin-top: 0 !important;
     border-top: none
}
 .table tr.active td, .table tr.active th {
     color: #fff;
     background-color: #08c
}
 .table tr.active:hover td, .table tr.active:hover th {
     background-color: #0075b0 !important
}
 .table tr.active a {
     color: #fff
}
 .table-striped tr.active:nth-child(odd) td, .table-striped tr.active:nth-child(odd) th {
     background-color: #017ebc
}
 table.DTTT_selectable tr {
     cursor: pointer
}
 div.DTTT .btn {
     font-size: 12px;
     color: #333 !important
}
 div.DTTT .btn:hover {
     text-decoration: none !important
}
 ul.DTTT_dropdown.dropdown-menu {
     z-index: 2003
}
 ul.DTTT_dropdown.dropdown-menu a {
     color: #333 !important
}
 ul.DTTT_dropdown.dropdown-menu li {
     position: relative
}
 ul.DTTT_dropdown.dropdown-menu li:hover a {
     color: #fff !important;
     background-color: #08c
}
 div.DTTT_collection_background {
     z-index: 2002
}
 .DTTT_Print #page-content {
     margin: 0
}
 div.DTTT_print_info.modal {
     height: 150px;
     margin-top: -75px;
     text-align: center
}
 div.DTTT_print_info h6 {
     font-size: 28px;
     font-weight: 400;
     line-height: 28px;
     margin: 1em
}
 div.DTTT_print_info p {
     font-size: 14px;
     line-height: 20px
}
 div.DTFC_LeftFootWrapper table, div.DTFC_LeftHeadWrapper table, div.DTFC_RightFootWrapper table, div.DTFC_RightHeadWrapper table, table.DTFC_Cloned tr.even {
     margin-bottom: 0;
     background-color: #fff
}
 div.DTFC_LeftHeadWrapper table, div.DTFC_RightHeadWrapper table {
     margin-bottom: 0 !important;
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important
}
 div.DTFC_LeftHeadWrapper table tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table tr:last-child th:first-child, div.DTFC_RightHeadWrapper table tr:last-child td:first-child, div.DTFC_RightHeadWrapper table tr:last-child th:first-child {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important
}
 div.DTFC_LeftBodyWrapper table, div.DTFC_RightBodyWrapper table {
     margin-bottom: 0 !important;
     border-top: none
}
 div.DTFC_LeftBodyWrapper tr:first-child td, div.DTFC_LeftBodyWrapper tr:first-child th, div.DTFC_LeftFootWrapper table, div.DTFC_RightBodyWrapper tr:first-child td, div.DTFC_RightBodyWrapper tr:first-child th, div.DTFC_RightFootWrapper table {
     border-top: none
}
 div.FixedHeader_Cloned td, div.FixedHeader_Cloned th {
     background-color: #fff !important
}
 .DTFC_LeftBodyLiner .table, .DTFC_LeftFootWrapper .table {
     margin: 0 !important
}
 table.DTCR_clonedTable {
     background-color: rgba(255, 255, 255, .7);
     z-index: 202
}
 div.DTCR_pointer {
     width: 1px;
     background-color: #0259C4;
     z-index: 201
}
 .DTFC_LeftBodyLiner .table th:after {
     display: none !important
}
 .bsdatepicker {
     top: 0;
     left: 0;
     margin-top: 1px;
     padding: 4px !important
}
 .bsdatepicker:before {
     position: absolute;
     top: -7px;
     left: 6px;
     display: inline-block;
     content: '';
     border-right: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 7px solid transparent;
}
 .bsdatepicker:after {
     position: absolute;
     top: -6px;
     left: 7px;
     display: inline-block;
     content: '';
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
     border-left: 6px solid transparent
}
 .bsdatepicker>div {
     display: none
}
 .bsdatepicker table {
     width: 100%;
     margin: 0
}
 .bsdatepicker td, .bsdatepicker th {
     width: 20px;
     height: 20px;
     margin: 3px;
     text-align: center
}
 .bsdatepicker td.day:hover {
     cursor: pointer
}
 .bsdatepicker td.day.disabled {
     color: #eee
}
 .bsdatepicker td.new, .bsdatepicker td.old {
     color: #999
}
 .bsdatepicker td span {
     line-height: 44px;
     display: block;
     float: left;
     width: 54px;
     height: 44px;
     margin: 2px;
     cursor: pointer
}
 .bsdatepicker td span.old {
     color: #999
}
 .bsdatepicker th.switch {
     width: 145px
}
 .bsdatepicker th.next, .bsdatepicker th.prev {
     font-size: 21px
}
 .bsdatepicker tr:first-child th {
     cursor: pointer
}
 .input-append.date .add-on i, .input-prepend.date .add-on i {
     display: block;
     width: 16px;
     height: 16px;
     cursor: pointer
}
 .daterangepicker.dropdown-menu {
     z-index: 3000;
     max-width: none
}
 .daterangepicker.opensleft .calendar, .daterangepicker.opensleft .ranges {
     float: left;
     margin: 4px
}
 .daterangepicker.opensright .calendar, .daterangepicker.opensright .ranges {
     float: right;
     margin: 4px
}
 .daterangepicker .ranges {
     width: 188px;
     margin: 0 0 0 10px;
     text-align: left
}
 .daterangepicker .ranges .range_inputs>div {
     float: left
}
 .daterangepicker .ranges .range_inputs>div:nth-child(2) {
     padding-left: 11px
}
 .daterangepicker .calendar {
     display: none;
     max-width: 270px
}
 .show-calendar.daterangepicker .calendar {
     display: block
}
 .daterangepicker .applyBtn {
     float: right;
     width: 110px
}
 .daterangepicker .cancelBtn {
     float: left
}
 .daterangepicker .calendar td, .daterangepicker .calendar th {
     font-size: 12px;
     text-align: center;
     white-space: nowrap
}
 .daterangepicker .ranges label {
     font-size: 11px;
     font-weight: 700;
     line-height: 20px;
     display: block;
     width: 74px;
     height: 20px;
     margin-bottom: 2px;
     text-transform: uppercase;
     color: #333
}
 .daterangepicker .ranges input {
     font-size: 11px
}
 .daterangepicker .ranges .input-mini {
     font-size: 11px;
     line-height: 30px;
     display: block;
     width: 88px;
     height: 30px;
     margin: 0 0 10px;
     padding: 0 6px;
     vertical-align: middle;
     color: #555;
     border: 1px solid #ccc;
     border-radius: 4px;
     background-color: #eee
}
 .daterangepicker .ranges ul {
     margin: 0;
     padding: 0;
     list-style: none
}
 .daterangepicker .ranges li {
     margin-bottom: 3px;
     padding: 3px 12px;
     cursor: pointer
}
 .daterangepicker .calendar-date {
     padding: 5px;
     border: 1px solid;
     background: #fff
}
 .daterangepicker .calendar-time {
     line-height: 30px;
     margin: 8px auto 0;
     text-align: center
}
 .daterangepicker {
     position: absolute;
     top: 100px;
     left: 20px;
     margin-top: 1px;
     padding: 5px !important;
     background: #fff
}
 .daterangepicker.opensleft:before {
     position: absolute;
     top: -7px;
     right: 9px;
     display: inline-block;
     content: '';
     border-right: 7px solid transparent;
     border-bottom: 7px solid rgba(0, 0, 0, .2);
     border-left: 7px solid transparent;
}
 .daterangepicker.opensleft:after {
     position: absolute;
     top: -6px;
     right: 10px;
     display: inline-block;
     content: '';
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
     border-left: 6px solid transparent
}
 .daterangepicker.opensright:before {
     position: absolute;
     top: -7px;
     left: 9px;
     display: inline-block;
     content: '';
     border-right: 7px solid transparent;
     border-bottom: 7px solid rgba(0, 0, 0, .2);
     border-left: 7px solid transparent;
}
 .daterangepicker.opensright:after {
     position: absolute;
     top: -6px;
     left: 10px;
     display: inline-block;
     content: '';
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
     border-left: 6px solid transparent
}
 .daterangepicker table {
     width: 100%;
     margin: 0
}
 .daterangepicker td, .daterangepicker th {
     width: 20px;
     height: 20px;
     cursor: pointer;
     text-align: center;
     white-space: nowrap
}
 .daterangepicker td.off {
     color: #999
}
 .daterangepicker td.in-range {
     border-radius: 0
}
 .daterangepicker td.in-range:hover {
     color: #000
}
 .daterangepicker td.week, .daterangepicker th.week {
     font-size: 80%;
     color: #ccc
}
 .daterangepicker select.monthselect, .daterangepicker select.yearselect {
     font-size: 12px;
     height: auto;
     margin: 0;
     padding: 1px;
     cursor: default
}
 .daterangepicker select.monthselect {
     width: 56%;
     margin-right: 2%
}
 .daterangepicker select.yearselect {
     width: 40%
}
 .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect {
     width: 50px;
     margin-bottom: 0
}
 .ui-dialog {
     z-index: 1100;
     padding: 0
}
 .ui-dialog .ui-dialog-titlebar {
     position: relative;
     padding: 10px;
     border-bottom: 1px solid transparent
}
 .ui-dialog .ui-dialog-title {
     overflow: hidden;
     text-overflow: ellipsis
}
 .ui-dialog .ui-dialog-titlebar-close {
     line-height: 20px;
     position: absolute;
     top: 50%;
     right: 10px;
     width: 20px;
     height: 20px;
     margin: -10px 0 0;
     border: 1px solid #ccc;
     background: #fff
}
 .ui-dialog .ui-dialog-titlebar-close:before {
     line-height: 18px;
     position: absolute;
     top: 0;
     left: 0;
     width: 18px;
     height: 18px;
     opacity: .6;
     -moz-opacity: .6;
     filter: alpha(opacity: 60)
}
 .ui-dialog .ui-dialog-titlebar-close:hover:before {
     opacity: .9;
     -moz-opacity: .9;
     filter: alpha(opacity: 90)
}
 .ui-dialog .ui-dialog-titlebar-close .ui-button-text {
     display: none
}
 .ui-dialog .ui-dialog-content {
     position: relative;
     overflow: auto;
     padding: 0;
     border: 0;
     background: 0 0
}
 .ui-dialog-buttonset button {
     padding: 8px 15px;
     border: 1px solid;
}
 .ui-dialog .ui-dialog-buttonpane {
     border-width: 1px 0 0 !important
}
 .ui-dialog .ui-dialog-buttonpane .ui-button {
     line-height: 28px;
     float: right;
     height: 28px;
     padding: 0 15px
}
 .ui-draggable .ui-dialog-titlebar {
     cursor: move
}
 .ui-dialog .infobox, .ui-dialog .ui-tabs {
     margin-bottom: 0
}
 .ui-dialog .ui-tabs .ui-tabs-panel {
     padding: 10px
}
 .ui-widget-overlay {
     position: fixed;
     z-index: 1049;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
}
 .ui-widget-overlay img {
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -27px 0 0 -27px
}
 .ui-resizable {
     position: relative
}
 .ui-resizable-handle {
     font-size: 1px;
     position: absolute;
     display: block
}
 .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
     display: none
}
 .ui-resizable-n {
     top: -5px;
     left: 0;
     width: 100%;
     height: 7px;
     cursor: n-resize
}
 .ui-resizable-s {
     bottom: -5px;
     left: 0;
     width: 100%;
     height: 7px;
     cursor: s-resize
}
 .ui-resizable-e {
     top: 0;
     right: -5px;
     width: 7px;
     height: 100%;
     cursor: e-resize
}
 .ui-resizable-w {
     top: 0;
     left: -5px;
     width: 7px;
     height: 100%;
     cursor: w-resize
}
 .ui-resizable-se {
     right: 1px;
     bottom: 1px;
     width: 12px;
     height: 12px;
     cursor: se-resize
}
 .ui-resizable-sw {
     bottom: -5px;
     left: -5px;
     width: 9px;
     height: 9px;
     cursor: sw-resize
}
 .ui-resizable-nw {
     top: -5px;
     left: -5px;
     width: 9px;
     height: 9px;
     cursor: nw-resize
}
 .ui-resizable-ne {
     top: -5px;
     right: -5px;
     width: 9px;
     height: 9px;
     cursor: ne-resize
}
 .dropdown, .dropup {
     position: relative;
     display: inline-block
}
 .dropdown-menu, .minicolors-panel, .popover, .ui-dialog, .ui-menu {
     position: absolute;
     z-index: 10;
     top: 105%;
     left: 0;
     display: none;
     float: left;
     min-width: 150px;
     margin: 5px 0 0;
     padding: 5px;
     list-style: none;
     text-align: left;
     border: 1px solid;
     background: #fff
}
 .dropdown-menu, .popover, .ui-dialog {
     box-shadow: 0 1px 7px 2px rgba(135, 158, 171, .2)
}
 .dropdown-menu {
     font-size: 13px;
     line-height: 1.6em;
     text-transform: none;
     border: 0;
}
 .dropdown-menu, .minicolors-panel, .popover, .ui-menu {
     top: 100%
}
 .dropdown-menu .divider {
     margin: 5px 1px
}
 .dropdown-menu.float-right {
     right: 0;
     left: auto
}
 .dropdown-menu .header {
     font-size: 11px;
     font-weight: 700;
     line-height: 1.4em;
     margin: 0 0 5px;
     padding: 5px 5px 10px;
     text-transform: uppercase;
     color: #888;
     border-bottom: #dfe8f1 solid 1px
}
 .dropdown-menu .dropdown-header {
     font-size: 11px;
     font-weight: 300;
     padding: 5px 15px;
     text-transform: uppercase;
     color: #000
}
 .dropdown-menu li {
     position: relative
}
 .dropdown-menu li>a, .ui-menu li>a {
     font-weight: 400;
     line-height: 20px;
     position: relative;
     display: block;
     clear: both;
     margin: 0;
     padding: 5px 15px;
     cursor: pointer;
     white-space: nowrap
}
 .dropdown>.dropdown-menu:before, .minicolors-position-bottom .minicolors-panel:before {
     position: absolute;
     top: -7px;
     left: 7px;
     display: inline-block;
     content: '';
     border-right: 7px solid transparent;
     border-bottom: 7px solid #0093d9;
     border-left: 7px solid transparent;
}
 .dropdown>.dropdown-menu:after, .minicolors-position-bottom .minicolors-panel:after {
     position: absolute;
     top: -6px;
     left: 8px;
     display: inline-block;
     content: '';
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
     border-left: 6px solid transparent
}
 .dropdown>.dropdown-menu.float-right:before, .dropup>.dropdown-menu.float-right:before, .minicolors-position-right .minicolors-panel:before {
     right: 7px;
     left: auto
}
 .dropdown>.dropdown-menu.float-right:after, .dropup>.dropdown-menu.float-right:after, .minicolors-position-right .minicolors-panel:after {
     right: 8px;
     left: auto
}
 .minicolors-inline .minicolors-panel:after, .minicolors-inline .minicolors-panel:before {
     display: none
}
 .dropdown-dividers {
     padding: 0
}
 .dropdown-dividers li {
     padding: 3px;
     border-bottom: #ccc solid 1px
}
 .dropdown-dividers li:last-child {
     border-bottom: 0
}
 .dropdown-dividers li>a {
     padding: 2px 10px
}
 .push-left {
     left: 100% !important;
     margin-left: -30px
}
 .open>.dropdown-menu {
     display: block;
     border: 1px solid #0093d9;
}
 .dropup .dropdown-menu {
     top: auto;
     bottom: 100%;
     margin-bottom: 8px
}
 .dropup>.dropdown-menu:before, .minicolors-position-top .minicolors-panel:before {
     position: absolute;
     bottom: -7px;
     left: 7px;
     display: inline-block;
     content: '';
     border-top: 7px solid rgba(0, 0, 0, .2);
     border-right: 7px solid transparent;
     border-left: 7px solid transparent;
}
 .dropup>.dropdown-menu:after, .minicolors-position-top .minicolors-panel:after {
     position: absolute;
     bottom: -6px;
     left: 8px;
     display: inline-block;
     content: '';
     border-top: 6px solid #fff;
     border-right: 6px solid transparent;
     border-left: 6px solid transparent
}
 .minicolors-position-top.minicolors-position-right .minicolors-panel:before {
     right: 6px;
     left: auto
}
 .minicolors-position-top.minicolors-position-right .minicolors-panel:after {
     right: 7px;
     left: auto
}
 .dropdown-submenu {
     position: relative;
     z-index: 40
}
 .dropdown-submenu>.dropdown-menu {
     top: 50%;
     left: 90%;
     margin-top: -6px;
     margin-left: -1px;
     border-radius: 0 4px 4px
}
 .dropdown-submenu:hover>.dropdown-menu {
     display: block
}
 .dropup .dropdown-submenu>.dropdown-menu {
     top: auto;
     bottom: 0;
     margin-top: 0;
     margin-bottom: -2px;
     border-radius: 4px 4px 4px 0
}
 .dropdown-submenu>a:after {
     position: relative;
     display: block;
     float: right;
     width: 0;
     height: 0;
     margin-top: 5px;
     margin-right: -5px;
     content: ' ';
     opacity: .4;
     border: 5px solid transparent;
     border-right-width: 0;
     border-left-color: #ccc;
     -moz-opacity: .4;
     filter: alpha(opacity: 40)
}
 .dropdown-submenu:hover>a:after {
     border-left-color: #fff
}
 .dropdown-submenu.float-left {
     float: none !important
}
 .dropdown-submenu.float-left>.dropdown-menu {
     left: -110%;
     margin-left: 10px;
     border-radius: 4px 0 4px 4px
}
 .dropdown-submenu.float-left>.dropdown-menu.dropdown-dividers {
     margin-left: 20px
}
 .dropdown#datetime-btn {
     z-index: 1050;
}
 .ui-menu-item {
     padding: 3px 6px
}
 .dropzone, .dropzone *, .dropzone-previews, .dropzone-previews * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}
 .dropzone {
     padding: 1em;
     border: 1px solid rgba(0, 0, 0, .08);
     background: rgba(0, 0, 0, .02)
}
 .dropzone.dz-clickable, .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span {
     cursor: pointer
}
 .dropzone.dz-clickable * {
     cursor: default
}
 .dropzone .dz-message {
     opacity: 1;
     -ms-filter: none;
     filter: none
}
 .dropzone.dz-drag-hover {
     border-color: rgba(0, 0, 0, .15);
     background: rgba(0, 0, 0, .04)
}
 .dropzone.dz-started .dz-message {
     display: none
}
 .dropzone .dz-preview, .dropzone-previews .dz-preview {
     position: relative;
     display: inline-block;
     margin: 17px;
     padding: 6px;
     vertical-align: top;
     border: 1px solid #acacac;
     background: rgba(255, 255, 255, .8)
}
 .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
     display: none
}
 .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
     position: relative;
     width: 100px;
     height: 100px;
     margin-bottom: 22px;
     padding: 5px;
     background: #ebebeb
}
 .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename {
     overflow: hidden;
     height: 100%
}
 .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100px;
     height: 100px
}
 .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
     line-height: 28px;
     position: absolute;
     bottom: -28px;
     left: 3px;
     height: 28px
}
 .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
     display: block
}
 .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img {
     display: none
}
 .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-success-mark {
     font-size: 30px;
     position: absolute;
     top: -10px;
     right: -10px;
     display: none;
     width: 40px;
     height: 40px;
     text-align: center
}
 .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
     color: #8cc657
}
 .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
     color: #ee162d
}
 .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
     position: absolute;
     top: 100px;
     right: 6px;
     left: 6px;
     display: none;
     height: 6px;
     background: #d7d7d7
}
 .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 0;
     background-color: #8cc657
}
 .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress {
     display: block
}
 .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
     position: absolute;
     z-index: 500;
     top: -5px;
     left: -20px;
     display: none;
     min-width: 140px;
     max-width: 500px;
     padding: 8px 10px;
     color: #800;
     background: rgba(245, 245, 245, .8)
}
 .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
     display: block
}
 .dropzone {
     position: relative;
     min-height: 350px;
     cursor: pointer
}
 .dz-message {
     font-size: 35px;
     line-height: 50px;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 50%;
     height: 50px;
     margin-top: -50px;
     margin-left: -25%;
     padding: 25px;
     text-align: center
}
 .btn-file {
     position: relative;
     overflow: hidden;
     vertical-align: middle
}
 .btn-file>input {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     font-size: 23px;
     cursor: pointer;
     filter: alpha(opacity=0);
     opacity: 0;
     direction: ltr
}
 .fileinput {
     display: inline-block;
     margin-bottom: 9px
}
 .fileinput .form-control {
     display: inline-block;
     padding-top: 7px;
     padding-bottom: 5px;
     margin-bottom: 0;
     vertical-align: middle;
     cursor: text
}
 .fileinput .thumbnail {
     display: inline-block;
     margin-bottom: 5px;
     overflow: hidden;
     text-align: center;
     vertical-align: middle
}
 .fileinput .thumbnail>img {
     max-height: 100%
}
 .fileinput .btn {
     vertical-align: middle
}
 .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
     display: none
}
 .fileinput-inline .fileinput-controls {
     display: inline
}
 .fileinput-filename {
     display: inline-block;
     overflow: hidden;
     vertical-align: middle
}
 .form-control .fileinput-filename {
     vertical-align: bottom
}
 .fileinput.input-group {
     display: table
}
 .fileinput.input-group>* {
     position: relative;
     z-index: 2
}
 .fileinput.input-group>.btn-file {
     z-index: 1
}
 .fileinput-new .input-group .btn-file, .fileinput-new.input-group .btn-file {
     border-radius: 0 4px 4px 0
}
 .fileinput-new .input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new.input-group .btn-file.btn-xs {
     border-radius: 0 3px 3px 0
}
 .fileinput-new .input-group .btn-file.btn-lg, .fileinput-new.input-group .btn-file.btn-lg {
     border-radius: 0 6px 6px 0
}
 .form-group.has-warning .fileinput .fileinput-preview {
     color: #8a6d3b
}
 .form-group.has-warning .fileinput .thumbnail {
     border-color: #faebcc
}
 .form-group.has-error .fileinput .fileinput-preview {
     color: #a94442
}
 .form-group.has-error .fileinput .thumbnail {
     border-color: #ebccd1
}
 .form-group.has-success .fileinput .fileinput-preview {
     color: #3c763d
}
 .form-group.has-success .fileinput .thumbnail {
     border-color: #d6e9c6
}
 .bootstrap-switch {
     line-height: 8px;
     position: relative;
     display: inline-block;
     overflow: hidden;
     min-width: 100px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     text-align: left;
     vertical-align: middle;
     border: 1px solid #ccc;
     border-radius: 4px
}
 .bootstrap-switch.bootstrap-switch-mini {
     min-width: 71px
}
 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
     font-size: 10px;
     line-height: 9px;
     padding-top: 4px;
     padding-bottom: 4px
}
 .bootstrap-switch.bootstrap-switch-small {
     min-width: 79px
}
 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
     font-size: 12px;
     line-height: 18px;
     padding-top: 3px;
     padding-bottom: 3px
}
 .bootstrap-switch.bootstrap-switch-large {
     min-width: 120px
}
 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
     font-size: 14px;
     line-height: normal;
     padding-top: 9px;
     padding-bottom: 9px
}
 .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
     -webkit-transition: margin-left .5s;
     transition: margin-left .5s
}
 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
     margin-left: 0
}
 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px
}
 .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
     margin-left: -50%
}
 .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px
}
 .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container {
     margin-left: -25%
}
 .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-indeterminate, .bootstrap-switch.bootstrap-switch-readonly {
     cursor: default !important;
     opacity: .5;
     filter: alpha(opacity=50)
}
 .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
     cursor: default !important
}
 .bootstrap-switch.bootstrap-switch-focused {
     border-color: #ccc;
     outline: 0
}
 .bootstrap-switch .bootstrap-switch-container {
     top: 0;
     display: inline-block;
     width: 150%;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     border-radius: 4px
}
 .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label {
     font-size: 12px;
     line-height: 20px;
     text-transform: uppercase;
     display: inline-block !important;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     height: 100%;
     padding-top: 4px;
     padding-bottom: 4px;
     cursor: pointer
}
 .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on {
     z-index: 1;
     width: 33.333333333%;
     text-align: center
}
 .bootstrap-switch .bootstrap-switch-label {
     z-index: 100;
     width: 33.333333333%;
     margin-top: -1px;
     margin-bottom: -1px;
     text-align: center;
     color: #333;
     background: #fff
}
 .bootstrap-switch input[type=checkbox], .bootstrap-switch input[type=radio] {
     position: absolute !important;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
     filter: alpha(opacity=0)
}
 .bootstrap-switch input[type=checkbox].form-control, .bootstrap-switch input[type=radio].form-control {
     height: auto
}
 div.switch-toggle {
     display: block;
     height: 24px;
     width: 48px;
     position: relative;
     cursor: pointer;
     background: #fff;
     box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
     -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     border-radius: 50px
}
 div.switch-toggle:after {
     content: '';
     display: block;
     height: 18px;
     width: 18px;
     background: #fff;
     position: absolute;
     top: 3px;
     left: 3px;
     border-radius: 50px;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
     -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease
}
 div.switch-toggle:before {
     content: '';
     position: absolute;
     right: 1px;
     top: 12px;
     color: #fff
}
 div.switch-toggle:hover:after {
     left: 5px
}
 div.switch-toggle.switch-on:before {
     content: '';
     right: 40px
}
 .switch-toggle.switch-on {
     background: #0c0
}
 div.switch-toggle.switch-on:after {
     left: 26px
}
 div.switch-toggle.switch-on:hover:after {
     left: 24px
}
 div.switch-toggle {
     display: block;
     height: 24px;
     width: 48px;
     position: relative;
     cursor: pointer;
     background: #ccc;
     box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
     -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     border-radius: 50px
}
 div.switch-toggle:after {
     content: '';
     display: block;
     height: 18px;
     width: 18px;
     background: #fff;
     position: absolute;
     top: 3px;
     left: 3px;
     border-radius: 50px;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
     -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease
}
 div.switch-toggle:before {
     content: '';
     position: absolute;
     right: 1px;
     top: 12px;
     color: #fff
}
 div.switch-toggle:hover:after {
     left: 5px
}
 div.switch-toggle.switch-on:before {
     content: '';
     right: 40px
}
 .switch-toggle.switch-on {
     background: #0c0
}
 div.switch-toggle.switch-on:after {
     left: 26px
}
 div.switch-toggle.switch-on:hover:after {
     left: 24px
}
 .irs {
     position: relative;
     display: block
}
 .irs-line {
     position: relative;
     display: block;
     overflow: hidden
}
 .irs-line-left, .irs-line-mid, .irs-line-right {
     position: absolute;
     display: block;
     top: 0
}
 .irs-line-left {
     left: 0;
     width: 10%
}
 .irs-line-mid {
     left: 9%;
     width: 82%
}
 .irs-line-right {
     right: 0;
     width: 10%
}
 .irs-diapason {
     position: absolute;
     display: block;
     left: 0;
     width: 100%
}
 .irs-slider {
     position: absolute;
     display: block;
     cursor: default;
     z-index: 1
}
 .irs-slider.single {
     left: 10px
}
 .irs-slider.single:before {
     position: absolute;
     display: block;
     content: "";
     top: -30%;
     left: -30%;
     width: 160%;
     height: 160%;
     background: 0 0
}
 .irs-slider.from {
     left: 100px
}
 .irs-slider.from:before {
     position: absolute;
     display: block;
     content: "";
     top: -30%;
     left: -30%;
     width: 130%;
     height: 160%;
     background: 0 0
}
 .irs-slider.to {
     left: 300px
}
 .irs-slider.to:before {
     position: absolute;
     display: block;
     content: "";
     top: -30%;
     left: 0;
     width: 130%;
     height: 160%;
     background: 0 0
}
 .irs-slider.last {
     z-index: 2
}
 .irs-min {
     position: absolute;
     display: block;
     left: 0;
     cursor: default
}
 .irs-max {
     position: absolute;
     display: block;
     right: 0;
     cursor: default
}
 .irs-from, .irs-single, .irs-to {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     cursor: default;
     white-space: nowrap
}
 .irs-grid {
     position: absolute;
     display: none;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 20px
}
 .irs-with-grid .irs-grid {
     display: block
}
 .irs-grid-pol {
     position: absolute;
     top: 0;
     left: 0;
     width: 1px;
     height: 8px
}
 .irs-grid-pol.small {
     height: 4px
}
 .irs-grid-text {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100px;
     white-space: nowrap;
     text-align: center;
     font-size: 9px;
     line-height: 9px
}
 .irs-disable-mask {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: default;
     background: 0 0;
     z-index: 2
}
 .irs-disabled {
     opacity: .4
}
 .irs-slider {
     background: #111;
     border-radius: 100px
}
 .irs {
     height: 40px
}
 .irs-with-grid {
     height: 60px
}
 .irs-line {
     height: 12px;
     top: 25px
}
 .irs-line-left, .irs-line-mid, .irs-line-right {
     height: 12px
}
 .irs-diapason {
     height: 12px;
     top: 25px
}
 .irs-slider {
     width: 5px;
     height: 18px;
     top: 22px
}
 .irs-max, .irs-min {
     color: #999;
     font-size: 10px;
     line-height: 1.333;
     text-shadow: none;
     top: 0;
     padding: 1px 3px;
     background: #e1e4e9;
     border-radius: 4px
}
 .irs-from, .irs-single, .irs-to {
     color: #fff;
     font-size: 10px;
     line-height: 1.333;
     text-shadow: none;
     padding: 1px 5px;
     background: rgba(0, 0, 0, .7);
     border-radius: 4px
}
 .irs-from:after, .irs-single:after, .irs-to:after {
     position: absolute;
     display: block;
     content: "";
     bottom: -6px;
     left: 50%;
     width: 0;
     height: 0;
     margin-left: -3px;
     overflow: hidden;
     border: 3px solid transparent;
     border-top-color: rgba(0, 0, 0, .7)
}
 .irs-grid-pol {
     background: #e1e4e9
}
 .irs-grid-text {
     color: #999
}
 .jcrop-holder {
     text-align: left;
     direction: ltr
}
 .jcrop-hline, .jcrop-vline {
     font-size: 0;
     position: absolute;
     background: url(../images/jcrop.gif) #fff
}
 .jcrop-vline {
     width: 1px !important;
     height: 100%
}
 .jcrop-vline.right {
     right: 0
}
 .jcrop-hline {
     width: 100%;
     height: 1px !important
}
 .jcrop-hline.bottom {
     bottom: 0
}
 .jcrop-tracker {
     width: 100%;
     height: 100%;
     -webkit-user-select: none;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none
}
 .jcrop-handle {
     font-size: 1px;
     width: 7px;
     height: 7px;
     border: 1px solid #eee;
     background-color: #333
}
 .jcrop-handle.ord-n {
     top: 0;
     left: 50%;
     margin-top: -4px;
     margin-left: -4px
}
 .jcrop-handle.ord-s {
     bottom: 0;
     left: 50%;
     margin-bottom: -4px;
     margin-left: -4px
}
 .jcrop-handle.ord-e {
     top: 50%;
     right: 0;
     margin-top: -4px;
     margin-right: -4px
}
 .jcrop-handle.ord-w {
     top: 50%;
     left: 0;
     margin-top: -4px;
     margin-left: -4px
}
 .jcrop-handle.ord-nw {
     top: 0;
     left: 0;
     margin-top: -4px;
     margin-left: -4px
}
 .jcrop-handle.ord-ne {
     top: 0;
     right: 0;
     margin-top: -4px;
     margin-right: -4px
}
 .jcrop-handle.ord-se {
     right: 0;
     bottom: 0;
     margin-right: -4px;
     margin-bottom: -4px
}
 .jcrop-handle.ord-sw {
     bottom: 0;
     left: 0;
     margin-bottom: -4px;
     margin-left: -4px
}
 .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
     width: 100%;
     height: 7px
}
 .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
     width: 7px;
     height: 100%
}
 .jcrop-dragbar.ord-n {
     margin-top: -4px
}
 .jcrop-dragbar.ord-s {
     bottom: 0;
     margin-bottom: -4px
}
 .jcrop-dragbar.ord-e {
     right: 0;
     margin-right: -4px
}
 .jcrop-dragbar.ord-w {
     margin-left: -4px
}
 .jcrop-light .jcrop-hline, .jcrop-light .jcrop-vline {
     opacity: .7 !important;
     background: #fff;
     filter: alpha(opacity=70) !important
}
 .jcrop-light .jcrop-handle {
     border-color: #fff;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background-color: #000
}
 .jcrop-dark .jcrop-hline, .jcrop-dark .jcrop-vline {
     opacity: .7 !important;
     background: #000;
     filter: alpha(opacity=70) !important
}
 .jcrop-dark .jcrop-handle {
     border-color: #000;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background-color: #fff
}
 .solid-line .jcrop-hline, .solid-line .jcrop-vline {
     background: #fff
}
 .jcrop-holder img, img.jcrop-preview {
     max-width: none
}
 .jcrop-holder #preview-pane {
     position: absolute;
     z-index: 2000;
     top: 10px;
     right: -280px;
     display: block;
     padding: 6px;
     border: 1px solid rgba(0, 0, 0, .4);
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     background-color: #fff
}
 #preview-pane .preview-container {
     overflow: hidden;
     width: 250px;
     height: 170px
}
 .jGrowl {
     z-index: 9999;
     position: absolute
}
 body>.jGrowl {
     position: fixed
}
 .jGrowl.top-left {
     top: 0;
     left: 0
}
 .jGrowl.top-right {
     top: 0;
     right: 0
}
 .jGrowl.bottom-left {
     bottom: 0;
     left: 0
}
 .jGrowl.bottom-right {
     right: 0;
     bottom: 0
}
 .jGrowl.center {
     top: 50%;
     left: 50%;
     width: 0;
     margin-left: -170px
}
 .center .jGrowl-closer, .center .jGrowl-notification {
     margin-right: auto;
     margin-left: auto
}
 .jGrowl .jGrowl-closer, .jGrowl .jGrowl-notification {
     font-size: 12px;
     display: none;
     zoom: 1;
     width: 300px;
     padding: 10px 15px;
     white-space: normal;
     opacity: .95;
     filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=95)
}
 .jGrowl .jGrowl-notification:hover {
     opacity: 1;
     filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100)
}
 .jGrowl .jGrowl-notification {
     min-height: 20px
}
 .jGrowl .jGrowl-closer, .jGrowl .jGrowl-notification {
     margin: 10px
}
 .jGrowl .jGrowl-notification .jGrowl-header {
     font-size: .85em;
     font-weight: 700
}
 .jGrowl .jGrowl-notification .jGrowl-close {
     font-weight: 700;
     z-index: 99;
     float: right;
     cursor: pointer
}
 .jGrowl .jGrowl-closer {
     font-weight: 700;
     cursor: pointer;
     text-align: center
}
 #loadingbar {
     position: fixed;
     z-index: 2147483647;
     top: 0;
     left: -6px;
     width: 1%;
     height: 4px;
     -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
     -ms-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px
}
 #loadingbar.left {
     right: 0;
     left: 100%;
     width: 100%
}
 #loadingbar.up {
     top: 100%;
     bottom: 0;
     left: 0;
     width: 5px;
     height: 100%
}
 #loadingbar.down {
     left: 0;
     width: 5px;
     height: 0
}
 #loadingbar.waiting dd, #loadingbar.waiting dt {
     -webkit-animation: pulse 2s ease-out 0s infinite;
     -moz-animation: pulse 2s ease-out 0s infinite;
     -ms-animation: pulse 2s ease-out 0s infinite;
     -o-animation: pulse 2s ease-out 0s infinite;
     animation: pulse 2s ease-out 0s infinite
}
 #loadingbar dt {
     right: -80px;
     clip: rect(-6px, 90px, 14px, -6px);
     width: 180px;
     opacity: .6
}
 #loadingbar dd {
     right: 0;
     clip: rect(-6px, 22px, 14px, 10px);
     width: 20px;
     opacity: .6
}
 #loadingbar dd, #loadingbar dt {
     position: absolute;
     top: 0;
     height: 2px;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     -webkit-box-shadow: #ff6439 1px 0 6px 1px;
     -moz-box-shadow: #fa7753 1px 0 6px 1px;
     box-shadow: #ff6439 1px 0 6px 1px;
     -ms-box-shadow: #fa7753 1px 0 6px 1px
}
 #loadingbar.left dt {
     left: -4px;
     clip: rect(-6px, 185px, 14px, 25px);
     width: 180px;
     opacity: .6
}
 #loadingbar.left dd {
     left: 0;
     clip: rect(-6px, 22px, 14px, 0);
     width: 20px;
     margin: 0;
     opacity: .6
}
 #loadingbar.left dd, #loadingbar.left dt {
     top: 0;
     height: 2px
}
 #loadingbar.down dt {
     top: auto;
     bottom: -47px;
     clip: rect(-6px, 20px, 130px, -6px);
     height: 180px;
     opacity: .6
}
 #loadingbar.down dd {
     top: auto;
     bottom: 0;
     clip: rect(-6px, 22px, 20px, 10px);
     height: 20px;
     margin: 0;
     opacity: .6
}
 #loadingbar.down dd, #loadingbar.down dt {
     right: auto;
     left: -5px;
     width: 10px
}
 #loadingbar.up dt {
     top: -10px;
     bottom: auto;
     clip: rect(13px, 20px, 190px, -6px);
     height: 180px;
     opacity: .6
}
 #loadingbar.up dd {
     top: 0;
     bottom: auto;
     clip: rect(-6px, 22px, 25px, 10px);
     height: 20px;
     margin: 0;
     opacity: .6
}
 #loadingbar.up dd, #loadingbar.up dt {
     right: auto;
     left: -5px;
     width: 10px
}
 @keyframes pulse {
     30% {
         opacity: .6
    }
     60% {
         opacity: 0
    }
     100% {
         opacity: .6
    }
}
 @-moz-keyframes pulse {
     30% {
         opacity: .6
    }
     60% {
         opacity: 0
    }
     100% {
         opacity: .6
    }
}
 @-ms-keyframes pulse {
     30% {
         opacity: .6
    }
     60% {
         opacity: 0
    }
     100% {
         opacity: .6
    }
}
 @-webkit-keyframes pulse {
     30% {
         opacity: .6
    }
     60% {
         opacity: 0
    }
     100% {
         opacity: .6
    }
}
 .jvectormap-label {
     position: absolute;
     display: none;
     border: 1px solid;
     border-radius: 3px;
     font-size: 12px;
     padding: 5px;
     z-index: 1200
}
 .jvectormap-zoomin, .jvectormap-zoomout {
     position: absolute;
     left: 10px;
     border-radius: 3px;
     padding: 5px;
     cursor: pointer;
     line-height: 10px;
     border: 1px solid;
     text-align: center
}
 .jvectormap-zoomin {
     top: 10px
}
 .jvectormap-zoomout {
     top: 35px
}
 .wmd-panel {
     width: 100%
}
 .wmd-input {
     height: 300px;
     width: 100%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box
}
 .wmd-preview {
     width: 100%;
     margin-top: 20px
}
 .wmd-panel .btn-toolbar {
     margin-bottom: 0;
     padding: 0 0 5px;
     width: 100%
}
 .fa-header:before {
     content: 'H';
     font-family: arial, helvetica, sans-serif;
     font-weight: 700
}
 .wmd-prompt-background {
     background-color: #000
}
 .wmd-prompt-dialog {
     border: 1px solid #999;
     background-color: #F5F5F5
}
 .wmd-prompt-dialog>div {
     font-size: .8em;
     font-family: arial, helvetica, sans-serif
}
 .wmd-prompt-dialog>form>input[type=text] {
     border: 1px solid #999;
     color: #000
}
 .wmd-prompt-dialog>form>input[type=button] {
     border: 1px solid #888;
     font-family: trebuchet MS, helvetica, sans-serif;
     font-size: .8em;
     font-weight: 700
}
 .wmd-button-group1 {
     margin-left: 5px !important
}
 .wmd-button-bar {
     margin-bottom: 5px
}
 .close {
     font-size: 21px;
     font-weight: 700;
     line-height: 1;
     float: right;
     opacity: .2;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     filter: alpha(opacity=20)
}
 .close:focus, .close:hover {
     cursor: pointer;
     text-decoration: none;
     opacity: .5;
     color: #000;
     filter: alpha(opacity=50)
}
 button.close {
     padding: 0;
     cursor: pointer;
     border: 0;
     background: 0 0;
     -webkit-appearance: none
}
 .modal-open {
     overflow-x: hidden;
     overflow-y: hidden;
}
 .modal {
     position: fixed;
     z-index: 6000;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: none;
     overflow: hidden;
     outline: 0;
     -webkit-overflow-scrolling: touch;
     background-color: rgb(2 2 2 / 38%);
}
.modal .modal-body .table-responsive
{
    overflow:  auto;
    max-height: 600px;
}
.modal.fullsceen-modal .modal-body .table-responsive {
    overflow: auto;
    max-height: calc(100vh - 100px);
    height: calc(100vh - 100px);
}
.modal.fullsceen-modal .modal-body .table-responsive .part-extend{
    display: block;
}
#modal-view-detail.modal.fullsceen-modal .modal-body .table-responsive {
	height: auto;
}
@media (min-width: 1200px)
{
    .modal-xl {
        max-width: 1140px;
        width: 1140px;
    }
}

 .modal.fade .modal-dialog {
     -webkit-transform: translateY(-200%);
     -moz-transform: translateY(-200%);
     -ms-transform: translateY(-200%);
     transform: translateY(-200%);
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     transition: all .3s;
}
 .modal.in .modal-dialog {
     -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
     -ms-transform: translateY(0%);
     transform: translateY(0%);
}
 .modal-dialog {
     position: relative;
     width: auto;
     margin: 0 10px;
     border-radius: 0 0 3px 3px
}
 .modal-content {
     position: relative;
     border-radius: 0 0 3px 3px;
     outline: 0;
     background-color: #fff;
     -webkit-box-shadow: unset !important;
}
 .modal-backdrop {
     position: fixed;
     z-index: 1040;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: #000;
     -webkit-transition: all 0.1s;
     -moz-transition: all 0.1s;
     transition: all 0.1s;
}
 .modal-backdrop.fade {
     opacity: 0;
     filter: alpha(opacity=0)
}
 .modal-backdrop.in {
     -webkit-transition: all 0.1s;
     -moz-transition: all 0.1s;
     transition: all 0.1s;
     opacity: .3;
     filter: alpha(opacity=30)
}
 .modal-header {
     min-height: 16px;
     padding: 10px;
     border-bottom: 1px solid #dfe8f1
}
 .modal-dialog {
     border: 0;
}
 .modal.display-block .modal-dialog {
     box-shadow: 0 6px 25px rgba(0, 0, 0, .1) !important;
     -webkit-transform: translate(0, -20px);
     -ms-transform: translate(0, -20px);
     transform: translate(0, -20px)
}
 .modal-title {
     line-height: 1.42857143;
     margin: 0;
     font-weight: bold;
     text-transform: uppercase;
}
 .modal-body {
     position: relative;
     padding: 0 15px;
}
 .modal-footer {
     padding: 15px;
     text-align: center;
     border-top: 1px solid #dfe8f1
}
 .modal-footer .btn+.btn {
     margin-bottom: 0;
     margin-left: 5px
}
 .modal-footer .btn-group .btn+.btn {
     margin-left: -1px
}
 .modal-footer .btn-block+.btn-block {
     margin-left: 0
}
 @media (min-width:768px) {
     .modal-dialog {
         width: 600px;
         margin: 0 auto
    }
     .modal-content {
         -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
         box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
     .modal-sm {
         width: 300px
    }
}
 @media (min-width:992px) {
     .modal-lg {
         width: 900px
    }
    .modal-xl {
        width: 1140px
   }
   .modal-large{
	    width: 1440px
	}
}
 .display-block.modal {
     position: static;
     z-index: 5;
     display: block;
     overflow: visible !important;
     opacity: 1;
     -moz-opacity: 1;
     filter: alpha(opacity: 100)
}
 .display-block.modal .modal-dialog {
     margin-bottom: 0
}
 .modal-open #page-content-wrapper {
     z-index: inherit
}
 .ms-container {
     position: relative
}
 .ms-container .glyph-icon {
     font-size: 20px;
     line-height: 30px;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 30px;
     height: 30px;
     margin: -15px 0 0 -15px;
     text-align: center
}
 .ms-container:after {
     font-size: 0;
     line-height: 0;
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     min-height: 0;
     content: '.'
}
 .ms-container .ms-selectable, .ms-container .ms-selection {
     float: left;
     width: 45%;
     color: #555;
     background: #fff
}
 .ms-container .ms-selection {
     float: right
}
 .ms-container .ms-list {
     position: relative;
     overflow-y: auto;
     height: 200px;
     padding: 5px 10px;
     border: 1px solid;
}
 .ms-list li {
     line-height: 20px;
     margin: 5px 0;
     padding: 3px 10px
}
 .ms-container ul {
     margin: 0;
     padding: 0;
     list-style-type: none
}
 .ms-container .ms-optgroup-container {
     width: 100%
}
 .ms-container .ms-optgroup-label {
     line-height: 20px;
     margin: 0;
     padding: 3px 10px;
     cursor: pointer
}
 .ms-container li.ms-hover {
     cursor: pointer
}
 .ms-container li.disabled {
     cursor: text
}
 .fileinput-button {
     position: relative;
     overflow: hidden
}
 .fileinput-button input {
     font-size: 200px;
     position: absolute;
     top: 0;
     right: 0;
     margin: 0;
     cursor: pointer;
     opacity: 0;
     -ms-filter: 'alpha(opacity=0)';
     direction: ltr
}
 @media screen\9 {
     .fileinput-button input {
         font-size: 100%;
         height: 100%;
         filter: alpha(opacity=0)
    }
}
 .fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
     float: left;
     margin-right: 10px;
     margin-bottom: 5px
}
 .fileupload-buttonbar .toggle {
     margin-top: 7px;
     margin-left: 10px
}
 .template-upload .size {
     margin: 0
}
 .progress-animated .bar, .progress-animated .progress-bar {
     background: url(../images/animated-overlay.gif) !important;
     filter: none
}
 .fileupload-process {
     display: none;
     float: right
}
 .files .processing .preview, .fileupload-processing .fileupload-process {
     display: block;
     width: 32px;
     height: 32px;
}
 .files audio, .files video {
     max-width: 300px
}
 table.table td .toggle {
     margin: 7px 10px 0 0
}
 @media (max-width:767px) {
     .files .btn span, .files .toggle, .fileupload-buttonbar .toggle {
         display: none
    }
     .files .name {
         width: 80px;
         word-wrap: break-word
    }
     .files audio, .files video {
         max-width: 80px
    }
     .files canvas, .files img {
         max-width: 100%
    }
}
 .noty-wrapper {
     font-size: 14px;
     font-weight: 700;
     position: fixed;
     z-index: 10000;
     left: 0;
     width: 100%;
     margin: 0;
     padding: 0;
     list-style: none;
     opacity: 95;
     -moz-opacity: 95;
     filter: alpha(opacity: 95)
}
 .noty-wrapper:hover {
     opacity: 1;
     -moz-opacity: 1;
     filter: alpha(opacity: 100)
}
 .noty_message {
     line-height: 20px;
     padding: 15px 10px;
     text-align: center
}
 #noty_bottom {
     bottom: 0
}
 #noty_top {
     top: 0
}
 #noty_center {
     top: 50%;
     left: 50%
}
 #noty_center li {
     margin: 10px 0;
     border: 0
}
 .popover {
     z-index: 1040;
     top: 0;
     left: 0;
     display: none;
     min-width: 250px;
     margin: 0;
     padding: 0
}
 .popover .popover-content {
     padding: 8px
}
 .display-block.popover {
     box-shadow: 0 0 0 transparent
}
 .popover.top {
     margin-top: -10px
}
 .popover.right {
     margin-left: 10px
}
 .popover.bottom {
     margin-top: 10px
}
 .popover.left {
     margin-left: -10px
}
 .popover-title {
     font-size: 12px;
     font-weight: 700;
     margin: 0;
     padding: 10px 15px;
     text-transform: uppercase;
     border-bottom: 1px solid;
}
 .popover-title:empty {
     display: none
}
 .popover .arrow, .popover .arrow:after {
     position: absolute;
     display: block;
     width: 0;
     height: 0;
     border: solid transparent;
}
 .popover .arrow {
     border-width: 10px
}
 .popover .arrow:after {
     content: '';
     border-width: 10px
}
 .popover.top .arrow {
     bottom: -22px;
     left: 50%;
     margin-left: -11px
}
 .popover.top .arrow:after {
     bottom: 1px;
     margin-left: -10px;
     border-top-color: rgba(0, 0, 0, .2);
     border-bottom-width: 0
}
 .popover.right .arrow {
     top: 50%;
     left: -22px;
     margin-top: -11px
}
 .popover.right .arrow:after {
     bottom: -10px;
     left: 1px;
     border-right-color: rgba(0, 0, 0, .2);
     border-left-width: 0
}
 .popover.bottom .arrow {
     top: -22px;
     left: 50%;
     margin-left: -11px
}
 .popover.bottom .arrow:after {
     top: 2px;
     margin-left: -10px;
     border-top-width: 0;
     border-bottom-color: rgba(0, 0, 0, .2)
}
 .popover.left .arrow {
     top: 50%;
     right: -22px;
     margin-top: -11px
}
 .popover.left .arrow:after {
     right: 1px;
     bottom: -10px;
     border-right-width: 0;
     border-left-color: rgba(0, 0, 0, .2)
}
 .popover .dropdown-menu, .popover .nav-list {
     margin: 0;
     border: 0
}
 .display-block.popover {
     float: none;
     width: auto;
     margin: 15px
}
.fixed-header .show-popover{
    z-index: 9999 !important;
}
.fixed-header .popover {
     position: fixed;
     -webkit-transform: translate3d(0, 0, 0);
     max-width: 600px;
     white-space: break-spaces;
}
table thead tr th .fixed-header .popover{
    top: 116px !important;
}
.approve-part-popover {
    position: relative;
}
.approve-part-popover .popover {
    position: absolute;
    z-index:5000;
}
 div.ppt {
     font-size: 17px;
     z-index: 9999;
     display: none;
     margin: 0 0 5px 15px;
     color: #fff
}
 .progress, .progress-bar, .progress-label, .progress-overlay, .progressbar, .progressbar-value {
     font-weight: 700;
     line-height: 20px;
     height: 20px;
     border-radius: 4px
}
 .progress, .progressbar {
     position: relative;
     text-align: center;
     background: rgba(0, 0, 0, .05);
     box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .2)
}
 .progress-bar, .progress-label, .progress-overlay, .progressbar-value {
     position: absolute;
     z-index: 4;
     top: 0;
     left: 0;
     overflow: hidden
}
 .progress .progress-bar {
     position: relative !important;
     border-radius: 0
}
 .progressbar-value.ui-state-default, .progressbar-value.ui-state-default .progress-label {
     line-height: 18px;
     height: 18px
}
 .progress-label {
     z-index: 6;
     width: 100%
}
 .progress-overlay {
     z-index: 5;
     width: 100%;
     opacity: .15;
     background: url(../images/animated-overlay.gif);
     filter: alpha(opacity=15)
}
 .progressbar-small .progress-label, .progressbar-small .progress-overlay, .progressbar-small .progressbar-value, .progressbar-small.progressbar {
     height: 10px
}
 .progressbar-small .progressbar-value.ui-state-default {
     height: 8px
}
 .progressbar-smaller .progress-label, .progressbar-smaller .progress-overlay, .progressbar-smaller .progressbar-value, .progressbar-smaller.progressbar {
     height: 4px
}
 .progressbar-smaller .progressbar-value.ui-state-default {
     height: 2px
}
 .bg-black .progress-overlay {
     opacity: 1;
     filter: alpha(opacity=100)
}
 @-webkit-keyframes progress-bar-stripes {
     from {
         background-position: 40px 0
    }
     to {
         background-position: 0 0
    }
}
 @keyframes progress-bar-stripes {
     from {
         background-position: 40px 0
    }
     to {
         background-position: 0 0
    }
}
 .progress {
     overflow: hidden;
     height: 20px;
     margin-bottom: 20px;
     border-radius: 4px;
     background-color: #f5f5f5;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
 .progress-bar {
     font-size: 12px;
     line-height: 20px;
     float: left;
     width: 0;
     height: 100%;
     -webkit-transition: width .6s ease;
     transition: width .6s ease;
     text-align: center;
     color: #fff;
     -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15)
}
 .progress-striped .progress-bar {
     background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
     background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
     background-size: 40px 40px
}
 .progress.active .progress-bar {
     -webkit-animation: progress-bar-stripes 2s linear infinite;
     animation: progress-bar-stripes 2s linear infinite
}
 .ui-rangeSlider {
     height: 50px;
     padding-top: 30px
}
 .ui-rangeSlider-withArrows .ui-rangeSlider-container {
     margin: 0 15px
}
 .ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container {
     border-color: #8490a3
}
 .ui-rangeSlider-arrow, .ui-rangeSlider-container {
     height: 20px
}
 .ui-rangeSlider-arrow {
     width: 14px;
     cursor: pointer
}
 .ui-rangeSlider-leftArrow {
     border-radius: 4px 0 0 4px
}
 .ui-rangeSlider-rightArrow {
     border-radius: 0 4px 4px 0
}
 .ui-rangeSlider-arrow-inner {
     position: absolute;
     top: 50%;
     width: 0;
     height: 0;
     margin-top: -5px;
     border: 5px solid transparent
}
 .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner {
     left: 0;
     margin-left: -1px;
     border-right: 5px solid #666
}
 .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner {
     border-right: 5px solid #333
}
 .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner {
     right: 0;
     margin-right: -1px;
     border-left: 5px solid #666
}
 .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner {
     border-left: 5px solid #333
}
 .ui-rangeSlider-innerBar {
     left: -10px;
     overflow: hidden;
     width: 110%;
     height: 100%
}
 .ui-rangeSlider-bar {
     height: 18px;
     margin: 1px 0;
     cursor: grab;
     cursor: -moz-grab
}
 .ui-rangeSlider-disabled .ui-rangeSlider-bar {
     background: #93aeca
}
 .ui-rangeSlider-handle {
     width: 10px;
     height: 30px;
     cursor: col-resize;
     background: 0 0
}
 .ui-rangeSlider-label {
     font-size: 15px;
     bottom: 27px;
     padding: 5px 10px;
     cursor: col-resize;
     color: #fff;
     background-color: rgba(0, 0, 0, .7)
}
 .ui-rangeSlider-label:active, .ui-rangeSlider-label:hover {
     background: #000
}
 .ui-rangeSlider-label-inner {
     position: absolute;
     z-index: 99;
     top: 100%;
     left: 50%;
     display: block;
     margin-left: -5px;
     border-top: 5px solid rgba(0, 0, 0, .7);
     border-right: 5px solid transparent;
     border-left: 5px solid transparent
}
 .ui-rangeSlider-label:active .ui-rangeSlider-label-inner, .ui-rangeSlider-label:hover .ui-rangeSlider-label-inner {
     border-top: 5px solid #000
}
 .ui-editRangeSlider-inputValue {
     font-size: 15px;
     width: 2em;
     text-align: center;
     border: 0
}
 #sb-site, .sb-site-container, .sb-slidebar, body, html {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin: 0;
     padding: 0
}
 html.sb-scroll-lock.sb-active:not(.sb-static) {
     overflow: hidden
}
 #sb-site .sb-overlay {
     display: none
}
 .sb-active #sb-site .sb-overlay {
     display: block
}
 #sb-site, .sb-site-container {
     position: relative;
     width: 100%
}
 .sb-slidebar {
     position: fixed;
     z-index: 0;
     top: 0;
     display: none;
     overflow-y: auto;
     height: 100%;
     overflow-x: hidden;
     -webkit-transform: translate(0px)
}
 .sb-slidebar.sb-right.sb-active {
     right: -3px;
     padding-top: 50px;
}
 .sb-left {
     left: 0
}
 .sb-right {
     right: 0
}
 .sb-slidebar .scrollable-content {
     height: 100%
}
 .sb-slidebar.sb-static, html.sb-static .sb-slidebar {
     position: absolute
}
 .sb-slidebar.sb-active {
     display: block
}
 .sb-style-overlay {
     z-index: 169
}
 .sb-momentum-scrolling {
     -webkit-overflow-scrolling: touch
}
 .sb-slidebar {
     width: 30%
}
 .sb-width-thin {
     width: 15%
}
 .sb-width-wide {
     width: 45%
}
 @media (max-width: 400px) {
     #page-header>.row>.col-xs-4 {
         width: 60px;
    }
     #page-header #mobile-navigation .logo-content-small {
         display: none;
    }
     #page-header>.row>.col-xs-8 {
         width: calc(100% - 60px);
    }
}
 @media (max-width:480px) {
     .sb-slidebar {
         width: 70%
    }
     .sb-width-thin {
         width: 55%
    }
     .sb-width-wide {
         width: 85%
    }
}
 @media (min-width:481px) {
     .sb-slidebar {
         width: 55%
    }
     .sb-width-thin {
         width: 40%
    }
     .sb-width-wide {
         width: 70%
    }
}
 @media (min-width:768px) {
     .sb-slidebar {
         width: 40%
    }
     .sb-width-thin {
         width: 25%
    }
     .sb-width-wide {
         width: 55%
    }
}
 @media (min-width:992px) {
     .sb-slidebar {
         width: 30%
    }
     .sb-width-thin {
         width: 15%
    }
     .sb-width-wide {
         width: 45%
    }
}
 @media (min-width:1200px) {
     .sb-slidebar {
         width: 350px
    }
     .sb-width-thin {
         width: 5%
    }
     .sb-width-wide {
         width: 35%
    }
}
 #sb-site, .sb-site-container, .sb-slide, .sb-slidebar {
     -webkit-transition: -webkit-transform 400ms ease;
     -moz-transition: -moz-transform 400ms ease;
     -o-transition: -o-transform 400ms ease;
     transition: transform 400ms ease;
     -webkit-transition-property: -webkit-transform, left, right;
     -webkit-backface-visibility: hidden
}
 .sb-hide {
     display: none
}
 .sb-slidebar .popover-title {
     font-size: 11px;
     line-height: 36px;
     display: block;
     height: 36px;
     margin: 2px 0;
     padding: 0 15px;
     border-width: 0
}
 .sb-slidebar .divider {
     background: rgba(255, 255, 255, .1)
}
 .sb-slidebar.sb-left .divider-header {
     font-size: 14px;
     opacity: .4
}
 .sb-slidebar .popover-title .caret {
     float: right;
     margin-top: 17px
}
 .sb-slidebar .progress-box li a {
     display: block;
     padding: 0
}
 .sb-slidebar .files-box {
     padding: 10px 0
}
 .sb-slidebar .files-box li.divider {
     margin: 5px 0;
     padding: 0
}
 .sb-slidebar .notifications-box li, .sb-slidebar .progress-box li {
     padding: 15px;
     border-color: rgba(255, 255, 255, .1)
}
 .sb-slidebar .notifications-box li:last-child, .sb-slidebar .progress-box li:last-child {
     padding-bottom: 20px
}
 .sb-slidebar .notifications-box-alt li:first-child {
     padding-top: 15px
}
 .sb-slidebar ul.chat-box {
     margin: 0;
     padding: 0;
     list-style: none
}
 .sb-slidebar .chat-box li {
     position: relative;
     margin: 15px;
     padding: 0
}
 .sb-slidebar .chat-box li a.chat-wrapper {
     display: block;
     padding: 10px
}
 .sb-slidebar .chat-box li a.btn-md {
     position: absolute;
     top: 50%;
     right: 0;
     margin-top: -17px;
     padding: 0 10px
}
 .sb-slidebar .chat-box li a.btn-md .glyph-icon {
     opacity: .5
}
 .sb-slidebar .chat-box li a.chat-wrapper:hover {
     color: #fff
}
 .sb-slidebar .chat-box li .status-badge {
     float: left;
     margin: 0 10px 0 0
}
 .sb-slidebar .chat-box li b {
     font-size: 12px;
     display: block;
     padding: 4px 0 0
}
 .sb-slidebar .chat-box li p {
     font-size: 11px;
     opacity: .6
}
 .ui-slider {
     position: relative;
     text-align: left
}
 .ui-slider .ui-slider-handle, .ui-slider .ui-slider-range, .ui-slider-horizontal, .ui-slider-vertical {
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px
}
 .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 8px;
     height: 8px;
     border: 6px solid #FFF;
     box-sizing: initial;
     cursor: pointer;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, .3)
}
 .ui-slider .ui-slider-handle:active, .ui-slider .ui-slider-handle:hover {
     border-color: #fff
}
 .ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     display: block;
     border: 0
}
 .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
     filter: inherit
}
 .ui-slider-horizontal {
     height: 7px;
     background: #ddd;
     -webkit-box-shadow: inset 0 1px 6px #717171;
     -moz-box-shadow: inset 0 1px 6px #717171;
     box-shadow: inset 0 1px 6px #717171
}
 .ui-slider-horizontal .ui-slider-handle {
     top: -7px;
     margin-left: -7px
}
 .ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%;
     opacity: .6;
     -moz-opacity: .6;
     filter: alpha(opacity: 60)
}
 .ui-slider-horizontal .ui-slider-range-min {
     left: 0
}
 .ui-slider-horizontal .ui-slider-range-max {
     right: 0
}
 .ui-slider-vertical {
     width: 7px;
     height: 100px;
     background: #ddd;
     -webkit-box-shadow: inset 1px 0 6px #717171;
     -moz-box-shadow: inset 1px 0 6px #717171;
     box-shadow: inset 1px 0 6px #717171
}
 .ui-slider-vertical .ui-slider-handle {
     left: -7px;
     margin-bottom: -8px;
     margin-left: 0
}
 .ui-slider-vertical .ui-slider-range {
     left: 0;
     width: 100%;
     opacity: .6;
     -moz-opacity: .6;
     filter: alpha(opacity: 60)
}
 .ui-slider-vertical .ui-slider-range-min {
     bottom: 0
}
 .ui-slider-vertical .ui-slider-range-max {
     top: 0
}
 .note-editor {
     border: 1px solid #bfc8d1
}
 .note-editor .note-dropzone {
     position: absolute;
     z-index: 1;
     display: none;
     opacity: .95;
     color: #87cefa;
     border: 2px dashed #87cefa;
     background-color: #fff;
     pointer-event: none
}
 .note-editor .note-dropzone .note-dropzone-message {
     font-size: 28px;
     font-weight: 700;
     display: table-cell;
     text-align: center;
     vertical-align: middle
}
 .note-editor .note-dropzone.hover {
     color: #098ddf;
     border: 2px dashed #098ddf
}
 .note-editor.dragover .note-dropzone {
     display: table
}
 .note-editor .note-toolbar {
     border-bottom: 1px solid #bfc8d1;
     background-color: #FEFEFF
}
 .note-editor.fullscreen {
     position: fixed;
     z-index: 1050;
     top: 0;
     left: 0;
     width: 100%
}
 .note-editor.fullscreen .note-editable {
     background-color: #fff
}
 .note-editor.codeview .note-editable, .note-editor.fullscreen .note-resizebar {
     display: none
}
 .note-editor.codeview .note-codable {
     display: block
}
 .note-editor .note-statusbar {
     background-color: #FEFEFF
}
 .note-editor .note-statusbar .note-resizebar {
     width: 100%;
     height: 8px;
     cursor: s-resize;
     border-top: 1px solid #bfc8d1
}
 .note-editor .note-statusbar .note-resizebar .note-icon-bar {
     width: 20px;
     margin: 1px auto;
     border-top: 1px solid #bfc8d1
}
 .note-editor .note-editable {
     overflow: auto;
     padding: 10px;
     outline: 0
}
 .note-editor .note-editable[contenteditable=false] {
     background-color: #dfe8f1
}
 .note-editor .note-codable {
     font-size: 14px;
     display: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     margin-bottom: 0;
     padding: 10px;
     resize: none;
     color: #ccc;
     border: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     background-color: #222;
     box-shadow: none;
     -ms-box-sizing: border-box
}
 .note-air-editor {
     outline: 0
}
 .note-popover .popover {
     max-width: none
}
 .note-popover .popover .popover-content a {
     display: inline-block;
     overflow: hidden;
     max-width: 200px;
     vertical-align: middle;
     white-space: nowrap;
     text-overflow: ellipsis
}
 .note-popover .popover .arrow {
     left: 20px
}
 .note-popover .popover .popover-content, .note-toolbar {
     margin: 0;
     padding: 0 0 5px 5px
}
 .note-popover .popover .popover-content>.btn-group, .note-toolbar>.btn-group {
     margin-top: 5px;
     margin-right: 5px;
     margin-left: 0
}
 .note-popover .popover .popover-content .note-table .dropdown-menu, .note-toolbar .note-table .dropdown-menu {
     min-width: 0;
     padding: 5px
}
 .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker, .note-toolbar .note-table .dropdown-menu .note-dimension-picker {
     font-size: 18px
}
 .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
     position: absolute !important;
     z-index: 3;
     width: 10em;
     height: 10em;
     cursor: pointer
}
 .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted {
     position: relative !important;
     z-index: 1;
     width: 5em;
     height: 5em;
     background: url(data:image/png;
     base64, iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}
 .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted {
     position: absolute !important;
     z-index: 2;
     width: 1em;
     height: 1em;
     background: url(data:image/png;
     base64, iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}
 .note-popover .popover .popover-content .note-style blockquote, .note-popover .popover .popover-content .note-style h1, .note-popover .popover .popover-content .note-style h2, .note-popover .popover .popover-content .note-style h3, .note-popover .popover .popover-content .note-style h4, .note-popover .popover .popover-content .note-style h5, .note-popover .popover .popover-content .note-style h6, .note-toolbar .note-style blockquote, .note-toolbar .note-style h1, .note-toolbar .note-style h2, .note-toolbar .note-style h3, .note-toolbar .note-style h4, .note-toolbar .note-style h5, .note-toolbar .note-style h6 {
     margin: 0
}
 .note-popover .popover .popover-content .note-color .dropdown-toggle, .note-toolbar .note-color .dropdown-toggle {
     width: 20px;
     padding-left: 5px
}
 .note-popover .popover .popover-content .note-color .dropdown-menu, .note-toolbar .note-color .dropdown-menu {
     min-width: 290px
}
 .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group, .note-toolbar .note-color .dropdown-menu .btn-group {
     margin: 0
}
 .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child, .note-toolbar .note-color .dropdown-menu .btn-group:first-child {
     margin: 0 5px
}
 .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
     font-size: 12px;
     margin: 2px 7px;
     text-align: center;
     border-bottom: 1px solid #eee
}
 .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
     font-size: 12px;
     margin: 5px;
     padding: 0 3px;
     cursor: pointer;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px
}
 .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
     background: #eee
}
 .note-popover .popover .popover-content .note-para .dropdown-menu, .note-toolbar .note-para .dropdown-menu {
     min-width: 216px;
     padding: 5px
}
 .note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child, .note-toolbar .note-para .dropdown-menu>div:first-child {
     margin-right: 5px
}
 .note-popover .popover .popover-content .dropdown-menu, .note-toolbar .dropdown-menu {
     min-width: 90px
}
 .note-popover .popover .popover-content .dropdown-menu.right, .note-toolbar .dropdown-menu.right {
     right: 0;
     left: auto
}
 .note-popover .popover .popover-content .dropdown-menu.right::before, .note-toolbar .dropdown-menu.right::before {
     right: 9px;
     left: auto !important
}
 .note-popover .popover .popover-content .dropdown-menu.right::after, .note-toolbar .dropdown-menu.right::after {
     right: 10px;
     left: auto !important
}
 .note-popover .popover .popover-content .dropdown-menu li a i, .note-toolbar .dropdown-menu li a i {
     visibility: hidden;
     color: #00bfff
}
 .note-popover .popover .popover-content .dropdown-menu li a.checked i, .note-toolbar .dropdown-menu li a.checked i {
     visibility: visible
}
 .note-popover .popover .popover-content .note-fontsize-10, .note-toolbar .note-fontsize-10 {
     font-size: 10px
}
 .note-popover .popover .popover-content .note-color-palette, .note-toolbar .note-color-palette {
     line-height: 1
}
 .note-popover .popover .popover-content .note-color-palette div .note-color-btn, .note-toolbar .note-color-palette div .note-color-btn {
     width: 17px;
     height: 17px;
     margin: 0;
     padding: 0;
     border: 1px solid #fff
}
 .note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover, .note-toolbar .note-color-palette div .note-color-btn:hover {
     border: 1px solid #000
}
 .note-dialog>div {
     display: none
}
 .note-dialog .note-image-dialog .note-dropzone {
     font-size: 30px;
     line-height: 4;
     min-height: 100px;
     margin-bottom: 10px;
     text-align: center;
     color: #d3d3d3;
     border: 4px dashed #d3d3d3
}
 .note-dialog .note-help-dialog {
     font-size: 12px;
     opacity: .9;
     color: #ccc;
     border: 0;
     background: 0 0;
     background-color: #222 !important;
     -webkit-opacity: .9;
     -khtml-opacity: .9;
     -moz-opacity: .9;
     -ms-filter: alpha(opacity=90);
     filter: alpha(opacity=90)
}
 .note-dialog .note-help-dialog .modal-content {
     border: 1px solid #fff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     background: 0 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
}
 .note-dialog .note-help-dialog a {
     font-size: 12px;
     color: #fff
}
 .note-dialog .note-help-dialog .title {
     font-size: 14px;
     font-weight: 700;
     padding-bottom: 5px;
     color: #fff;
     border-bottom: #fff 1px solid
}
 .note-dialog .note-help-dialog .modal-close {
     font-size: 14px;
     cursor: pointer;
     color: #dd0
}
 .note-dialog .note-help-dialog .note-shortcut-layout {
     width: 100%
}
 .note-dialog .note-help-dialog .note-shortcut-layout td {
     vertical-align: top
}
 .note-dialog .note-help-dialog .note-shortcut {
     margin-top: 8px
}
 .note-dialog .note-help-dialog .note-shortcut th {
     font-size: 13px;
     text-align: left;
     color: #dd0
}
 .note-dialog .note-help-dialog .note-shortcut td:first-child {
     font-family: 'Courier New', serif;
     min-width: 110px;
     padding-right: 10px;
     text-align: right;
     color: #dd0
}
 .note-handle .note-control-selection {
     position: absolute;
     display: none;
     border: 1px solid #000
}
 .note-handle .note-control-selection>div {
     position: absolute
}
 .note-handle .note-control-selection .note-control-selection-bg {
     width: 100%;
     height: 100%;
     opacity: .3;
     background-color: #000;
     -webkit-opacity: .3;
     -khtml-opacity: .3;
     -moz-opacity: .3;
     -ms-filter: alpha(opacity=30);
     filter: alpha(opacity=30)
}
 .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder {
     width: 7px;
     height: 7px;
     border: 1px solid #000
}
 .note-handle .note-control-selection .note-control-sizing {
     width: 7px;
     height: 7px;
     border: 1px solid #000;
     background-color: #fff
}
 .note-handle .note-control-selection .note-control-nw {
     top: -5px;
     left: -5px;
     border-right: 0;
     border-bottom: 0
}
 .note-handle .note-control-selection .note-control-ne {
     top: -5px;
     right: -5px;
     border-bottom: 0;
     border-left: none
}
 .note-handle .note-control-selection .note-control-sw {
     bottom: -5px;
     left: -5px;
     border-top: 0;
     border-right: 0
}
 .note-handle .note-control-selection .note-control-se {
     right: -5px;
     bottom: -5px;
     cursor: se-resize
}
 .note-handle .note-control-selection .note-control-selection-info {
     font-size: 12px;
     right: 0;
     bottom: 0;
     margin: 5px;
     padding: 5px;
     opacity: .7;
     color: #fff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     background-color: #000;
     -webkit-opacity: .7;
     -khtml-opacity: .7;
     -moz-opacity: .7;
     -ms-filter: alpha(opacity=70);
     filter: alpha(opacity=70)
}
 .ui-tabs-nav {
     margin: 0;
     padding: 0;
     list-style: none;
     border-bottom: 1px solid transparent
}
 .ui-tabs-nav li>a {
     line-height: 32px;
     height: 32px;
     margin-right: 5px;
     padding: 0 20px;
     border-bottom: 0
}
 .ui-tabs-nav li {
     margin-bottom: -1px
}
 .ui-tabs-panel {
     display: block;
     padding: 15px;
     background: 0 0
}
 .ui-tabs-panel:last-child {
     border-bottom: 0 !important
}
 .ui-tabs-nav>li, .ui-tabs-nav>li>a {
     position: relative;
     float: left
}
 .ui-tabs-nav>li>a .float-left.glyph-icon {
     float: none !important;
     margin-right: 5px
}
 .ui-tabs-nav>li>a .float-right.glyph-icon {
     float: none !important;
     margin-right: 0;
     margin-left: 5px
}
 .tabs-navigation>ul {
     margin: 0;
     padding: 0;
     border: 1px solid;
     border-radius: 0;
     background: #fff
}
 .tabs-navigation>ul li {
     margin: 0
}
 .tabs-navigation>ul li>a {
     font-size: 20px;
     line-height: 64px;
     height: 64px;
     margin: 0 !important;
     padding: 0 35px;
     border-right: 1px solid;
     border-radius: 0;
     background: 0 0
}
 .tabs-navigation>ul li.ui-tabs-active a {
     line-height: 64px;
     height: 64px;
     margin: 0 !important;
     padding-bottom: 0;
     color: #000 !important;
     background: #eff4f6
}
 .tabs-navigation>ul li.ui-tabs-active a:hover, .tabs-navigation>ul li>a:hover {
     background: #eff4f6
}
 #theme-options {
     position: fixed;
     top: 7px;
     right: -300px;
     z-index: 170;
     width: 300px;
     -webkit-transition: transform .5s ease;
     -o-transition: transform .5s ease;
     transition: transform .5s ease
}
 #theme-options.active {
     transform: translateX(-300px);
     -ms-transform: translateX(-300px);
     -o-transform: translateX(-300px);
     -webkit-transform: translateX(-300px)
}
 .btn.theme-switcher {
     display: block;
     font-size: 27px;
     text-align: center;
     position: absolute;
     left: -50px;
     top: 0;
     z-index: 55;
     padding: 0;
     border: 2px solid transparent;
     border-radius: 4px;
     width: 40px;
     height: 36px;
     line-height: 32px;
     border-color: rgba(255, 255, 255, .2);
}
 .theme-switcher .glyph-icon {
     font-size: 21px;
     display: block;
     color: rgba(255, 255, 255, .8);
}
 .theme-switcher:hover .glyph-icon {
     color: rgba(255, 255, 255, .95);
}
 #theme-switcher-wrapper {
     background: #fff;
     width: 300px;
     padding: 0;
     border-bottom-left-radius: 3px;
     border-top-left-radius: 3px;
     position: relative;
     z-index: 60;
     -webkit-transition: transform .5s ease;
     -o-transition: transform .5s ease;
     transition: transform .5s ease
}
 #theme-options.active #theme-switcher-wrapper {
     box-shadow: 0 4px 5px rgba(0, 0, 0, .3)
}
 #theme-switcher-wrapper {
     max-height: 580px
}
 #theme-switcher-wrapper .header {
     background: #FEFEFF;
     border-top: #dfe8f1 solid 1px;
     border-bottom: #dfe8f1 solid 1px;
     text-transform: uppercase;
     padding: 13px 15px 10px;
     font-size: 12px
}
 #theme-switcher-wrapper .header a {
     font-weight: 700;
     text-transform: capitalize;
     float: right
}
 #theme-switcher-wrapper .header:first-child {
     border-top-left-radius: 3px
}
 #theme-switcher-wrapper ul+.header {
     border-radius: 0
}
 #theme-switcher-wrapper ul li {
     height: 34px;
     line-height: 28px;
     margin: 5px 0;
     padding: 0 15px;
     border-bottom: #dfe8f1 solid 1px
}
 #theme-switcher-wrapper ul li:last-child {
     border-bottom: 0;
     margin-bottom: 0
}
 #theme-switcher-wrapper ul li label {
     font-size: 13px
}
 #theme-switcher-wrapper ul li .switch-toggle {
     float: right;
     margin-top: 3px
}
 .theme-color-wrapper h5 {
     text-transform: capitalize;
     font-weight: 700;
     font-size: 12px;
     margin: 0 5px 5px
}
 .theme-color-wrapper a {
     height: 24px;
     width: 24px;
     display: block;
     overflow: hidden;
     text-indent: -999em;
     float: left;
     margin: 2px;
     border-radius: 50px;
     border: 2px solid #fff !important;
     box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);
     opacity: .8
}
 .theme-color-wrapper a.active, .theme-color-wrapper a:hover {
     opacity: 1;
     border-color: red !important
}
 .bootstrap-timepicker {
     position: relative
}
 .dropdown.bootstrap-timepicker {
     float: none
}
 .bootstrap-timepicker-widget.dropdown-menu.open {
     display: inline-block;
     padding: 10px
}
 .bootstrap-timepicker-widget table {
     width: 100%;
     margin: 0
}
 .bootstrap-timepicker-widget table td {
     line-height: 32px;
     width: 42px;
     height: 32px
}
 .bootstrap-timepicker-widget table td.separator {
     width: auto;
     padding: 0 5px
}
 .bootstrap-timepicker-widget table td a {
     display: block;
     text-align: center
}
 .bootstrap-timepicker-widget table td a i {
     margin: 0 auto
}
 .bootstrap-timepicker-widget table td input {
     width: 100%;
     min-width: 32px;
     margin: 0;
     padding: 0 5px;
     text-align: center
}
 .bootstrap-timepicker-widget table td input.bootstrap-timepicker-meridian {
     font-weight: 700
}
 .tocify {
     margin-top: 20px
}
 .tocify li, .tocify ul {
     list-style: none;
     margin: 0;
     padding: 0;
     border: none;
     line-height: 30px
}
 .tocify-header {
     text-indent: 10px
}
 .tocify-item {
     margin-bottom: 5px !important
}
 .tocify-subheader {
     text-indent: 20px;
     display: none
}
 .tocify-subheader li {
     font-size: 12px
}
 .tocify-subheader .tocify-subheader {
     text-indent: 30px
}
 .tocify-subheader .tocify-subheader .tocify-subheader {
     text-indent: 40px
}
 .nav-list .nav-header, .nav-list>li>a {
     margin: 0
}
 .nav-list>li>a {
     padding: 5px
}
 .tooltip {
     font-size: 12px;
     line-height: 1.4;
     position: absolute;
     z-index: 1030;
     display: block;
     visibility: visible;
     opacity: 0;
     filter: alpha(opacity=0)
}
 .tooltip.in {
     opacity: .9;
     filter: alpha(opacity=90)
}
 .tooltip.top {
     margin-top: -3px;
     padding: 5px 0
}
 .tooltip.right {
     margin-left: 8px;
     padding: 0 5px
}
 .tooltip.bottom {
     margin-top: 3px;
     padding: 5px 0
}
 .tooltip.left {
     margin-left: -8px;
     padding: 0 5px
}
 .tooltip-inner {
     max-width: 200px;
     padding: 10px 15px;
     text-align: center;
     text-decoration: none;
     color: #fff;
     background-color: rgba(0, 0, 0, .9)
}
 .tooltip-arrow {
     position: absolute;
     width: 0;
     height: 0;
     border: solid transparent;
}
 .tooltip.top .tooltip-arrow {
     bottom: 0;
     left: 50%;
     margin-left: -5px;
     border-width: 5px 5px 0;
     border-top-color: rgba(0, 0, 0, .9)
}
 .tooltip.right .tooltip-arrow {
     top: 50%;
     left: 0;
     margin-top: -5px;
     border-width: 5px 5px 5px 0;
     border-right-color: rgba(0, 0, 0, .9)
}
 .tooltip.left .tooltip-arrow {
     top: 50%;
     right: 0;
     margin-top: -5px;
     border-width: 5px 0 5px 5px;
     border-left-color: rgba(0, 0, 0, .9)
}
 .tooltip.bottom .tooltip-arrow {
     top: 0;
     left: 50%;
     margin-left: -5px;
     border-width: 0 5px 5px;
     border-bottom-color: rgba(0, 0, 0, .9)
}
 .bootstrap-touchspin .input-group-btn-vertical {
     position: relative;
     white-space: nowrap;
     width: 1%;
     vertical-align: middle;
     display: table-cell
}
 .bootstrap-touchspin .input-group-btn-vertical>.btn {
     display: block;
     float: none;
     width: 100%;
     max-width: 100%;
     padding: 8px 10px;
     margin-left: -1px;
     height: auto;
     position: relative;
     overflow: hidden
}
 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
     border-radius: 0 4px 0 0
}
 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
     margin-top: -2px;
     border-radius: 0 0 4px
}
 .bootstrap-touchspin .input-group-btn-vertical i {
     position: absolute;
     top: -8px;
     left: 11px;
     font-size: 9px;
     font-weight: 400
}
 div[id^=uniform-], div[id^=uniform-] input, div[id^=uniform-] span {
     line-height: 18px;
     display: block;
     float: left;
     width: 20px;
     height: 20px;
     margin: 0 3px 0 0;
     padding: 0;
     cursor: pointer
}
 div[id^=uniform-] {
     margin-right: 10px
}
 div[id^=uniform-] span {
     position: relative;
     display: -moz-inline-box;
     display: inline-block;
     zoom: 1;
     margin-top: -1px;
     text-align: center;
     border: 1px solid;
}
 .input-group-addon div[id^=uniform-] span i, div[id^=uniform-] span i {
     display: none
}
 div[id^=uniform-] {
     opacity: .9;
     filter: alpha(opacity=90);
     -moz-opacity: 90
}
 div[id^=uniform-] span.checked i {
     font-size: 14px;
     line-height: 18px;
     display: block;
     height: 18px
}
 div.radio[id^=uniform-] span.checked i {
     font-size: 9px
}
 div.radio[id^=uniform-] span {
     border-radius: 50px
}
 div[id^=uniform-] input {
     position: absolute;
     top: 0;
     left: 0;
     display: -moz-inline-box;
     display: inline-block;
     zoom: 1;
     opacity: 0;
     border: none;
     background: 0 0;
     filter: alpha(opacity=0);
     -moz-opacity: 0
}
 div.checker[id^=uniform-] label {
     line-height: 19px
}
 div.selector {
     line-height: 38px;
     position: relative;
     display: block;
     overflow: hidden;
     width: auto !important;
     height: 38px;
     margin: 0;
     padding: 0 10px !important;
     cursor: pointer;
     white-space: nowrap;
     text-decoration: none;
     border: 1px solid;
}
 .selector i {
     line-height: 38px;
     position: absolute;
     z-index: 4;
     top: 50%;
     right: 0;
     display: block;
     width: 38px;
     height: 38px;
     margin-top: -19px;
     padding: 0 !important;
     text-align: center;
     border-left: 1px solid transparent
}
 div.selector select {
     position: absolute;
     z-index: 5;
     top: 0;
     left: 0;
     width: 100%;
     height: 38px;
     opacity: 0;
     border: none;
     background: 0 0;
     filter: alpha(opacity=0);
     -moz-opacity: 0
}
 div.selector span {
     line-height: 38px;
     display: block;
     width: auto !important;
     height: 38px;
     padding: 0 !important
}
 .form-wizard>ul {
     position: relative;
     display: table;
     width: 100%;
     margin: 0 0 20px;
     list-style: none
}
 .form-wizard>ul>li {
     display: table-cell;
     width: 1%;
     text-align: center
}
 .form-wizard>ul>li a, .form-wizard>ul>li a:hover {
     position: relative;
     display: block;
     opacity: 1;
     color: #666;
     -moz-opacity: 1;
     filter: alpha(opacity: 100)
}
 .form-wizard>ul>li a:before {
     position: absolute;
     z-index: 4;
     top: 20px;
     left: 0;
     width: 100%;
     height: 4px;
     content: '';
     background: #ccc
}
 .form-wizard>ul>li:first-child a:before {
     left: 50%
}
 .form-wizard>ul>li:last-child a:before {
     right: 50%;
     left: auto;
     width: 50%
}
 .form-wizard>ul>li a .wizard-step {
     font-size: 16px;
     line-height: 42px;
     position: relative;
     z-index: 5;
     display: block;
     width: 40px;
     height: 40px;
     margin: 0 auto 5px;
     cursor: pointer;
     text-align: center;
     color: #fafafa;
     border-radius: 100px;
     background: #ccc
}
 .form-wizard>ul>li a .wizard-description {
     font-size: 13px;
     font-weight: 700;
     opacity: .6;
     -moz-opacity: .6;
     filter: alpha(opacity: 60)
}
 .form-wizard>ul>li a .wizard-description small {
     font-size: 12px;
     font-weight: 400;
     display: block;
     padding: 3px 0 0;
     opacity: .7;
     -moz-opacity: .7;
     filter: alpha(opacity: 70)
}
 .form-wizard>ul>li a .wizard-description:hover, .form-wizard>ul>li.active a .wizard-description {
     opacity: 1;
     -moz-opacity: 1;
     filter: alpha(opacity: 100)
}
 .form-wizard>ul>li a.disabled .wizard-step {
     background: #ccc
}
 .loader, .msgBox {
     display: none
}
 .actionBar {
     margin-top: 20px;
     margin-bottom: 20px;
     padding: 20px 0 0;
     border-top: #ddd solid 1px
}
 .actionBar a.btn {
     float: right;
     margin-left: 10px
}
 .input-append.date .add-on i, .input-prepend.date .add-on i {
     display: block;
     cursor: pointer;
     width: 16px;
     height: 16px
}
 .input-daterange input {
     text-align: center
}
 .input-daterange input:first-child {
     -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
     border-radius: 3px 0 0 3px
}
 .input-daterange input:last-child {
     -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
     border-radius: 0 3px 3px 0
}
 .input-daterange .add-on {
     display: inline-block;
     width: auto;
     min-width: 16px;
     height: 18px;
     padding: 4px 5px;
     font-weight: 400;
     line-height: 18px;
     text-align: center;
     text-shadow: 0 1px 0 #fff;
     vertical-align: middle;
     background-color: #eee;
     border: 1px solid #ccc;
     margin-left: -5px;
     margin-right: -5px
}
 ul.chat-box {
     margin: 0;
     padding: 0;
     list-style: none
}
 .chat-box li {
     position: relative;
     z-index: 35;
     margin-bottom: 30px;
     padding-right: 65px
}
 .chat-box li.float-left {
     float: none !important;
     padding-right: 0;
     padding-left: 60px
}
 .chat-box .chat-author {
     position: absolute;
     top: 0;
     right: 0
}
 .chat-box li.float-left .chat-author {
     right: auto;
     left: 0
}
 .chat-box .chat-author img {
     min-width: 45px;
     border-radius: 100px
}
 .chat-box .popover {
     position: relative !important;
     display: block;
     float: none;
     min-height: 45px
}
 .chat-box .popover .popover-content {
     padding: 15px
}
 .chat-box .popover {
     margin-left: 0 !important
}
 .chat-box .popover.left .arrow, .chat-box .popover.right .arrow {
     top: 23px
}
 .chat-box .chat-time {
     font-size: 12px;
     font-style: italic;
     margin-top: 5px;
     color: rgba(0, 0, 0, .5)
}
 .chat-box .chat-time i {
     font-size: 13px;
     margin-right: 3px
}
 .chat-box .popover h3 {
     font-size: 16px;
     margin: 0 0 5px
}
 .chat-box .popover .divider {
     margin: 8px 0 10px
}
 .chat-box .chat-reply {
     overflow: hidden;
     padding: 0;
     border-width: 1px
}
 ul.files-box {
     margin: 0;
     padding: 0 0 15px;
     list-style: none
}
 .files-box li {
     position: relative;
     margin: 0 15px;
     padding: 5px
}
 .files-box li.divider {
     padding: 2px
}
 .files-box .files-icon {
     font-size: 20px;
     line-height: 32px;
     display: block;
     float: left;
     width: 30px;
     height: 32px
}
 .files-box .files-content {
     font-size: 11px;
     float: left
}
 .files-box .files-content .files-date {
     font-size: 10px;
     display: block;
     padding: 3px 0 0;
     opacity: .6
}
 .files-box .files-buttons {
     position: absolute;
     top: 3px;
     right: 0
}
 .login-box {
     padding: 10px 15px
}
 .login-box .user-img {
     position: relative;
     float: left;
     width: 80px;
     height: 80px;
     margin-right: 15px
}
 .login-box .user-img a.change-img {
     font-size: 8px;
     line-height: 20px;
     position: absolute;
     bottom: 0;
     left: 0;
     display: none;
     width: 100%;
     height: 20px;
     text-align: center;
     text-transform: uppercase;
     color: #fdfdfd;
     background: rgba(0, 0, 0, .7)
}
 .login-box .user-img:hover a.change-img {
     display: block
}
 .login-box .user-img img {
     width: 100%;
     height: 100%
}
 .login-box .user-info span {
     font-size: 17px;
     display: block;
     padding: 0 0 10px
}
 .login-box .user-info span i {
     font-size: 80%;
     font-style: normal;
     display: block;
     opacity: .7;
     -moz-opacity: .7;
     filter: alpha(opacity: 70)
}
 .login-box .user-info a {
     line-height: 16px;
     display: inline-block;
     height: 16px;
     margin-right: 5px;
     padding-right: 5px
}
 .notifications-box {
     border: 1px solid #ddd
}
 .notifications-box li {
     line-height: 26px;
     position: relative;
     padding: 10px;
     border-bottom: #ebebeb solid 1px
}
 .notifications-box li .notification-text {
     float: left
}
 .notifications-box li:last-child {
     border-bottom: 0
}
 .notifications-box li .icon-notification {
     line-height: 26px;
     float: left;
     width: 26px;
     height: 26px;
     margin: 0 10px 0 0;
     text-align: center;
     border-radius: 50px
}
 .notifications-box li .notification-time {
     font-size: 11px;
     font-style: italic;
     float: right;
     margin: 0 5px 0 10px;
     color: #a9a9a9
}
 .notifications-box li .notification-time .glyph-icon {
     margin-left: 3px
}
 .notifications-box.notifications-box-alt {
     text-align: left;
     border: 0
}
 .notifications-box-alt li {
     line-height: inherit;
     padding: 15px 10px;
     border-bottom: #232323 solid 1px
}
 .notifications-box-alt li .notification-btn {
     position: absolute;
     top: 50%;
     right: 0;
     margin-top: -11px
}
 .sb-slidebar .notifications-box-alt li .notification-btn {
     right: 10px
}
 .notifications-box-alt li:first-child {
     padding-top: 5px
}
 .notifications-box-alt li:last-child {
     padding-bottom: 5px;
     border-bottom: 0
}
 .notifications-box-alt li .notification-text {
     font-size: 11px;
     display: block;
     float: none;
     margin-top: -1px;
     margin-bottom: 1px
}
 .notifications-box-alt li .notification-time {
     font-size: 10px;
     float: none
}
 .progress-box li {
     font-size: 12px;
     white-space: nowrap;
     border-bottom: #ddd solid 1px
}
 .progress-box li a {
     padding: 10px 15px 15px !important
}
 .progress-box li:last-child {
     border-bottom: 0
}
 .progress-box .progress-title {
     margin: 0 0 5px;
     color: #888
}
 .progress-box .progress-title b {
     float: right;
     color: #666
}
 .progress-box .progress-time {
     float: right;
     opacity: .7;
     -moz-opacity: .7;
     filter: alpha(opacity: 70)
}
 .progress-box-alt li {
     padding: 10px 0;
     border: 0
}
 ul.todo-box {
     margin: 0;
     padding: 0;
     list-style: none
}
 .todo-box li {
     margin: 0 0 2px;
     padding: 10px;
     border-left: 3px solid;
     background: #fcfcfc
}
 .todo-box li .sort-handle {
     font-size: 16px;
     display: block;
     float: left;
     width: 18px;
     height: 18px;
     margin-right: 10px;
     cursor: move;
     text-align: center;
     opacity: .75;
     -moz-opacity: .75;
     filter: alpha(opacity: 75)
}
 .todo-box li .sort-handle:hover {
     opacity: 1;
     -moz-opacity: 1;
     filter: alpha(opacity: 100)
}
 .todo-box li a.btn-xs {
     margin-left: 3px
}
 .todo-box li input {
     display: block;
     float: left;
     width: auto;
     margin: 5px 5px 0 0
}
 .todo-box li label {
     padding: 0 5px;
     font-weight: 400
}
 .todo-box li .btn.small {
     line-height: 16px;
     width: 16px;
     min-width: 16px;
     height: 16px;
     margin-left: 5px;
     opacity: .75;
     -moz-opacity: .75;
     filter: alpha(opacity: 75)
}
 .todo-box li.todo-done {
     opacity: .65;
     -moz-opacity: .65;
     filter: alpha(opacity: 65)
}
 .todo-box li.todo-done label {
     font-style: italic;
     text-decoration: line-through
}
 .user-profile-sm {
     padding: 5px;
     text-align: left
}
 .user-profile-sm img {
     float: left
}
 .user-profile-sm .user-welcome {
     font-size: 12px;
     float: left;
     padding: 3px 0 0 15px
}
 .user-profile-sm .user-welcome b {
     font-size: 13px;
     display: block;
     color: #d6d6d6
}
 .user-profile-sm .btn-sm {
     float: right;
     margin-top: 8px
}
 .complete-user-profile h4 {
     font-size: 12px;
     text-transform: uppercase
}
 .complete-user-profile .progressbar {
     margin: 10px 0
}
 #nav-toggle {
     cursor: pointer;
     background: 0 0;
     border: 0;
     padding: 10px 35px 16px 0
}
 #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
     cursor: pointer;
     border-radius: 2px;
     height: 5px;
     width: 35px;
     position: absolute;
     display: block;
     content: ''
}
 #nav-toggle.collapsed span:before {
     top: -10px;
     transform: rotate(0deg)
}
 #nav-toggle.collapsed span:after {
     bottom: -10px;
     transform: rotate(0deg)
}
 #nav-toggle span:after, #nav-toggle span:before {
     transition: all 500ms ease-in-out
}
 #nav-toggle span {
     background: 0 0
}
 #nav-toggle span:before {
     transform: rotate(45deg)
}
 #nav-toggle span:after {
     transform: rotate(-45deg)
}
 .mailbox-wrapper .nav-list .list-group-item {
     border-width: 1px 0 0
}
 .mailbox-wrapper .nav-list .list-group-item:first-child {
     border-radius: 0
}
 .mailbox-wrapper td .checker {
     float: none;
     margin: 3px auto 0
}
 .content-box-wrapper.nav-list {
     padding: 0
}
 .content-box-wrapper.nav-list .list-group-item {
     padding: 5px 10px;
     border-width: 0
}
 .mail-header {
     padding: 15px
}
 .mail-title {
     font-size: 20px;
     line-height: 32px;
     display: block;
     float: left;
     height: 34px;
     margin: 0 10px 0 0
}
 .mail-toolbar {
     padding: 15px;
     border-top: 1px solid;
}
 .mail-toolbar h4 {
     margin-top: 6px;
     font-weight: 700;
     font-size: 15px
}
 .mail-toolbar .btn {
     line-height: 34px;
     height: 34px
}
 .email-title {
     font-size: 13px;
     text-align: left;
     color: #333
}
 .email-body {
     font-size: 15px;
     text-align: left;
     color: #9b9b9b;
     padding: 15px;
     border-top: 1px solid;
}
 .email-body p {
     margin-bottom: 20px;
     line-height: 1.8em
}
 #header-logo, #page-header {
     height: 50px
}
 #header-logo {
     width: 260px;
     text-align: center;
     font-size: 16px;
     float: left;
     position: relative
}
 #header-logo .logo-content-big, .logo-content-small {
     text-indent: -999em;
     position: absolute;
     height: 34px;
     width: 190px;
     left: 10px;
     top: 50%;
     margin-top: -17px
}
/* .logo-content-small {
     width: 35px
}
 */
 #header-logo .logo-content-small {
     left: 50%;
     margin-left: -17px;
     display: none
}
 #page-header #close-sidebar {
     color: rgba(255, 255, 255, .5);
     position: absolute;
     right: -15px;
     top: 50%;
     margin-top: -12px;
     height: 24px;
     line-height: 24px;
     width: 24px;
     display: block;
     border-radius: 3px;
     text-align: center
}
 #page-header #close-sidebar .glyph-icon {
     display: block;
     height: 24px;
     line-height: 24px;
     width: 24px
}
 #page-header #close-sidebar:hover {
     color: rgba(255, 255, 255, .85);
     background: rgba(255, 255, 255, .1)
}
.search_group{
    gap: 0;
    display: flex;
    width: 100%;
}
 #header-nav-left {
     float: right;
     margin: 0 10px
}
 #page-header .user-account-btn {
     float: left;
     margin: 12px 0 0 12px
}
 #page-header .user-account-btn>a.user-profile, #page-header .control-sidebar {
     height: 36px;
     line-height: 28px;
     display: block
}
 #page-header .user-account-btn>a.user-profile span {
     margin-right: 10px;
     float: left;
     width: auto;
}
 #page-header .user-account-btn>a.user-profile .glyph-icon, #page-header .control-sidebar {
     width: 28px;
     line-height: 28px;
     height: 28px;
     float: right;
     text-align: center;
     border-radius: 4px;
     font-size: 16px
}

#page-header .control-dropdown {
    width: 50px;
    line-height: 28px;
    height: 28px;
    float: right;
    text-align: center;
    border-radius: 4px;
    font-size: 16px
}
#page-header .control-dropdown .sb-toggle-right .badge {
    position: absolute;
    top: -9px;
    right: -14px;
    z-index: 100;
    background: rgb(68 70 76 / 29%) !important;
}

#page-header .control-dropdown .badge {
    position: absolute;
    top: 6px;
    right: -9px;
    z-index: 100;
    background: rgb(68 70 76 / 29%) !important;
}
 .user-account-btn img {
     border-radius: 100%;
     float: left;
     margin-right: 5px
}
 #header-nav-right {
     float: left;
     margin: 7px 0 0 15px;
}
 #header-nav-right .header-btn, #header-nav-right>.dropdown {
     margin: 0;
     float: left
}
 #header-nav-right .dropdown>a, #header-nav-right .header-btn {
     width: 45px;
     height: 36px;
     line-height: 36px;
     display: block;
     text-align: center;
     position: relative
}
 #header-nav-right .dropdown>a .small-badge, #header-nav-right .header-btn .small-badge {
     display: block;
     border: 0 !important;
     top: 0;
     box-sizing: initial;
     right: 0;
     position: absolute;
     height: 8px;
     width: 8px;
     border-radius: 0 0 0 9px
}
 #header-nav-right .dropdown>a .glyph-icon, #header-nav-right .header-btn .glyph-icon {
     text-align: center;
     font-size: 21px
}
 #header-nav-right .dropdown-menu.float-right {
     right: 8px;
     top: 49px
}
 #header-nav-right a.hdr-btn {
     float: left;
     height: 28px;
     line-height: 28px;
     display: block;
     width: 28px;
     text-align: center;
     background: rgba(255, 255, 255, .05);
     border-radius: 3px;
     margin: 5px 10px 0 0;
     color: rgba(255, 255, 255, .7)
}
 #header-nav-right a.hdr-btn:hover {
     background: rgba(255, 255, 255, .15);
     color: rgba(255, 255, 255, .8)
}
 #mobile-navigation {
     float: left;
     margin: 0;
     position: relative;
     height: 50px;
     padding: 0 5px 0 0;
     text-align: center;
    /* border-right: rgba(255, 255, 255, .15) solid 1px;
     */
}
 #mobile-navigation #nav-toggle {
     height: 45px;
     width: 45px;
     padding: 0;
     position: relative;
    /* border-right: rgba(255, 255, 255, .15) solid 1px;
     */
     float: left;
}
 #mobile-navigation #nav-toggle span {
     left: 5px
}
 #mobile-navigation #nav-toggle span:after, #mobile-navigation #nav-toggle span:before {
     left: 0
}
 #mobile-navigation .logo-content-small {
    /* width: 35px;
     */
     display: block;
     left: 60px;
}
 body #nav-toggle span:after, body #nav-toggle span:before {
     background: #fff
}
 body #nav-toggle.collapsed span, body #nav-toggle.collapsed span:after, body #nav-toggle.collapsed span:before {
     background: rgba(255, 255, 255, .7)
}
 #sidebar.navbar-collapse.in {
     visibility: visible;
     transform: translateX(0px);
     -ms-transform: translateX(0px);
     -o-transform: translateX(0px);
     -webkit-transform: translateX(0px);
     background-color: #fff;
}
 #sidebar.navbar-collapse.in .scroll-sidebar {
     height: auto !important
}
 #sidebar {
     width: 220px;
     float: left;
     position: relative;
     margin-right: -100%;
     z-index: 160;
     overflow-y: auto;
}
 .sidebar-menu {
     margin: 0;
     padding: 5px 10px;
     list-style: none !important;
}
 .sidebar-menu li {
     position: relative;
     margin: 2px 0
}
 .sidebar-menu>li.header {
     font-size: 12px;
     padding: 5px 0;
}
 .sidebar-menu>li.header ul>p {
     text-transform: uppercase;
     font-weight: 700;
     margin-left: 1rem;
     margin-right: 1rem;
     border-bottom: 1px solid #ccc;
}
 @media only screen and (max-width: 740) {
     .sidebar-menu>li.header ul>p {
         margin-left: 0rem;
         margin-right: 0rem;
    }
}
 .sidebar-menu>li.header>i {
     display: none;
}
 .sidebar-menu li a {
     display: block;
     position: relative;
     line-height: 34px;
     height: 34px;
     border-radius: 3px;
     border: 1px solid transparent;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}
 .sidebar-menu>li>a .bs-badge, .sidebar-menu>li>a .bs-label {
     position: absolute;
     top: 9px;
     right: 29px
}
 .sidebar-menu>li>a .bs-badge {
     top: 8px
}
 .sidebar-menu>li.no-menu>a .bs-badge, .sidebar-menu>li.no-menu>a .bs-label {
     right: 10px
}
 #sidebar.navbar-collapse, #page-content-wrapper {
     -webkit-transition: -webkit-transform 0.25s ease-in-out;
     transition: -webkit-transform 0.25s ease-in-out;
}
 #sidebar li a .glyph-icon {
     font-size: 18px;
     line-height: 35px;
     display: block;
     float: left;
     width: 26px;
     height: 36px;
     text-align: center;
     opacity: .3;
     -moz-opacity: .3;
     filter: alpha(opacity: 30)
}
 .overbg {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 0;
     background: rgba(0, 0, 0, 0.6);
     opacity: 0;
     -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
     transition-duration: .2s;
     display: none;
}
 #sidebar li a .glyph-icon {
     opacity: 1;
     -moz-opacity: 1;
     filter: alpha(opacity: 100);
     -webkit-animation-duration: .7s;
     -moz-animation-duration: .7s;
     -o-animation-duration: .7s;
     animation-duration: .7s;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both
}
 #sidebar li a:hover .glyph-icon {
     -webkit-animation-name: swing;
     -moz-animation-name: swing;
     -o-animation-name: swing;
     animation-name: swing
}
 .sidebar-menu li .sidebar-submenu {
     display: none;
     padding: 0;
     width: 100%;
     margin: 10px 0;
     list-style: none;
     border: 1px solid transparent;
     border-radius: 3px
}
 .sidebar-menu li .sidebar-submenu ul {
     list-style: none;
     margin: 0;
     padding: 0
}
 .sidebar-menu li .sidebar-submenu ul li {
     border-bottom: 1px solid;
     margin: 0
}
 .sidebar-menu li ul li:first-child, .sidebar-menu li ul li:first-child a {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px
}
 .sidebar-menu li ul li:last-child, .sidebar-menu li ul li:last-child a {
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px
}
 .sidebar-menu li .sidebar-submenu ul li:last-child {
     border-bottom: 0
}
 #page-content-wrapper {
     float: left;
     height: 100%;
     width: 100%;
     position: relative;
     overflow: auto;
}
 #page-content {
    /* margin-left: 220px;
     */
     padding: 15px 0
}
#page-wrapper.action_update #page-content{
    padding: 15px 15px
}
 #page-title {
    position: relative;
    display: flex;
    justify-content: space-between;
}
 #page-title h2 {
     font-size: 14px;
     text-transform: uppercase;
     padding: 0;
     font-weight: 700 !important;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 1rem;
     margin-top: -5px;
     z-index: 5000;
}
 #page-title p {
     opacity: .6
}
 .boxed-layout {
     background-color: #fafafa
}
 .boxed-layout #page-wrapper {
     background: #fff;
     box-shadow: 2px 2px 20px rgba(0, 0, 0, .12);
     overflow: hidden
}
 .boxed-layout #page-content-wrapper, .boxed-layout #page-header {
     border-left: #fff solid 4px;
     border-right: #fff solid 4px
}
 .boxed-layout #sidebar {
     margin-left: 4px
}
 .boxed-layout .popover {
     min-width: 50px
}
 .boxed-layout .dashboard-box .list-grade {
     display: none
}
 #page-wrapper {
     margin: 0 auto;
     height: 100%;
}
 .fixed-header #page-header {
     position: fixed;
     width: 100%;
     top: 0;
     z-index: 5070;
     -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
     box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
}
 .fixed-header #page-wrapper {
     padding-top: 50px;
     overflow: hidden;
}
 .fixed-sidebar #sidebar {
     position: fixed;
     z-index: 1013;
}
 .fixed-sidebar.closed-sidebar #header-logo {
     width: 100px;
     position: relative;
     margin-left: 0
}
 .fixed-sidebar #sidebar .slimScrollBar {
     border-radius: 0 !important
}
 #header-logo, #sidebar {
     transition: width .7s ease;
     -moz-transition: width .7s ease;
     -webkit-transition: width .7s ease
}
 #page-content, #sidebar {
     transition: margin .7s ease;
     -moz-transition: margin .7s ease;
     -webkit-transition: margin .7s ease
}
 #page-header, #page-wrapper {
     max-width: 3000px;
     transition: max-width .7s ease;
     -moz-transition: max-width .7s ease;
     -webkit-transition: max-width .7s ease
}
 #sidebar {
     -webkit-transition: transform .5s ease;
     -o-transition: transform .5s ease;
     transition: transform .5s ease;
     visibility: visible;
     background-color: #fff;
}
 .closed-sidebar #header-logo {
     width: 100px
}
 .closed-sidebar #header-logo .logo-content-small {
     width: 100px;
     margin-left: 0;
     left: 10px;
     display: block
}
 .closed-sidebar #header-logo .logo-content-big {
     width: 0;
     display: none
}
 .closed-sidebar.fixed-sidebar #page-header {
     padding-left: 0
}
 .t {
     -webkit-transition: transform .5s ease;
     -o-transition: transform .5s ease;
     transition: transform .5s ease
}
 .a {
     transform: translateX(-300px);
     -ms-transform: translateX(-300px);
     -o-transform: translateX(-300px);
     -webkit-transform: translateX(-300px)
}
 label {
     color: #3e4855
}
 #page-title>h2, #page-title>p, h1, h2, h3, h4, h5, h6 {
     font-weight: 300
}
 #page-title>h2 span {
    /* float: left;
    margin-right: 10px;
    display: flex;
    align-items: center;
    height: 32px;
    display: inline-flex;
    min-width: 200px;
    align-items: center;
    padding-left: 10px;
    font-size: 14px; */

    margin-right: 10px;
    align-items: center;
    height: 20px;
    display: block;
    align-items: center;
    padding-left: 10px;
    font-size: 11px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}
#page-wrapper.action_view #page-title>h2 span {
    overflow: inherit !important;
}
#page-wrapper.action_update #page-title>h2 span {
    max-width: 100%;
}
 #page-header .user-account-btn>a.user-profile .glyph-icon, #page-header .control-sidebar {
     background-color: rgba(255, 255, 255, .1);
     color: #fff
}
 #page-header .control-sidebar {
     margin: 12px 0 0 12px;
}
 #page-header .user-account-btn>a.user-profile {
     color: #fff
}
 #header-nav-right .dropdown>a .glyph-icon, #header-nav-right .header-btn .glyph-icon {
     color: rgba(255, 255, 255, .8)
}
 #header-nav-right .dropdown>a:hover .glyph-icon, #header-nav-right .header-btn:hover .glyph-icon {
     color: rgba(255, 255, 255, .95)
}
 #header-nav-right .dropdown>a, #header-nav-right .header-btn {
     border-color: rgba(255, 255, 255, .2)
}
 #page-content {
     background: #fafcfe;
}
 #sidebar ul li.header {
     color: #000
}
 #sidebar ul li.header i {
     font-size: 18px;
     color: #0093d9;
}
 #sidebar ul li a .glyph-icon {
     color: #0093d9;
}
 #sidebar ul li a:hover, #sidebar ul li.sfHover>a.sf-with-ul {
     border-color: #d1d9dd
}
 .sidebar-menu li .sidebar-submenu {
     border-color: #f6f7f8
}
 .sidebar-menu li .sidebar-submenu ul li {
     border-color: #f8f9fa
}
 .sidebar-menu li .sidebar-submenu ul li a:hover {
     background: #fcfdfe
}
 #sidebar.font-inverse ul li.header {
     color: rgba(255, 255, 255, .95)
}
 #sidebar.font-inverse ul li.divider {
     background: rgba(255, 255, 255, .1)
}
 #sidebar.font-inverse .sidebar-menu>li>a {
     color: rgba(255, 255, 255, .62)
}
 #sidebar.font-inverse .sidebar-menu li a:hover, #sidebar.font-inverse .sidebar-menu li.sfHover>a.sf-with-ul {
     border-color: rgba(255, 255, 255, .26);
     color: rgba(255, 255, 255, 0.96)
}
 #sidebar.font-inverse .sidebar-menu li .sidebar-submenu {
     border-color: rgba(255, 255, 255, .08);
     background: rgba(255, 255, 255, .05)
}
 #sidebar.font-inverse .sidebar-menu li a {
     color: rgba(255, 255, 255, .62)
}
 #sidebar.font-inverse .sidebar-menu li a:hover {
     color: rgba(255, 255, 255, .96)
}
 #sidebar.font-inverse#sidebar ul li a .glyph-icon {
     color: rgba(255, 255, 255, .8)
}
 #sidebar.font-inverse#sidebar ul li a:hover .glyph-icon {
     color: rgba(255, 255, 255, 1);
     opacity: .9;
     -moz-opacity: .9;
     filter: alpha(opacity: 90)
}
 #sidebar.font-inverse .sidebar-menu li .sidebar-submenu ul li {
     border-color: rgba(255, 255, 255, .07)
}
 #sidebar.font-inverse .sidebar-menu li .sidebar-submenu ul li a:hover {
     background: rgba(255, 255, 255, .05)
}
 .btn-link, .chosen-disabled .chosen-single, .content-box-header.bg-default>.ui-tabs-nav li>a, .content-box-header.bg-gray>.ui-tabs-nav li>a, .content-box-header.bg-white>.ui-tabs-nav li>a, .content-box-header>.ui-tabs-nav li.ui-tabs-active>a, .pagination>li>a, .pagination>li>span, .table, a, body .content-box-header>.ui-tabs-nav li.ui-tabs-active>a:hover, div.selector {
     color: #5a5a5a
}
 #sidebar ul li.sfHover>a.sf-with-ul, .btn-link:hover, .content-box-header.bg-default>.ui-tabs-nav li>a:hover, .content-box-header.bg-gray>.ui-tabs-nav li>a:hover, .content-box-header.bg-white>.ui-tabs-nav li>a:hover, .features-tour-box h3, .font-primary, .tabs-nav li a:hover, .tabs-nav li.active a, a:hover, table.dataTable th.sorting_asc:after, table.dataTable th.sorting_desc:after {
     color: #0093d9
}
 .border-primary, .btn-primary, .nav>li.active>a, .nav>li.active>a:focus, .nav>li.active>a:hover, .ui-accordion .ui-accordion-header.ui-accordion-header-active, .ui-dialog-buttonset button, .ui-spinner .ui-spinner-button:hover, a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover, a.thumbnail:hover, div[id^=uniform-] span.checked, li.active a.list-group-item, li.active a.list-group-item:focus, li.active a.list-group-item:hover {
     border-color: #0093d9
}
 #loadingbar, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle.collapsed span, .badge-primary, .bg-primary, .bootstrap-switch-primary, .btn-primary, .chosen-container .chosen-results li.active-result.highlighted, .daterangepicker .ranges li.active, .daterangepicker .ranges li.active:hover, .fc-event, .form-wizard>ul>li.active .wizard-step, .irs-line-left, .irs-line-mid, .irs-line-right, .label-primary, .ms-hover.ui-state-focus, .ms-list .ms-hover, .nav>li.active>a, .nav>li.active>a:focus, .nav>li.active>a:hover, .owl-controls .owl-page span, .ui-accordion-header.ui-accordion-header-active, .ui-dialog-buttonset button, .ui-menu li>a:hover, .ui-rangeSlider-bar, .ui-slider-handle, .ui-spinner .ui-spinner-button:hover, .ui-tabs-nav li.ui-state-active.ui-state-hover>a, .ui-tabs-nav li.ui-state-active>a, a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover, div.switch-toggle.switch-on, div[id^=uniform-] span.checked, li.active a.list-group-item, li.active a.list-group-item:focus, li.active a.list-group-item:hover {
     color: #fff;
     background: #0093d9
}
 .font-secondary, .inverse.carousel-wrapper .owl-controls .owl-buttons .owl-next, .inverse.carousel-wrapper .owl-controls .owl-buttons .owl-prev, .post-box .post-title {
     color: #0093d9
}
 .post-box .post-title:hover {
     color: #3e4855
}
 .bg-default, .bg-white.dashboard-box .button-pane, .bg-white.tile-box .tile-footer, .border-default, .bordered-row .form-group, .btn-default, .button-pane, .chosen-container, .chosen-container .chosen-drop, .chosen-container-multi .chosen-choices li.search-choice, .content-box, .content-box-header.bg-default, .content-box-header.bg-gray, .content-box-header.bg-white, .dashboard-buttons .btn, .daterangepicker .calendar-date, .dropdown-menu, .email-body, .fc-state-default, .fc-widget-content, .fc-widget-header, .img-thumbnail, .jvectormap-label, .jvectormap-zoomin, .jvectormap-zoomout, .list-group-item, .mail-toolbar, .mailbox-wrapper .nav-list li a, .minicolors-panel, .ms-container .ms-list, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav-tabs, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .pagination>li>a, .pagination>li>span, .panel, .panel-box.bg-default, .panel-box.bg-gray, .panel-box.bg-white, .panel-content.bg-default, .panel-content.bg-gray, .panel-content.bg-white, .panel-footer, .panel-group .panel-footer+.panel-collapse .panel-body, .panel-group .panel-heading+.panel-collapse .panel-body, .panel-heading, .popover, .popover-title, .posts-list li, .selector i, .table-bordered, .table tr td, .table tr th, .tabs-navigation>ul, .tabs-navigation>ul li.ui-state-hover>a, .tabs-navigation>ul li>a, .thumb-pane, .thumbnail, .timeline-box .tl-item .popover, .timeline-box:before, .ui-accordion .ui-accordion-header, .ui-dialog, .ui-dialog .ui-dialog-titlebar, .ui-dialog-buttonpane, .ui-menu, .ui-spinner .ui-spinner-button, .ui-tabs-nav, div.selector {
     border-color: #dfe8f1
}
 .chosen-container {
     border-color: #ccc;
}
 div[id^=uniform-] span {
     border-color: #cccccc
}
 .divider, .nav-divider, .timeline-horizontal.timeline-box:before {
     background: #dfe8f1
}
 .content-box.border-top {
     border-right-color: #dfe8f1 !important;
     border-bottom-color: #dfe8f1 !important;
     border-left-color: #dfe8f1 !important;
     margin: 15px 0 0 0;
     padding: 15px 0 0 0;
}
 .bg-default, .bg-white.dashboard-box .button-pane, .bg-white.tile-box .tile-footer, .bootstrap-switch-default, .btn-default, .button-pane, .jvectormap-label, .jvectormap-zoomin, .jvectormap-zoomout, .label-default, .mail-toolbar, .panel-footer, .panel-heading, .popover-title, .ui-accordion-header, .ui-dialog .ui-dialog-titlebar, .ui-spinner .ui-spinner-button, div[id^=uniform-] span {
     color: #555a60;
     background-color: #FEFEFF
}
 .irs-diapason, .ui-dialog-buttonpane, .ui-rangeSlider-container, .ui-slider-range {
     background-color: #FEFEFF
}
 .table tr th {
     color: #4b5056;
     background-color: #f9fafe;
     font-size: 11px;
     vertical-align: top;
}
 .btn-default.active, .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, .fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover, .jvectormap-zoomin:hover, .jvectormap-zoomout:hover, .open .dropdown-toggle.btn-default, .open.dropdown-submenu a, .ui-accordion-header.ui-state-hover, .ui-tabs-nav>li.ui-state-hover>a {
     color: #2b2f33;
     border-color: #bfc8d1;
     background-color: #f3f3f9
}
 .btn-default.active .glyph-icon {
     color: #2b2f33 !important
}
 .bsdatepicker td span:hover, .bsdatepicker td.active, .bsdatepicker td.day.active:hover, .bsdatepicker th.next:hover, .bsdatepicker th.prev:hover, .btn-primary.active, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, .daterangepicker .calendar th.next:hover, .daterangepicker .calendar th.prev:hover, .daterangepicker td.active, .daterangepicker td.available.active:hover, .hover-primary:hover, .label-primary[href]:focus, .label-primary[href]:hover, .open .dropdown-toggle.btn-primary, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .ui-accordion-header.ui-accordion-header-active.ui-state-hover.ui-state-hover.ui-state-hover, .ui-dialog-buttonset button:hover, .ui-rangeSlider-bar:active, .ui-rangeSlider-bar:hover, .ui-slider-handle.ui-state-active, .ui-slider-handle.ui-state-hover {
     color: #fff;
     border-color: #0093d9;
     background-color: #0093d9
}
 .bsdatepicker td span, .bsdatepicker td.day:hover, .bsdatepicker tr:first-child th.switch:hover, .chosen-container-multi .chosen-choices li.search-choice, .daterangepicker .ranges li:hover, .daterangepicker td.available:hover, .nav>li>a:focus, .nav>li>a:hover, .pager li>a:focus, .pager li>a:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .selector i, a.list-group-item:focus, a.list-group-item:hover {
     color: #2b2f33;
     background: #eff4f6
}
 .pager li>a:focus, .pager li>a:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
     color: #2b2f33;
     background-color: #f3f3f9
}
 .dropdown-menu .active>a, .dropdown-menu .active>a:focus, .dropdown-menu .active>a:hover, .dropdown-menu li>a:hover {
     color: #fff;
     background: #0093d9
}
 .active>.badge, .active>.bs-badge, .active>.bs-label {
     color: #666 !important;
     background: #fff !important
}
 .active>.glyph-icon, a.list-group-item.active>.glyph-icon, li.active a.list-group-item>.glyph-icon {
     color: #fff !important
}
 .icon-separator {
     border-right: rgba(255, 255, 255, .21) solid 1px;
     background: rgba(255, 255, 255, .2)
}
 .content-box-header.bg-default .icon-separator, .content-box-header.bg-gray .icon-separator, .content-box-header.bg-white .icon-separator, .tile-box.bg-default .tile-header, .tile-box.bg-gray .tile-header, .tile-box.bg-white .tile-header, .tile-box.btn-default .tile-header {
     border-right: #dfe8f1 solid 1px;
     background: rgba(255, 255, 255, .1)
}
 .content-box-header .header-buttons-separator .icon-separator {
     border-right: 0;
     border-left: rgba(255, 255, 255, .21) solid 1px
}
 .content-box-header.bg-default .header-buttons-separator .icon-separator, .content-box-header.bg-gray .header-buttons-separator .icon-separator, .content-box-header.bg-white .header-buttons-separator .icon-separator {
     border-right: 0;
     border-left: #dfe8f1 solid 1px
}
 .header-buttons-separator .icon-separator {
     color: rgba(255, 255, 255, .8)
}
 .header-buttons-separator .icon-separator:hover {
     color: #fff;
     background: rgba(255, 255, 255, .3)
}
 .content-box-header.bg-default .header-buttons-separator .icon-separator, .content-box-header.bg-gray .header-buttons-separator .icon-separator, .content-box-header.bg-white .header-buttons-separator .icon-separator {
     color: rgba(0, 0, 0, .6)
}
 .content-box-header.bg-default .header-buttons-separator .icon-separator:hover, .content-box-header.bg-gray .header-buttons-separator .icon-separator:hover, .content-box-header.bg-white .header-buttons-separator .icon-separator:hover {
     color: rgba(0, 0, 0, .9)
}
 .dashboard-panel .button-pane {
     background: rgba(0, 0, 0, .1) !important
}
 .xchart .color0 .line, .xchart .color0 circle {
     stroke: #0093d9
}
 .xchart .color0 .line .fill {
     pointer-events: none
}
 .xchart .color0 rect {
     fill: #0093d9
}
 .xchart .color0 circle {
     fill: #fff
}
 .xchart .color0 .fill {
     fill: rgba(0, 188, 164, .06)
}
 .xchart .color0.comp .line {
     stroke: #0093d9
}
 .xchart .color0.comp rect {
     fill: #0093d9
}
 .xchart .color0.comp .fill {
     display: none
}
 .xchart .color0.comp .pointer, .xchart .color0.comp circle {
     fill: #0093d9
}
 .xchart .color1 .line, .xchart .color1 circle {
     stroke: #52a7e0
}
 .xchart .color1 .line .fill {
     pointer-events: none
}
 .xchart .color1 rect {
     fill: #52a7e0
}
 .xchart .color1 circle {
     fill: #fff
}
 .xchart .color1 .fill {
     fill: rgba(82, 167, 224, .06)
}
 .xchart .color1.comp .line {
     stroke: #52a7e0
}
 .xchart .color1.comp rect {
     fill: #52a7e0
}
 .xchart .color1.comp .fill {
     display: none
}
 .xchart .color1.comp .pointer, .xchart .color1.comp circle {
     fill: #52a7e0
}
 body .popover.top .arrow:after {
     border-top-color: #dfe8f1
}
 body .popover.right .arrow:after {
     border-right-color: #dfe8f1
}
 body .popover.bottom .arrow:after {
     border-bottom-color: #dfe8f1
}
 body .popover.left .arrow:after {
     border-left-color: #dfe8f1
}
 .alert, .alert-icon, .bootstrap-timepicker-widget table td input, .bsdatepicker, .bsdatepicker td, .bsdatepicker td span, .bsdatepicker th, .btn, .button-pane, .chosen-choices, .chosen-choices li.search-choice, .chosen-container, .chosen-container-single .chosen-search input, .chosen-results li.highlighted, .chosen-single, .content-box, .content-box .ui-widget-overlay.loader, .content-box-closed, .content-box-closed .content-box-header, .dashboard-box, .daterangepicker, .daterangepicker .calendar-date, .daterangepicker .ranges li, .daterangepicker td, .daterangepicker th, .dropdown-menu, .dropdown-submenu.float-left>.dropdown-menu, .dropzone, .form-control, .form-input-icon .glyph-icon, .hero-btn, .icon-boxed, .image-box, .info-box, .info-box-alt, .input, .input-group-addon.addon-inside, .jGrowl-notification, .main-header .main-nav.nav-alt li.sf-mega-menu .sf-mega a, .main-header .main-nav.nav-alt li>ul li a, .main-nav ul li ul li a, .minicolors-panel, .ms-list li, .nav-list, .nav-list-horizontal-alt li a, .nav-tabs.nav-justified>li>a, .nav>li>a, .notifications-box, .pagination, .panel-box, .panel-content, .panel-group .panel, .panel-layout, .popover, .progressbar, .progressbar-value, .sb-slidebar .chat-box li a, .sb-slidebar .popover-title, .selector, .table-rounded, .tile-box, .tile-button, .todo-box li, .tooltip-inner, .ui-accordion, .ui-accordion-header, .ui-button, .ui-corner-all, .ui-dialog, .ui-dialog .ui-dialog-titlebar-close, .ui-dialog-buttonset button, .ui-dialog-titlebar-close, .ui-editRangeSlider-inputValue, .ui-menu li a, .ui-menu-item, .ui-rangeSlider-bar, .ui-rangeSlider-label, .ui-rangeSlider-noArrow .ui-rangeSlider-container, .ui-rangeSlider-withArrows .ui-rangeSlider-container, .ui-tabs, .ui-toolbar input, .ui-toolbar select, div.dataTables_filter input, div[id^=uniform-] span {
     border-radius: 3px
}
 .btn-group-vertical>.btn:first-child, .content-box .content-box-header, .list-group-item:first-child, .nav-list li:first-child a, .notifications-box li:first-child, .panel-heading, .panel>.list-group:first-child .list-group-item:first-child, .popover-title, .post-box textarea, .pricing-title, .tile-header, .ui-dialog .ui-dialog-titlebar, .ui-tabs-nav, .ui-tabs-nav li>a {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px
}
 .list-group-item:last-child, .panel-footer, .panel>.list-group:last-child .list-group-item:last-child, .popover-content, .ui-tabs-nav.tabs-bottom {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px
}
 .irs-line-left, .table-rounded tr:first-child td:first-child, .ui-tabs-nav li:first-child {
     border-top-left-radius: 3px
}
 .fc-state-default.fc-corner-left, .ui-tabs-nav.tabs-bottom li:first-child {
     border-top-left-radius: 0;
     border-bottom-left-radius: 3px
}
 .header-buttons-separator .icon-separator:last-child, .table-rounded tr:first-child td:last-child, .ui-tabs-nav li.float-right:not(:last-child) {
     border-top-right-radius: 3px
}
 .fc-state-default.fc-corner-right, .ui-tabs-nav.tabs-bottom li.float-right:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 3px
}
 .table-rounded tr:last-child td:last-child, .table-rounded tr:last-child th:last-child {
     border-bottom-right-radius: 3px
}
 .input-group-addon.addon-inside+.form-control, .irs-line-left, .table-rounded tr:last-child td:first-child, .table-rounded tr:last-child th:first-child {
     border-bottom-left-radius: 3px
}
 .btn-group-vertical>.btn:last-of-type, .chosen-drop, .chosen-results li.no-results, .content-box .content-box-wrapper, .info-box, .main-nav ul li ul, .nav-list li:last-child a, .nav-tabs-bottom>li>a, .notifications-box li:last-child, .ui-dialog .ui-dialog-buttonpane, .ui-menu {
     border-bottom-right-radius: 3px !important;
     border-bottom-left-radius: 3px !important
}
 .fc-corner-left, .input-append-wrapper .input-append, .nav-tabs-left>li>a, .pagination>li:first-child>a, .pagination>li:first-child>span {
     border-radius: 0;
     border-top-left-radius: 3px !important;
     border-bottom-left-radius: 3px !important
}
 .chosen-container-single .chosen-search i, .chosen-container-single .chosen-single div, .fc-corner-right, .input-append-right .input-append, .nav-tabs-right>li>a, .pagination>li:last-child>a, .pagination>li:last-child>span, .panel-box[class*=' col-xs']+.panel-box[class*=' col-xs'], .selector i {
     border-radius: 0;
     border-top-right-radius: 3px !important;
     border-bottom-right-radius: 3px !important
}
 .btn-group .btn:last-of-type, .btn-group .btn:last-of-type .icon-separator, .icon-separator.float-right, .irs-line-right {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px
}
 .ui-spinner-up {
     border-top-left-radius: 0;
     border-top-right-radius: 3px !important
}
 .ui-spinner-down {
     border-bottom-right-radius: 3px !important;
     border-bottom-left-radius: 0
}
 .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
     border-radius: 0
}
 .btn-group-vertical>.btn:first-child:not(:last-child) {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
}
 .btn-group-vertical>.btn:last-child:not(:first-child) {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-left-radius: 3px
}
 .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn, .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn, .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
     border-radius: 0
}
 .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
}
 .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child, .ui-autocomplete {
     border-top-left-radius: 0;
     border-top-right-radius: 0
}
 .btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle, .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
}
 .btn-group>.btn-group:last-child>.btn:first-child, .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}
 .content-box-header>.icon-separator, .corner-ribbon, .corner-ribbon>a, .corner-ribbon>div, .input-group-addon.addon-inside+.form-control {
     border-top-left-radius: 3px
}
 .corner-ribbon-tr, .corner-ribbon-tr>a, .corner-ribbon-tr>div {
     border-top-right-radius: 3px
}
 .bootstrap-switch .bootstrap-switch-handle-on {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px
}
 .bootstrap-switch .bootstrap-switch-handle-off {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px
}
#left_navigation .wapper-category .item {
    background-color: white;
    padding: 0.3rem 2rem 0.3rem 0.75rem;
    border-bottom: 1px solid;
    position: relative;
}
#left_navigation .wapper-category .item.active {
    background: #D2691E;
    color: #fff;
}
#left_navigation .wapper-category .badge {
    position: absolute;
    right: 2px;
    top: calc(50% - (15px / 2));
}

.wapper-category {
    height: calc(100% - 130px) !important;
    overflow: hidden !important;
}

.group-category[data-collapse="1"] .filter .icon-minus-circle:before {
    content: '\f055';
}
.group-category[data-collapse="1"] .group-item {
    max-height: 0px !important;
    overflow: hidden !important;
    border-bottom: 1px solid #fff;
}

.group-category .group-item::-webkit-scrollbar {
    width: 5px;
}

.group-category .group-item::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

 @media (max-width:1050px) {
     .info-box.icon-wrapper {
         padding-left: 50px
    }
     .info-box.icon-wrapper .icon-large {
         font-size: 70px
    }
     .info-box .stats {
         font-size: 20px
    }
     .info-box b {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis
    }
     #page-header .user-account-btn>a.user-profile span {
         display: none
    }
}
 @media screen and (max-width:650px) {
     .mobile-hidden {
         display: none !important
    }
     .mobile-buttons a.btn {
         display: block;
         float: none;
         min-width: 1px;
         max-width: 100%;
         margin: 0 0 5px
    }
     .heading-1 .heading-content {
         width: 80%
    }
     .heading-1 small {
         overflow: hidden;
         text-overflow: ellipsis
    }
     .content-box .content-box-wrapper {
         padding: 5px
    }
     .popover {
         min-width: 100px !important
    }
     .medium-box, .scrollable-small {
         width: 300px !important
    }
     .chat-box li {
         padding-right: 50px
    }
     .chat-box li.float-left {
         padding-left: 50px
    }
     .chat-box .popover .popover-content {
         font-size: 11px;
         line-height: 1.5em;
         padding: 5px
    }
     .chat-box .chat-author img {
         width: 34px;
         min-width: 34px
    }
     .notifications-box li .notification-text {
         display: block;
         overflow: hidden;
         width: 44%;
         white-space: nowrap;
         text-overflow: ellipsis
    }
     .notifications-box li .notification-time {
         margin: 0
    }
     .messages-box li .messages-text {
         overflow: hidden;
         width: 100%;
         white-space: nowrap;
         text-overflow: ellipsis
    }
}
 @media only screen and (max-width: 740px) {
     .display-usd-rates, .fixed-sidebar.closed-sidebar #header-logo {
         display: none;
    }
}
 @media only screen and (min-width:20em) {
     #header-logo, #theme-options {
         display: none
    }
     #page-content {
         margin-left: 0
    }
}
 @media only screen and (min-width:46.25em) {
     #header-logo, #theme-options {
         display: block
    }
     #header-nav-left {
         margin: 0 20px;
    }
     #mobile-navigation {
         display: none
    }
     .closed-sidebar #sidebar {
         overflow: visible;
    }
     .closed-sidebar #page-content {
         margin-left: 40px;
    }
     .closed-sidebar #sidebar {
         background: #0093d9;
         transform: translateX(-180px) !important;
         ;
         -ms-transform: translateX(-180px) !important;
         ;
         -o-transform: translateX(-180px) !important;
         ;
         -webkit-transform: translateX(-180px) !important;
    }
     .closed-sidebar .sidebar-menu {
         padding: 5px 0;
    }
     .closed-sidebar .sidebar-menu>li.header {
         cursor: pointer;
         position: relative;
         padding: 4px 5px;
    }
     .closed-sidebar .sidebar-menu>li.header ul {
         display: none;
         position: absolute;
         z-index: 9999;
         left: 218px;
         top: 4px;
         width: 240px;
         background-color: #fff;
         padding: 5px 0;
         border-radius: 3px;
         border: 1px solid #0093d9;
         box-shadow: 0 1px 7px 2px rgba(135, 158, 171, .2);
    }
     .closed-sidebar .sidebar-menu>li.header ul:after, .closed-sidebar .sidebar-menu>li.header ul:before {
         right: 100%;
         top: 10px;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
    }
     .closed-sidebar .sidebar-menu>li.header ul:after {
         border-color: rgba(136, 183, 213, 0);
         border-right-color: #fff;
         border-width: 5px;
         margin-top: 0;
    }
     .closed-sidebar .sidebar-menu>li.header ul:before {
         border-color: rgba(194, 225, 245, 0);
         border-right-color: #0093d9;
         border-width: 7px;
         margin-top: -2px;
    }
     .closed-sidebar .sidebar-menu>li.header ul li {
         padding-left: 5px;
         padding-right: 5px;
    }
     .closed-sidebar .sidebar-menu>li.header ul li i {
         display: none !important;
    }
     .closed-sidebar .sidebar-menu>li.header ul li a {
         padding-left: 5px;
    }
     .closed-sidebar .sidebar-menu>li.header:hover ul {
         display: block;
    }
     .closed-sidebar .sidebar-menu>li.header>span {
         display: none;
    }
     .closed-sidebar .sidebar-menu>li.header>i {
         display: block;
         margin-left: 178px;
         border-radius: 3px;
         border: 1px solid transparent;
         padding: 4px 2px;
         width: 35px;
         color: #fff !important;
    }
     .closed-sidebar .sidebar-menu>li.header>i.active, .closed-sidebar .sidebar-menu>li.header:hover>i {
         border-color: #fff;
    }
     #sidebar {
         transform: translateX(0px);
         -ms-transform: translateX(0px);
         -o-transform: translateX(0px);
         -webkit-transform: translateX(0px);
         visibility: visible
    }
     .has-left-nav #page-content {
         margin-left: 220px
    }
     .has-left-nav.closed-sidebar #page-content {
         margin-left: 40px !important;
    }
     .has-left-nav #sidebar {
         position: absolute;
         top: 13rem;
         height: 100vh;
         display: block;
         height: 100%;
        /* z-index: 1000;
         */
         left: -4px;
         border: 0px;
         box-shadow: none;
         opacity: 0;
    }
     .has-left-nav.closed-sidebar #sidebar {
         display: block !important;
         animation: fadeIn 2s forwards 1s;
    }
     body.has-left-nav, body.has-left-nav #page-content-wrapper {
         overflow: hidden;
    }
     .has-left-nav #page-content {
         padding: 15px 0 15px 0px;
    }
     .has-left-nav #sidebar {
         display: none !important;
    }
     #page-content-wrapper #page-title #atcTab {
         display: flex;
         border: 0;
         padding: 0;
         border-bottom: none !important;
         font-size: 12px;
         letter-spacing: 0px;
         text-transform: initial;
         /* padding-left: 50px; */
         height: 100%;
    }
     #page-content-wrapper #page-title #atcTab .nav-link {
         left: 0;
    }
     #page-content-wrapper #atcTab {
         border: 0;
         padding: 0;
         border-bottom: none !important;
    }
     #page-content-wrapper #atcTab {

         border: 0;
         padding: 0;
         border-bottom: none !important;
    }
     #page-content-wrapper #atcTab .nav-link {
         border-width: 0.75rem 0 0.5rem 0;
         border-style: solid;
         border-color: transparent;
         border-bottom: 0 !important;
         background-color: transparent;
         padding: 1rem 1rem 0.5rem;
         color: #000;
         font-weight: bold;
         left: 250px;
    }
     .has-left-nav #page-content-wrapper #atcTab .nav-link {
         border-width: 0.75rem 0 0.5rem 0;
         border-style: solid;
         border-color: transparent;
         border-bottom: 0 !important;
         background-color: transparent;
         padding: 1rem 1rem 0.5rem;
         color: #fff;
         font-weight: bold;
         left: inherit;
    }

     @keyframes fadeIn {
         0% {
             transform: scale(0, 0);
             visibility: visible;
             opacity: 0;
        }
         100% {
             transform: scale(1, 1);
             visibility: visible;
             opacity: 1;
        }
    }
     .has-left-nav #page-content {
         margin-top: 3rem;
          margin-left: 220px !important;
    }
     .has-left-nav #close-sidebar {
         display: none !important;
    }
     .has-left-nav #page-title {
         position: absolute;
         top: -0.3rem;
         width: 100%;
         height: 4.8rem;
         left: 0;
         background: #778899;
     }

     .has-left-nav #page-title h2 {
         position: relative;
         top: 0.5rem;
         color: white;
         letter-spacing: 3px;
         font-size: 12px;
     }
     .has-left-nav #page-title h2>a {
         color: white;
         display: flex;
         /* padding-right: 1vw; */
         min-width: 220px;
    }
     .has-left-nav #page-title .btn-edit {
         position: relative;
         top: 1.5rem;
         right: 2rem;
    }
     .has-left-nav #page-title .wapper-limit-page {
         position: relative;
         top: 1.5rem;
         color: white;
    }
    /* .has-left-nav #page-title .wapper-limit-page .dropdown#datetime-btn{
        top: 3px;
    } */
    .has-left-nav #page-title .wapper-limit-page .filter-btn .btn{
        background-color: white;
        height: 32px;
        line-height: 27px;
        margin-right: 5px;
    }
    .has-left-nav #page-title .pagination {
         background-color: white;
    }
    .has-left-nav #page-title .btn-edit > .btn, .has-left-nav #page-title .btn-edit > .dropdown .filter-btn .btn, .has-left-nav #page-title .btn-edit > .addLink .btn {
        background-color: white;
    }
     .has-left-nav #fake-close-sidebar {
        z-index: 1050;
        font-size: 3rem;
        color: #fff;
        background: #0093d9;
        position: fixed;
        left: 0;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 36px;
    }
     .has-left-nav .main_container {
         width: 100%;
         height: calc(100vh - 100px);
         overflow: auto;
    }
     .has-left-nav #newItem .form-group {
         height: 3rem;
    }
     .nav-group-button {
         width: 100%;
         background: #0093d9;
         height: 3.7rem;
    }
     #left_navigation .item {
         cursor: pointer;
         overflow: hidden;
         text-overflow: ellipsis;
         line-height: 20px;
         word-break: break-all;
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
    }
     #left_navigation .nav-group-button .btn {
         opacity: 1;
         float: right;
         margin: 0.6rem 0.5rem 0.5rem 0;
    }
     #left_navigation {
         height: 97vh;
         overflow: hidden;
         width: 220px;
         background: #f1f1f1;
         position: absolute;
         left: 0;
         z-index: 10;
         transition: all 0.3s ease;
         z-index: 1;
         box-shadow: 0px 0px 5px 0px;
         padding-right: 5px;
    }
    /* #page-content {
         margin-left: 220px
    }
     */
     #sidebar.navbar-collapse {
         display: block
    }
    /* OutSide Detail */
     .mainTable.table-fixed {
         table-layout: fixed !important;
    }
     .mainTable.table-fixed .panel-sticky {
         margin-top: 0;
    }
     .mainTable #itemList {
         padding-top: 1rem;
    }
}
 @media only screen and (max-width:760px) {
     #header-nav-right .dropdown>a {
         width: auto !important;
    }
     .user-branch-btn>a span, #header-nav-right .dropdown>a span {
         display: none
    }
     .fixed-sidebar #page-header {
         padding-left: 0;
    }
     #header-nav-right {
         margin-right: 0;
    }
     .commandDiv {
         left: auto;
         right: -50px;
    }
}
 @media only screen and (max-width:545px) {
     #header-nav-right #chatbox-btn {
         display: none
    }
}
 @media only screen and (max-width:520px) {
     #header-nav-right #fullscreen-btn, #page-header .user-account-btn>a.user-profile span, #page-header .user-account-btn>a.user-profile i {
         display: none
    }
     #header-nav-right {
         margin-left: 5px;
    }
     .popover {
         width: 100%;
         border-radius: 0
    }
     .box-md {
         width: auto
    }
}
 @media only screen and (max-width:460px) {
     .box-sm {
         width: auto
    }
     #page-content {
         padding: 10px
    }
     #page-title {
         padding: 10px 0 15px;
    }
     .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
         margin-bottom: 5px
    }
     .content-box {
         margin-top: 0 !important
    }
     .row.mrg20B {
         margin-bottom: 0 !important
    }
     .timeline-box .popover {
         width: auto
    }
     #page-title p, #progress-btn, .dashboard-box .list-grade, .header-buttons-separator, .todo-box .bs-label, .todo-box .btn, .tooltip .tooltip-arrow {
         display: none
    }
}
 @media only screen and (max-width:410px) {
     #header-nav-right #logout-btn, #notifications-btn {
         display: none
    }
     #header-nav-left {
         float: right
    }
     #header-nav-right {
         margin-right: 0;
         margin-left: 15px;
         float: left
    }
     #page-header .user-account-btn .dropdown-menu {
         top: 65px
    }
     #page-header .user-account-btn .dropdown-menu:after, #page-header .user-account-btn .dropdown-menu:before {
         left: auto;
         right: 24px
    }
}
 .icon32, .icon {
     margin: auto 2px;
}
 .waves-effect.glyphicons, .changeStatus.glyphicons {
     cursor: pointer;
     margin-right: 4px !important;
     margin-left: 4px !important;
     width: 29px !important;
     height: 29px !important;
}
 .waves-effect.glyphicons:before, .changeStatus.glyphicons:before {
     margin-right: auto;
     margin-left: 6px;
     margin-top: 6px;
}
 .notiLoading {
     filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
     filter: alpha(opacity=80);
     opacity: 0.8;
     position: fixed;
     top: 0;
     color: #FFF;
     left: 40%;
     height: auto;
     width: 100px;
     -webkit-border-bottom-right-radius: 8px;
     -webkit-border-bottom-left-radius: 8px;
     -moz-border-radius-bottomright: 8px;
     -moz-border-radius-bottomleft: 8px;
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
     z-index: 9999;
     padding: 5px 8px;
     padding-top: 3px;
     padding-left: 28px;
     display: none;
     background: #000 url(../images/ajax-loaders/ajax-loader-1.gif) 7px 6px no-repeat;
     white-space: nowrap;
}
 .notiLoading span {
     font-weight: bold;
     color: #F00;
}
 .notiLoading img {
     float: left;
     padding-left: 3px;
     padding-top: 4px;
     padding-right: 4px;
}
 #updateMes {
     display: none;
     top: 45px;
     position: fixed;
     right: 5px;
     z-index: 9999;
     white-space: nowrap;
     width: 100px;
}
 .cmdDiv {
     -moz-border-radius: 6px 0 0 0;
     -webkit-border-radius: 6px 0 0 0;
     border-radius: 6px 0 0 0;
     position: fixed;
     text-align: center;
     border-bottom: 0 solid #CCC;
     padding-left: 15px;
     padding-right: 10px;
     padding-bottom: 0;
     bottom: 0;
     z-index: 12;
     right: -1px;
     padding-top: 10px;
     padding-bottom: 4px;
     width: auto !important;
     height: 32px;
     color: #fff;
}
 .opaDiv {
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
     filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
     filter: alpha(opacity=80);
     opacity: 0.8;
     background: #000;
     z-index: 13;
     top: 0;
     width: 100%;
     height: 100%;
     position: fixed;
     display: none;
}
 .cmdDiv a {
     color: #ccc;
}
 .cmdDiv a:hover {
     color: #09F;
}
 .icon12.glyphicons {
     width: 12px;
     height: 12px;
}
 .icon12.glyphicons:before {
     font-size: 12px !important;
}
 .icon.glyphicons {
     width: 16px;
     height: 16px;
}
 .icon.glyphicons:before {
     font-size: 16px !important;
}
.icon.glyphicons.text-white:before {
    color:#fff;
}
 .icon32.glyphicons {
     width: 32px;
     height: 32px;
}
 .icon32.glyphicons:before {
     font-size: 32px !important;
}
 .icon36.glyphicons {
     width: 36px;
     height: 36px;
}
 .icon36.glyphicons:before {
     font-size: 36px !important;
}
 .icon48.glyphicons {
     width: 48px;
     height: 48px;
}
 .icon48.glyphicons:before {
     font-size: 48px !important;
}
 .icon.glyphicons, .icon12.glyphicons, .icon32.glyphicons, .icon36.glyphicons, .icon48.glyphicons {
     margin-left: 3px;
     margin-right: 3px;
}
 .errordiv {
     padding: 10px 12px;
     margin-left: -8px;
     margin-top: -1px;
     font-size: 13px;
     line-height: 20px;
     color: #fff;
     text-align: left;
     vertical-align: middle;
     background-color: #ff8708;
     width: auto;
     min-width: 120px;
     min-height: 24px;
     display: none;
     position: absolute;
     z-index: 9999;
     top: 36px;
     border-radius: 3px;
}
 .errordiv:before {
     position: absolute;
     top: -6px;
     left: 13px;
     display: inline-block;
     border-right: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 7px solid transparent;
     content: '';
}
 .errordiv:after {
     position: absolute;
     top: -6px;
     left: 13px;
     display: inline-block;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #ff8708;
     border-left: 6px solid transparent;
     content: '';
}
 .tooltip-div {
     padding: 3px 10px;
     margin-left: 0;
     margin-top: 0;
     font-size: 10px;
     color: #fff;
     text-align: left;
     vertical-align: middle;
     background-color: #2ecc71;
     width: auto;
     display: none;
     position: absolute;
     right: 0;
     z-index: 9999;
     top: calc(100% + 10px);
     border-radius: 3px;
}
.tooltip-div.fail{
    background-color: #fb0505;
    color: #fff;
}
 .tooltip-div:before {
     position: absolute;
     bottom: 100%;
     right: 10px;
     display: inline-block;
     border-right: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 7px solid transparent;
     content: '';
}
 .tooltip-div:after {
     position: absolute;
     bottom: 100%;
     right: 10px;
     display: inline-block;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #2ecc71;
     border-left: 6px solid transparent;
     content: '';
}
 .textData, .radioData, .checkData, .selectData, .iconData {
     display: none;
     visibility: hidden;
}
 .commandDiv {
     position: fixed;
     height: auto;
     width: auto;
     top: -49px;
     left: 0;
     right: 0;
     z-index: 9999;
     display: block;
     color: #fff;
     padding: 0 10px 5px 5px;
     filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
     filter: alpha(opacity=98);
     opacity: 0.98;
     text-align: center;
}
 span.note {
     font-size: 11px;
     color: #999;
}
 div.note {
     font-size: 11px;
     color: #999;
     margin-top: 2px;
}
 .clear {
     clear: both;
}
 .mainTable td>.form-group:first-child {
     position: absolute;
     right: 5px;
     top: 5px;
}
 .mainTable td>.form-group:first-child button {
     display: none;
}
 .div_admincats {
     width: 210px;
     padding: 5px;
     float: left;
     height: 90px !important;
     display: inline-block;
     margin: 3px 5px;
     text-align: center;
     border: none !important;
     position: relative;
}
 .div_admincats span {
     font-weight: bold;
     font-size: 11px;
}
 .div_admincats .rights div {
     display: inline;
     cursor: pointer;
     width: 27px !important;
}
 .div_admincats .rights .icon {
     top: 1px;
     margin: 0 5px;
     width: 24px;
     height: 28px;
     display: inline-block;
}
 .div_admincats .rights input {
     display: none;
}
 .div_admincats .glyph-icon {
     display: block;
     font-size: 40px;
     color: #0093d9;
     cursor: pointer;
     -webkit-animation-duration: .7s;
     -moz-animation-duration: .7s;
     -o-animation-duration: .7s;
     animation-duration: .7s;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both;
    line-height: 50px;
}
 .div_admincats:hover .glyph-icon {
     -webkit-animation-name: swing;
     -moz-animation-name: swing;
     -o-animation-name: swing;
     animation-name: swing;
}
 .image-wrap {
     margin-bottom: 10px;
     clear: both;
}
 .image-wrap.fl {
     clear: none;
     float: left;
     position: relative;
}
 .image-wrap.fl i.remove {
     position: absolute;
     right: 4px;
     top: -7px;
     z-index: 2;
     cursor: pointer;
     display: none;
     opacity: 0.5;
}
 .image-wrap.fl:hover i.remove {
     display: block;
}
 .image-wrap .image-small, .image-wrap .image {
     position: relative;
     display: table-cell;
     margin-right: 15px;
     padding: 5px;
     width: 122px;
     height: 90px;
     border: 1px solid #dddddd;
     background-color: white;
     vertical-align: middle;
     vertical-align: middle;
     text-align: center;
     float: left;
     margin-bottom: 10px;
     border-radius: 3px;
}
 .image-wrap .image-small .no-image, .image-wrap .image .no-image {
     display: block;
     width: 120px;
     height: 78px;
     position: relative;
     background-color: #f9f9f9;
     color: #c8c8c8;
     display: table-cell;
     vertical-align: middle;
     vertical-align: middle;
     text-align: center;
     border-radius: 3px;
     cursor: pointer;
}
 .image-wrap .image .no-image p {
     margin: auto 10px;
     font-size: 11px;
}
 .image-wrap .image .no-image .delImageIcon {
     position: absolute;
     top: -18px;
     right: -24px;
     display: none;
     opacity: 0.5;
}
 .image-wrap .image:hover .no-image .delImageIcon {
     display: block;
}
 .image-wrap .image-small {
     width: 93px;
     height: 70px;
}
 .image-wrap .image-small .no-image {
     width: 90px;
     height: 53px;
}
 .image-list-ele {
     text-align: center;
     width: 100px;
     float: left;
     margin-right: 10px;
     padding: 5px;
}
 .image-wrap .image-des {
     float: left;
}
 .image-wrap .image-des h2 {
     font-size: 12px;
     font-weight: bold;
     margin: 0;
     margin-top: 2px;
}
 .image-wrap .image-des .file-name {
     height: 23px;
}
 .image-wrap .image-des .file-name div {
     display: none;
}
 .image-wrap .image-des .file-name i, .image-wrap .image-des .file-name p {
     float: left;
     padding: 0;
     margin: 0;
}
 .image-wrap .image-des .file-name i {
     cursor: pointer;
     margin-right: 5px;
     margin-top: 5px;
}
 .image-wrap .image-des .glyphicons.chat {
     margin: 0;
}
 .image-wrap .image-des p {
     line-height: 2em;
     padding: 0;
     margin: 0;
}
 .image-wrap .image .no-image i {
     display: inline-block;
     position: absolute;
     top: 0;
     left: 0;
     margin: auto;
     right: 0;
     bottom: 0;
     z-index: 1;
}
 .image-wrap .image .no-image i:before {
     color: #ccc !important;
}
/* .image-wrap .image .no-image img {
     width: 108px !important;
     height: 72px !important;
}
 */
 .image-wrap .image-small .no-image img {
     width: 80px !important;
     height: 53px !important;
}
 .image-wrap .flash-div .flash-fake {
     z-index: 1;
     position: absolute;
     top: 0;
     left: 0;
     width: 120px;
     height: 88px;
}
 .image-wrap .flash-div .flash-file {
     z-index: 0;
     position: absolute;
     top: 0;
     left: 0;
}
 .image-wrap .selectImage {
     opacity: 0;
     width: 1px;
     height: 1px;
     position: absolute;
}
 .images-list {
     margin-top: 20px;
}
 .ajax-file-upload-statusbar {
     width: 100%;
}
 .ajax-file-upload-statusbar .submitBtn {
     float: right;
     position: absolute;
     top: 3px;
     right: 0;
     display: none !important;
}
 .ajax-file-upload-filename {
     width: 100%;
     height: auto;
     margin: 4px 5px 5px 5px;
     color: #807579;
     display: none;
}
 .ajax-file-upload-error {
     float: right;
     position: absolute;
     top: 8px;
     right: 10px;
}
 .ajax-file-upload-progress {
     margin: 0 10px 5px 10px;
     width: 150px;
     border: 1px solid #ddd;
     padding: 1px;
     height: 29px;
     display: inline-block;
     float: right;
     position: absolute;
     top: 0;
     right: 0;
     border-radius: 3px;
}
 .ajax-file-upload-bar {
     background-color: #00BCA4;
     width: 0;
     height: 25px;
     border-radius: 3px;
}
 .ajax-file-upload-percent {
     position: absolute;
     display: inline-block;
     top: 3px;
     left: 48%
}
 .ajax-file-upload {
     display: inline-block;
     line-height: 28px;
     height: 28px;
     padding-left: 10px !important;
     padding-right: 10px !important;
     padding-bottom: 0 !important;
     margin-right: 10px;
     cursor: default;
     font-weight: bold;
     text-transform: uppercase;
     background-image: none;
     border: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
     color: #fff;
     -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
     box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
     background-color: #ff5252;
}
 .ajax-file-upload .icon {
     display: none;
}
 .ajax-file-upload i {
     margin-top: -2px;
}
 .ajax-upload-dragdrop {
     border: 1px transparent;
     width: 100%;
     color: #333;
     text-align: left;
     vertical-align: middle;
}
 #eventsmessage {
     line-height: 2em;
}
 #startUpload {
     position: absolute;
     top: 12px;
     right: 0;
     display: none;
}
 #page-title .btn {
     margin-left: 5px;
     /* margin-top: -5px; */
     line-height: 22px;
}
 #page-title .btn i {
     font-size: 16px;
}
 .preview_img {
     height: auto !important;
     width: auto !important;
     max-height: 100%;
     max-width: 100%;
     display: block;
     margin: auto;
}
/* jQuery Alert */
 #popup_container {
     min-width: 260px;
    /* Dialog will be no smaller than this */
     max-width: 500px;
    /* Dialog will wrap after this width */
     background: #fbfbfb;
     color: #000;
     padding-bottom: 5px;
}
 #popup_title {
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     line-height: 32px;
     color: #fff;
     cursor: default;
     background: #0093d9;
     padding: 0;
     margin: 0;
}
 #popup_content {
     padding: 1em 1.75em;
     margin: 0;
     position: relative;
}
 #popup_content b.icon {
     position: absolute;
     left: 10px;
     top: 15px;
}
 #popup_content b.glyphicons {
     position: absolute;
     left: 15px;
     top: 20px;
}
 #popup_panel {
     text-align: center;
     margin: 1em 0 0 1em;
     position: relative;
}
 #popup_panel button {
     line-height: 11px;
}
 #popup_prompt {
     margin: .5em 0;
}
 #popup_overlay {
     display: none;
}

#popup_container.confirm_modal{
    background: #fff;
    width: 420px;
    border-radius: 12px;
    padding: 20px 24px 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    position: relative;
}
#popup_container.confirm_modal #popup_title{
    background: transparent;
    color: #000;
    margin: 10px 20px 0px;
    font-size: 18px;
    text-align: left;
}
#popup_container.confirm_modal #popup_ok{
    background: #000;
    color: #fff;
    border: 0 !important;
    padding: 20px 16px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    line-height: 0px;
    text-transform: none;
}
#popup_container.confirm_modal #popup_cancel{
    background: #fff;
    color: #2b1c1c !important;
    border: 1px solid #ccc !important;
    border: 0;
    padding: 20px 16px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    font-weight: 500;
    line-height: 0px;
    text-transform: none;
}
#popup_container.confirm_modal #popup_message{
    margin: 5px 0 24px 0;
    font-weight: 400;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
}
#popup_container.confirm_modal #popup_message b{
    color: #e40b0b;
}
#popup_container.confirm_modal #popup_panel {
    text-align: right;
    margin: 1em 0 0 1em;
    position: relative;
    direction: rtl;
}
#popup_container.confirm_modal #popup_ok span{
    opacity: 1 !important;
}

.select2-hidden-accessible + .select2-container {
    width: 100% !important;
}
 .select2-container .select2-choice {
     border-radius: 3px;
     height: 32px;
     line-height: 28px;
}
 .select2-dropdown-open .select2-choice {
     border-radius: 3px 3px 0 0;
}
 .select2-drop-active {
     border-radius: 0 0 3px 3px;
}

li.select2-results__option:has(> span.option-color) {
    padding: 0;
}
.select2-results__option span.option-color{
    padding: 3px 5px;
    display: block;
}
.select2-selection__rendered:has(> span.option-color) {
    padding: 0 !important;
}

.select2-selection__rendered span.option-color{
    padding: 0 5px;
    display: block;
}

/* Select2 DropDown Menu */
.select2-container--default[data-type='select2-drop-menu'] .select2-results>.select2-results__options
{
    width: 543px;
    min-height: 400px;;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.select2-container--default[data-type='select2-drop-menu'] .select2-dropdown--below,
.select2-container--default[data-type='select2-drop-menu'] .select2-results__option, 
.select2-container--default[data-type='select2-drop-menu'] .select2-results__option--selectable{
    width: 267px !important;
}
.select2-container--default[data-type='select2-drop-menu'] .select2-results>ul.select2-results__options>li.select2-results__option--group:hover strong{
    background-color: #5897fb;
    color: white;
}
.select2-container--default[data-type='select2-drop-menu'] .select2-results>ul.select2-results__options>li.select2-results__option--group strong::after{
    content: "\f105";
    position: absolute;
    right: 11px;
    top: 6px;
    font-family: FontAwesome, serif;

}
.select2-container--default[data-type='select2-drop-menu'] .select2-results__option--group {
    padding: 0;
    width: 267px;
}
.select2-container--default[data-type='select2-drop-menu'] .select2-results__option--group {
    position: relative;
    cursor: pointer;
}

.select2-container--default[data-type='select2-drop-menu'] .select2-results__options--nested {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 999;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    overflow: auto;
    height: 400px;
}

.select2-container--default[data-type='select2-drop-menu'] .select2-results__option.select2-results__option--group:hover > .select2-results__options--nested {
    display: block;
}

.select2-container--default[data-type='select2-drop-menu'] .select2-results__options--nested .select2-results__option {
    padding-left: 10px;
}

@media only screen and (max-width: 1366px){
    .select2-container--default[data-type='select2-drop-menu'] .select2-results>.select2-results__options
    {
        width: 543px;
    }
    .select2-container--default[data-type='select2-drop-menu'] .select2-dropdown--below,
    .select2-container--default[data-type='select2-drop-menu'] .select2-results__option, 
    .select2-container--default[data-type='select2-drop-menu'] .select2-results__option--selectable{
        width: 210px !important;
    }
    .select2-container--default[data-type='select2-drop-menu'] .select2-results__option--group {
        padding: 0;
        width: 210px !important;
    }
}
/* Select2 DropDown Menu */

.timeline-box-left.timeline-box .status-badge {
     left: 14px !important;
     top: 50% !important;
}
 #page-title #frmSearch {
     margin-top: -2px;
     margin-bottom: 5px;
}
 #page-title #frmSearch a i {
     position: absolute;
     top: 5px;
     right: 15px;
}
 #frmSearch button {
     border-color: #fff;
}
 #frmSearch input, #frmSearch input:focus {
     border-color: #fff !important;
}
 #show-wrap-search {
     display: none;
}
 #dashnav-btn .dropdown-menu {
     min-width: 222px;
}
 .treeview div.radio[id^=uniform-]>span {
     margin-top: -3px;
}
 .treeview div[id^=uniform-] {
     margin-right: 5px;
}
 .treeview label {
     margin: 0 !important;
}
 .treeview span.folder, .treeview span.file {
     line-height: 14px !important;
}
 .treeview ul {
     margin: 0 !important;
}
 .accordion-toggle+tr {
     display: none;
}
 .accordion-toggle+tr>td {
     border-top: 0;
     padding-top: 0;
}
 .accordian-body .detail-tab-content .row .row div {
     padding-top: 5px;
     padding-bottom: 5px;
     font-size: 12px;
}
 .accordian-body .detail-tab-content th, .accordian-body .detail-tab-content td {
     font-size: 12px;
}
 .accordian-body .detail-tab-content .info .row div textarea {
     background: #FAFCFE;
}
 .accordian-body .nav>li>a {
     padding: 5px 10px;
}
 .accordian-body .tab-pane .row {
     padding: 5px 10px;
}
 .accordian-body .nav>li.active>a {
     background: #3498db;
}
 .accordian-body .nav>li.active>a {
     border-color: #308dcc;
}
 .accordian-body .nav-tabs>li>a, .accordian-body .nav-tabs {
     border-bottom: 1px solid #308dcc !important;
}
 .accordian-body .row.info.loading {
     background: url(../images/spinner-mini.gif) center center no-repeat
}
 .user-branch {
     float: left;
}
 #page-header .user-branch-btn {
     float: left;
     margin: 12px 0 0
}
 #page-header .user-branch-btn>a.user-branch .glyph-icon {
     background-color: rgba(255, 255, 255, .1);
     color: #fff
}
 #page-header .user-branch-btn>a.user-branch {
     color: #fff
}
 #page-header .user-branch-btn>a.user-branch {
     height: 36px;
     line-height: 28px;
     display: block
}
 #page-header .user-branch-btn>a.user-branch span {
     margin-right: 10px;
     float: left;
     width: auto;
}
 #page-header .user-branch-btn>a.user-branch .glyph-icon {
     width: 28px;
     line-height: 28px;
     height: 28px;
     float: right;
     text-align: center;
     border-radius: 4px;
     font-size: 16px
}
 .debits-red, .debits-red a {
     color: #ff4218 !important;
}
 .debits-green, .debits-green a {
     color: #19c314 !important;
}
 .debits-orange, .debits-orange a {
     color: #faad28 !important;
}
 .debits-blue, .debits-blue a {
     color: #0075ff !important;
}
 .money, .money2, .money3, .money4 {
     text-align: right;
}
/* Typeahead */
 .Typeahead-spinner {
     position: absolute;
     top: 7px;
     right: 7px;
     display: none;
}
 .Typeahead-menu {
     position: absolute;
     z-index: 2;
     display: none;
     width: 95%;
     top: 29px;
     left: 14px;
     margin-bottom: 20px;
     overflow: hidden;
     background-color: #fff;
     -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
     border-radius: 0 0 3px 3px;
     box-shadow: 0 0 0 1px green;
     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
     box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .Typeahead-menu .hint-text {
     padding: 10px;
     text-align: center;
     color: #cccccc;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .Typeahead-menu.is-open {
     display: block;
}
 .Typeahead-selectable {
     cursor: pointer;
}
 .Typeahead-selectable+.Typeahead-selectable {
     border-top: 1px solid #ccd6dd;
}
 .no-border[type="text"] {
     -webkit-box-shadow: inset 0 0 0;
     -moz-box-shadow: inset 0 0 0;
     box-shadow: inset 0 0 0;
     background: transparent;
}
 #header-nav-right .dropdown>a {
     width: 95px;
}
 #header-nav-right .dropdown>a i {
     float: left;
     margin-left: 10px;
}
 #header-nav-right .dropdown>a span {
     color: #fff;
     padding: 5px;
     margin-top: -5px;
     float: left;
}
 #header-nav-right .dropdown>a:hover span {
     color: rgba(255, 255, 255, .95);
}
#header-nav-left .dropdown.show .dropdown-menu, #header-nav-right .dropdown.show .dropdown-menu {
     display: block;
     border: 1px solid #0093d9;
     height: 80vh;
     overflow: auto;
}
#header-nav-left .dropdown.show .dropdown-menu .menu.mnotify{
    height: 100%;
}
#header-nav-left .dropdown-menu.notify .header {
    font-size: 13px;
    font-weight: bold;
    min-width: 270px;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 4px 0 12px 0;
}


#popupNoti {
    width: 450px;
    padding: 2px;
    border-radius: 20px;
    backdrop-filter: blur(20px);
    background: rgba(255,255,255,0.1);
    color: #fff;
    display: flex;
    gap: 15px;
}

#popupNoti .app-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #7b61ff, #5ac8fa);
    border-radius: 12px;
    position: relative;
    font-size: 30px;
    padding: 7px 3px;
}

#popupNoti .badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: white;
    color: #000;
    font-size: 12px;
    border-radius: 50%;
    padding: 4px 7px;
    font-weight: bold;
}

#popupNoti  .notif-content {
    flex: 1;
}

#popupNoti  .notif-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 14px;
    color: #000;
}

#popupNoti .time {
    opacity: 0.8;
    font-size: 13px;
}

#popupNoti  .notif-body {
    font-size: 15px;
    line-height: 1.4;
    color: #000;
}
#header-nav-left .dropdown .slimScrollDiv {
    position: relative;
    width: auto;
    height: 100%;
    overflow: visible !important;
}

.group-process.process-navs .sb-toggle-right{
    min-width: 16px;
    padding: 0;
}
.group-process.process-navs .dropdown.show .dropdown-menu {
    display: block;
    border: 1px solid #0093d9;
    height: 80vh;
    overflow: auto;
}
.group-process.process-navs .dropdown.show .dropdown-menu .menu.mnotify {
    height: 100%;
}

.group-process.process-navs .dropdown:hover .dropdown-menu .menu.mnotify {
    overflow: auto !important;
}
 .nestable-menu.disabled {
     display: none !important;
}
 .nestable-menu {
     display: inline-block !important;
}
 #page-title .treeview .folder {
     font-weight: normal !important;
}
 .mainTable th .chosen-container-single .chosen-single {
     line-height: 22px;
     height: 18px;
     padding: 0 !important;
}
 .mainTable th .chosen-container {
     border: 0;
    /* background: transparent;
     */
     padding: 2px 4px;
     height: 26px;
}
 .mainTable th .chosen-container .chosen-results li:not(.group-result) {
     font-weight: normal;
}
 .mainTable th .chosen-container .chosen-drop {
     top: 25px;
     border-top-width: 1px;
     border-radius: 3px;
     border-color: #0093d9;
}
 .mainTable th .chosen-container.chosen-with-drop .chosen-drop:before {
     position: absolute;
     top: -7px;
     right: 11px;
     display: inline-block;
     content: '';
     border-right: 7px solid transparent;
     border-bottom: 7px solid #0093d9;
     border-left: 7px solid transparent;
}
 .mainTable th .chosen-container.chosen-with-drop .chosen-drop:after {
     position: absolute;
     top: -6px;
     right: 12px;
     display: inline-block;
     content: '';
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
     border-left: 6px solid transparent;
}
 .failed {
     color: #ff0000 !important;
     padding: 5px 0;
     padding-bottom: 0;
     display: block;
     font-size: 12px;
}
 #btn-scrollup {
     position: fixed;
     bottom: 10px;
     right: 10px;
     width: 36px;
     height: 36px;
     line-height: 32px;
     border-radius: 100%;
     background: #0093d9;
     color: #fff;
     text-align: center;
     cursor: pointer;
     z-index: 140;
     display: none;
}
 .options_rate {
     position: relative;
     padding: 5px 0;
}
 .removeItemRate {
     position: absolute;
     right: -5px;
     top: 6px;
     display: none;
}
 .options_rate:hover .removeItemRate {
     display: block;
}
 .checkbox-primary {
     float: left;
     margin-right: 5px;
}
 .removeItem {
     position: absolute;
     right: 5px;
     top: 1px;
     display: none;
}
 .result:hover .removeItem {
     display: block;
}
 .tdright {
     position: relative;
}
 .fixed-sidebar #header-logo {
     width: 100px;
     top: 0;
}
 #mobile-navigation .logo img {
     height: 32px;
     margin-top: 12px;
}
 #header-logo .logo img {
     height: 45px;
     margin-top: 3px;
}
 .fullsceen-modal {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     overflow: hidden;
}
 .fullsceen-modal .modal-dialog {
     position: fixed;
     margin: 0;
     width: 100% !important;
     height: 100% !important;
     padding: 0;
}
 .fullsceen-modal .modal-content {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border-radius: 0;
     box-shadow: none;
}
 .fullsceen-modal .modal-header {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     background: #6598d9;
     border: 0;
}
 .fullsceen-modal .modal-title {
     color: #fff;
}
 .fullsceen-modal .modal-body {
     position: absolute;
     top: 42px;
     bottom: 60px;
     width: 100%;
     font-weight: 300;
     overflow: auto;
}
 .fullsceen-modal .modal-body-tasks {
     position: absolute;
     top: 42px;
     bottom: 0;
     width: 100%;
     font-weight: 300;
     overflow: auto;
}
 .fullsceen-modal .modal-footer {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     background: #f1f3f5;
}
 .excel-angel {
     font-size: 0;
     line-height: 0;
     width: 0;
     border-top: 20px solid #eeeeee;
     border-right: 20px solid #999999;
}
 .excel-top {
     padding: 3px 5px !important;
     height: 21px !important;
     background-color: #eeeeee !important;
     border-right: 1px solid #dbdbdb;
}
 .excel-left {
     background-color: #eeeeee !important;
     text-align: center;
     border-right: 1px solid #dbdbdb;
     width: 10px;
}

.excel-left.data_fail {
    background-color: #e74c3c  !important;
    color: #fff;
}

.excel-selected .excel-cell.data_fail {
    background: #e74c3c !important;
    color: #fff;
}
 .excel-selected .excel-cell {
     background: #e5fcff !important;
}
 .excel-header .excel-cell {
     font-weight: bold;
     background: #008fe2 !important;
     color: #fff !important;
}
 .excel-selected.exists .excel-cell {
     background: #f7b1ae !important;
}
 .excel-selected.notfound .excel-left {
     border-left: 2px solid red;
}
 .progress #person {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     z-index: 99;
}
 tr.updated td:not(:first-child) {
     background: #abfbab !important;
}
 tr.update td:not(:first-child) {
     background: #ffc239 !important;
}
 .excel-cell {
     padding: 3px 5px !important;
     height: 21px !important;
     border-right: 1px solid #dbdbdb;
}
 .selectFile {
     opacity: 0;
     width: 1px;
     height: 1px;
     position: absolute;
}
 .list-col {
     border-right: 1px solid #eee;
}
 tr .list-col:last-child {
     border-right: 1px solid transparent;
}

 .info-header {
     border-top: 2px solid #0f79dd;
     margin-top: 10px;
     position: relative;
}   
.info-header.lock:before {
    font-family: FontAwesome;
    content: "\f023" !important;
    position: absolute;
    top: 2px;
    left: -10px;
    color: #939292;
    font-size: 10px;
}
.info-header-nav {
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}
 .info-header h1 {
     color: #0f79dd;
     font-size: 13px;
     font-weight: bold;
}
 .info-header h1>a {
     color: #0f79dd;
}
 .info-header.green {
     border-top: 2px solid #32bf47;
}
 .info-header.green h1 {
     color: #32bf47;
}
 .Contacts .checkbox {
     margin: auto;
     text-align: center;
     float: none;
     display: inline-block;
}
 .Contacts .checkbox .checker {
     margin-right: 0;
}
 .Contacts.editing .form-text, .Samples.editing .form-text, .PotentialLineCard.editing .form-text, .SpecialPriceRequests.editing .form-text, .BusinessTrip.editing .form-text {
     display: none;
}
 .Contacts.editing .form-control, .Samples.editing .form-control, .PotentialLineCard.editing .form-control, .PotentialLineCard.editing select.select-approve-pi, .SpecialPriceRequests.editing .form-control, .BusinessTrip.editing .form-control {
     display: block !important;
}
 .Contacts .form-text, .Samples .form-text, .PotentialLineCard .form-text, .SpecialPriceRequests .form-text, .BusinessTrip .form-text {
     display: block;
     line-height: 26px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .select-approve-pi {
     max-width: 80px !important;
     width: 80px !important;
     min-width: 80px !important;
}
 .Contacts .form-control, .Samples .form-control, .PotentialLineCard .form-control, .PotentialLineCard select:not(.mycate):not(.select-supplier):not(.select-approve-pi), .SpecialPriceRequests .form-control, .BusinessTrip .form-control {
     display: none !important;
}
 #addTab {
     font-size: 18px;
     cursor: pointer;
}
 .panel-sticky {
     z-index: 0;
}
 .filter-head th {
     position: relative;
     background: #dfe8f1 !important;
     border-bottom: 0 !important;
}
 .filter-head i.remove {
     position: absolute;
     right: 6px;
     top: 8px;
     font-size: 12px;
     opacity: 0.2;
}
 #itemList td {
     position: relative;
}
 #itemList input.expand:focus {
     transition: 400ms;
     width: 250px !important;
     position: absolute;
     top: -1px;
     margin: auto;
     bottom: 0;
     z-index: 99;
     background: #FFF !important;
     border-color: #3da6ff !important;
}
 select.disabled+.chosen-container {
     pointer-events: none;
     cursor: not-allowed !important;
     opacity: .65;
     filter: alpha(opacity: 65);
}
 .sb-toggle-right {
     position: relative;
}
 .sb-toggle-right .badge {
     position: absolute;
     top: -7px;
     right: -7px;
}
 .table-documents img {
     display: block;
     width: 30px;
}
 .tl-row {
     position: relative;
     margin: 8px -5px;
}
 .tl-row:before {
     content: '';
     width: 100%;
     height: 1px;
     background: #ddd;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
}
 .bullet {
     position: relative;
     display: block;
     width: 17px;
     height: 17px;
     border-radius: 100px;
     margin: auto;
}
 .bullet:before {
     display: block;
     content: '';
     border-radius: 100px;
     background: #fff;
     width: 13px;
     height: 13px;
     position: absolute;
     margin: 2px 0 0 2px;
}
 .bullet.checked:after {
     content: '';
     width: 9px;
     height: 5px;
     border-left: 2px solid;
     border-bottom: 2px solid;
     display: block;
     transform: rotate(-45deg);
     position: absolute;
     top: 5px;
     left: 4px;
}
 .bullet.null {
     opacity: 0;
     pointer-events: none;
}
 .bullet.checked.bg-blue:after {
     border-color: #308dcc;
}
 .bullet.checked.bg-green:after {
     border-color: #29b765;
}
 .bullet.checked.bg-black:after {
     border-color: #000;
}
 .bullet.checked.bg-red:after {
     border-color: #cf4436;
}
 .tl-row .day-left {
     position: absolute;
     left: 0;
     top: -7px;
     font-size: 10px;
}
 .input-group-text input.form-control {
     width: 50%;
     float: left;
}
 .input-group-text input.form-control:first-child {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .input-group-text input.form-control:last-child {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .input-group.double-input .form-control, .input-group.double-input .select-status {
     width: 50%;
     border-right-width: 0px;
}
 .input-group.double-input .form-control:nth-child(2) {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
}
 .input-group.double-input .form-control:nth-child(2), .input-group.double-input .select-status:last-child {
     border-right-width: 1px;
}
 .input-group.double-input .form-control:nth-child(1):focus+.form-control:nth-child(2) {
     border-left-color: #0093d9;
}
 .modalTransferQuantity {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 999;
     background: rgba(0, 0, 0, .3);
}
 .modalTransferQuantity .modalTransferContent {
     width: 300px;
     position: absolute;
     top: calc(50% - 92px);
     left: calc(50% - 150px);
     background: #fff;
}
/* treeview vertical */
 .tree-vertical {
     min-height: 20px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
 .tree-vertical ul {
     padding-left: 40px;
}
 .tree-vertical li {
     list-style-type: none;
     margin: 0;
     padding: 10px 0 0 5px;
     position: relative
}
 .tree-vertical li::before, .tree-vertical li::after {
     content: '';
     left: -20px;
     position: absolute;
     right: auto
}
 .tree-vertical li::before {
     border-left: 1px solid #999;
     bottom: 50px;
     height: 100%;
     top: 0;
     width: 1px
}
 .tree-vertical li::after {
     border-top: 1px solid #999;
     height: 20px;
     top: 25px;
     width: 25px
}
 .tree-vertical li span {
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border: 1px solid #999;
     border-radius: 5px;
     display: inline-block;
     padding: 3px 8px;
     text-decoration: none
}
 .tree-vertical li.parent_li>span {
     cursor: pointer
}
 .tree-vertical>ul>li::before, .tree-vertical>ul>li::after {
     border: 0
}
 .tree-vertical li:last-child::before {
     height: 30px
}
 .tree-vertical li.parent_li>span:hover, .tree-vertical li.parent_li>span:hover+ul li span {
     background: #eee;
     border: 1px solid #94a0b4;
     color: #000
}
 .tools {
     width: 130px;
}
 .tools-link {
     display: block;
     width: 65px;
     float: left;
     text-align: left;
     white-space: normal;
     padding: 0 5px;
}
 .tools-link span {
     padding-left: 5px;
}
 #btn-search-mb {
     display: none;
}
 #btn-search-mb, .frm-search {
     margin-top: 11px;
     float: right;
     margin-left: 5px;
}
 .frm-search {
     width: 320px;
}
.frm-module-search {
    width: 320px;
    float: right;
    margin-top: 14px;
    margin-left: 5px;
}
 @media (max-width: 1145px) {
     .frm-search {
         width: 150px;
    }
}
 @media (max-width: 855px) {
     .wrap-search {
         position: fixed;
         top: 50px;
         background: #0093d9;
         padding: 10px;
         left: 0;
         transition: 400ms;
         transform: scaleY(0);
         transform-origin: 0 0;
         opacity: 0;
    }
     .wrap-search .frm-search {
         width: 100%;
         margin: 0;
    }
     #show-wrap-search:checked+.wrap-search {
         transform: scaleY(1);
         opacity: 1;
    }
     #btn-search-mb {
         display: block;
    }
    .frm-module-search {
        width: 24px;
    }

    .frm-module-search component{
        width: 100px;
        display: block;
        max-width: 100px;
        text-overflow: clip;
        text-overflow: ellipsis ellipsis;
    }
    .frm-module-search input{
              border-radius: 3px !important;
    }
    .frm-module-search  .input-group-btn #search_module{
        display: none;
    }
    #frmSearch button {
        background: #fff;
        color: #000;
        border-radius: 50%;
        width: 12px;
        display: flex;
        justify-content: center;
    }
    .frm-module-search.mobile-show  .input-group-btn #search_module{
        display: block;
        position: relative;
        top: 0px;
        right: calc(100% - 10px);
        width: 194px;
        border-radius: 15px 0 0 15px !important;
    }
    
}
 .fullsceen-modal .modal-body-notify {
     top: 60px !important;
}
 .word-break {
     word-break: break-all;
     white-space: normal;
}
 .icon-circle {
     width: 36px;
     height: 36px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     color: #fff;
     text-align: center;
     display: inline-block;
}
 .icon-circle i {
     font-size: 18px;
     line-height: 36px;
}
 .err-noze {
     border-color: red;
}
 .err-multi-qty {
     border-color: orange;
}
 .permission-title {
     color: #204aa9 !important;
     font-weight: bold;
     background: #b6ddff;
     padding: 5px;
}
 .permission-item {
     width: 199px;
     padding: 5px;
     height: 138px;
     text-align: center;
     position: relative;
     float: left;
}
 .permission-item i {
     display: block;
     font-size: 30px;
     color: #0093d9;
     cursor: pointer;
     -webkit-animation-duration: .7s;
     -moz-animation-duration: .7s;
     -o-animation-duration: .7s;
     animation-duration: .7s;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .permission-item:hover i {
     -webkit-animation-name: swing;
     -moz-animation-name: swing;
     -o-animation-name: swing;
     animation-name: swing;
}
 .permission-item .name {
     display: inline-block;
     font-weight: bold;
     min-height: 32px;
     margin: 5px 0;
}
 .permission-item .rights {
     clear: both;
     zoom: 90%;
}
 .permission-item .permission-icon {
     top: 1px;
     margin: 0 5px;
     width: 26px;
     height: 20px;
     line-height: 18px;
     font-size: 15px;
     display: inline-block;
}

.permission-item .permission-icon.fa-return_request, .permission-item .permission-icon.fa-return_admin {
    width: 40px; 
    font-size: 13px;
}
 .permission-item .rights div {
     display: inline-block;
     cursor: pointer;
}
 .permission-item .rights input {
     display: none;
}
 .permission-item .permission-icon.red:before {
     color: #fb3838 !important;
}
.permission-item .permission-icon.blue:before {
    color: #0093D9 !important;
}
 .permission-item .permission-icon.gray:before {
     color: #939393 !important;
}
/* Not return top Chosen */
 .chosen-container .chosen-drop {
     left: 0;
     opacity: 0;
     height: 0;
     overflow: hidden;
}
 .chosen-container.chosen-with-drop .chosen-drop {
     opacity: 1;
     height: auto;
}
/* #.Not return top Chosen */
 #colsModal .modal-dialog.modal-lg {
     width: 100%;
}
 #modal-change-password .modal-body {
     margin: 1rem 0;
}
 #modal-change-password .comment {
     left: 12.5rem;
     top: 1.4rem;
     position: absolute;
}
 #modal-change-password i.fa {
     cursor: pointer;
}
 #modal-change-password .fa.fa-eye.fa-fw {
     position: absolute;
     color: gray;
}
 #modal-change-password .fa.fa-eye.old {
     top: 0.7rem;
     right: 2rem;
}
 #modal-change-password .fa.fa-eye.new {
     top: 0.7rem;
     right: 4rem;
}
 #modal-change-password .condition-password li {
     line-height: 1.4em;
}
 #usd_exchange_bank {
     background: transparent;
     border: 0;
     color: #fff;
}
 #usd_exchange_bank option {
     color: #000;
}
 .box-code {
     display: block;
}
 .box-code i {
     display: none;
     width: 25px;
     min-width: 25px;
     line-height: 25px;
     padding: 0;
}
 .box-code.refresh-code {
     display: flex;
     flex-wrap: nowrap;
     justify-content: space-between;
     align-items: center;
}
 .box-code.refresh-code .form-control {
     width: calc(100% - 27px) !important;
}
 .box-code.refresh-code i {
     display: block;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.highlight-dev {
    background-color: #f3f7f7 !important;
}
.highlight-dev td {
    background: transparent !important;
}
.table-drag tr td:first-child{
    cursor: move;
}

.btn-ap1 {
    position: absolute;
    right: -10px;
    z-index: 2;
    cursor: pointer;
    width: 15px;
    height: 15px;
    top: calc(50% - 10px);
    text-align: center;
    line-height: 15px;
}

/* no-signed */
.shared-approval .div-table.no-signed , #submit-approval-one.no-submit {
    cursor: no-drop;
}

.shared-approval .div-table.no-signed > * {
    pointer-events: none;
}

.shared-approval .div-table-col-status {
    line-height: 12px;
    font-size: 11px;
    cursor: pointer;
    padding: 2px 0;
}
.shared-approval .div-table-row i{
    font-weight: 400;
}
.input-group-link {
	display: flex;
	justify-content: space-between;
}
.input-group-link .input-group-field {
	width: calc(100% - 20px);
	position: relative;
	min-height: 26px;
}
.input-group-link .input-group-addon {
	border-radius: 0 0.3em 0.3em 0 !important;
	border-left: 0;
	position: relative;
	width: 20px;
	min-width: 20px;
}
.input-group-link .input-group-addon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 11px;
}
.input-group-link .form-control,
.input-group-link .select2-container .select2-selection--single {
	border-radius: 0.3em 0 0 0.3em;
}

/* List Old */
#modal-list-old .part-extend {
	display: block;
}
#modal-list-old .process-step .btn:focus {
	outline: none;
}
#modal-list-old .process {
	margin-top: 5px;
	display: table;
	width: 100%;
	position: relative;
	padding: 10px 0;
}
#modal-list-old .process-row:before {
	top: calc(50%);
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #0093d9;
}
#modal-list-old .process-row {
	display: flex;
	gap: 1em;
	border: none !important;
}
#modal-list-old .process-row:after {
	display: none;
}
#modal-list-old .process-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
#modal-list-old .process-step {
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 1;
	padding: 0 30px;
}
#modal-list-old .process-step strong {
	margin-bottom: 10px;
}
#modal-list-old .process-step .btn.active {
	color: #fff;
	border-color: #308dcc;
	background: #52a7e0;
}
#modal-list-old .process-step .btn.active i {
	color: #fff !important;
}
#modal-list-old .process-step p {
	margin-top: 9px;
}
#modal-list-old .btn-circle {
	width: 55px;
	height: 55px;
	text-align: center;
	font-size: 15px;
	border-radius: 50%;
}
#modal-list-old .form-horizontal .control-label .text-danger {
	position: absolute;
	right: 0;
}
#modal-list-old #colsModal {
	z-index: 6001;
}
#modal-list-old #display-type {
	z-index: 6002;
}
#modal-list-old .group-process.process-navs {
	width: auto;
}
#modal-list-old .modal-open .select2-container--open {
	z-index: 6001;
}
/* review document */
.box-review-document {
    padding: 10px;
    width: 100%;
    overflow: auto;
}

#container-table tr:not(.approved) td.release {
    pointer-events: none;
    cursor: no-drop;
}

#container-table tr:not(.approved) td.release::before {
    content: '\f023';
    padding: 3px 0px 0px 10px;
    font-family: 'FontAwesome';
    font-size: 20px;
}

#container-table tr:not(.approved) td.release > div {
    display: none;
}
#notify-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 320px;
    z-index: 9999;
}

.notify-item {
    background: #fff;
    border-left: 4px solid #2196F3;
    padding: 12px 14px;
    margin-bottom: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    cursor: pointer;
    animation: slideIn .3s ease;
}

.notify-title {
    font-weight: 600;
    margin-bottom: 5px;
}

.notify-body {
    font-size: 13px;
    color: #555;
}

@keyframes slideIn {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* display-configuration note tooltip */
.dc-note-tooltip {
	position: absolute;
	z-index: 100000;
	width: min(440px, calc(100vw - 24px));
	max-height: min(340px, calc(100vh - 24px));
	overflow: hidden;
	color: #213042;
	background: #fff;
	border: 1px solid #d8e2ec;
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(15, 35, 56, .22);
	font-size: 12px;
	white-space: normal;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity .14s ease, transform .14s ease;
}

.dc-note-tooltip.is-open {
	opacity: 1;
	transform: translateY(0);
}

.dc-note-tooltip::before {
	position: absolute;
	top: var(--dc-note-arrow-top, 18px);
	width: 10px;
	height: 10px;
	content: "";
	background: #fff;
	border: 1px solid #d8e2ec;
	transform: rotate(45deg);
}

.dc-note-tooltip.is-right::before {
	left: -6px;
	border-top: 0;
	border-right: 0;
}

.dc-note-tooltip.is-left::before {
	right: -6px;
	border-bottom: 0;
	border-left: 0;
}

.dc-note-tooltip-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	border-bottom: 1px solid #edf2f7;
	background: #f8fbfd;
	font-weight: 600;
	color: #0f2438;
}

.dc-note-tooltip-close {
	width: 22px;
	height: 22px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #60758a;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}

.dc-note-tooltip-close:hover {
	background: #e8eef5;
	color: #172b3f;
}

.dc-note-tooltip-content {
	max-height: 258px;
	overflow: auto;
	padding: 12px 14px;
	line-height: 1.58;
	word-break: break-word;
}

/* control-label-required */
.control-label-required {
	padding-right: 10px;
}
.control-label:not(.control-label-required):not(.required):has( + div .form-control[data-required="1"]),
.control-label-required {
	position: relative;
}
.control-label:not(.control-label-required):not(.required):has(+ div .form-control[data-required="1"]) > span[style="color:red"],
.control-label:not(.control-label-required):not(.required):has(+ div .form-control[data-required="1"]) > span.text-danger {
	display: none;
}
.control-label:not(.control-label-required):not(.required):has(+ div .form-control[data-required="1"])::after,
.control-label:not(.control-label-required):not(.required):has(+ div .form-control[data-required-sign="1"]:not([data-required="1"]))::after,
.control-label-required::after {
	position: absolute;
	content: "*";
	right: 0;
	top: calc(50% - 5px);
	width: 10px;
	line-height: 10px;
	text-align: center;
	color: #db0000;
	font-weight: 600;
}
.control-label:not(.control-label-required):not(.required):has(+ div .form-control[data-required-sign="1"]:not([data-required="1"]))::after {
    color: #1c5fa5 !important;
}
.control-label:has(> i) {
	font-weight: 500;
	font-size: 11.5px;
}
.control-label i:not(.fa) {
	display: block;
	font-size: 11px;
	font-weight: 400;
}
/* table-component-responsive */
.table-component-responsive {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
	pointer-events: all;
	scrollbar-color: #8fa7bc #eef3f7;
	scrollbar-width: thin;
}
.table-component-responsive::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}
.table-component-responsive::-webkit-scrollbar-track {
	background: #eef3f7;
	border-radius: 999px;
}
.table-component-responsive::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg, #9fb4c6, #7f9ab1);
	border: 2px solid #eef3f7;
	border-radius: 999px;
}
.table-component-responsive::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(90deg, #7f9ab1, #5f7f99);
}
.table-component-responsive::-webkit-scrollbar-corner {
	background: transparent;
}
/* panel */
.tab-information, .tab-basic-information{
    margin-bottom: 10px;
}
.tab-information .panel-body {
    margin: 0;
}

.main-content-cache .tab-basic-information {
    border: 1px solid #989b9c;
}

.tab-products .panel-body {
    padding: 0;
}

/* option_items_keynum tree settings */
.color-type-detail.is-option-keynum-tree tbody tr {
	background: #fff;
}

.color-type-detail.is-option-keynum-tree tbody tr.dc-option-tree-child {
	background: #f8fbff;
}

.color-type-detail.is-option-keynum-tree tbody tr.dc-option-tree-child td {
	border-top-color: #d9e7f5;
}

.color-type-detail.is-option-keynum-tree .dc-option-name-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

.color-type-detail.is-option-keynum-tree .dc-option-tree-mark {
	--dc-option-tree-depth: 0;
	position: relative;
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	margin-left: calc(var(--dc-option-tree-depth) * 22px);
	border-radius: 6px;
	background: #edf5ff;
	color: #2470b8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.color-type-detail.is-option-keynum-tree .dc-option-tree-mark::before {
	content: "";
	position: absolute;
	left: -16px;
	top: 50%;
	width: 14px;
	border-top: 1px solid #9cb9d6;
	display: none;
}

.color-type-detail.is-option-keynum-tree tr.dc-option-tree-child .dc-option-tree-mark::before {
	display: block;
}

.color-type-detail.is-option-keynum-tree .dc-option-name-wrap .form-control {
	flex: 1 1 auto;
	min-width: 160px;
}

.color-type-detail.is-option-keynum-tree .dc-option-parent-select {
	border-color: #b8c8d8;
	background-color: #fbfdff;
}
/* table-custom-head */
table.table-custom-head thead > tr > th {
	background: #a7c3db !important;
	border-right: 1px solid #c2c2c2 !important;
	border-bottom: 1px solid #c2c2c2 !important;
}
table.table-custom-head thead > tr > th.center {
    text-align: center !important;
}
table.table-custom-head thead > tr > th label {
	font-size: 11.5px !important;
}
table.table-custom-head thead > tr > th label + i {
	font-weight: 400;
	font-size: 11px;
	display: block;
}