/* input(333,1): run-time error CSS1019: Unexpected token, found '@import'
input(333,9): run-time error CSS1019: Unexpected token, found 'url("icheck/minimal/_all.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA")'
input(347,1): run-time error CSS1019: Unexpected token, found '@import'
input(347,9): run-time error CSS1019: Unexpected token, found 'url("icheck/square/_all.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA")'
input(361,1): run-time error CSS1019: Unexpected token, found '@import'
input(361,9): run-time error CSS1019: Unexpected token, found 'url("icheck/flat/_all.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA")'
input(375,1): run-time error CSS1019: Unexpected token, found '@import'
input(375,9): run-time error CSS1019: Unexpected token, found 'url("icheck/line/_all.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA")'
input(389,1): run-time error CSS1019: Unexpected token, found '@import'
input(389,9): run-time error CSS1019: Unexpected token, found 'url("icheck/polaris/polaris.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA")'
input(391,1): run-time error CSS1019: Unexpected token, found '@import'
input(391,9): run-time error CSS1019: Unexpected token, found 'url("icheck/futurico/futurico.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA")' */
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}
.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > :hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/* iCheck plugin skins
----------------------------------- */
@import url("icheck/minimal/_all.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
/*
@import url("icheck/minimal/minimal.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/red.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/green.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/blue.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/aero.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/grey.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/orange.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/yellow.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/pink.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/minimal/purple.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
*/

@import url("icheck/square/_all.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
/*
@import url("icheck/square/square.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/red.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/green.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/blue.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/aero.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/grey.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/orange.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/yellow.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/pink.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/square/purple.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
*/

@import url("icheck/flat/_all.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
/*
@import url("icheck/flat/flat.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/red.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/green.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/blue.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/aero.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/grey.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/orange.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/yellow.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/pink.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/flat/purple.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
*/

@import url("icheck/line/_all.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
/*
@import url("icheck/line/line.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/red.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/green.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/blue.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/aero.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/grey.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/orange.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/yellow.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/pink.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
@import url("icheck/line/purple.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
*/

@import url("icheck/polaris/polaris.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");

@import url("icheck/futurico/futurico.css?v=ijfTd-O09mHbgTDB5iGAUfIDtNA");
/* iCheck plugin Square skin
----------------------------------- */
.icheckbox_square,
.iradio_square {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/square.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square {
    background-position: 0 0;
}
    .icheckbox_square.hover {
        background-position: -24px 0;
    }
    .icheckbox_square.checked {
        background-position: -48px 0;
    }
    .icheckbox_square.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square {
    background-position: -120px 0;
}
    .iradio_square.hover {
        background-position: -144px 0;
    }
    .iradio_square.checked {
        background-position: -168px 0;
    }
    .iradio_square.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square,
    .iradio_square {
        background-image: url(icheck/square/square2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* red */
.icheckbox_square-red,
.iradio_square-red {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/red.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-red {
    background-position: 0 0;
}
    .icheckbox_square-red.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-red.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-red.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-red.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-red {
    background-position: -120px 0;
}
    .iradio_square-red.hover {
        background-position: -144px 0;
    }
    .iradio_square-red.checked {
        background-position: -168px 0;
    }
    .iradio_square-red.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-red.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-red,
    .iradio_square-red {
        background-image: url(icheck/square/red2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* green */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/green.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}
    .icheckbox_square-green.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-green.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-green.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-green.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-green {
    background-position: -120px 0;
}
    .iradio_square-green.hover {
        background-position: -144px 0;
    }
    .iradio_square-green.checked {
        background-position: -168px 0;
    }
    .iradio_square-green.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-green.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url(icheck/square/green2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* blue */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/blue.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
    .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-blue {
    background-position: -120px 0;
}
    .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(icheck/square/blue2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* aero */
.icheckbox_square-aero,
.iradio_square-aero {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/aero.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-aero {
    background-position: 0 0;
}
    .icheckbox_square-aero.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-aero.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-aero.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-aero.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-aero {
    background-position: -120px 0;
}
    .iradio_square-aero.hover {
        background-position: -144px 0;
    }
    .iradio_square-aero.checked {
        background-position: -168px 0;
    }
    .iradio_square-aero.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-aero.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-aero,
    .iradio_square-aero {
        background-image: url(icheck/square/aero2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* grey */
.icheckbox_square-grey,
.iradio_square-grey {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/grey.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-grey {
    background-position: 0 0;
}
    .icheckbox_square-grey.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-grey.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-grey.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-grey.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-grey {
    background-position: -120px 0;
}
    .iradio_square-grey.hover {
        background-position: -144px 0;
    }
    .iradio_square-grey.checked {
        background-position: -168px 0;
    }
    .iradio_square-grey.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-grey.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-grey,
    .iradio_square-grey {
        background-image: url(icheck/square/grey2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* orange */
.icheckbox_square-orange,
.iradio_square-orange {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/orange.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-orange {
    background-position: 0 0;
}
    .icheckbox_square-orange.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-orange.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-orange.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-orange.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-orange {
    background-position: -120px 0;
}
    .iradio_square-orange.hover {
        background-position: -144px 0;
    }
    .iradio_square-orange.checked {
        background-position: -168px 0;
    }
    .iradio_square-orange.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-orange.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-orange,
    .iradio_square-orange {
        background-image: url(icheck/square/orange2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* yellow */
.icheckbox_square-yellow,
.iradio_square-yellow {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/yellow.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-yellow {
    background-position: 0 0;
}
    .icheckbox_square-yellow.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-yellow.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-yellow.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-yellow.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-yellow {
    background-position: -120px 0;
}
    .iradio_square-yellow.hover {
        background-position: -144px 0;
    }
    .iradio_square-yellow.checked {
        background-position: -168px 0;
    }
    .iradio_square-yellow.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-yellow.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-yellow,
    .iradio_square-yellow {
        background-image: url(icheck/square/yellow2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* pink */
.icheckbox_square-pink,
.iradio_square-pink {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/pink.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-pink {
    background-position: 0 0;
}
    .icheckbox_square-pink.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-pink.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-pink.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-pink.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-pink {
    background-position: -120px 0;
}
    .iradio_square-pink.hover {
        background-position: -144px 0;
    }
    .iradio_square-pink.checked {
        background-position: -168px 0;
    }
    .iradio_square-pink.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-pink.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-pink,
    .iradio_square-pink {
        background-image: url(icheck/square/pink2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* purple */
.icheckbox_square-purple,
.iradio_square-purple {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/purple.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-purple {
    background-position: 0 0;
}
    .icheckbox_square-purple.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-purple.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-purple.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-purple.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-purple {
    background-position: -120px 0;
}
    .iradio_square-purple.hover {
        background-position: -144px 0;
    }
    .iradio_square-purple.checked {
        background-position: -168px 0;
    }
    .iradio_square-purple.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-purple.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-purple,
    .iradio_square-purple {
        background-image: url(icheck/square/purple2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* iCheck plugin Square skin, grey
----------------------------------- */
.icheckbox_square-grey,
.iradio_square-grey {
   display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(icheck/square/grey.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-grey {
    background-position: 0 0;
}
    .icheckbox_square-grey.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-grey.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-grey.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-grey.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-grey {
    background-position: -120px 0;
}
    .iradio_square-grey.hover {
        background-position: -144px 0;
    }
    .iradio_square-grey.checked {
        background-position: -168px 0;
    }
    .iradio_square-grey.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-grey.checked.disabled {
        background-position: -216px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-grey,
    .iradio_square-grey {
        background-image: url(icheck/square/grey2x.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}
@font-face {
    font-family: "summernote";
    font-style: normal;
    font-weight: normal;
    src: url("font/summernote.eot?v=ijfTd-O09mHbgTDB5iGAUfIDtNA&0d0d5fac99cc8774d89eb08b1a8323c4");
    src: url("font/summernote.eot?v=ijfTd-O09mHbgTDB5iGAUfIDtNA&#iefix") format("embedded-opentype"),url("font/summernote.woff?v=ijfTd-O09mHbgTDB5iGAUfIDtNA&0d0d5fac99cc8774d89eb08b1a8323c4") format("woff"),url("font/summernote.ttf?v=ijfTd-O09mHbgTDB5iGAUfIDtNA&0d0d5fac99cc8774d89eb08b1a8323c4") format("truetype")
}

[class^="note-icon-"]:before, [class*=" note-icon-"]:before {
    display: inline-block;
    font: normal normal normal 14px summernote;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    speak: none;
    -moz-osx-font-smoothing: grayscale
}

.note-icon-align-center:before, .note-icon-align-indent:before, .note-icon-align-justify:before, .note-icon-align-left:before, .note-icon-align-outdent:before, .note-icon-align-right:before, .note-icon-align:before, .note-icon-arrow-circle-down:before, .note-icon-arrow-circle-left:before, .note-icon-arrow-circle-right:before, .note-icon-arrow-circle-up:before, .note-icon-arrows-alt:before, .note-icon-arrows-h:before, .note-icon-arrows-v:before, .note-icon-bold:before, .note-icon-caret:before, .note-icon-chain-broken:before, .note-icon-circle:before, .note-icon-close:before, .note-icon-code:before, .note-icon-col-after:before, .note-icon-col-before:before, .note-icon-col-remove:before, .note-icon-eraser:before, .note-icon-font:before, .note-icon-frame:before, .note-icon-italic:before, .note-icon-link:before, .note-icon-magic:before, .note-icon-menu-check:before, .note-icon-minus:before, .note-icon-orderedlist:before, .note-icon-pencil:before, .note-icon-picture:before, .note-icon-question:before, .note-icon-redo:before, .note-icon-row-above:before, .note-icon-row-below:before, .note-icon-row-remove:before, .note-icon-special-character:before, .note-icon-square:before, .note-icon-strikethrough:before, .note-icon-subscript:before, .note-icon-summernote:before, .note-icon-superscript:before, .note-icon-table:before, .note-icon-text-height:before, .note-icon-trash:before, .note-icon-underline:before, .note-icon-undo:before, .note-icon-unorderedlist:before, .note-icon-video:before {
    display: inline-block;
    font-family: "summernote";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit
}

.note-icon-align-center:before {
    content: "\f101"
}

.note-icon-align-indent:before {
    content: "\f102"
}

.note-icon-align-justify:before {
    content: "\f103"
}

.note-icon-align-left:before {
    content: "\f104"
}

.note-icon-align-outdent:before {
    content: "\f105"
}

.note-icon-align-right:before {
    content: "\f106"
}

.note-icon-align:before {
    content: "\f107"
}

.note-icon-arrow-circle-down:before {
    content: "\f108"
}

.note-icon-arrow-circle-left:before {
    content: "\f109"
}

.note-icon-arrow-circle-right:before {
    content: "\f10a"
}

.note-icon-arrow-circle-up:before {
    content: "\f10b"
}

.note-icon-arrows-alt:before {
    content: "\f10c"
}

.note-icon-arrows-h:before {
    content: "\f10d"
}

.note-icon-arrows-v:before {
    content: "\f10e"
}

.note-icon-bold:before {
    content: "\f10f"
}

.note-icon-caret:before {
    content: "\f110"
}

.note-icon-chain-broken:before {
    content: "\f111"
}

.note-icon-circle:before {
    content: "\f112"
}

.note-icon-close:before {
    content: "\f113"
}

.note-icon-code:before {
    content: "\f114"
}

.note-icon-col-after:before {
    content: "\f115"
}

.note-icon-col-before:before {
    content: "\f116"
}

.note-icon-col-remove:before {
    content: "\f117"
}

.note-icon-eraser:before {
    content: "\f118"
}

.note-icon-font:before {
    content: "\f119"
}

.note-icon-frame:before {
    content: "\f11a"
}

.note-icon-italic:before {
    content: "\f11b"
}

.note-icon-link:before {
    content: "\f11c"
}

.note-icon-magic:before {
    content: "\f11d"
}

.note-icon-menu-check:before {
    content: "\f11e"
}

.note-icon-minus:before {
    content: "\f11f"
}

.note-icon-orderedlist:before {
    content: "\f120"
}

.note-icon-pencil:before {
    content: "\f121"
}

.note-icon-picture:before {
    content: "\f122"
}

.note-icon-question:before {
    content: "\f123"
}

.note-icon-redo:before {
    content: "\f124"
}

.note-icon-row-above:before {
    content: "\f125"
}

.note-icon-row-below:before {
    content: "\f126"
}

.note-icon-row-remove:before {
    content: "\f127"
}

.note-icon-special-character:before {
    content: "\f128"
}

.note-icon-square:before {
    content: "\f129"
}

.note-icon-strikethrough:before {
    content: "\f12a"
}

.note-icon-subscript:before {
    content: "\f12b"
}

.note-icon-summernote:before {
    content: "\f12c"
}

.note-icon-superscript:before {
    content: "\f12d"
}

.note-icon-table:before {
    content: "\f12e"
}

.note-icon-text-height:before {
    content: "\f12f"
}

.note-icon-trash:before {
    content: "\f130"
}

.note-icon-underline:before {
    content: "\f131"
}

.note-icon-undo:before {
    content: "\f132"
}

.note-icon-unorderedlist:before {
    content: "\f133"
}

.note-icon-video:before {
    content: "\f134"
}

.note-editor {
    position: relative
}

    .note-editor .note-dropzone {
        position: absolute;
        z-index: 100;
        display: none;
        color: #87cefa;
        background-color: white;
        opacity: .95
    }

        .note-editor .note-dropzone .note-dropzone-message {
            display: table-cell;
            font-size: 28px;
            font-weight: bold;
            text-align: center;
            vertical-align: middle
        }

        .note-editor .note-dropzone.hover {
            color: #098ddf
        }

    .note-editor.dragover .note-dropzone {
        display: table
    }

    .note-editor .note-editing-area {
        position: relative
    }

        .note-editor .note-editing-area .note-editable {
            outline: 0
        }

            .note-editor .note-editing-area .note-editable sup {
                vertical-align: super
            }

            .note-editor .note-editing-area .note-editable sub {
                vertical-align: sub
            }

        .note-editor .note-editing-area img.note-float-left {
            margin-right: 10px
        }

        .note-editor .note-editing-area img.note-float-right {
            margin-left: 10px
        }

    .note-editor.note-frame {
        border: 1px solid #a9a9a9
    }

        .note-editor.note-frame.codeview .note-editing-area .note-editable {
            display: none
        }

        .note-editor.note-frame.codeview .note-editing-area .note-codable {
            display: block
        }

        .note-editor.note-frame .note-editing-area {
            overflow: hidden
        }

            .note-editor.note-frame .note-editing-area .note-editable {
                padding: 10px;
                overflow: auto;
                color: #000;
                background-color: #fff
            }

                .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
                    background-color: #e5e5e5
                }

            .note-editor.note-frame .note-editing-area .note-codable {
                display: none;
                width: 100%;
                padding: 10px;
                margin-bottom: 0;
                font-family: Menlo,Monaco,monospace,sans-serif;
                font-size: 14px;
                color: #ccc;
                background-color: #222;
                border: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                box-shadow: none;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
                resize: none
            }

        .note-editor.note-frame.fullscreen {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1050;
            width: 100% !important
        }

            .note-editor.note-frame.fullscreen .note-editable {
                background-color: white
            }

            .note-editor.note-frame.fullscreen .note-resizebar {
                display: none
            }

        .note-editor.note-frame .note-statusbar {
            background-color: #f5f5f5;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px
        }

            .note-editor.note-frame .note-statusbar .note-resizebar {
                width: 100%;
                height: 8px;
                padding-top: 1px;
                cursor: ns-resize
            }

                .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
                    width: 20px;
                    margin: 1px auto;
                    border-top: 1px solid #a9a9a9
                }

        .note-editor.note-frame .note-placeholder {
            padding: 10px
        }

.note-popover.popover {
    max-width: none
}

    .note-popover.popover .popover-content a {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle
    }

    .note-popover.popover .arrow {
        left: 20px !important
    }

.note-popover .popover-content, .panel-heading.note-toolbar {
    padding: 0 0 5px 5px;
    margin: 0
}

    .note-popover .popover-content > .btn-group, .panel-heading.note-toolbar > .btn-group {
        margin-top: 5px;
        margin-right: 5px;
        margin-left: 0
    }

    .note-popover .popover-content .btn-group .note-table, .panel-heading.note-toolbar .btn-group .note-table {
        min-width: 0;
        padding: 5px
    }

        .note-popover .popover-content .btn-group .note-table .note-dimension-picker, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker {
            font-size: 18px
        }

            .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
                position: absolute !important;
                z-index: 3;
                width: 10em;
                height: 10em;
                cursor: pointer
            }

            .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .panel-heading.note-toolbar .btn-group .note-table .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') repeat
            }

            .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .panel-heading.note-toolbar .btn-group .note-table .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') repeat
            }

    .note-popover .popover-content .note-style h1, .panel-heading.note-toolbar .note-style h1, .note-popover .popover-content .note-style h2, .panel-heading.note-toolbar .note-style h2, .note-popover .popover-content .note-style h3, .panel-heading.note-toolbar .note-style h3, .note-popover .popover-content .note-style h4, .panel-heading.note-toolbar .note-style h4, .note-popover .popover-content .note-style h5, .panel-heading.note-toolbar .note-style h5, .note-popover .popover-content .note-style h6, .panel-heading.note-toolbar .note-style h6, .note-popover .popover-content .note-style blockquote, .panel-heading.note-toolbar .note-style blockquote {
        margin: 0
    }

    .note-popover .popover-content .note-color .dropdown-toggle, .panel-heading.note-toolbar .note-color .dropdown-toggle {
        width: 20px;
        padding-left: 5px
    }

    .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
        min-width: 337px
    }

        .note-popover .popover-content .note-color .dropdown-menu .note-palette, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette {
            display: inline-block;
            width: 160px;
            margin: 0
        }

            .note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette:first-child {
                margin: 0 5px
            }

            .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title {
                margin: 2px 7px;
                font-size: 12px;
                text-align: center;
                border-bottom: 1px solid #eee
            }

            .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset {
                width: 100%;
                padding: 0 3px;
                margin: 3px;
                font-size: 11px;
                cursor: pointer;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px
            }

            .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row {
                height: 20px
            }

            .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover {
                background: #eee
            }

    .note-popover .popover-content .note-para .dropdown-menu, .panel-heading.note-toolbar .note-para .dropdown-menu {
        min-width: 216px;
        padding: 5px
    }

        .note-popover .popover-content .note-para .dropdown-menu > div:first-child, .panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child {
            margin-right: 5px
        }

    .note-popover .popover-content .dropdown-menu, .panel-heading.note-toolbar .dropdown-menu {
        min-width: 90px
    }

        .note-popover .popover-content .dropdown-menu.right, .panel-heading.note-toolbar .dropdown-menu.right {
            right: 0;
            left: auto
        }

            .note-popover .popover-content .dropdown-menu.right::before, .panel-heading.note-toolbar .dropdown-menu.right::before {
                right: 9px;
                left: auto !important
            }

            .note-popover .popover-content .dropdown-menu.right::after, .panel-heading.note-toolbar .dropdown-menu.right::after {
                right: 10px;
                left: auto !important
            }

        .note-popover .popover-content .dropdown-menu.note-check li a i, .panel-heading.note-toolbar .dropdown-menu.note-check li a i {
            color: deepskyblue;
            visibility: hidden
        }

        .note-popover .popover-content .dropdown-menu.note-check li a.checked i, .panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i {
            visibility: visible
        }

    .note-popover .popover-content .note-fontsize-10, .panel-heading.note-toolbar .note-fontsize-10 {
        font-size: 10px
    }

    .note-popover .popover-content .note-color-palette, .panel-heading.note-toolbar .note-color-palette {
        line-height: 1
    }

        .note-popover .popover-content .note-color-palette div .note-color-btn, .panel-heading.note-toolbar .note-color-palette div .note-color-btn {
            width: 20px;
            height: 20px;
            padding: 0;
            margin: 0;
            border: 1px solid #fff
        }

            .note-popover .popover-content .note-color-palette div .note-color-btn:hover, .panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover {
                border: 1px solid #000
            }

.note-dialog > div {
    display: none
}

.note-dialog .form-group {
    margin-right: 0;
    margin-left: 0
}

.note-dialog .note-modal-form {
    margin: 0
}

.note-dialog .note-image-dialog .note-dropzone {
    min-height: 100px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 4;
    color: lightgray;
    text-align: center;
    border: 4px dashed lightgray
}

@-moz-document url-prefix() {
    .note-image-input {
        height: auto
    }
}

.note-placeholder {
    position: absolute;
    display: none;
    color: gray
}

.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid black
}

    .note-handle .note-control-selection > div {
        position: absolute
    }

    .note-handle .note-control-selection .note-control-selection-bg {
        width: 100%;
        height: 100%;
        background-color: black;
        -webkit-opacity: .3;
        -khtml-opacity: .3;
        -moz-opacity: .3;
        opacity: .3;
        -ms-filter: alpha(opacity=30);
        filter: alpha(opacity=30)
    }

    .note-handle .note-control-selection .note-control-handle {
        width: 7px;
        height: 7px;
        border: 1px solid black
    }

    .note-handle .note-control-selection .note-control-holder {
        width: 7px;
        height: 7px;
        border: 1px solid black
    }

    .note-handle .note-control-selection .note-control-sizing {
        width: 7px;
        height: 7px;
        background-color: white;
        border: 1px solid black
    }

    .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-se.note-control-holder {
            cursor: default;
            border-top: 0;
            border-left: none
        }

    .note-handle .note-control-selection .note-control-selection-info {
        right: 0;
        bottom: 0;
        padding: 5px;
        margin: 5px;
        font-size: 12px;
        color: white;
        background-color: black;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-opacity: .7;
        -khtml-opacity: .7;
        -moz-opacity: .7;
        opacity: .7;
        -ms-filter: alpha(opacity=70);
        filter: alpha(opacity=70)
    }

.note-hint-popover {
    min-width: 100px;
    padding: 2px
}

    .note-hint-popover .popover-content {
        max-height: 150px;
        padding: 3px;
        overflow: auto
    }

        .note-hint-popover .popover-content .note-hint-group .note-hint-item {
            display: block !important;
            padding: 3px
        }

            .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
                display: block;
                clear: both;
                font-weight: 400;
                line-height: 1.4;
                color: white;
                text-decoration: none;
                white-space: nowrap;
                cursor: pointer;
                background-color: #428bca;
                outline: 0
            }

/*!
 * Copied from fullcalendar.css and updated by Chris
 */

.calendar-env {
  position: relative;
}
.calendar-env:before,
.calendar-env:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.calendar-env:after {
  clear: both;
}
hr + .calendar-env {
  margin-top: -18px;
  border-top: 1px solid #ebebeb;
  margin-left: -20px;
  margin-right: -20px;
}
.calendar-env + hr {
  margin-top: 0px;
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}
.calendar-env .calendar-sidebar,
.calendar-env .calendar-body {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.calendar-env .calendar-sidebar:before,
.calendar-env .calendar-body:before,
.calendar-env .calendar-sidebar:after,
.calendar-env .calendar-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.calendar-env .calendar-sidebar:after,
.calendar-env .calendar-body:after {
  clear: both;
}
.calendar-env .calendar-sidebar-row {
  padding: 0px 25px 20px 20px;
}
.calendar-env > .calendar-sidebar-row.visible-xs {
  padding-bottom: 0;
}
.calendar-env .calendar-sidebar {
  width: 22%;
  background: #f9f9f9;
  border-left: 1px solid #ebebeb;
  position: relative;
}
.calendar-env .calendar-sidebar > h4 {
  padding: 20px;
}
.calendar-env .calendar-sidebar #add_event_form .input-group {
  background: #fff;
}
.calendar-env .calendar-sidebar .form-control {
  height: auto;
}
.calendar-env .calendar-sidebar .calendar-distancer {
  height: 40px;
}
.calendar-env .calendar-sidebar .events-list {
  padding-top: 20px;
  list-style: none;
  margin: 0;
  padding: 5px 25px 5px 20px;
}
.calendar-env .calendar-sidebar .events-list li div {
  display: block;
  padding: 6px 8px;
  margin-bottom: 4px;
  -moz-transition: background 250ms ease-in-out, color 250ms ease-in-out;
  -o-transition: background 250ms ease-in-out, color 250ms ease-in-out;
  -webkit-transition: background 250ms ease-in-out, color 250ms ease-in-out;
  transition: background 250ms ease-in-out, color 250ms ease-in-out;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  background: #ee4749;
  color: #ffffff;
}

.calendar-env .calendar-sidebar .events-list li div a i {
   color: #ffffff;   
}

.calendar-env .calendar-sidebar .events-list li div:hover {
  background: #ec3032;
}
.calendar-env .calendar-sidebar .events-list li div.color-blue {
  background: #21a9e1;
  color: #ffffff;
}
.calendar-env .calendar-sidebar .events-list li div.color-blue:hover {
  background: #1c99cd;
}
.calendar-env .calendar-sidebar .events-list li div.color-green {
  background: #00a651;
  color: #ffffff;
}
.calendar-env .calendar-sidebar .events-list li div.color-green:hover {
  background: #008d45;
}
.calendar-env .calendar-sidebar .events-list li div.color-primary {
  background: #303641;
  color: #ffffff;
}
.calendar-env .calendar-sidebar .events-list li div.color-primary:hover {
  background: #252a32;
}
.calendar-env .calendar-sidebar .events-list li div.color-orange {
  background: #ffae2f;
  color: #ffffff;
}
.calendar-env .calendar-sidebar .events-list li div.color-orange:hover {
  background: #ffa416;
}
.calendar-env .calendar-body {
  width: 100%;
  float: left;
}
.calendar-env .calendar-body-withsidebar {
      width: 78% !important;
}








.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
    font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
    border-color: #ebebeb;
    color: #666666;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
    background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
    background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
    background: #b8e4f5;
    opacity: .3;
    filter: alpha(opacity=30); /* for IE */
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
    display: inline-block;
    font-size: 1.8em;
    line-height: .5em;
    height: .5em; /* will make the total height 1em */
    font-family: "Courier New", Courier, monospace;
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
}

.fc-icon-x:after {
	content: "\000D7";
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #303641;
    background-color: #ffffff;
    border-color: #ffffff;
    border-color: #ebebeb;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
}

.fc-state-default { /* non-theme */
    border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.fc-state-default.fc-corner-right { /* non-theme */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
    position: relative;
    top: .05em; /* seems to be a good adjustment across browsers */
    margin: 0 .1em;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc .fc-state-default {
    color: #333;
}

.fc .fc-state-hover,
.fc .fc-state-down,
.fc .fc-state-active,
.fc .fc-state-disabled {
    color: #333333;
    background-color: #f9f9f9;
}

.fc .fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc .fc-state-down,
.fc .fc-state-active {
    background-color: #f5f5f6;
    border-color: #e5e5e5;
}

.fc .fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
    color: #666666;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
    display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
    margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header {
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: 25px;
	margin-top: 4px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc hr {
    height: 0;
    margin: 0;
    padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
    border-style: solid;
    border-width: 1px 0;
}

.fc-clear {
    clear: both;
}

.fc-bg,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-bg {
    bottom: 0; /* strech bg to bottom edge */ 
}

.fc-agendaWeek-view .fc-day-grid .fc-bg {
    background: #fbfbfb;
}

.fc-bg table {
    height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
}

.fc th {
    text-align: center;
    color: #aaaaaa;
}

.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

.fc td.fc-today {
    border-style: double; /* overcome neighboring borders */
}

.fc th.fc-widget-header {
    padding-top: 3px;
    padding-bottom: 3px;
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
    position: relative;
}

.fc-row .fc-bg {
    z-index: 1;
}

/* highlighting cells */

.fc-row .fc-highlight-skeleton {
    z-index: 2;
    bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton table {
    height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td {
    border-color: transparent;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 3;
    padding-bottom: 1px; /* matches the space between events */
}

.fc-row .fc-helper-skeleton {
    z-index: 4;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    /* see-through to the background below */
    background: none; /* in case <td>s are globally styled */
    border-color: transparent;
    /* don't put a border between events and/or the day number */
    border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
    /* don't put a border between event cells */
    border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
    overflow-y: scroll;
    overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
    position: relative; /* re-scope all positions */
    width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
    overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event,
.fc-event:hover, /* extra precedents over other <a> tag hover styling */
.ui-widget .fc-event { /* extra precedence over jqui theme <a> tag styling */
    position: relative; /* for resize handle and other inner positioning */
    display: block; /* make the <a> tag block */
    border: 1px solid transparent; /* default BORDER color */
    color: #fff; /* default TEXT color */
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    text-decoration: none; /* if it has an href */
    cursor: default;
    font-weight: normal;       /* undo jqui */
    padding: 2px;
}

.fc-event[href],
.fc-event.fc-draggable {
    cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
    margin: 1px 1px 0; /* spacing between events and edges */
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px; /* replace the border with padding */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px; /* replace the border with padding */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
    white-space: nowrap;
    overflow: hidden;
}

.fc-day-grid-event .fc-time {
    font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */

.fc-day-grid-event .fc-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
    right: -3px;
    cursor: e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
    left: -3px;
    cursor: w-resize;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
    text-align: center;
    padding: 27px 29px 14px 29px;
}

.fc-toolbar .fc-left {
    float: left;
}

.fc-toolbar .fc-right {
    float: right;
}

.fc-toolbar .fc-center {
    display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
    float: left;
    margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
    margin-left: 0;
}

/* title text */

.fc-toolbar h2 {
    margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
    margin: 0 29px 0 29px;
}


/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* added by Chris to hide outer vertical lines in the various views */
.fc .fc-month-view td.fc-widget-header,
.fc .fc-agendaWeek-view td.fc-widget-header,
.fc .fc-agendaDay-view td.fc-widget-header { /* purposely only applied to TDs and not THs */
    border-left: 0;
    border-right: 0;
}
/* hides vertical lines in month view */
.fc .fc-month-view td.fc-widget-content {
    border-left: 0;
    border-right: 0;
}

.fc .fc-month-view .fc-day-grid th,
.fc .fc-month-view .fc-day-grid td
{
    border-left: 0;
    border-right: 0;
}




/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* in basicWeek and basicDay views, where we are sure there are no day numbers, ensure
	   a space at the bottom of the cell to allow for day selecting/clicking */
    padding-bottom: 1em;
}

.fc-basic-view tbody .fc-row {
    min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
    padding-top: 2px;
    padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
    text-align: center;
}

.fc-basic-view .fc-week-number span {
    /* work around the way we do column resizing and ensure a minimum width */
    display: inline-block;
    min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 2px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.ui-widget td.fc-axis {
    font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid {
    position: relative; /* so slats/bg/content/etc positions get scoped within here */
    min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
    border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
    z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-highlight-skeleton {
    z-index: 3;
}

.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
}

.fc-time-grid > .fc-helper-skeleton {
    z-index: 5;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-slats td {
    height: 1.5em;
    border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-slats .fc-minor td {
    border-top-style: dotted;
}

.fc-slats .ui-widget-content { /* for jqui theme */
    background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
    position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
    /* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container { /* a div within a cell within the fc-content-skeleton */
    position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
    margin: 0 0 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event {
    position: absolute;
    z-index: 1; /* scope inner z-index's */
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
    /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-time-grid-event {
    overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
    position: relative;
    z-index: 2; /* above the bg */
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}

.fc-time-grid-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: 0;
    /*filter: alpha(opacity=25);*/ /* for IE */
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
    position: absolute;
    z-index: 3; /* above content */
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
    content: "=";
}

/*
Version: 3.5.0 Timestamp: Mon Jun 16 19:29:44 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;

    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100% -22px;
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;

    background: #fff url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat -37px -22px;
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2/select2-spinner.gif?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100%;
    background: url('select2/select2-spinner.gif?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2/select2-spinner.gif?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2/select2-spinner.gif?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2/select2-spinner.gif?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px;
}

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

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2/select2-spinner.gif?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2/select2-spinner.gif?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #fff;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2/select2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}




/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('select2/select2x2.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

/**
 * Select2 Bootstrap 3 CSS v1.4.3
 * Tested with Bootstrap v3.3.1 and Select2 v3.3.2, v3.4.1-v3.4.5, v3.5.1, v3.5.2, master
 * in latest Chrome, Safari, Firefox, Opera (Mac) and IE8-IE11
 * MIT License
 */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
.select2-container.form-control {
  background: transparent;
  box-shadow: none;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.42857;
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 3px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 46px;
  line-height: 1.33;
  border-radius: 6px;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 44px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: none;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #8a6d3b;
}
.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning.select2-drop-active {
  border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #a94442;
}
.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error.select2-drop-active {
  border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #3c763d;
}
.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success.select2-drop-active {
  border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #66afe9;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-drop-active {
  border-color: #66afe9;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #66afe9;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  background: white;
  filter: none;
}
.input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 3px !important;
}
.input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 6px !important;
}
.input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 3px !important;
}
.input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 6px !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: white;
  background-color: #337ab7;
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #555555;
  background: white;
  border-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #ebebeb;
  border-color: #adadad;
  color: #333333;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%;
}

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%;
}

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fcf8e3;
  color: #8a6d3b;
}

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #cccccc;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choices .select2-arrow,
.select2-container.select2-container-disabled .select2-choices div {
  background-color: transparent;
  border-left: 1px solid transparent;
  /* 2 */
}

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */
}

/**
 * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,
 * ensure that .select2-offscreen width, height and position can not be overwritten.
 *
 * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which -
 * in combination with Select2's pre-v3.4.2 CSS missing the "!important" after
 * the following rules - allow Bootstrap to overwrite the latter, which results in
 * the original <select> element Select2 is replacing not be properly being hidden
 * when used in a "Bootstrap Input Group with Addon".
 **/
.select2-offscreen,
.select2-offscreen:focus {
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.45
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@charset "UTF-8";
/* 2025 CHANGES */
/*$brand-selected-color: #009add;*/
/*default*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* box-sizing: border-box; --*/
}

html,
body {
  height: 100%;
  overflow-x: hidden;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  direction: ltr;
  font-size: 13px;
  /*Changed by JG to see how it looks*/
  background: #ffffff;
  color: #444444;
}

body.dashboard {
  background: #F3F3F3;
}

/* #endregion  */
/* ---------------------------------------------------------------------- */
/*	#region Basic Elements & Classes
/* ---------------------------------------------------------------------- */
a:link, a:visited {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-style: dotted;
}

a,
a:hover,
a:active {
  outline: 0 !important;
  text-decoration-style: solid;
}

a:focus {
  outline: 2px solid #333333 !important;
  outline-offset: 5px;
}

h1, .h1 h2,
.h2,
h3, .h3,
h4, .h4 {
  font-weight: 550;
}

h5 {
  margin-top: 20px;
}

h1 {
  font-size: 28px;
  font-weight: 550;
}

h3 {
  font-size: 20px;
  letter-spacing: -0.5px;
}

h4, .h4 {
  font-size: 16px;
}

h1 small {
  font-size: 54%;
  font-weight: 200;
}

.form-group + h3 {
  padding-top: 2rem;
}

.fa {
  font-size: 14px;
}

.fa-lg {
  font-size: 1.33333em;
}

.fa-2x {
  font-size: 1.5em;
}

.fa-3x {
  font-size: 2.25em;
}

.fa-4x {
  font-size: 3em;
}

.meta {
  /* lighter colour used for sub data */
  color: #666666;
}

/* #endregion  */
/* ---------------------------------------------------------------------- */
/*	#region Generic Classes
/* ---------------------------------------------------------------------- */
.no-padding {
  padding: 0 !important;
}

.padding-bottom-sm {
  margin-bottom: 5px !important;
}

.margin-right-md {
  margin-right: 10px !important;
}

.no-left-padding {
  padding-left: 0 !important;
}

.no-right-padding {
  padding-right: 0 !important;
}

.no-top-padding {
  padding-top: 0 !important;
}

.no-bottom-padding {
  padding-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-left-margin {
  margin-left: 0 !important;
}

.no-right-margin {
  margin-right: 0 !important;
}

.no-top-margin {
  margin-top: 0 !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.no-display {
  display: none;
}

.example {
  margin: 15px 0;
  padding: 14px 19px;
}

.widget {
  -moz-box-sizing: content-box;
  color: #333;
  margin-bottom: 30px;
  padding: 10px 12px;
  position: relative;
}

.teamcolourpicker {
  height: 35px;
  line-height: 35px;
}

.teamcolourpicker-icon {
  margin-left: 35px;
}

.simplecolorpicker {
  margin-top: 6px !important;
}

.margin-top-releasenotes {
  margin-top: 15px;
}

.releasenote-build-tag {
  margin-top: 12px;
  margin-right: 20px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-right-sm {
  margin-right: 6px;
}

.margin-top-md {
  margin-right: 10px;
}

.margin-right-md {
  margin-right: 10px;
}

.padding-right-sm {
  padding-right: 6px;
}

.padding-top-md {
  padding-right: 10px !important;
}

.space5 {
  display: block;
  margin-bottom: 5px !important;
  clear: both;
}

.space7 {
  margin-bottom: 7px !important;
  clear: both;
}

.space10 {
  margin-bottom: 10px !important;
  clear: both;
}

.space12 {
  margin-bottom: 12px !important;
  clear: both;
}

.space15 {
  margin-bottom: 15px !important;
  clear: both;
}

.space20 {
  margin-bottom: 20px !important;
  clear: both;
}

.circle-img {
  border-radius: 50%;
}

.center {
  text-align: center;
}

/* .right {
    text-align: right;
} */
.fixed {
  position: fixed;
  z-index: 999;
}

.text-really-muted {
  color: #ccc;
}

.strong {
  font-weight: bold;
}

.well {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #EBECF0;
  padding: 19px 19px 15px;
  border-radius: 8px;
}

.well address:last-child {
  margin-bottom: 0;
}

.rule {
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 5px;
}

.img-center img,
.img-center #timeChart,
.img-center #activitiesChart {
  margin-left: auto;
  margin-right: auto;
}

.avatar-sml {
  width: 32px;
  height: 32px;
}

.avatar-med {
  width: 50px;
}

.avatar-lge {
  width: 65px;
  height: 65px;
}

.avatar-xlg {
  width: 80px;
  height: 80px;
}

.avatar-original {
  width: 160px;
  height: 160px;
}

.tooltip {
  z-index: 2000 !important;
  line-height: 1.2;
}

/*.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.red-tooltip + .tooltip.top > .tooltip-arrow {background-color: #f00;}*/
a.no-underscore:hover {
  text-decoration: none !important;
}

.sortableHandle {
  cursor: move;
}

.blink_me {
  -webkit-animation: blinker 1s linear infinite;
          animation: blinker 1s linear infinite;
}

@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.report-icon-container {
  width: 20px;
  display: inline-block;
  margin-right: 8px;
}

.help-modal-body {
  height: 400px;
  overflow-y: auto;
}

.releasenote-tag {
  width: 100px !important;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 300 !important;
  font-size: 10px !important;
}

.label-info.releasenote-tag {
  background-color: #3a9cde !important;
}

.hide-onload {
  display: none;
}

.spinner-row {
  height: 100px;
}

.authtools-spinner-div {
  margin: 20px;
}

.authtools-spinner-div .spinner {
  display: block;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region FORMS (needs reviewing)
/* ---------------------------------------------------------------------- */
textarea,
textarea.form-control,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select[multiple],
select[size] {
  background-color: #FFFFFF;
  border: 1px solid #c1c4d3;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.2;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea:hover,
textarea.form-control:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=date]:hover,
input[type=month]:hover,
input[type=time]:hover,
input[type=week]:hover,
input[type=number]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=color]:hover,
select[multiple]:hover,
select[size]:hover,
select.form-control {
  border-color: #868CA8;
}

label {
  font-weight: 400;
}

.form-horizontal {
  padding-right: 1px;
}
.form-horizontal .control-label {
  text-align: left;
}
.form-horizontal .control-label.required:after {
  content: " *";
  color: red;
}

.input-sm,
select.input-sm {
  height: 32px;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 6px;
  border-color: #c1c4d3;
}

.input-sm-minheight,
select.input-sm-minheight {
  min-height: 30px !important;
  height: auto !important;
}
.input-sm-minheight .select2-choices,
select.input-sm-minheight .select2-choices {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.input-icon,
.input-help {
  display: block;
  position: relative;
}

.input-icon > input {
  padding-left: 28px;
  padding-right: 6px;
}

.input-icon.input-icon-right > input {
  padding-left: 6px;
  padding-right: 25px;
}

span.input-help > input {
  padding-left: 30px;
  padding-right: 6px;
}

.input-icon > [class*=fa-],
.input-icon > [class*=clip-] {
  bottom: 0;
  color: #909090;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  left: 5px;
  line-height: 35px;
  padding: 0 3px;
  position: absolute;
  top: 0;
  z-index: 2;
}

.input-icon.input-icon-right > [class*=fa-],
.input-icon.input-icon-right > [class*=clip-] {
  left: auto;
  right: 4px;
}

.input-icon > input:focus + [class*=fa-],
.input-icon > input:focus + [class*=clip-] {
  color: #557799;
}

.input-icon > .input-sm + [class*=fa-],
.input-icon > .input-sm + [class*=clip-] {
  line-height: 30px;
}

.help-button {
  background-color: #65BCDA;
  border-radius: 100% 100% 100% 100%;
  color: #FFFFFF;
  cursor: default;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  padding: 0;
  text-align: center;
  width: 20px;
  line-height: 20px;
  top: 7px;
  left: 7px;
}

.help-button:before {
  content: "\f128";
  display: inline;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  height: auto;
  text-shadow: none;
  font-style: normal;
}

select.form-control {
  background-color: #FFFFFF;
  border: 1px solid #c1c4d3;
  border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 13px;
}

select.form-control option {
  padding: 3px 4px;
}

.form-control.search-select {
  padding: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

select.user-access-select {
  width: 100%;
  overflow-x: scroll;
}

select.user-access-select-h100 {
  width: 100%;
  height: 100%;
}

.limiterBox {
  border-top: 0;
  background-color: #65BCDA !important;
  padding: 3px 6px;
  font-size: 12px;
  color: #FFF;
  margin-top: 6px;
}

.limiterBox:after {
  display: none;
}

.limiterBox:before {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -8px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent;
  border-style: solid;
  border-bottom-color: #65BCDA;
  border-width: 0 8px 8px;
}

textarea.form-control {
  width: 100%;
  height: 80px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #c1c4d3;
}

textarea.form-control:hover {
  border-color: #B5B5B5;
}

textarea.autosize {
  vertical-align: top;
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
}

.radio label.radio-inline,
.checkbox label.checkbox-inline {
  display: inline-block;
}

.radio-inline,
.radio-inline + .radio-inline,
.checkbox-inline,
.checkbox-inline + .checkbox-inline {
  margin-right: 10px !important;
  margin-top: 5px !important;
  margin-left: 0 !important;
  margin-bottom: 5px !important;
}

.checkbox-inline {
  padding: 0;
}

.add-another-checkbox {
  padding-top: 8px !important;
  margin-right: 10px;
  margin-left: -8px;
}

.add-another-label {
  padding-top: 10px !important;
}

.form-horizontal .checkbox-inline {
  padding-top: 0;
}

/* simulate hover behaviour for focus */
/*.icheckbox_square-grey.focus {
    background-position: -24px 0;
}*/
.icheck-margin .icheck-item {
  margin-top: 5px;
  display: inline-block !important;
}

.icheck-margin label {
  margin-top: 7px;
  padding-left: 8px;
  display: inline-block !important;
}

.icheckbox-container {
  padding-top: 8px !important;
  margin-right: 10px;
  margin-left: 2px;
  display: inline-block !important;
}

.icheck-list label {
  vertical-align: top !important;
  padding-left: 6px;
  padding-top: 3px !important;
}

.icheck-wrapper label {
  padding-top: 2px;
  cursor: pointer;
}

.icheck-wrapper div {
  vertical-align: top;
}

.icheck-wrapper div + label {
  padding-left: 3px;
}

.icheck-wrapper label + div {
  padding-right: 3px;
}

.icheck-wrapper .terms-label {
  padding-top: 0;
  padding-bottom: 10px;
  vertical-align: middle;
}

.icheck-control-label {
  padding-top: 3px !important;
}

.radio label,
.checkbox label {
  margin-bottom: 5px;
}

.icheck-enabledmeters {
  margin-top: 5px !important;
}

.checkbox-table {
  display: inline-block;
  margin: 2px 0 0 0;
  padding-left: 20px;
  line-height: 10px;
}

.checkbox-table label {
  margin-bottom: 0;
}

.help-inline {
  margin-top: 6px;
  color: #737373;
}

.help-block.error {
  color: #B94A48;
}

.symbol.required:before {
  content: "*";
  display: inline;
  color: #E6674A;
}

.symbol.ok:before {
  content: "\f00c";
  display: inline;
  font-family: "Font Awesome 6 Pro";
  color: #468847;
}

.has-error .note-editor,
.has-error .cke_chrome {
  border-color: #B94A48 !important;
}

.note-editor {
  border-radius: 3px;
}

.form-group {
  margin-bottom: 13px;
}
.form-group .control-label.required:after {
  content: " *";
  color: red;
}

.form-group:last-child {
  margin-bottom: 0;
}

.form-group .text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 7px;
}

fieldset legend {
  font-size: 16px;
}

.tag-customfields fieldset {
  margin-top: 32px;
}

.input-group-addon {
  border-radius: 3px;
}

.input-group .popover input.form-control {
  /* where form fields are used within popovers (which in themselves sit within inputgroups) */
  border-radius: 3px !important;
}

/* validation */
.has-success .form-control,
.has-success input.form-control:hover {
  border-color: #3c763d;
}

.has-error .form-control,
.has-error input.form-control:hover {
  border-color: #a94442;
}

.form-control-feedback {
  font-size: 16px;
  line-height: 32px !important;
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 0;
}

.input-validation-error, .selectWoo-validation-error {
  border: solid 1px #a94442 !important;
}

/*used so when we need to manually apply validation as normal validation removes this class once its been set*/
.input-validation-error2 {
  border: solid 1px #a94442 !important;
}

.input-validation-error:focus, .selectWoo-validation-error:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483 !important;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483 !important;
}

/* styling of placeholder text in input fields - all browsers are catered for (that support it) */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999 !important;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999 !important;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999 !important;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999 !important;
}

input[type=text].typeahead-input-todo {
  background-color: #FFFFFF;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.2;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=text].typeahead-input-todo:hover {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}

/* Compatibility with font-awesome 3 */
.font-awesome-dropdownlist {
  font-family: "Font Awesome 6 Pro";
  color: #666666;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Bootstrap overrides & customs - ROWS
/* ---------------------------------------------------------------------- */
.row {
  margin-bottom: 6px;
}

.row.full-height {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}

.row.row-full-width {
  margin-left: -29px;
  margin-right: -29px;
}

/* remove negative margins from nested rows */
.row.row-full-width .row.row-nomargins {
  margin-left: 0;
  margin-right: 0;
}

/* overrding bootstrap to remove padding when a single column is used with the full-width row */
.row.row-full-width > .col-sm-48 {
  padding: 0;
}

.row.row-full-width > div[class^=col-]:first-child {
  padding-left: 0;
}

.row.row-full-width > div[class^=col-]:last-child {
  padding-right: 0;
}

.row-full-width .no-tabs {
  border-bottom: 1px solid #E8E8E8;
}

.row.row-full-width-left {
  margin-left: -20px;
}

/* full width rows within a tabbed area */
.tab-content .row.row-full-width {
  margin-left: -29px;
  margin-right: -29px;
}

.tab-content .row.row-full-height {
  margin-top: -27px;
}

/* used when cols are used directly inside cols, i.e. when we're using side-by-side form fields in modals, which need to respond correctly */
.col-within-col-compensate {
  padding-left: 0;
  padding-right: 0;
}

.contact-details-container {
  margin-bottom: 10px;
}

.row.row-no-bottom-margin {
  margin-bottom: 0px !important;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/* #region PageContainer & Sidebar
/* ---------------------------------------------------------------------- */
#enrollment-modal {
  top: 30% !important;
}

#enrollmentadd-form {
  min-height: 500px;
}

#reforecast-modal {
  min-height: 600px;
}

#modal_loader {
  /* modal loader */
  min-height: 600px;
  position: relative;
  width: 100%;
  background-color: #ffffff;
}

#modal_loader .loader {
  width: 100%;
  text-align: center;
  padding-top: 25%;
}

.page-container {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 254px;
  /* was 280px */
  width: 100%;
}

.page-container:before,
.page-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.page-container:after {
  clear: both;
}

.page-container.loaded .page-container {
  position: relative;
}

.page-container .main-content {
  position: relative;
  /*float: left;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
  padding: 29px;
  /* global padding rule. If this is changed, .tab-content and .row-full-width need to be changed to match */
  padding-bottom: 46px;
  z-index: 2;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 1px 0 0 0 #EBECF0;
          box-shadow: inset 1px 0 0 0 #EBECF0;
}

.page-container .main-content:focus { /* prevent main area from showing a focus outline */
  outline: none;
}

/* ---------------------------------------------------------------------- */
/* Horizontal-menu
/* ---------------------------------------------------------------------- */
/*
.page-container.horizontal-menu .navbar {
    display: table-row;
}

.page-container.horizontal-menu.with-sidebar.fit-logo-with-sidebar header.navbar .navbar-brand {
    width: 280px;
}

.page-container.horizontal-menu.with-sidebar header.navbar {
    border-bottom: 1px solid #40433D;
}

.page-container.horizontal-menu.with-sidebar header.navbar ul.nav li.dropdown.open:after {
    bottom: -1px;
}

.page-container.horizontal-menu.with-sidebar header.navbar ul.nav li.dropdown.open .dropdown-menu {
    margin-top: 1px;
}

.page-container.horizontal-menu.with-sidebar .sidebar-user-info {
    border-top: 0;
    border-bottom: 1px solid #40433D;
}

.page-container.horizontal-menu.with-sidebar .sidebar-menu {
    position: relative;
    z-index: 100;
}

.page-container.horizontal-menu.with-sidebar .main-content {
    width: 100%;
}

.page-container.horizontal-menu header.navbar:before,
.page-container.horizontal-menu header.navbar:after {
    content: " ";
    display: table;
}

.page-container.horizontal-menu header.navbar:after {
    clear: both;
}

@media screen and (max-width: 768px) {
    .page-container.horizontal-menu header.navbar {
        display: block;
        min-height: 63px;
    }
}

.page-container.horizontal-menu header.navbar.navbar-fixed-top {
    position: fixed;
    z-index: 10000;
}

@media screen and (max-width: 768px) {
    .page-container.horizontal-menu header.navbar.navbar-fixed-top {
        z-index: 10;
    }
}

.page-container.horizontal-menu header.navbar > .navbar-inner:before,
.page-container.horizontal-menu header.navbar > .navbar-inner:after {
    content: " ";
    display: table;
}

.page-container.horizontal-menu header.navbar > .navbar-inner:after {
    clear: both;
}

.page-container.horizontal-menu header.navbar .navbar-brand {
    padding: 20px 20px;
    height: 75px !important;
}

.page-container.horizontal-menu header.navbar .navbar-nav {
    border-left: 1px solid rgba(69, 74, 84, 0.5);
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-container.horizontal-menu header.navbar .navbar-nav:before,
.page-container.horizontal-menu header.navbar .navbar-nav:after {
    content: " ";
    display: table;
}

.page-container.horizontal-menu header.navbar .navbar-nav:after {
    clear: both;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li {
    position: relative;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li > a {
    position: relative;
    display: block;
    padding: 20px 20px;
    border-right: 1px solid rgba(69, 74, 84, 0.5);
    font-size: 12px;
    color: #aaabae;
    -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    z-index: 10;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li > a i {
    top: 1px;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li > a span {
    font-size: 12px;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a {
    background-color: rgba(69, 74, 84, 0.3);
    color: #fff;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li#search {
    border-right: 1px solid rgba(69, 74, 84, 0.5);
}

.page-container.horizontal-menu header.navbar .navbar-nav > li#search.search-input-collapsed:hover {
    background-color: rgba(69, 74, 84, 0.3);
}

.page-container.horizontal-menu header.navbar .navbar-nav > li.active > a {
    background-color: #2b303a;
    color: #fff;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li.active.has-sub > a:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #2b303a transparent transparent transparent;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li.active.has-sub:hover > a:after {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li .badge {
    margin-left: 10px;
    margin-right: -5px;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
    top: auto;
    margin-top: 1px;
    background-color: #272b34;
    min-width: 250px;
    display: none;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li {
    position: relative;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
    display: block;
    padding: 10px 20px;
    white-space: nowrap;
    font-size: 12px;
    border-bottom: 1px solid #303641;
    color: #aaabae;
    -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a {
    background-color: #2b303a;
    color: #fff;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
    background-color: #2b303a;
    color: #fff;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li ul {
    position: absolute;
    left: 100%;
    top: -1px;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub > a:before {
    position: relative;
    content: '\e877';
    content: '\e879';
    display: inline-block;
    font-family: $icon-fonts;
    color: #aaabae;
    color: #FFF;
    float: right;
    font-size: 15px;
    margin-left: 20px;
    top: -1px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub:hover > a:before {
    color: #fff;
}

.page-container.horizontal-menu header.navbar .navbar-nav > li ul > li:last-child > a {
    border-bottom: 0;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search,
.page-container.horizontal-menu header.navbar > ul > li#search {
    position: relative;
    background-color: #262b34;
    -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search::-webkit-input-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search::-webkit-input-placeholder {
    color: rgba(170, 171, 174, 0.7);
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search:-moz-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search:-moz-placeholder {
    color: rgba(170, 171, 174, 0.7);
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search::-moz-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search::-moz-placeholder {
    color: rgba(170, 171, 174, 0.7);
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search:-ms-input-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search:-ms-input-placeholder {
    color: rgba(170, 171, 174, 0.7);
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input,
.page-container.horizontal-menu header.navbar > ul > li#search .search-input {
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    padding: 22px 20px;
    padding-right: 45px;
    width: 220px;
    color: #aaabae;
    font-size: 12px;
    line-height: 1.42857143;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 350 ease-in-out;
    -o-transition: all 350 ease-in-out;
    transition: all 350 ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search button,
.page-container.horizontal-menu header.navbar > ul > li#search button {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    color: #aaabae;
    padding: 20px 10px;
    -webkit-transition: all 350 ease-in-out;
    -o-transition: all 350 ease-in-out;
    transition: all 350 ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search button i,
.page-container.horizontal-menu header.navbar > ul > li#search button i {
    margin: 0;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed {
    background-color: transparent;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed::-webkit-input-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed::-webkit-input-placeholder {
    color: transparent;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed:-moz-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed:-moz-placeholder {
    color: transparent;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed::-moz-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed::-moz-placeholder {
    color: transparent;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed:-ms-input-placeholder,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed:-ms-input-placeholder {
    color: transparent;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed .search-input,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed .search-input {
    overflow: hidden;
    width: 45px;
    padding-left: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search.search-input-collapsed button,
.page-container.horizontal-menu header.navbar > ul > li#search.search-input-collapsed button {
    padding-right: 15px;
}

.page-container.horizontal-menu header.navbar ul.nav {
    color: #aaabae;
    font-size: 12px;
}

.page-container.horizontal-menu header.navbar ul.nav:before,
.page-container.horizontal-menu header.navbar ul.nav:after {
    content: " ";
    display: table;
}

.page-container.horizontal-menu header.navbar ul.nav:after {
    clear: both;
}

.page-container.horizontal-menu header.navbar ul.nav > li {
    float: left;
}

.page-container.horizontal-menu header.navbar ul.nav > li > a,
.page-container.horizontal-menu header.navbar ul.nav > li > span {
    display: block;
    float: left;
    padding: 22px 20px;
    color: #aaabae;
    font-size: 12px;
    line-height: 1.42857143;
}

.page-container.horizontal-menu header.navbar ul.nav > li > a i,
.page-container.horizontal-menu header.navbar ul.nav > li > span i {
    margin-right: 5px;
}

.page-container.horizontal-menu header.navbar ul.nav > li > a i.right,
.page-container.horizontal-menu header.navbar ul.nav > li > span i.right {
    margin-right: 0;
    margin-left: 5px;
}

.page-container.horizontal-menu header.navbar ul.nav > li > a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page-container.horizontal-menu header.navbar ul.nav > li > a:hover,
.page-container.horizontal-menu header.navbar ul.nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.page-container.horizontal-menu header.navbar ul.nav > li.sep {
    float: left;
    display: block;
    border-left: 1px solid #454a54;
    margin: 22px 0;
    height: 16px;
    width: 0px;
    line-height: 1.42857143;
    overflow: hidden;
}

.page-container.horizontal-menu header.navbar ul.nav > li#search button {
    padding: 22px 20px;
}

.page-container.horizontal-menu header.navbar ul.nav > li#search.search-input-collapsed button {
    padding-right: 15px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a {
    position: relative;
    display: block;
    padding: 0;
    margin: 10px;
    margin-top: 18px;
    margin-bottom: 16px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a i {
    font-size: 19px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a .badge {
    position: absolute;
    padding: 2px;
    font-size: 10px;
    right: 0px;
    top: -5px;
    min-width: 17px;
    line-height: 12px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu {
    background-color: #f5f5f6;
    -webkit-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 0px rgba(0, 0, 0, .05);
    border: 1px solid #f8f8f8;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 0px;
    width: 370px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu li,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu a,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu p {
    color: #888888;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li {
    display: block;
    border-bottom: 1px solid #ededed;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.top > p {
    background-color: #f5f5f6;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > a,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > p {
    margin: 0;
    padding: 12px 20px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > p {
    background-color: #FFF;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > p a {
    color: #ec5956;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > p a:hover {
    color: #e9423f;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li .scroller {
    max-height: 290px;
    overflow: auto;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li {
    font-size: 12px;
    border-bottom: 1px solid #ededed;
    background: #f5f5f6;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px 20px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:before,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:before,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:after,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:after {
    content: " ";
    display: table;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:after,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:after {
    clear: both;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p > i {
    background: #454a54;
    display: block;
    float: left;
    text-align: center;
    padding: 5px;
    line-height: 14px;
    color: #fff;
    width: 28px;
    height: 24px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:hover,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:hover {
    background-color: #f5f5f6 !important;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-primary > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-primary > a > i {
    background-color: #303641;
    color: #fff;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-secondary > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-secondary > a > i {
    background-color: #ee4749;
    color: #fff;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-success > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-success > a > i {
    background-color: #00a651;
    color: #fff;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-info > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-info > a > i {
    background-color: #21a9e1;
    color: #fff;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-warning > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-warning > a > i {
    background-color: #fad839;
    color: #fff;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-danger > i,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li.notification-danger > a > i {
    background-color: #cc2424;
    color: #fff;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task {
    display: block;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task:before,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task:after {
    content: " ";
    display: table;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task:after {
    clear: both;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task span {
    display: block;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task span.desc {
    float: left;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .task span.percent {
    float: right;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .image {
    display: block;
    margin-right: 10px;
    float: left;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .image.pull-right {
    margin-left: 10px;
    margin-right: 0;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .image .img-circle {
    border: 2px solid #FFF;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .image + .line {
    margin-top: 8px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line {
    display: block;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line.desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line + .line,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line + .line + .line,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .line + .line + .line + .line {
    margin-top: 5px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li strong {
    color: #373e4a;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .progress {
    display: block;
    height: 5px;
    background-color: #ededed;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .progress:before,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .progress:after {
    content: " ";
    display: table;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li .progress:after {
    clear: both;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li:last-child {
    border-bottom: 0;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li:first-child a:afterx {
    position: absolute;
    content: '';
    display: block;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: transparent;
    background: red;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external {
    background-color: #FFF;
    border-bottom: 0;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external a {
    color: #ec5956;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external a:hover {
    background-color: #fff;
    color: #e9423f;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open {
    background-color: rgba(69, 74, 84, 0.5);
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open > a {
    background-color: transparent;
    color: #fff;
}

.page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open:after {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #FFF transparent;
    bottom: -2px;
    left: 50%;
    margin-left: -7px;
}

.page-container.horizontal-menu header.navbar ul.nav > li .horizontal-mobile-menu {
    position: relative;
}

.page-container.horizontal-menu header.navbar ul.nav > li .horizontal-mobile-menu a {
    display: inline-block;
    border: 1px solid #454a54;
    text-align: center;
    padding: 0;
    line-height: 1;
    font-size: 20px;
    font-weight: 300;
    padding: 5px 2px;
    color: #aaabae;
    margin-top: 15px;
    margin-left: 20px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.page-container.horizontal-menu header.navbar ul.nav > li .horizontal-mobile-menu a:hover {
    background-color: rgba(69, 74, 84, 0.4);
}
/* Lower screen than large screen */
/*
@media (max-width: 992px) {
    .page-body .page-container.horizontal-menu.fit-logo-with-sidebar header.navbar .navbar-brand {
        width: auto;
    }
}

@media (min-width: 767px) and (max-width: 1100px) {
    .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
        -webkit-transition: padding 250ms ease-in-out;
        -moz-transition: padding 250ms ease-in-out;
        -o-transition: padding 250ms ease-in-out;
        transition: padding 250ms ease-in-out;
    }

    .page-container.horizontal-menu header.navbar .navbar-nav > li > a .badge {
        display: none;
    }

    .page-container.horizontal-menu header.navbar > ul > li#search .search-input,
    .page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input {
        width: 140px;
    }

    .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
        padding: 10px 15px;
    }
}
*/
/* Tablets Only */
/*
@media (min-width: 767px) and (max-width: 992px) {
    .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-container.horizontal-menu header.navbar .navbar-nav > li > a i + span {
        display: none;
    }

    .page-container.Xhorizontal-menu header.navbar .navbar-nav li a,
    .page-container.Xhorizontal-menu header.navbar .navbar-nav li ul li a,
    .page-container.Xhorizontal-menu header.navbar ul.nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11px;
    }

    .page-container.Xhorizontal-menu header.navbar ul > li#search .search-input {
        width: 150px;
    }

    .page-container.Xhorizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu {
        width: 315px;
    }
}
    */
/* ---------------------------------------------------------------------- */
/* Sidebar-menu
/* ---------------------------------------------------------------------- */
.page-container .sidebar-menu {
  position: absolute;
  width: 254px;
  /* was 280px */
  top: 0;
  left: 0;
  bottom: 0;
  background: #303641;
  color: #aaabae;
  z-index: 3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 17px;
}

.page-container .sidebar-menu.fixed {
  position: fixed;
  min-height: 0 !important;
  height: auto;
  bottom: 0;
}

/* company name / logo */
.page-container .sidebar-menu .logo-env {
  width: 100%;
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.horizontal-menu .company-name {
  /*margin-left: 0;
  font-size: 28px;
  left: 210px;
  position: absolute;
  top: 12px;
  color: #ffffff;
  font-weight: 200;
  width: 140px;
  line-height: 1;
  vertical-align: middle !important;*/
}

.page-container .sidebar-menu .logo-env .company-name {
  /*margin-left: 0;
  font-size: 18px;
  left: 20px;
  position: absolute;
  top: 26px;
  color: #ffffff;
  font-weight: 400;
  width: 145px;
  line-height: 1;
  vertical-align: middle !important;*/
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 100%;
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-weight: 600;
}

/*.page-container .sidebar-menu .logo-env .company-name small {
    display: block;
    font-size: 17px;
}*/
.page-container .sidebar-menu .logo-env .company-name a:focus {
  text-decoration: none;
}

.page-container .sidebar-menu .logo-env .company-name .company-name-buttons {
  position: absolute;
  top: 1px;
  right: 0px;
  display: none;
}

.page-container .sidebar-menu .logo-env .company-name:hover .company-name-buttons {
  display: block;
}

/*.page-container .sidebar-menu .logo-env:before,
.page-container .sidebar-menu .logo-env:after {
    content: " ";*/
/* 1 */
/*display: table;*/
/* 2 */
.page-container .sidebar-menu .logo-env:after {
  clear: both;
}

.page-container .sidebar-menu .logo-env > div {
  display: block;
  /*vertical-align: middle;*/
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  /*float: left;*/
}

.page-container .sidebar-menu .logo-env > div > a {
  display: inline-block;
  color: #aaabae;
}

.page-container .sidebar-menu .logo-env > div.sidebar-collapse,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu {
  position: relative;
  width: 24px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  /*float: right;*/
}

.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu {
  width: 35px;
}

.page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
  /*display: inline-block;*/
  text-align: center;
  padding: 0;
  line-height: 1;
  font-size: 12px;
  padding: 6px 0;
  border-radius: 50%;
  -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
  transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
  background: #fff;
  width: 100%;
  color: rgba(49, 61, 69, 0.75);
  -webkit-box-shadow: 1px 2px 4px -2px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
          box-shadow: 1px 2px 4px -2px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
}

.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
  font-size: 16px;
  padding: 9.5px 0;
}

.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:focus,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:focus {
  background-color: rgba(69, 74, 84, 0.4);
}

.page-container .sidebar-menu .logo-env > div a:focus {
  outline-offset: 3px;
}

.page-container .sidebar-menu #main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  z-index: 999;
  position: relative;
}

/* for fixing the menu to the top of the page using Bootstrap's affix */
.page-container .sidebar-menu #main-menu.affix {
  position: fixed;
  left: 0;
  top: 0;
}

.page-container .sidebar-menu #main-menu li {
  position: relative;
  margin: 0;
  font-size: 14px;
  /*border-bottom: 1px solid rgba(69, 74, 84, 0.7);*/
}

/* search */
/*.page-container .sidebar-menu #main-menu li#search {
    background: #262b34;
    border-bottom-color: rgba(69, 74, 84, 0.5);
    position: relative;
    margin: 0 10px 10px 10px;
    border: none;
}

.page-container .sidebar-menu #main-menu li#search .search-input {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    padding: 15px 20px 14px 38px;
    width: 100%;
    color: #fff;
    font-size: 13px;
    -moz-transition: 350ms opacity ease-in-out;
    -o-transition: 350ms opacity ease-in-out;
    -webkit-transition: 350ms opacity ease-in-out;
    transition: 350ms opacity ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: $general-border-radius;
}

.page-container .sidebar-menu #main-menu li#search button {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    color: #dadada;
    padding: 11px 15px 12px 15px;
    border-radius: $general-border-radius;
}

.page-container .sidebar-menu #main-menu li#search button i {
    margin-right: 0;
}
*/
.page-container .sidebar-menu #main-menu li i {
  position: relative;
  font-size: 16px;
  margin-right: 10px;
  text-shadow: none;
  margin-top: 2px;
}

.page-container .sidebar-menu #main-menu li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 22px 9px 12px;
  color: #dadada;
  z-index: 2;
  -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  text-decoration: none;
  border-radius: 4px;
}

.page-container .sidebar-menu #main-menu li a i {
  display: inline-block;
  -webkit-filter: brightness(190%);
          filter: brightness(190%);
}

.page-container .sidebar-menu #main-menu li a span {
  -webkit-transition: 350ms opacity ease-in-out;
  transition: 350ms opacity ease-in-out;
}

.page-container .sidebar-menu #main-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.085);
  color: #ffffff;
}

.page-container .sidebar-menu #main-menu li a:focus {
  outline-offset: 3px;
  z-index: 4;
}

/*.page-container .sidebar-menu #main-menu li a .badge {
    position: relative;
    float: right;
    font-size: 11px;
    line-height: 1.3;
}

.page-container .sidebar-menu #main-menu li a .badge.badge-primary {
    border: 1px solid #454a54;
    top: -1px;
}*/
.page-container .sidebar-menu #main-menu > li.active > a,
.page-container .sidebar-menu #main-menu > li.active > a:hover {
  font-weight: 600;
  background: #fff;
}

.page-container .sidebar-menu #main-menu li.active li.active > a {
  background-color: rgba(0, 0, 0, 0.06);
}

.page-container .sidebar-menu #main-menu li.has-sub > a:before {
  position: absolute;
  content: "\f105";
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  color: rgba(49, 61, 69, 0.75);
  color: #FFF;
  right: 6px;
  font-size: 12px;
  top: 11px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.page-container .sidebar-menu #main-menu li.has-sub.opened > a:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.page-container .sidebar-menu #main-menu li ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  /*overflow: hidden;*/
}

.page-container .sidebar-menu #main-menu li ul.visible {
  display: block;
}

.page-container .sidebar-menu #main-menu li ul > li > a {
  padding-left: 41px;
}

.page-container .sidebar-menu #main-menu li ul > li > a > i[class=""] {
  display: none;
}

.page-container .sidebar-menu #main-menu li ul > li:last-child {
  border-bottom: 0;
}

.page-container .sidebar-menu #main-menu li ul > li ul > li > a {
  padding-left: 60px;
  background-color: rgba(0, 0, 0, 0.35);
}

.page-container .sidebar-menu #main-menu li ul > li ul > li ul > li > a {
  padding-left: 80px;
  background: #262b34;
}

.page-container .sidebar-menu #main-menu li ul > li ul > li ul > li ul > li > a {
  padding-left: 100px;
  background: #262b34;
}

/* advanced search */
.page-container .sidebar-menu #main-menu li#search ul {
  border-top-color: #4b4b4b;
}

.page-container .sidebar-menu #main-menu li#search ul > li > a {
  padding-left: 22px;
}

/* sidebar closed */
.page-container.sidebar-collapsed {
  padding-left: 64px;
}

.page-container.sidebar-collapsed .sidebar-menu {
  z-index: 4;
  width: 64px;
  padding-right: 0;
  padding-left: 10px;
}

.page-container.sidebar-collapsed .sidebar-menu .logo-env {
  padding: 0 10px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-container.sidebar-collapsed .sidebar-menu .logo-env h3.company-name {
  overflow: hidden;
  width: 0;
  height: 0;
}

.page-container.sidebar-collapsed .sidebar-menu .logo-env > .logo {
  display: none;
}

.page-container.sidebar-collapsed .sidebar-menu .logo-env > div.sidebar-collapse {
  padding: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.page-container.sidebar-collapsed .sidebar-menu .logo-env > div.sidebar-collapse i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search {
  height: 44px;
  margin-left: 0;
  margin-right: 0;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search .search-input,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search ul li i {
  position: absolute;
  visibility: hidden;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu li#search ul > li > a {
  padding: 8px 25px;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search button {
  margin-left: 10px;
  padding-left: 15px;
  padding-right: 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused .search-input {
  display: block;
  position: absolute;
  visibility: visible;
  top: 0px;
  left: 65px;
  background: #262b34;
  width: 250px;
  -webkit-border-radius: 0 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 0 0 !important;
  background-clip: padding-box;
  border-left: 0;
  padding: 17px 20px;
  border: 0;
  padding-left: 10px;
  line-height: 1;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused ul {
  display: block !important;
  position: absolute;
  visibility: visible !important;
  top: 47px;
  width: 250px;
  left: 65px;
  opacity: 1 !important;
  height: auto !important;
  -webkit-border-radius: 0 0 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 0 !important;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused li a {
  padding-left: 10px;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a:before {
  display: none;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a {
  background-color: transparent;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a {
  position: relative;
  margin-right: 10px;
  padding: 11px 10px;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu li i {
  margin-left: auto;
  margin-right: auto;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
  display: block;
  position: absolute;
  top: 0;
  left: 55px;
  padding: 10px 10px;
  background: #303641;
  /*border-top: 1px solid #454a54;
  border-bottom: 1px solid #454a54;*/
  width: 250px;
  visibility: hidden;
  -webkit-border-radius: 0 3px 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 3px 0;
  background-clip: padding-box;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-weight: 600;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a span {
  -webkit-transition: none;
  transition: none;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a span.badge {
  position: absolute;
  right: -240px;
  top: 10px;
  display: none;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li ul {
  border-top-color: #454a54;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul {
  display: block;
  visibility: hidden;
  position: absolute;
  height: 0;
  top: auto;
  left: 55px;
  width: 250px;
  -webkit-border-radius: 0 0 3px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 0;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 0;
  background-clip: padding-box;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul > li > a span.badge {
  display: none;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li {
  /*border-bottom: 1px solid #454a54;*/
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li a {
  padding-left: 10px;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li a {
  padding-left: 25px;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li li a {
  padding-left: 40px;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li li li li a {
  padding-left: 55px;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a {
  cursor: default;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a > span:not(.badge),
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a > span:not(.badge) {
  -webkit-border-radius: 0 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 0 3px 0 0;
  background-clip: padding-box;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > ul {
  height: auto;
}

/* L1 items */
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > a > span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a:focus > span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > a > span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a:focus > span {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover a span.badge,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover a span.badge {
  display: block;
}

/* L2 menu */
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover > ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a:focus + ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover > ul,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a:focus + ul {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li#search .search-input {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.page-container.sidebar-is-collapsing .sidebar-menu #main-menu li a span {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 250ms ease-in-out !important;
  transition: opacity 250ms ease-in-out !important;
}

.page-container.sidebar-is-showing .sidebar-menu #main-menu li#search .search-input {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.page-container.sidebar-is-showing .sidebar-menu #main-menu li a:before {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.page-container.sidebar-is-showing .sidebar-menu #main-menu li a span {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.page-container.no-sidebar {
  padding-left: 0;
}

.page-container.no-sidebar .main-content {
  padding-left: 20px;
}

@media print {
  .sidebar-menu {
    display: none !important;
  }
  .page-container.horizontal-menu {
    padding-top: 0;
  }
}
/*#endregion Page Container*/
/* ---------------------------------------------------------------------- */
/*	#region Page Header (H1, icons, breadcrumb etc)
/* ---------------------------------------------------------------------- */
.row-full-width.page-header {
  margin-bottom: 10px;
}

.page-header {
  margin: 0;
  border: none;
  padding: 65px 29px 8px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.page-header h1 {
  letter-spacing: -0.5px;
  margin: 0 0 5px 0;
  padding: 5px 0 0 0;
}

.page-header h1 + p {
  margin-top: 0;
  margin-left: 0;
  font-size: 13px;
}

.page-header h1 small {
  color: #888888;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
}

.page-header h2,
.page-header h4 {
  margin: 0;
  padding: 4px 0 20px 0;
}

.page-header h3,
.page-header h5 {
  font-weight: 400;
  margin: 0 0 10px 0;
}

.page-header .h4 {
  font-size: 15px;
}

.page-header .h5 {
  letter-spacing: -0.25px;
}

.page-header .header-details {
  text-align: right;
  float: right;
  margin-top: -10px;
  line-height: 1.3;
}

.page-header .header-details p {
  margin-bottom: 6px;
}

.page-header .context-action-button {
  position: absolute;
  right: 92px;
  top: 20px;
  z-index: 889;
  background: #ffffff;
  padding: 4px 14px 4px 4px;
  border-radius: 3px 0 0 3px;
}

.businessdashboard-row {
  margin: 0;
  border: none;
  padding: 0px 25px 10px;
  background: #f5f5f5;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.address {
  padding-top: 39px;
  font-size: 12px;
  line-height: 1.5;
  color: #666666;
}
.address strong {
  display: inline-block;
  padding-bottom: 5px;
}

/* breadcrumb */
.breadcrumb {
  border: none;
  position: relative;
  background-color: transparent;
  padding: 0;
  margin: 0 0 1.5rem;
  font-size: 12px;
  line-height: 1.5;
  color: #acacac;
}

.breadcrumb i {
  font-size: 14px;
}

.breadcrumb li:after {
  content: " / ";
}

.breadcrumb > li + li:before {
  content: none;
  padding: 0;
}

.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited {
  color: #acacac;
}

.breadcrumb a:hover,
.breadcrumb a:active {
  color: #555555;
  text-decoration: none;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Bootstrap overrides - TABLES
/* ---------------------------------------------------------------------- */
table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
  font-weight: bold;
  color: #444444;
  background: #f7f7f7;
}

thead.nobackground > tr > th {
  background: #ffffff;
  color: #666666;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 11px 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: none;
}

.table.vertical-align > tbody > tr > td {
  vertical-align: middle !important;
}

.table > thead > tr > th .progress,
.table > tbody > tr > th .progress,
.table > tfoot > tr > th .progress,
.table > thead > tr > td .progress,
.table > tbody > tr > td .progress,
.table > tfoot > tr > td .progress {
  margin-bottom: 0;
}

.table > thead > tr > th .label,
.table > tbody > tr > th .label,
.table > tfoot > tr > th .label,
.table > thead > tr > td .label,
.table > tbody > tr > td .label,
.table > tfoot > tr > td .label {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.table > thead > tr > th {
  vertical-align: top;
  border-bottom: none;
  padding-bottom: 8px;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ebebeb;
}

.table p {
  margin-bottom: 0;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: none;
  border-top: 1px solid #EBECF0;
  border-bottom: 1px solid #EBECF0;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-bottom: 1px solid #EBECF0;
  /*Change by JG 28th Apr 2014*/
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #f5f5f6;
  color: #a6a7aa;
  font-size: 12px;
}

.table-bordered > thead > tr > th a {
  color: #a6a7aa;
  text-decoration: none;
}

.table-bordered > thead > tr > th a:focus {
  outline-offset: 3px;
}

/* SORTING */
.table-bordered > thead > tr i.fa-sort {
  color: #dddddd;
}

.table-bordered > thead > tr i.fa-sort-down,
.table-bordered > thead > tr i.fa-sort-asc,
.table-bordered > thead > tr a.sorted-selected {
  color: #383838;
}

.table-bordered > tbody > tr:nth-child(odd),
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #FAFAFC;
}

.panel-body.with-table table > tbody > tr:nth-child(odd) {
  background-color: #f5f5f9;
}

.table-rounded {
  border-radius: 3px;
  border-collapse: separate;
}

.table-rounded thead:first-child tr:first-child th:first-child,
.table-rounded tbody:first-child tr:first-child td:first-child {
  border-radius: 3px 0 0 0;
}

.table-rounded thead:last-child tr:last-child th:first-child,
.table-rounded tbody:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 3px;
}

.table-header-whitebg > thead > tr > th {
  background-color: #ffffff !important;
}

.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border-top: 2px solid #e6e6e6;
  color: #a6a7aa;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #eef7fa;
}

table col[class*=col-] {
  float: none;
  display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #efefef;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e5e5e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #bdedbc;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #a9e8a8;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #c5e8f7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #afdff4;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #ffefa4;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #ffeb8a;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #ffc9c9;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ffafaf;
}

.table-responsive {
  margin-bottom: 0;
}

.complaint-row {
  background-color: #ffeaea !important;
}

/* ---------------------------------------------------------------------- */
/*	Added by Kirill
/* ---------------------------------------------------------------------- */
.action-column {
  display: inline-block;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Custom - TABLES
/* ---------------------------------------------------------------------- */
/*Company/User View*/
table.account-information {
  width: 100%;
  margin-bottom: 25px;
}

table.account-information td {
  padding: 0 0 9px 0;
}

table.account-information td:first-child {
  width: 140px;
  /* yep, forcing the LH column to be a fixed width. Stops it looking stupid in responsive screens and allows RH col to be dynamic */
  color: #a8a8a8;
  padding-right: 25px;
  /* ensures a gap between cols */
}

table.account-information td {
  vertical-align: top !important;
}

/* make tables used in tabs within tabs (details) behave differently */
.tab-content .tab-content table.account-information td:first-child {
  width: 117px;
}

/*Edit */
.table tr .edit,
.div-row .edit {
  display: none !important;
}

.datatables_wrapper.action-always-visible .table tr .edit,
.datatables_wrapper.action-always-visible .table-responsive .table tr .edit {
  display: inline-block !important;
}

.table tr:hover .edit,
.table td.datatable_action:focus .edit .div-row:hover .edit {
  display: inline-block !important;
}

/* TIMESHEET STYLES */
.table.timesheet td.indent {
  padding-left: 20px;
}

tr.subhead td {
  border-bottom: 1px solid #f3f3f3 !important;
  border-top: 1px solid #ebebeb !important;
  background: #fbfbfb;
}

tr.subhead:first-child td {
  border-top: none !important;
}

.row-total {
  font-size: 16px;
}

.table.timesheet tr.locked {
  background: repeating-linear-gradient(45deg, #fffafa, #fffafa 14px, #fff6f6 14px, #fff6f6 28px);
  /*#fbfbfb,
    #fbfbfb 14px,
    #f7f7f7 14px,
    #f7f7f7 28px);*/
}

.table.timesheet tr.locked:hover td,
.table.timesheet tr.running td {
  background: none;
}

.table.timesheet tr.locked td {
  color: #999999;
}

.table.timesheet tr.locked td .text-muted {
  color: #bbbbbb;
}

.table.timesheet tr.running {
  -webkit-animation: 2s linear 0s normal none infinite progress-bar-stripes;
          animation: 2s linear 0s normal none infinite progress-bar-stripes;
  background: repeating-linear-gradient(45deg, #f1f9fc, #f1f9fc 14px, #eaf5f8 14px, #eaf5f8 28px);
  background-size: 40px 40px;
}

/* GENERAL STYLES */
.table.text-vertical > tfoot > tr > td,
.table.text-vertical > tbody > tr > td {
  vertical-align: middle;
}

/* PRICES TABLE STYLES */
.price-inline-pad {
  display: inline-block;
  padding-top: 7px;
}

.button-inline-pad {
  margin-top: 3px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Custom - Data TABLES Neon style
/* ---------------------------------------------------------------------- */
.datatables_wrapper {
  margin-bottom: 20px;
}

.datatables_wrapper:before,
.datatables_wrapper:after {
  content: " ";
  display: table;
}

.datatables_wrapper:after {
  clear: both;
}

.datatables_wrapper > .panel {
  /* remove corners from panels used directly in data tables */
  margin-bottom: 0px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.datatables_wrapper table {
  margin-bottom: 0;
}

.datatables_wrapper table thead tr th {
  cursor: default;
  font-weight: bold;
  outline: 0 none;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}

.datatables_wrapper table thead tr th:active {
  outline: 0 none;
}

.datatables_wrapper table tfoot tr th {
  font-weight: bold;
}

.datatables_wrapper .row {
  margin-bottom: 0;
}

.datatables_wrapper table + .row {
  margin-bottom: 20px;
}

.datatables_wrapper > table:first-child {
  background-clip: padding-box;
  border-radius: 3px 3px 0 0;
}

.datatables_wrapper a {
  cursor: pointer;
  outline: 0 none;
}

.datatables_wrapper .col-left {
  padding-right: 0;
}

.datatables_wrapper .col-right {
  padding-left: 0;
}

.datatables_wrapper .col-mid {
  padding-left: 0;
  padding-right: 0;
}

.datatables_header {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border: none;
  /*border-color: #EBEBEB;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px 0;*/
  min-height: 58px;
  padding: 13px 0;
  /*border-top-left-radius: 3px;
  border-top-right-radius: 3px;*/
}

.datatables_header label {
  padding-top: 7px;
}

/* top left and top right */
.datatables_wrapper .datatables_search,
.datatables_wrapper .datatables_filter {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  /*border-color: #EBEBEB;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  height: 58px;*/
  padding: 13px 0;
}

/* top left and top right */
.datatables_wrapper .datatables_search_mid {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  /*border-color: #EBEBEB;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0px 0;
  height: 58px;*/
  padding: 13px 0;
}

.datatables_wrapper .datatables_search:before,
.datatables_wrapper .datatables_filter:before,
.datatables_wrapper .datatables_search_mid:before,
.datatables_wrapper .datatables_search:after,
.datatables_wrapper .datatables_filter:after,
.datatables_wrapper .datatables_search_mid:after {
  content: " ";
  display: table;
}

.datatables_wrapper .datatables_search:after,
.datatables_wrapper .datatables_filter:after,
.datatables_wrapper .datatables_search_mid:after {
  clear: both;
}

.datatables_wrapper .datatables_search {
  background-clip: padding-box;
  border-radius: 6px 0 0;
  border-right: 0 none;
}

.datatables_wrapper .datatables_search > label,
.datatables_wrapper .datatables_search_mid > label {
  margin-top: 7px;
  white-space: nowrap;
}

/*.datatables_wrapper .datatables_search > label .select2-container {
    display: inline-block;
    min-width: 87px;
    width: auto !important;
}*/
.datatables_wrapper .datatables_filter {
  background-clip: padding-box;
  border-left: 0 none;
  border-radius: 0 6px 0 0;
}

.datatables_wrapper .datatables_filter > label,
.datatables_wrapper .datatables_search > label {
  display: inline-block;
  white-space: nowrap;
}

/* search text box */
.datatables_wrapper .datatables_filter > label input,
.datatables_wrapper .datatables_search input {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #c1c4d3;
  border-radius: 6px;
  color: #555555;
  display: inline-block;
  height: 32px;
  line-height: 1.42857;
  padding: 6px 10px;
  -webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
  width: 150px;
  margin-right: 10px;
}

.datatables_wrapper .advanced-search th {
  padding: 6px 6px;
}

.datatables_wrapper .advanced-search th label {
  padding: 0 !important;
  margin: 0 !important;
}

.datatables_wrapper .advanced-search > label input {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #EBEBEB;
  border-radius: 3px;
  color: #555555;
  display: inline-block;
  font-size: 12px;
  height: 32px;
  line-height: 1.42857;
  padding: 0 !important;
  width: 100%;
  -webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
}

.datatables_wrapper .datatables_filter > label input:focus,
.datatables_wrapper .datatables_search > label input:focus {
  border-color: #C8CDD7;
  -webkit-box-shadow: 0 2px 1px rgba(203, 208, 217, 0.08);
          box-shadow: 0 2px 1px rgba(203, 208, 217, 0.08);
  outline: 0 none;
}

.datatables_wrapper .datatables_filter > label input[disabled],
.datatables_wrapper .datatables_filter > label input[readonly],
fieldset[disabled] .datatables_wrapper .datatables_filter > label input {
  background-color: #EEEEEE;
  cursor: not-allowed;
}

textarea.datatables_wrapper .datatables_filter > label input {
  height: auto;
}

/*.datatables_wrapper .select2-container {
    display: inline-block !important;
    margin-left: 5px;
    margin-right: 5px;
}
.datatables_wrapper .select2-container .select2-choice {
    height: 25px;
    line-height: 24px;
}
.datatables_wrapper .select2-container .select2-choice .select2-chosen {
    padding-right: 15px;
}
.datatables_wrapper .select2-container .select2-choice .select2-arrow {
    width: 25px;
}*/
/* bottom left and bottom right */
.datatables_wrapper .datatables_info,
.datatables_wrapper .datatables_paginate {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none;
  /*border-color: #EBEBEB;
  border-image: none;
  border-right: 1px solid #EBEBEB;
  border-style: none solid solid;
  border-width: 0 1px 1px;*/
  height: 47px;
  padding: 13px 0;
  border-top: solid 1px #e6e6e6;
}

.datatables_wrapper .datatables_info:before,
.datatables_wrapper .datatables_paginate:before,
.datatables_wrapper .datatables_info:after,
.datatables_wrapper .datatables_paginate:after {
  content: " ";
  display: table;
}

.datatables_wrapper .datatables_info:after,
.datatables_wrapper .datatables_paginate:after {
  clear: both;
}

.datatables_wrapper .datatables_info.datatables_info,
.datatables_wrapper .datatables_paginate.datatables_info {
  background-clip: padding-box;
  border-radius: 0 0 0 3px;
  border-right: 0 none;
}

.datatables_wrapper .datatables_info.datatables_paginate,
.datatables_wrapper .datatables_paginate.datatables_paginate {
  background-clip: padding-box;
  border-left: 0 none;
  border-radius: 0 0 3px;
  text-align: right;
}

.datatables_wrapper .datatables_info.datatables_paginate .pagination,
.datatables_wrapper .datatables_paginate.datatables_paginate .pagination {
  margin: 0;
}

.datatables_wrapper .export-data {
  position: absolute;
  right: 250px;
  top: 13px;
}

.page-body .datatable.table tbody td,
.page-body .datatable.table tbody th {
  vertical-align: middle;
}

.datatables_wrapper .datatables_flyout {
  border: 1px solid #EBEBEB;
  border-bottom: none;
  padding: 20px 24px 10px 24px;
}

.datatables_wrapper .datatables_flyout .row {
  margin-bottom: 6px;
}

.icon-button {
  vertical-align: middle;
  padding: 5px;
}

.datatables_wrapper .btn-sm {
  padding: 5px 9px 5px 9px;
}

.datatables_wrapper .datatables_info .input-sm + label {
  padding-top: 8px;
}

/* remove padding from cells containing action buttons */
.datatables_wrapper td.datatable_action {
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: middle;
}

.datatables_wrapper td.datatable_action .table-button {
  margin-left: 6px;
  min-width: 32px;
}

.datatables_wrapper .table-inline-button {
  margin-left: 6px;
  font-size: inherit;
  display: inline;
}

td.icon-padding {
  padding-top: 8px !important;
  padding-bottom: 4px !important;
}

.table > tbody > tr > td.table-action-xs {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* form styling for input fields used within the header and footer of a datatable */
.datatables_wrapper .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.datatables_wrapper select.form-control.input-sm {
  padding: 6px;
  min-width: 50px;
}

.modal .datatables_wrapper .datatables_search,
.modal .datatables_wrapper .datatables_filter,
.modal .datatables_wrapper .datatables_info,
.modal .datatables_wrapper .datatables_paginate {
  border: 0px;
}

.modal .datatables_wrapper .datatables_search,
.modal .datatables_wrapper .datatables_filter {
  padding: 0 0 6px 0;
  height: auto;
}

.modal .datatables_wrapper .datatables_info,
.modal .datatables_wrapper .datatables_paginate {
  border-top: solid 1px #ededed;
  background: none;
  padding: 8px 0;
}

.top-border-white {
  border-top: 1px solid #fff !important;
}

.description-row td {
  padding-top: 0px !important;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Bootstrap overrides & custom - TABS (needs reviewing)
/* ---------------------------------------------------------------------- */
.tabbable {
  margin: 0;
}

.tabbable-white {
  background: #FFF !important;
}

/* tab navi */
.nav-tabs {
  position: relative;
  border-bottom: solid 3px #EBECF0;
  margin-bottom: 10px;
  margin-left: 0;
  display: block;
  z-index: 1061;
}

.nav-tabs > li {
  margin-bottom: 0;
}

/* inset the tabs and header content when the full-width rows are used */
.row-full-width .nav-tabs.tab-padding,
.row-full-width .full-width-header {
  margin-left: 29px;
  margin-right: 29px;
}

.row-full-width .nav-tabs.tab-padding {
  z-index: 5;
  /* this is needed to ensure */
}

/* DEFAULT tabs - top level */
.tab-pane {
  /*padding: 25px 20px;*/
  position: relative;
  margin: 25px 29px 23px 29px;
}

.tab-pane.contains-panels {
  background: transparent;
  padding: 12px 0 0 0;
  /*@include remove-shadow;*/
}

.modal-body .tab-pane { /*don't set min-height for tab-panes in modals*/
  min-height: 0 !important;
}

/* DEFAULT tabs - second level tabs and below */
.tab-content .tab-content {
  /* by default tab contents have borders */
  border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  padding: 30px 29px;
  z-index: 11;
}

.tab-content .tab-content {
  /* second level tabs have different padding */
  padding: 0;
}

.tab-content .tab-content .tab-pane {
  margin: 0 0 23px 29px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.no-tabs + .tabbable > .tab-content {
  /* remove borders from tab content where no tabs are present */
  border: none;
  padding-top: 0px;
}

.tab-content.no-left-padding {
  padding-left: 0;
}

.modal .tab-padding + .tab-content {
  overflow: auto;
}

.modal .tab-content {
  padding: 1px 0; /* needed to 'give layout' */
  margin-bottom: -23px;
}

.modal .row > .tabbable > .tab-content {
  margin-bottom: -29px;
}

.modal .row > .tabbable > .tab-content .tab-content {
  margin-bottom: 0;
}

.modal .tab-content .tab-content {
  padding-bottom: 10px;
}

/* non-active tabs */
.nav-tabs > li > a {
  border-radius: 0;
  border: none;
  color: #808080;
  line-height: 1;
  position: relative;
  z-index: 11;
  -webkit-transition: none;
  transition: none;
  font-size: 14px;
  padding: 11px 16px;
  margin-left: 0px;
  margin-right: 0px;
  border-bottom: 3px solid #EBECF0;
  margin-bottom: -3px;
  text-decoration: none;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #444444;
  background: transparent;
  border-color: #d1d1d1;
}

.nav-tabs > li > a:focus {
  outline: 2px solid #333333;
  outline-offset: 1px;
}

.nav-tabs > li > a > .icon-container > i {
  color: #7d7d7d;
}

/* optional - use to hide tab icons by default, we hide icons followed by a span (text) on desktop. They show on mobile in responsive stylesheet */
/*.nav-tabs > li > a > i[class*="fa-"]:has(+ span:not(.badge)) { 
    display: none;
}*/
/* active tab */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  color: #1acd7f;
  z-index: 12;
  font-weight: 600;
  border: none;
  border-bottom: solid 3px;
  border-color: #868CA8;
}

.nav-tabs > li.active > a > .icon-container > i {
  color: #333333;
}

/* FIRST level tabs */
/* tabs with bg */
.nav-tabs.tab-padding {
  padding: 4px 0 0 0;
}

.nav-tabs.tab-padding.no-background {
  background-color: transparent !important;
}

.tab-padding + .tab-content {
  /* remove borders when tabs are padded (primary) versions */
  border: none;
}

/* non-active tabs */
.nav-tabs.tab-padding > li > a,
.nav-tabs.tab-padding > li > a:focus {
  /*background-color: none;
  border: none;
  border-radius: 3px 3px 0 0;
  border-bottom: solid 1px #e4e4e4;
  color: #7d7d7d;
  line-height: 16px;
  margin-right: -1px;
  position: relative;
  z-index: 11;*/
}

.nav-tabs.tab-padding > li > a:hover {
  /*background-color: #eeeeee;*/
}

.nav-tabs.tab-padding > li > a > .icon-container > i {
  color: #787878;
}

/* active tab */
.nav-tabs.tab-padding > li.active > a,
.nav-tabs.tab-padding > li.active > a:hover,
.nav-tabs.tab-padding > li.active > a:focus {
  /*background-color: #FFFFFF;
  border-color: #DDDDDD #DDDDDD transparent;
  border-top: 2px solid #777777;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-radius: 3px 3px 0 0;
  color: #333333;
  line-height: 16px;
  margin-top: -1px;
  z-index: 12;
  border-bottom: none;*/
}

.nav-tabs.tab-padding > li.active > a > .icon-container > i {
  color: #333333;
}

.nav-tabs > li:first-child > a {
  margin-left: 0;
}

.no-border {
  border: 0px !important;
}

.nav-tabs.tab-space-1 > li > a {
  margin-right: 1px;
}

.nav-tabs.tab-space-2 > li > a {
  margin-right: 2px;
}

/*.nav-tabs.tab-space-3 > li > a,
.nav-tabs.tab-padding.tab-space-3 > li > a {
    margin-right: 3px;
}*/
.nav-tabs.tab-space-4 > li > a,
.nav-tabs.tab-padding.tab-space-4 > li > a {
  margin-right: 4px;
}

/* Tabs - Below */
.tabs-below > .nav-tabs {
  border-bottom-width: 0;
  border-color: #DDDDDD;
  margin-bottom: 0;
  margin-top: -1px;
  top: auto;
}

.tabs-below > .nav-tabs > li > a,
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-color: #DDDDDD;
}

.tabs-below > .nav-tabs > li.active > a,
.tabs-below > .nav-tabs > li.active > a:hover,
.tabs-below > .nav-tabs > li.active > a:focus {
  border-bottom: 2px solid #DDDDDD;
  border-color: transparent #DDDDDD #DDDDDD;
  border-top-width: 1px;
  margin-top: 0;
}

/* Tabs - Left */
.tabbable.tabs-left:after {
  content: "";
  display: table;
  clear: both;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 60px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-bottom: 0;
  top: auto;
  border-bottom: none;
  border-right: 3px solid #e5e5e5;
}

.tabs-left > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a:focus {
  margin-left: 2px;
  border-bottom: none;
  border-right: 3px solid #e5e5e5;
  margin-right: -3px;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs > li > a:hover {
  color: #444444;
  background: transparent;
  border-color: #d1d1d1;
}

.tabs-left > .nav-tabs > li.active > a,
.tabs-left > .nav-tabs > li.active > a:focus,
.tabs-left > .nav-tabs > li.active > a:hover {
  border-bottom: 0;
  border-right: 3px solid #1acd7f;
}

/* Tabs - Right */
.tabs-right > .nav-tabs {
  border-color: #DDDDDD;
  float: right;
  margin-bottom: 0;
  top: auto;
}

.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-right > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:hover {
  border-color: #DDDDDD;
  margin: 0 -1px;
}

.tabs-right > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active > a:focus,
.tabs-right > .nav-tabs > li.active > a:hover {
  border-color: #DDDDDD #DDDDDD #DDDDDD transparent;
  border-right: 2px solid #DDDDDD;
  border-top-width: 1px;
  margin: 0 -2px 0 -1px;
}

.nav-tabs > li > a > .badge {
  line-height: 8px;
  opacity: 0.7;
}

.nav-tabs > li > a > [class*=fa-] {
  opacity: 0.8;
  /*display: none;*/
  font-size: 15px;
}

.nav-tabs > li.active > a > .badge,
.nav-tabs > li.active > a > [class*=fa-] {
  opacity: 1;
}

.nav-tabs li [class*=" fa-"],
.nav-tabs li [class^=fa-] {
  display: inline-block;
  text-align: center;
  width: 1.25em;
}

.nav-tabs > li.open .dropdown-toggle {
  background-color: #4F99C6;
  border-color: #4F99C6;
  color: #FFFFFF;
}

.nav-tabs > li.open .dropdown-toggle > [class*=fa-] {
  color: #FFFFFF !important;
  opacity: 1;
}

.tabs-left .tab-content,
.tabs-right .tab-content {
  overflow: auto;
  min-height: 300px;
}

.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > .disabled[class*=fa-]:first-child {
  color: #909090 !important;
}

.nav > li.active > .dropdown-toggle {
  cursor: pointer !important;
}

.nav-pills .open .dropdown-toggle > [class*=fa-],
.nav > li.dropdown.open.active > a:hover > [class*=fa-],
.nav > li.dropdown.open.active > a:focus > [class*=fa-] {
  color: #FFFFFF !important;
}

.panel-tabs .nav-tabs {
  float: right;
  margin-top: -52px;
  border: none;
}

.panel-tabs .nav-tabs > li > a {
  height: 36px;
  border-top: none;
  border-bottom: none;
  background: none;
  border-right: 1px solid #CDCDCD;
  -webkit-box-shadow: 1px 1px 0 0 #FFFFFF;
          box-shadow: 1px 1px 0 0 #FFFFFF;
}

.panel-tabs .nav-tabs > li > a:hover {
  background: #ffffff;
}

.panel-tabs .nav-tabs > li:first-child > a {
  -webkit-box-shadow: 0 1px 0 1px #FFFFFF;
          box-shadow: 0 1px 0 1px #FFFFFF;
}

.panel-tabs .nav-tabs > li.active > a,
.panel-tabs .nav-tabs > li.active > a:hover,
.panel-tabs .nav-tabs > li.active > a:focus {
  background-color: #FFFFFF;
  background-image: none;
  border-color: #4C8FBD #DDDDDD transparent;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #333333;
  line-height: 16px;
  margin-top: 0;
}

.panel-tabs .tab-content {
  border: none;
  padding: 0;
}

.tab-small .nav > li > a {
  display: block;
  padding: 5px 15px;
  position: relative;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Bootstrap overrides & custom - BUTTONS (needs reviewing)
/* ---------------------------------------------------------------------- */
.btn {
  border-radius: 8px;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  text-decoration: none !important;
}

.btn-sm {
  border-radius: 8px;
  padding: 5px 12px;
  font-size: 13px;
}

.btn-xs {
  border-radius: 4px;
  padding: 4px 8px;
  min-width: 26px;
  text-align: center;
  line-height: 1;
}

a.btn,
a.btn:link,
a.btn:visited {
  color: #ffffff;
}

a.btn.btn-default,
a.btn.btn-default:link,
a.btn.btn-default:visited {
  color: #444444;
}

.btn-squared {
  border-radius: 0 !important;
}

.btn {
  -webkit-transition: background 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s !important;
  transition: background 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s !important;
}
.btn i {
  font-size: 15px;
}
.btn.btn-sm .fa {
  font-size: 13px;
}
.btn:focus {
  outline: 2px solid #333333;
  outline-offset: 3px;
}
.btn.btn-xs:focus {
  outline-offset: 0;
}
.btn .caret {
  margin-left: 5px;
}
.btn.widget-help {
  color: #1A74A8;
}

.btn i.icon-space-right {
  margin-right: 12px;
}

.btn-icon {
  background-color: #EFEFEF;
  background-image: -moz-linear-gradient(center top, #FAFAFA, #EFEFEF);
  border: 1px solid #DDDDDD;
  border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  cursor: pointer;
  height: 80px;
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 5px 0 0;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #333333;
}

.btn-icon:hover {
  border-color: #A5A5A5;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  color: #444444;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
}

.btn-icon .badge {
  border-radius: 12px 12px 12px 12px !important;
  border-style: solid;
  border-width: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 11px !important;
  font-weight: 300;
  padding: 3px 7px;
  position: absolute;
  right: -5px;
  text-shadow: none;
  top: -5px;
}

.btn-icon [class^=fa-],
.btn-icon [class*=" fa-"],
.btn-icon [class^=clip-],
.btn-icon [class*=" clip-"] {
  clear: both;
  display: block;
}

.buttons-widget .btn,
.buttons-widget .make-switch {
  margin-bottom: 5px;
}

.buttons-widget .btn-group-vertical .btn {
  margin-bottom: 0;
}

.btn-default {
  border-color: #EBECF0;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  border-color: #868CA8;
  background: #EBECF0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*.btn.btn-default-lighter,
.btn.btn-default-lighter:link,
.btn.btn-default-lighter:visited {
    color: #707070 !important;
}

.btn.btn-default-lighter:hover,
.btn.btn-default-lighter:active {
    color: #333333 !important;
}*/
.btn-selected,
.btn-selected:link,
.btn-selected:visited,
.btn-selected:hover,
.btn-selected:active {
  background: #f3f3f3;
}

.btn.btn-minimal,
.btn.btn-minimal:link,
.btn.btn-minimal:visited {
  color: #444444;
  background: transparent;
  border: none;
}

.btn.btn-minimal:hover,
.btn.btn-minimal:focus,
.btn.btn-minimal:active {
  background: #fff;
  border: none;
  color: #333333;
}

/* grey-ish subtle buttons used to adjust layouts etc */
.btn-interface {
  background: #ececec;
  color: #7d7d7d !important;
}

.btn-interface:hover {
  background: #e7e7e7;
}

.btn-xs.xs-icon .fa {
  /* make icons small when used in an xs button */
  font-size: 10px;
}

.form-group .btn-xs {
  /* make buttons used alongside form elements vertically align */
  margin-top: 6px;
}

.form-group.form-group-input-sm .btn-xs {
  margin-top: 4px;
}

.btn i.icon-space-right {
  margin-right: 12px;
}

.btn i.icon-space-left {
  margin-left: 5px;
}

.btn-spinner-left {
  position: relative;
  display: none;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-right: 10px;
}

.btn-spinner-right {
  position: relative;
  display: none;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-left: 5px;
}

.bt-icon {
  position: relative;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
}

.action-button .bt-icon {
  position: relative;
  width: 12px;
  height: 14px;
  margin-bottom: -2px;
}

/* small WYSIWYG buttons used in text editor interface */
.btn-sm.note-btn {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  border: solid 1px #868CA8 !important;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/* #region Bootstrap overrides - Pagination
/* ---------------------------------------------------------------------- */
.pagination-sm > li > a,
.pagination-sm > li > span {
  font-size: 12px;
  padding: 6px 12px;
  color: #333333;
  border-color: #EBECF0;
  min-width: 34px;
  text-align: center;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #333333;
}

.pagination > li > a:focus {
  outline-offset: 1px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #515151;
  border-color: #515151;
  color: #ffffff;
}

.pagination > li > a[disabled],
.pagination > a[disabled]:hover {
  color: #cccccc;
  cursor: default;
  background: #ffffff;
}

.pagination-sm + input.input-sm {
  height: 32px !important;
  border-radius: 6px;
  margin: 0 -1px;
  border-color: #e6e6e6;
  margin: 0 8px;
}

.pagination-sm + .pagenumber-dropdown-container {
  margin: 0 8px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm + .select2-container a.select2-choice {
  border-radius: 0;
  margin: 0 -1px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region PANELS
/* ---------------------------------------------------------------------- */
.panel {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(154, 161, 171, 0.12);
  box-shadow: 0 2px 10px 0 rgba(154, 161, 171, 0.12);
  background-clip: padding-box;
  border: none;
  background: #fff;
  margin-bottom: 15px;
}

.panel-default .panel-heading {
  background: inherit;
  border: none;
  color: #333333;
  font-size: 13px;
  padding: 14px 16px;
}

.panel-default .panel-footer {
  background-color: #f2f2f2;
  border-top: #ebebeb solid 1px;
}

.panel .panel-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.5px;
}

.panel .panel-title a {
  color: inherit;
}

.panel-group .panel {
  border-radius: 3px;
  margin-bottom: 12px;
}

.panel-heading .panel-options,
.panel-footer .panel-options {
  float: right;
  margin-top: -2px;
  margin-right: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.panel-heading .panel-options.panel-options-large .form-control {
  width: 125px !important;
  display: inline-block;
}

.panel-heading .panel-link {
  float: right;
  margin-top: 2px;
}

.panel-heading .btn,
.panel-footer .btn {
  color: #989898;
  background: transparent;
  border: none;
  border-radius: 4px;
}

.panel-heading .btn .fa,
.panel-footer .btn .fa {
  font-size: 13px;
}

.panel-heading .btn:hover,
.panel-footer .btn:hover {
  color: #333333;
  background: #ffffff;
}

.panel-footer-less-padding {
  padding-top: 4px;
  padding-bottom: 4px;
}

.tab-pane .panel {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 1px #EBECF0;
  border-radius: 12px;
}
.tab-pane .panel .panel-heading {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.tab-pane .panel .panel-footer {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* panel groups - used with accordian */
.panel-entity-icon {
  position: absolute;
  top: -6px;
  right: -1px;
  border-radius: 50%;
  border: solid 1px #EBECF0;
  line-height: 50px;
  text-align: center;
  width: 48px;
  height: 48px;
  color: #ffffff;
}
.panel-entity-icon i {
  color: #5d5d5d;
  font-size: 20px;
}

/* company / contact etc grid listings used in datatables grid mode */
.datatables_wrapper .panel .row {
  margin-bottom: 6px;
}

.grid-view .panel-heading .avatar-med {
  position: absolute;
  width: 60px;
  top: 0;
  right: 0;
  border: solid 4px #ffffff;
}

.grid-view .panel {
  min-height: 210px;
}

.panel .mini-profile {
  margin-left: 75px;
}

/* Panelscroll */
.panel-scroll {
  position: relative;
  margin: 10px;
  padding: 0px 20px 0px 0px;
  width: auto;
  height: 400px;
  overflow: hidden;
}

/* Panels containing tables/grids and charts */
.panel-body.with-table,
.panel-body.with-chart {
  padding: 0;
}

.panel-body.with-table .table {
  margin-bottom: 0;
  font-size: 12px;
}

.panel-body.with-table .table th {
  background: #fff;
}

.panel-body.with-table .table tr th:first-child,
.panel-body.with-table .table tr td:first-child {
  padding-left: 16px;
}

.panel-body.with-table .table tr th:last-child,
.panel-body.with-table .table tr td:last-child {
  padding-right: 16px;
}

.panel-navigation {
  border-top: solid 1px #EBECF0;
  background: #f0f0f1;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}

.panel-body .address-padding {
  padding-left: 28px;
}

/* draggable widget stuff */
.ui-widget {
  /* override Jquery UI */
  cursor: move;
}

.widget-placeholder {
  border: 1px dotted #6ba7da !important;
  border-radius: 12px;
  background: #dceff7;
  margin: 0 0 20px 0 !important;
  height: 50px;
}

.widget-column {
  min-height: 300px;
  padding-bottom: 50px;
}

.widget-graphdownload {
  float: right;
  margin-top: 12px;
  margin-right: 12px;
  color: #656565 !important;
}

.widget-graphdownload:hover {
  color: #d5d5d5;
}

/* ---------------------------------------------------------------------- */
/*	Panel Tools
/* ---------------------------------------------------------------------- */
.panel-tools {
  float: right;
}

.panel-tools .btn.expand:before {
  content: "\f077";
  display: inline;
  float: right;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  height: auto;
  text-shadow: none;
}

.panel-tools .btn.collapses:before {
  content: "\f078";
  display: inline;
  float: right;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  height: auto;
  text-shadow: none;
}

.panel-tools .btn {
  border-style: none;
}

.panel-tools .btn-link {
  color: #666666;
}

.panel-tools .btn-link:hover {
  color: #333333;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region ACCORDION
/* ---------------------------------------------------------------------- */
/*.accordion-custom .panel {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0 0 0 0;
    box-shadow: none;
}

.accordion-custom .panel-heading {
    padding: 0;
    background-image: none;
    height: auto;
    box-shadow: none;
    border-radius: 0;
}

.accordion-custom .panel-body {
    border: none !important;
}
*/
.accordion-custom .panel-heading .accordion-toggle {
  /*background-color: #cccccc;
  color: #606060;*/
  display: block;
  /*font-size: 13px;
  font-weight: bold;
  line-height: 1;
  padding: 10px;
  position: relative;*/
}

.accordion-custom .accordion-toggle:hover,
.accordion-custom .accordion-toggle:focus {
  text-decoration: none;
}

.accordion-custom .panel-heading .accordion-toggle.collapsed {
  /*background-color: #F3F3F3;
      border-color: #D9D9D9;
      border-width: 0 0 0 1px;
      color: #606060;
      font-weight: normal;*/
}

.accordion-custom .panel-heading .accordion-toggle > .icon-arrow:before,
.accordion-toggle > .icon-arrow:before {
  content: "\f078";
}

.accordion-custom .panel-heading .accordion-toggle.collapsed > .icon-arrow:before,
.accordion-toggle.collapsed > .icon-arrow:before {
  content: "\f054" !important;
}

.accordion-custom .accordion-toggle > .icon-arrow {
  font-size: 11px;
  padding: 0 5px;
  color: #999999;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Dropdowns
/* ---------------------------------------------------------------------- */
/* bootstrap overrides - top arrow */
.dropdown-menu.pull-right:before {
  right: 4px;
  left: auto;
}

.dropdown-menu.pull-right:after {
  right: 5px;
  left: auto;
}

/* All dropdowns */
.profile-header .links-list .dropdown-menu i.fa {
  font-size: 16px;
}

.dropdown-menu {
  border: solid 1px #EBECF0;
  -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
}
.dropdown-menu a {
  -webkit-transition: none;
  transition: none;
}
.dropdown-menu a:focus {
  outline-offset: 3px;
}

.dropdown-menu-todo div div li a,
.dropdown-menu li p,
.dropdown-menu li a,
.drop-down-wrapper li p,
.drop-down-wrapper li a {
  font-size: 13px;
  font-weight: 400;
  padding: 6px 17px;
  /*    color: $text-general-color;*/
  text-align: left;
  text-decoration: none;
}

.dropdown-menu .divider {
  background-color: #ececec;
}

.dropdown-menu-todo div div li a {
  display: block;
  padding: 5px 18px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu-todo div div li a:hover,
.dropdown-menu-todo div div li a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu-todo {
  width: 200px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region LISTS (List Group, Links List, DLs)
/* ---------------------------------------------------------------------- */
.list-group .list-group-item {
  border: solid 1px #EFEFEF;
  position: relative;
}

.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 3px;
}

.list-group .list-group-item i {
  position: absolute;
  left: 15px;
  top: 10px;
  font-size: 16px;
}

a.list-group-item:hover,
a.list-group-item:focus {
  background: #f9f9f9;
}

a.list-group-item:focus {
  outline-offset: 0;
}

/*.list-group a.list-group-item:hover i {
    color: #383838;
    transition: all 300ms ease-in-out 0s;
}*/
.list-group-item i + h3 {
  font-size: 16px;
  font-weight: 500;
}

.list-group-item i + h3,
.list-group-item i + h3 + p {
  padding-left: 28px;
}

a.list-group-item .list-group-item-heading {
  color: inherit;
}

a.list-group-item .list-group-item-text {
  opacity: 0.75;
}

/* list groups in panels */
.panel .list-group .list-group-item {
  border: none;
  position: relative;
  border-radius: 0;
  margin: 2px; /* for accessibility outline */
  padding-top: 9px;
  padding-bottom: 4px;
  border-color: #EBECF0;
  text-decoration: none;
}

.panel .list-group .list-group-item:first-child,
.panel .list-group .list-group-item:last-child {
  border-radius: 0;
}

.panel .list-group .list-group-item:hover,
.panel .list-group .list-group-item:focus {
  background: #f7f7f7;
  color: inherit;
}

.video-clip {
  display: block;
  padding: 5px;
  text-align: center;
  border: solid 1px #ebebeb;
  height: 75px;
  margin-bottom: 3px;
}

.video-clip-lg {
  display: block;
  padding: 5px;
  text-align: center;
  border: solid 1px #ebebeb;
  height: 200px;
  margin-bottom: 3px;
}

.video-clip div,
.video-clip-lg div {
  background: #f7f7f7;
  height: 100%;
}

.video-clip div i {
  margin-top: 15px;
  color: #dddddd !important;
}

.video-clip-lg div i {
  margin-top: 75px;
  color: #dddddd !important;
}

.video-clip:hover div i,
.video-clip-lg:hover div i {
  color: #999999 !important;
}

.links-list li:last-child {
  padding-right: 0;
}

.links-list > li.sep {
  /*display: inline-block;
  border-left: 1px solid #eeeef0;
  height: 12px;
  width: 0px;
  line-height: 1.42857143;
  overflow: hidden;
  margin-left: 10px;*/
}

.list-inline-footer {
  display: inline !important;
}

.list-inline-footer li {
  display: inline !important;
  padding-right: 5px;
}

.list-inline-footer li a {
  padding-right: 5px;
}

.list-inline-xs > li {
  padding-left: 2px;
  padding-right: 2px;
}

/* DLs used for global settings */
dl.settings {
  margin-bottom: 25px;
  margin-top: 10px;
}

dl.settings dt {
  text-align: left;
  width: 230px;
  margin-bottom: 4px;
  font-weight: normal;
  color: #666666;
  font-size: 13px;
  padding-left: 25px;
}

dl.settings dt small {
  font-size: 10px;
  color: #999999;
}

dl.settings dd {
  margin-left: 250px;
  margin-bottom: 4px;
  color: #333333;
}

/* DLs used for global settings */
dl.activity-metadata {
  margin: 0 0 10px 0;
}

dl.activity-metadata dt {
  text-align: left;
  width: 25%;
  margin-bottom: 3px;
  font-weight: normal;
  color: #777777;
}

dl.activity-metadata dd {
  margin-left: 27%;
  margin-bottom: 3px;
  color: #333333;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region FOOTER
/* ---------------------------------------------------------------------- */
.footer {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  line-height: 18px;
  padding: 12px 29px 9px;
  color: rgba(49, 61, 69, 0.75);
}
.footer .footer-inner {
  padding-top: 4px;
}
.footer a {
  text-decoration: none;
}

.footer-items {
  width: 60%;
  float: right;
  text-align: right;
}

.go-top {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  margin: -2px 0 0 10px;
  padding: 0;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
  background: #e1e1e1;
  color: #555555;
  border-radius: 5px 5px 5px 5px;
  border: none;
}

.go-top:hover,
.go-top:focus {
  background: #505050;
  color: #fff;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Profile header / User Menu
/* ---------------------------------------------------------------------- */
.profile-header {
  position: fixed;
  z-index: 999;
  top: 0;
  width: inherit;
  background: #ffffff;
  padding: 0 29px 0 0;
  margin-left: -29px;
  border-bottom: solid 1px #EBECF0;
}

.profile-header::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -20px;
  left: 0;
  height: 20px;
  width: 10px;
  border-top-left-radius: 10px;
  -webkit-box-shadow: 0 -1px 0 0 #EBECF0, 0 -10px 0 0;
          box-shadow: 0 -1px 0 0 #EBECF0, 0 -10px 0 0;
}

.profile-header .row {
  margin-top: 13px;
  margin-bottom: 13px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  height: 49px;
}

.profile-header .row.shrink {
  /* header bar when in shrunk mode (i.e page scrolled) */
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: auto;
}

.profile-header .row.shrink .logo {
  height: 40px;
  margin-top: 0;
  margin-right: 30px;
}

.profile-header form.search {
  position: relative;
}

.profile-header .search-input,
.profile-header .search-new {
  position: relative;
  display: block;
  background: #fff;
  width: 100%;
  font-size: 14px;
  height: 42px;
  line-height: 42px;
  border-radius: 8px;
  border: solid 1px #EBECF0;
  margin-top: 4px;
  color: rgba(49, 61, 69, 0.75);
  padding: 0 25px;
}
.profile-header .search-input span,
.profile-header .search-new span {
  display: inline-block;
  width: 100%;
  padding-left: 20px;
}
.profile-header .search-input > i,
.profile-header .search-new > i {
  position: absolute;
  font-size: 18px;
  top: 11px;
  left: 15px;
}
.profile-header .search-input:hover,
.profile-header .search-new:hover {
  border-color: #868CA8;
}

.profile-header .search-input + button {
  border: none;
  position: absolute;
  font-size: 18px;
  top: 11px;
  right: 15px;
  background: none;
}

/* the RH column is a fixed div within a fixed container. 
   This is to allow us to have a 'stuck' menu which adjusts to both the expanding menu and chat window 
   The column is unfixed in the responsive CSS */
.col-fixed-right-sm {
  position: fixed;
  right: 29px;
}

.profile-header .server-database {
  color: rgba(49, 61, 69, 0.75);
  position: absolute;
  bottom: -11px;
  background: #fff;
  border-radius: 4px;
  padding: 3px 10px;
  left: 29px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px;
          box-shadow: rgba(0, 0, 0, 0.1) 1px 1px;
}

.profile-header .logo {
  float: left;
  margin: 0 40px 0 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 54px;
}

.profile-header ul.list-inline,
.profile-header .user-info {
  margin-bottom: 0;
  margin-top: 4px;
}

.profile-header .row.shrink ul.list-inline {
  margin-top: 1px;
}

.profile-header .list-inline > li {
  vertical-align: middle;
}

.profile-header .list-inline > li > i {
  font-size: 17px;
  padding: 11px 6px;
  margin-top: 1px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.profile-header .row.shrink .list-inline > li > i {
  padding: 12px 8px;
  margin-top: 0px;
}

.profile-header .row.shrink .notificationContents > .user-info {
  margin-top: 0;
}

.profile-header .navbar-debug {
  border-right: solid 2px rgba(0, 0, 0, 0.1);
  margin-right: 1.5rem;
  padding-right: 1rem;
}

.user-info {
  list-style: none;
  margin: 0 2.5rem 0 0;
  padding: 0;
}

.user-info:before,
.user-info:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.user-info:after {
  clear: both;
}

.user-info:before,
.user-info:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.user-info:after {
  clear: both;
}

.user-info > li {
  float: left;
  margin-right: 5px;
  font-size: 17px;
}

.user-info > li.profile-info {
  margin-right: 10px;
  margin-top: -3px;
}

.user-info .fa,
.profile-header .links-list .fa:not([class*=fa-caret-]) {
  font-size: 17px;
}

a.profile-icon,
a:link.profile-icon {
  color: #888888;
  display: block;
  padding: 12px;
  position: relative;
}

a:active.profile-icon {
  background-color: #f5f5f6;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 3px 3px 0 0;
}

.profile-info.dropdown > a {
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
  display: block;
  background: #fff;
  border-radius: 20px;
  padding: 5px;
}
.profile-info.dropdown > a .username {
  padding-right: 1rem;
}

.profile-info.dropdown > a .avatar-sm {
  margin-right: 7px;
}

.user-info > li.notifications a:focus {
  outline-offset: 1px;
}

.notifications.dropdown > a {
  position: relative;
  display: block;
  padding: 9px 12px;
  border-radius: 8px;
}
.notifications.dropdown > a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.profile-header .row.shrink .notifications.dropdown > a {
  padding: 12px;
}

.notifications.dropdown > a .badge {
  position: absolute;
  padding: 2px;
  font-size: 8px;
  right: 5px;
  top: 2px;
  min-width: 15px;
  line-height: 11px;
  border-radius: 100%;
  font-weight: 500;
}

.notifications.dropdown.open > a {
  background-color: #f5f5f6;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.notifications.dropdown .dropdown-menu {
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
  border: solid 1px #EBECF0;
  list-style: none !important;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  width: 370px;
}

.dropdown-menu-list {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
}

.dropdown-menu-list > li > .notification-message-div > a {
  padding: 0px !important;
}

.dropdown-menu-list > li > .notification-message-div .line {
  margin-bottom: 3px;
}

.notifications.dropdown .dropdown-menu:before,
.notifications.dropdown .dropdown-menu:after {
  content: none;
}

.notifications.dropdown .dropdown-menu .meta {
  float: right;
}

.notifications.dropdown .dropdown-menu .small,
.notifications.dropdown .dropdown-menu .small a {
  font-size: 10px !important;
}

.notifications.dropdown .dropdown-menu a:hover {
  text-decoration: none;
  outline-offset: -5px;
}

.notifications.dropdown .dropdown-menu a:focus {
  outline-offset: -5px;
}

.notifications.dropdown .dropdown-menu > li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.notifications.dropdown .dropdown-menu > li.top {
  border-bottom: solid 1px #EBECF0;
}

.notifications.dropdown .dropdown-menu > li.top > h5 {
  padding: 12px 17px;
  margin: 0;
  font-weight: 500;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > a,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > p {
  margin: 0;
  padding: 12px 20px;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > p {
  background-color: #FFF;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > p a {
  color: #ec5956;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.notifications.dropdown .dropdown-menu > li > p a:hover {
  color: #e9423f;
}

.notifications.dropdown .dropdown-menu > li > ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* notification items */
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li {
  font-size: 13px;
  background: #fff;
  overflow-y: hidden;
  padding: 10px 16px;
  border-bottom: solid 1px #fff;
}
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li i {
  font-size: 16px;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:nth-child(odd) {
  background: #f9f9f9;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:nth-child(even) {
  background: #fff;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:hover {
  background: #eef7fa;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.unread {
  /*background: #fff;*/
}

/*.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.unread strong {
    color: #373e4a;
}*/
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p {
  display: block;
  position: relative;
  margin: 0;
  padding: 5px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:before,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:before,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:after,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:after,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:after {
  clear: both;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:before,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:before,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:after,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:after,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:after {
  clear: both;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a > i,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p > i {
  background: #454a54;
  display: block;
  float: left;
  text-align: center;
  padding: 5px;
  line-height: 14px;
  color: #ffffff;
  width: 28px;
  height: 24px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 3px;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > a:hover,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li > p:hover {
  /* do nothing */
}

/*.notifications.dropdown .dropdown-menu > li > ul > li .task {
  display: block;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task:before,
.notifications.dropdown .dropdown-menu > li > ul > li .task:after {
  content: " ";
  display: table;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task:after {
  clear: both;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task:before,
.notifications.dropdown .dropdown-menu > li > ul > li .task:after {
  content: " ";
  display: table;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task:after {
  clear: both;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task span {
  display: block;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task span.desc {
  float: left;
}
.notifications.dropdown .dropdown-menu > li > ul > li .task span.percent {
  float: right;
}*/
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .image {
  display: block;
  margin-right: 10px;
  float: left;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .image.pull-right {
  margin-left: 10px;
  margin-right: 0;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .image .img-circle {
  border: none;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .image + .line {
  margin-top: 0px;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line {
  display: block !important;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line.desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}

/*.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line + .line,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line + .line + .line,
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li .line + .line + .line + .line {
    margin-top: 5px;
}*/
/*.notifications.dropdown .dropdown-menu > li > ul > li .progress {
  display: block;
  height: 5px;
  background-color: #ededed;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.notifications.dropdown .dropdown-menu > li > ul > li .progress:before,
.notifications.dropdown .dropdown-menu > li > ul > li .progress:after {
  content: " ";
  display: table;
}
.notifications.dropdown .dropdown-menu > li > ul > li .progress:after {
  clear: both;
}
.notifications.dropdown .dropdown-menu > li > ul > li .progress:before,
.notifications.dropdown .dropdown-menu > li > ul > li .progress:after {
  content: " ";
  display: table;
}
.notifications.dropdown .dropdown-menu > li > ul > li .progress:after {
  clear: both;
}*/
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:last-child {
  border-bottom: 0;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li:first-child a:after {
  /*position: absolute;
    content: '';
    display: block;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: transparent;
    background: red;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03);*/
}

.notifications.dropdown .dropdown-menu > li.external {
  border-top: solid 1px #EBECF0;
}

.notifications.dropdown .dropdown-menu > li.external a {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  padding: 12px 17px;
}

.notification-icon-div {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 100%;
  position: relative;
}

div.notification-icon-div:hover,
div.notification-icon-div:hover > .notification-mark-as-read {
  display: inline-block;
}

.notification-message-div {
  display: inline-block;
  vertical-align: top;
  width: 246px;
}

.notification-avatar-div {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  padding-top: 1px;
}

/*.notification-icon {
    border-radius: 100%;
    background: #777777;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.3;
    text-align: center;
    margin-left: 15px;
}*/
.notification-icon,
.notification-icon-header,
.notification-mark-as-read > a {
  position: relative;
  border-radius: 100%;
  background: #fff;
  width: 38px;
  height: 38px;
  font-size: 13px;
  display: block;
  padding: 0 !important;
  border: solid 2px #fff;
}
.notification-icon::before,
.notification-icon-header::before,
.notification-mark-as-read > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  left: 0;
  opacity: 0.1;
}
.notification-icon i[class*=fa-],
.notification-icon-header i[class*=fa-],
.notification-mark-as-read > a i[class*=fa-] {
  position: relative;
  width: 100%;
  top: 9px;
  left: 0px;
  font-size: 16px;
  text-align: center;
}

.notification-mark-as-read {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  text-align: left;
  display: none;
}

/*.notification-mark-as-read > a {
    padding: 0;
    display: block;
}*/
.notification-mark-as-read > a > i {
  /*color: #fff !important;*/
}

.notification-icon-header i {
  color: #ffffff !important;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed {
  padding: 9px 17px 9px 10px;
  display: block;
}

/* Accessibility border outline for recent links menu */
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed a:hover {
  outline-offset: 3px;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed:nth-child(even) {
  background: #fff;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed:nth-child(odd) {
  background: #f9f9f9;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-icon {
  display: inline-block;
  width: 28px;
  text-align: center;
}
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-icon .fa {
  color: #5d5d5d;
  font-size: 14px;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
  width: 300px;
  /*    white-space: nowrap;
  overflow-y: hidden;*/
  text-overflow: ellipsis;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link a {
  padding: 0px;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link a:focus {
  outline-offset: 5px;
}

.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link:hover a {
  text-decoration: underline !important;
}

.navbar-tools > ul > li.current-user {
  margin-right: 15px;
}

.navbar-tools > ul > li.current-user > a {
  padding: 11px 3px;
  font-size: 15px;
}

.navbar-tools > ul > li.current-user > a > img {
  border: solid 1px #d9d9d9;
  margin-right: 4px;
}

.photo-image {
  border-radius: 50%;
  border: solid 6px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 1px #ebebeb;
  box-shadow: 0px 0px 0px 1px #ebebeb;
  margin-bottom: 15px;
}

.photo-image-no-radius {
  border: solid 6px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 1px #ebebeb;
  box-shadow: 0px 0px 0px 1px #ebebeb;
  margin-bottom: 15px;
}

.photo-edit-container {
  width: 332px;
  height: 332px;
  border: solid 1px #ebebeb;
  padding: 6px !important;
}

.photo-edit-wrapper {
  width: 320px;
  height: 320px;
}

.photo-edit-wrapper > img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* #endregion User Menu */
/* ---------------------------------------------------------------------- */
/*	#region ACTION BUTTONS
/* ---------------------------------------------------------------------- */
#action_button_div {
  position: relative;
}

#action_button_div button .fa-plus-square {
  font-size: 15px;
  margin-right: 10px;
  color: #fff;
}

.context-new-button {
  margin-bottom: 30px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region CROP IMAGE
/* ---------------------------------------------------------------------- */
.crop-image form {
  margin: 1.5em 0;
}

.jcrop-holder #preview-pane {
  display: block;
  position: absolute;
  z-index: 1000;
  top: 10px;
  right: -280px;
  padding: 6px;
  border: 1px rgba(0, 0, 0, 0.4) solid;
  background-color: white;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

/* The Javascript code will set the aspect ratio of the crop
 area based on the size of the thumbnail preview,
 specified here */
#preview-pane .preview-container {
  width: 250px;
  height: 170px;
  overflow: hidden;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Content Editable
/* ---------------------------------------------------------------------- */
.contenteditable-border {
  padding: 2px 5px;
  border-radius: 3px;
  border: solid 1px #ffffff;
}

.contenteditable-border[contenteditable=true]:hover {
  border: solid 1px #e1e1e1;
}

.contenteditable-border[contenteditable=true]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}

.contenteditable-border.tags {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* make sure tags in editable regions are inline-block */
.contenteditable-border .label {
  display: inline-block;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Progress bar, sliders & graphs
/* ---------------------------------------------------------------------- */
.progress.progress-xs {
  height: 7px;
  margin-top: 5px;
}

.progress.progress-sm {
  height: 12px;
}

.progress {
  margin-bottom: 0px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(0, 0, 0, 0.04);
  height: 18px;
}
.progress .progress-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.slider-handle {
  background: #4391d4 !important;
  opacity: 1 !important;
}

.slider-selection {
  background: #71ade0 !important;
}

#timeChart {
  overflow: hidden;
}

.ProjectActivityBarChart .chart {
  margin: 10px 0 0 0;
}

.sparkline-tooltip {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  padding: 5px;
  z-index: 10000;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.stats h2 {
  margin-top: 10px;
  margin-bottom: 0;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/* #region To Do List
/* ---------------------------------------------------------------------- */
.todo-person .btn {
  width: 30px;
}

/* checkbox */
.todo-actions i {
  color: #C7CBD5;
  font-size: 17px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region TIMELINE
/* ---------------------------------------------------------------------- */
#activity-feed {
  margin-top: 20px;
}

#activity-feed-buttons {
  margin: -40px 0 0;
}

#activity-feed-buttons li {
  padding: 2px 4px;
}

.timeline {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
}

.timeline > li {
  position: relative;
}

.timeline > li .timeline-time {
  cursor: help;
  font-size: 12px;
}

.timeline-more {
  margin: 15px 0 0 0;
  text-align: center;
}

.timeline > li .timeline-detail {
  background: none repeat scroll 0 0 #f9f9f9;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 13px 7px 9px 7px;
  position: relative;
  border-top: 1px solid #EBECF0;
}

.timeline > li .timeline-detail .title a.datahreflink {
  cursor: pointer;
  font-weight: bold;
}

.timeline > li:nth-child(odd) .timeline-detail {
  background: #ffffff;
}

.timeline > li .timeline-group {
  font-size: 11px;
  padding: 15px 0 6px;
}

/*.timeline > li .timeline_detail:before {
    content: " ";
    height: 12px;
    width: 5px;
    background: #efefef;
    position: absolute;
    left: 50%;
    bottom: -12px;
}*/
.timeline > li .timeline-detail .edit {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
}

.timeline > li .timeline-detail .edit a {
  padding-left: 4px;
  padding-right: 4px;
  color: #777777;
}

.timeline > li .timeline-detail:hover .edit {
  display: inline-block;
}

.timeline > li .timeline-detail h3 {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  line-height: 1.4;
}

.timeline > li .timeline-detail h3 + h3 {
  padding-top: 5px;
}

.timeline > li .timeline-detail .title {
  margin-bottom: 6px;
}

.timeline > li .timeline-detail .details-link {
  font-weight: 400;
  margin-bottom: 17px;
}

.timeline > li .timeline-detail .assigned-to-label {
  font-weight: 400;
  color: #999999;
}

.timeline > li .timeline-detail .assigned-to-user {
  font-weight: 500;
}

.timeline > li .timeline-detail .comments-container {
  display: block;
  vertical-align: top;
  /*margin-bottom: 10px;*/
}

.timeline > li .timeline-detail .comments-container-response {
  display: block;
  vertical-align: top;
  float: left;
}

.timeline > li .timeline-detail .delete-response-btn {
  float: right;
}

.timeline > li .timeline-detail .avatar {
  display: inline-block !important;
  vertical-align: top;
  margin-right: 5px !important;
  text-align: center !important;
}

.timeline > li .timeline-detail .detail {
  display: inline-block !important;
  vertical-align: top;
  font-weight: 400;
  min-height: 30px;
  padding: 3px 5px 5px 5px;
  width: 89%;
}

.timeline > li .timeline-detail .detail .last-edited-by-user {
  font-weight: 600;
  font-size: 12px;
}

.timeline > li .timeline-detail footer {
  /*position: absolute;
  bottom: 0px;*/
  font-size: 0px;
  padding-top: 10px;
}

.timeline > li .timeline-detail footer a {
  display: inline-block;
  padding: 4px 10px 4px 7px;
  border-radius: 4px;
  border: solid 1px #EBECF0;
  font-size: 13px;
  margin-right: 10px;
  background: #fff;
  text-decoration: none;
}

.timeline > li .timeline-detail footer a:hover,
.timeline > li .timeline-detail footer a:active,
.timeline > li .timeline-detail footer a:focus {
  text-decoration: none;
  background: #f4f4f4;
  color: #333333;
}

.timeline > li .timeline-detail footer a:focus {
  outline-offset: 1px;
}

.timeline > li .timeline-detail .detail p {
  margin: 5px 0;
}

/*.timeline > li .timeline-detail .detail p:last-child {
    margin-top: 10px;
}*/
.timeline > li .timeline-detail .private {
  color: #d9534f;
  font-style: italic;
}

.timeline > li .timeline-detail .notification-icon {
  margin-left: 2px;
  margin-bottom: 5px;
  color: #ffffff !important;
}

.timeline > li .timeline-detail .btn-group {
  margin-left: 10px;
}

.btn-options {
  background: none;
  line-height: 18px;
  height: 18px;
  padding: 0 6px;
}

.open-link {
  font-weight: 400;
}

.closed-link {
  color: #949494 !important;
  font-weight: 400;
}

.inbox-icon-div {
  height: 175px;
}

.inbox-mark-as-read {
  width: 100%;
  height: 175px;
  vertical-align: middle !important;
  text-align: center;
  padding: 0;
  display: none;
}

div.notification-icon-div:hover,
div.notification-icon-div:hover > .inbox-mark-as-read {
  display: inline-block;
}

div.inbox-icon-div:hover,
div.inbox-icon-div:hover > .inbox-mark-as-read {
  display: inline-block;
}

.inbox-mark-as-read > a {
  padding: 12px !important;
}

.inbox-mark-as-read > a > i {
  color: #31708F;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region FILE UPLOAD (needs viewing)
/* ---------------------------------------------------------------------- */
.fileupload {
  margin-bottom: 9px;
}

.fileupload .uneditable-input {
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text;
}

.fileupload .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center;
}

.fileupload .thumbnail > img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
}

.fileupload .btn {
  vertical-align: middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
  display: none;
}

.fileupload-inline .fileupload-controls {
  display: inline;
}

.fileupload-new .input-append .btn-file {
  border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
  border: none;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
  border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
  color: #a47e3c;
  border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
  color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
  border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
  color: #b94a48;
  border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
  color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
  border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
  color: #468847;
  border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
  color: #468847;
}

.control-group.success .fileupload .thumbnail {
  border-color: #468847;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region STYLE SELECTOR (used for timer pop-out) (needs reviewing)
/* ---------------------------------------------------------------------- */
#style_selector {
  background: none repeat scroll 0 0 #FFFFFF;
  position: fixed;
  right: 0;
  top: 100px;
  width: 215px;
  z-index: 999;
}

#style_selector_container {
  border: 1px solid rgba(23, 24, 26, 0.15);
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.14);
          box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.14);
  display: none;
}

#style_selector_container img {
  border-radius: 100% 100% 100% 100%;
}

.style-main-title {
  background: #D9D9D9;
  border-bottom: 1px solid rgba(23, 24, 26, 0.15);
  color: #000000;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  text-align: center;
}

.box-title {
  font-size: 12px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #AAA9A9 !important;
}

.input-box {
  border-bottom: 1px solid rgba(23, 24, 26, 0.15);
  padding: 10px 10px 10px 40px;
}

.input-box input[type=text] {
  background: none repeat scroll 0 0 #F7F7F7;
  border: 1px solid rgba(23, 24, 26, 0.15);
  color: #000000;
  font-size: 11px;
  margin-left: 10px;
  padding: 3px;
  width: 60px;
}

.input-box select {
  background: none repeat scroll 0 0 #F7F7F7;
  border: 1px solid rgba(23, 24, 26, 0.15);
  color: #000000;
  margin-left: 5px;
  width: 120px;
}

#style_selector .style-toggle {
  background: #ffffff;
  cursor: pointer;
  height: 44px;
  width: 35px;
  border: 1px solid rgba(23, 24, 26, 0.15);
  border-right: none;
  border-radius: 5px 0 0 5px;
  line-height: 44px;
  text-align: center;
  color: #007AFF;
  font-size: 14px;
}

#style_selector .open:before {
  content: "\e162";
  font-family: "clip-font";
  line-height: 1;
}

#style_selector .open {
  background-position: left top;
  left: -35px;
  position: absolute;
  top: -36px;
  width: 35px;
  opacity: 1;
}

#style_selector .close:before {
  content: "\e163";
  font-family: "clip-font";
  line-height: 1;
}

#style_selector .close {
  background-position: left bottom;
  position: absolute;
  right: 0;
  top: -36px;
  width: 35px;
  opacity: 0.9;
}

#style_selector .images {
  border-bottom: 1px solid rgba(23, 24, 26, 0.15);
  margin-top: 15px;
  padding-bottom: 10px;
  padding-left: 25px;
  position: relative;
  z-index: 1000000;
}

#style_selector .images img {
  height: 24px;
  margin-bottom: 7px;
  margin-right: 7px;
  width: 25px;
  z-index: 1000;
}

#style_selector .images img.active {
  border: 0 solid #CCCCCC;
  opacity: 0.5;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region MODALS (Bootstrap overrides & custom)
/* ---------------------------------------------------------------------- */
.modal {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 8px;
}

.modal-open .modal {
  overflow: visible;
}

.modal .modal-body {
  padding: 23px 29px;
}

.modal .modal-footer {
  padding: 17px 29px 18px 29px;
}

.modal-footer {
  margin-top: 0;
  background: #f9f9f9;
  border-top-color: #EBECF0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.modal-footer .row {
  margin-bottom: 0;
}

.modal-footer.modal-footer-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.modal .modal-body .modal-body-header-grey {
  margin: 0;
  margin-left: -29px;
  margin-right: -29px;
  padding: 0px 29px 0px 29px;
  background: #f5f5f5;
}

.modal .modal-body .modal-body-header-grey-less-padding {
  margin: -23px -23px 0 -23px;
  padding: 15px 23px 9px 23px;
  background: #f5f5f5;
}

.modal .modal-body .modal-body-header-grey.without-tabs {
  border-bottom: solid 1px #e8e8e8;
  padding-bottom: 20px;
  margin-bottom: 23px;
}

.modal-body-header-grey .form-horizontal {
  margin-bottom: 15px;
}

.modal-header {
  padding: 15px 29px;
  cursor: move;
  border-color: #EBECF0;
}

.modal-header-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.modal-header .modal-title {
  line-height: 1.2;
  padding-top: 9px;
}

.modal-header h2.modal-title i {
  margin-right: 6px;
}

.modal-footer .btn + .btn-group {
  margin-left: 5px;
}

/* used on modal details screens where the icon is the left of the page title i.e. Company, Contact etc */
.modal-details-header {
  padding-left: 139px;
  min-height: 55px;
}

.modal-details-header h1 {
  margin: 2px 0 10px 0;
  font-size: 32px;
}

.modal-xl h3 {
  /* headings used on overview modals */
  font-size: 18px;
  margin: 0 0 15px 0;
}

.modal-xl h5 {
  margin: 0 0 3px 0;
}

.modal-xl .tags {
  padding-right: 190px;
}

.row.modal-details-sub-header {
  position: relative;
  padding: 25px 23px 20px 165px;
  background: #f8f8f8;
  z-index: 10;
  margin-bottom: 0;
  border-top: solid 1px #e9e9e9;
}

.modal-details-sub-header .header-icon-image {
  position: absolute;
  z-index: 11;
  left: -139px;
  top: -120px;
  width: 123px;
  height: 123px;
  background: #ffffff;
}

.modal-details-sub-header .header-icon-image i {
  position: absolute;
  width: 115px;
  height: 115px;
  top: 4px;
  left: 4px;
  text-align: center;
  background: #efefef;
  border-radius: 100%;
  line-height: 2.5em;
  color: #777777;
}

.modal-details-sub-header .header-icon-image img {
  border: solid 1px #efefef;
  background: #f8f8f8;
  width: 115px;
  height: 115px;
  margin: 4px;
}

.modal-open .modal .tooltip {
  z-index: 2080 !important;
}

/* overrides bootstrap modal extension */
.modal-overflow .modal-body {
  overflow: hidden;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #29333c;
}

body .modal-xs {
  /* new custom width */
  width: 250px;
  margin-left: -125px;
}

body .modal-sm {
  /* new custom width */
  width: 350px;
  margin-left: -175px;
}

/* default modal width (i.e. .modal class) is 500px */
body .modal-md {
  /* new custom width */
  width: 750px;
  margin-left: -350px;
}

body .modal-lg {
  /* new custom width */
  width: 970px;
  margin-left: -485px;
}

body .modal-xl {
  /* company read only, contact read only, lead read only etc */
  /* new custom width */
  width: 1520px;
  margin-left: -705px;
}

body .modal-xxl {
  /* company read only, contact read only, lead read only etc */
  /* new custom width */
  width: 1620px;
  margin-left: -705px;
}

body .modal-fs {
  /* company read only, contact read only, lead read only etc */
  /* new custom width */
  width: 96%;
  margin-left: -48%;
  height: 96%;
}

.modal-buttons button,
.modal-buttons .btn-group {
  margin-left: 10px;
}

.min-height-tab {
  min-height: 300px;
}

.min-height-modal {
  min-height: 300px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region POPOVERS (Bootstrap overrides & custom)
/* ---------------------------------------------------------------------- */
.popover {
  border: solid 1px #d0d0d0;
  -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
}

.popover-medium {
  width: 160px;
}

.popover-large {
  width: 300px;
}

.popover .popover-title a.btn-xs {
  margin-top: -2px;
}

.popover .popover-title {
  font-size: 14px !important;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region STYLED POPOVERS 
/* ---------------------------------------------------------------------- */
.help-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #e0faff;
  background-clip: d6f9ff-box;
  border: 1px solid #bbe2e8;
  border: 1px solid rgba(0, 221, 255, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  white-space: normal;
}

.help-popover.top {
  margin-top: -10px;
}

.help-popover.right {
  margin-left: 10px;
}

.help-popover.bottom {
  margin-top: 10px;
}

.help-popover.left {
  margin-left: -10px;
}

.help-popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.help-popover-content {
  padding: 9px 14px;
}

.help-popover > .arrow,
.help-popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.help-popover > .arrow {
  border-width: 11px;
}

.help-popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.help-popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #bbe2e8;
  border-top-color: rgba(0, 221, 255, 0.25);
  bottom: -11px;
}

.help-popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #e0faff;
}

.help-popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 221, 255, 0.25);
}

.help-popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}

.help-popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 221, 255, 0.25);
  top: -11px;
}

.help-popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.help-popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.help-popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}

/* END CUSTOM POPOVERS*/
/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Login
/* ---------------------------------------------------------------------- */
body.login .main-login {
  margin-top: 60px;
}

body.login .login-title {
  float: right;
}

body.login .logo {
  padding-bottom: 10px;
}

body.login .box-login,
body.login .box-forgot,
body.login .box-register {
  background: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 28px;
  min-height: 450px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body.login .box-forgot,
body.login .box-register {
  display: none;
}

body.login form {
  clear: both;
}

body.login form fieldset {
  border: none;
  margin: 0;
  padding: 10px 0 15px;
}

body.login a.forgot {
  color: #909090;
  font-size: 12px;
  position: absolute;
  right: 10px;
  text-shadow: 1px 1px 1px #FFFFFF;
  top: 9px;
}

body.login span.forgot {
  display: block;
  padding-top: 8px;
}

body.login input.password {
  padding-right: 130px;
}

body.login label {
  color: #7F7F7F;
  margin-top: 3px;
}

body.login label .text-small {
  color: #949494;
  font-size: 12px;
  margin-top: 6px;
}

body.login .copyright {
  color: #949494;
  font-size: 11px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  color: #191f3b;
}

body.login .form-actions:before,
body.login .form-actions:after {
  content: "";
  display: table;
  line-height: 0;
}

body.login .form-actions:after {
  clear: both;
}

body.login .form-actions {
  margin-top: 15px;
  padding-top: 10px;
  display: block;
}

body.login .new-account {
  border-top: 1px dotted #EEEEEE;
  margin-top: 15px;
  padding-top: 10px;
  display: block;
}

.btn.btn-login {
  padding: 7px 12px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region PRELOADER & OVERLAY
/* ---------------------------------------------------------------------- */
/* hide all elements & show preloader */
.js body .page-container {
  overflow: hidden;
}

.js body > .page-container {
  visibility: hidden;
}

.js #loading_layer {
  visibility: visible;
  display: block !important;
  position: relative;
  width: 100%;
  height: 100%;
  background: #dddddd;
}

.js #loading_layer img.loading-logo {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -110px 0 0 -50px;
}

.js #loading_layer img.loading-ani {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 10px;
  margin: -5px 0 0 -32px;
}

.js .tab-pane {
  display: block !important;
}

.js .hide {
  display: inherit;
}

.loading {
  background: #dddddd;
}

.loading img.loading-logo {
  position: relative;
  top: 48%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -55px 0 0 -25px;
}

.loading img.loading-ani {
  position: relative;
  top: 55%;
  left: 50%;
  width: 64px;
  height: 10px;
  margin: 0px 0 0 -55px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region TILE STATS
/* ---------------------------------------------------------------------- */
.tile-stats-container {
  padding-bottom: 8px;
}

.tile-stats {
  background: #ffffff repeat scroll 0 0 padding-box;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}

.tile-stats .padded {
  padding: 22px;
}

.tile-stats .padded .title {
  color: #4d4d4d;
  font-size: 19px;
  padding-bottom: 10px;
}

.tile-stats .padded .title .subtitle {
  color: #4d4d4d;
}

.tile-stats .overlay {
  padding: 19px 20px 19px 20px;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
}

.tile-stats .icon {
  bottom: 25px;
  color: rgba(0, 0, 0, 0.2) !important;
  position: absolute;
  right: 16px;
  z-index: 1;
}

.tile-stats .secondpie {
  opacity: 0.75;
  bottom: 20px;
  position: absolute;
  right: 20px;
  z-index: 1;
  width: 65px;
  height: 65px;
}

.tile-stats .up {
  top: 10px;
  position: absolute;
  left: 20px;
  z-index: 1;
  width: 75px;
  height: 75px;
  color: #9d9d9d;
}

.tile-stats .down {
  bottom: 10px;
  position: absolute;
  left: 20px;
  z-index: 1;
  width: 75px;
  height: 75px;
  color: #9d9d9d;
}

.tile-stats .green {
  color: green;
}

.tile-stats .red {
  color: red;
}

.tile-stats .icon i {
  font-size: 75px;
  line-height: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.tile-stats .icon i:before {
  line-height: 0;
  margin: 0;
  padding: 0;
}

.tile-stats .num,
.tile-stats .num-small,
.tile-stats h3,
.tile-stats p {
  color: #ffffff;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5;
  line-height: 1.1;
}

.tile-stats .num {
  font-size: 38px;
  font-weight: bold;
}

.tile-stats .num-small {
  font-size: 30px;
  font-weight: bold;
}

.tile-stats .num small,
.tile-stats .num-small small {
  opacity: 0.5;
}

.tile-stats h3,
.modal-xl .tile-stats h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 8px 0 0 0;
}

.tile-stats p {
  font-size: 12px;
  margin-top: 3px;
}

.tile-stats.tile-white {
  background: #ffffff;
  border: solid 1px #f5f5f5;
}

.tile-stats.tile-white .icon {
  color: #f1f1f1;
}

.tile-stats.tile-white .num,
.tile-stats.tile-white .num-small,
.tile-stats.tile-white h3,
.tile-stats.tile-white p {
  color: #999999;
}

/* small tiles used on dashboards */
.tile-stats.tile-sm {
  margin-bottom: 0;
}

.tile-stats.tile-sm .num-small {
  color: rgba(255, 255, 255, 0.6);
}

.tile-stats.tile-sm .icon {
  bottom: 0;
  color: rgba(0, 0, 0, 0.15);
}

.tile-stats.tile-sm .icon i {
  font-size: 75px;
}

.tile-stats.tile-sm .overlay {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region ICONS
/* ---------------------------------------------------------------------- */
/* hover edit */
.hover-edit i.he {
  /* hide all icons in the container */
  display: none;
}

.hover-edit:hover i.he {
  display: inline-block;
  color: #aeaeae;
}

.hover-edit i.he:hover {
  color: #444444;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  cursor: pointer;
}

.icon-container i {
  color: #5d5d5d;
}

.icon-container-white i {
  color: #FFF;
}

a > .icon-container + span {
  display: inline-block;
}

.icon-container {
  width: 14px !important;
  display: inline-block !important;
  margin-right: 8px;
  text-align: center;
}

.dropdown-menu .icon-container {
  position: relative;
  display: inline-block !important;
  width: 19px !important;
  margin-right: 11px;
  text-align: center;
}
.dropdown-menu .icon-container i[class*=fa-] {
  position: relative;
  top: 0px;
  font-size: 15px;
}

.nav-tabs .icon-container {
  width: 18px;
  text-align: center;
  margin: 0;
}

.nav-tabs .icon-container + span {
  margin-left: 6px;
}

.icons > section {
  margin-top: 20px;
}

.icon-semi-subtle i {
  color: #9a9a9a !important;
}

.icon-subtle i {
  color: #d0d0d0 !important;
}

.the-icons li {
  line-height: 40px;
}

.the-icons li i {
  -webkit-transition: font-size 0.2s ease 0s;
  transition: font-size 0.2s ease 0s;
}

.the-icons li:hover i {
  font-size: 26px;
}

.label i {
  font-size: inherit;
}

/* Compatibility with font-awesome 3 */
[class^=icon-],
[class*=" icon-"] {
  font-family: "Font Awesome 6 Pro";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: 0.3em;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

a [class^=icon-],
a [class*=" icon-"] {
  display: inline;
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-eraser:before {
  content: "\f12d";
}

.icon-font:before {
  content: "\f031";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-picture:before {
  content: "\f03e";
}

.icon-fullscreen:before {
  content: "\f0b2";
}

.icon-question:before {
  content: "\f128";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-resize-full:before {
  content: "\f065";
}

.icon-check-empty:before {
  content: "\f096";
}

.icon-check:before {
  content: "\f046";
}

.icon-ok:before {
  content: "\f00c";
}

.icon-external-link-sign:before {
  content: "\f14c";
}

.icon-double-angle-left:before {
  content: "\f100";
}

.icon-double-angle-right:before {
  content: "\f101";
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region TAGS AND DROPDOWNS of SELECT2 Component
/* ---------------------------------------------------------------------- */
.select2-td {
  padding: 4px 0px !important;
}

.tags-list {
  line-height: 2.3;
}

/* overrides for select2.css */
.select2-container {
  vertical-align: top !important;
  width: 100%;
}

.selectWoo-container--bootstrap .selectWoo-selection {
  font-size: 13px !important;
  font-weight: 400 !important;
  border-color: #c1c4d3 !important;
}

.selectWoo-container {
  vertical-align: top !important;
  width: 100% !important;
}
.selectWoo-container.selectWoo-container--open {
  width: auto !important;
}

/*.select2-container.focused {
        border-color: rgba(82, 168, 236, 0.8);
        box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
        outline: 0 none;
    }*/
/*.select2-container.input-xs {
  width: 60px;
}
.select2-container.input-sm {
  width: 90px;
}
.select2-container.input-md {
  width: 150px;
}
.select2-container.input-lg {
  width: 210px;
}
.select2-container.input-xl {
  width: 270px;
}
.select2-container.input-xxl {
  width: 530px;
}
.select2-container.input-default {
  width: 220px;
}*/
.select2-container[class*=span] {
  float: none;
  margin-left: 0;
}

.input-group .select2-container .select2-choice {
  border-radius: 3px 0px 0px 3px !important;
}

.select2-container-multi .select2-choices .select2-search-field {
  height: 29px;
  margin-left: 5px;
  margin-top: 1px;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices {
  border: 1px solid #c1c4d3;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 13px;
  color: #555555 !important;
}

.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none repeat scroll 0 0 white;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #555555;
  /*font-family: Arial, Helvetica, sans-serif !important;*/
  padding: 0;
}

.select2-container-multi .select2-choices .select2-search-field input {
  background: none repeat scroll 0 0 transparent !important;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #666;
  /*font-family: Arial, Helvetica, sans-serif !important;*/
  margin: 1px 0;
  outline: 0 none;
  padding: 5px;
  height: 28px;
}

.select2-container .select2-choice {
  /*dropdown list */
  line-height: 1.42857;
  padding: 6px 12px;
}

.select2-container-multi .select2-choices {
  /* tags field */
  line-height: 29px;
  padding: 2px 12px 2px 7px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

/* Assignedto Tags */
.select2-container.assignedto {
  width: 391px;
  height: 30px;
}

.assignedto .select2-choices {
  /* assigned to field */
  line-height: 1.2;
  padding: 0px 3px 0px 3px !important;
  border: 1px solid #ebebeb !important;
}

.assignedto .select2-choices .select2-search-choice .user-label {
  line-height: 11px;
  margin: 3px 0 3px 5px;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 18px 5px 7px;
  border: none;
  -webkit-filter: none;
          filter: none;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* tag */
.select2-container-multi .select2-choices .select2-search-choice {
  line-height: 12px;
  margin: 3px 0 3px 5px;
  font-size: 12px;
  padding: 5px 18px 5px 7px;
  border: none;
  -webkit-filter: none;
          filter: none;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

a.select2-search-choice-close {
  background: none;
  display: block;
  font-size: 10px;
  height: 12px;
  outline: medium none;
  position: absolute;
  right: 3px;
  top: 8px;
  width: 12px;
  margin-top: -2px;
}

.select2-container-multi .select2-search-choice-close {
  left: auto;
}

.select2-search-choice-close:before {
  content: "\f00d";
  display: inline;
  font-family: "Font Awesome 6 Pro";
}

a.select2-search-choice-close:link,
a.select2-search-choice-close:visited {
  color: rgba(255, 255, 255, 0.5);
}

a.select2-search-choice-close:hover,
a.select2-search-choice-close:active {
  color: #ffffff;
  text-decoration: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #cccccc !important;
}

.select2-container-multi ul.select2-choices li:first-child.select2-search-field {
  width: 100%;
}

.select2-drop {
  color: #333333;
}

.select2-results .select2-highlighted {
  background: #6f6f6f;
}

.select2-dropdown-open .select2-choice {
  border-color: rgba(82, 168, 236, 0.8);
  border-radius: 3px 3px 0 0;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  background: none;
}

.select2-container.select2-dropdown-open .select2-choice {
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}

.select2-drop.select2-drop-active {
  -webkit-box-shadow: 0 4px 7px rgba(82, 168, 236, 0.6);
          box-shadow: 0 4px 7px rgba(82, 168, 236, 0.6);
}

.select2-search input {
  background: none;
  border: 1px solid #c1c4d3;
  font-family: inherit;
  font-size: 13px;
  padding: 5px 25px 5px 12px;
  position: relative;
  margin-top: 4px;
}

.select2-search input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-search:before {
  content: "\f002";
  display: inline;
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 8px;
  right: 12px;
  height: 16px;
  width: 16px;
  font-size: 14px;
  z-index: 99999;
  color: #999999;
}

.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice .select2-arrow b {
  background: #f7f7f7;
  width: 20px;
  font-size: 13px;
}

.select2-container .select2-choice .select2-arrow b:before {
  background: none;
  display: block;
  content: "\f0d7";
  display: block;
  color: #999999;
  line-height: 1.4;
  font-family: "Font Awesome 6 Pro";
  height: 100%;
  text-align: left;
  padding-top: 8px;
  padding-left: 6px;
}

.select2-container.input-sm .select2-choice .select2-arrow b:before {
  background: none;
  display: block;
  content: "\f0d7";
  display: block;
  color: #999999;
  line-height: 1.4;
  font-family: "Font Awesome 6 Pro";
  height: 100%;
  text-align: left;
  padding-top: 6px;
  padding-left: 6px;
}

.select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before {
  content: "\f0d8";
}

/* equivalent of Boostrap input-sm */
.select2-container.input-sm {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.select2-container.input-sm .select2-choice {
  font-size: 12px;
  height: 32px;
  line-height: 1.5;
  padding: 6px 10px;
}

.select2-container.value-select-sm .select2-choice .select2-arrow b:before {
  padding-top: 6px;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 0;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 0 !important;
}

.select2-container.input-sm {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.selectWoo,
.selectWoo-container--bootstrap .selectWoo-selection {
  border-radius: 6px !important;
}

.input-group + .selectWoo-container .selectWoo-selection {
  border-radius: 3px 0px 0px 3px !important;
}

.selectWoo-container .selectWoo-selection {
  border: 1px solid #c1c4d3;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 13px;
  color: #555555 !important;
}
.selectWoo-container .selectWoo-choice {
  border: 1px solid #c1c4d3;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 13px;
  color: #555555 !important;
}
.selectWoo-container .selectWoo-selection {
  line-height: 1.42857;
  padding: 6px 12px;
}
.selectWoo-container .selectWoo-results .selectWoo-results__option--highlighted[aria-selected] {
  background: #6f6f6f;
}
.selectWoo-container .selectWoo-results__options[aria-multiselectable] > .selectWoo-results__option:not(.loading-results):has(.selectWoo-results__group) {
  padding: 0;
}
.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--single .selectWoo-selection__rendered {
  color: inherit;
}
.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__choice {
  width: calc(100% - 10px);
  padding: 9px 14px 9px 7px;
  line-height: 14px;
  font-size: 12px;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__choice__remove {
  color: #ffffff;
  margin-right: 6px;
  font-size: 14px;
}
.selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__choice__remove:hover {
  color: #ffffff;
}

.input-sm + .selectWoo-container .selectWoo-selection {
  font-size: 12px;
  height: 32px;
  line-height: 1.5;
  padding: 6px 10px;
}

.input-sm + .selectWoo-container .selectWoo-selection--single .selectWoo-selection__rendered {
  line-height: inherit;
}

.selectWoo-dropdown {
  color: #333333;
}

.selectWoo-selection--multiple .selectWoo-selection__rendered .selectWoo-search {
  float: left;
}
.selectWoo-selection--multiple .selectWoo-selection__rendered .selectWoo-search:before {
  display: none;
}
.selectWoo-selection--multiple .selectWoo-selection__rendered .selectWoo-search .selectWoo-search__field {
  font-family: inherit;
}
.selectWoo-selection--multiple .selectWoo-selection__rendered .selectWoo-search .selectWoo-search__field:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Styling for Select2 with error */
div.has-error ul.select2-choices {
  border-color: rgb(185, 74, 72) !important;
}

#s2id_dataanalytics_companysites .select2-search-choice {
  width: 100% !important;
  margin: 1px !important;
}

#s2id_dataanalytics_companysites .select2-search-choice > div {
  padding: 5px;
}

#s2id_dataanalytics_companysites .select2-search-choice > a {
  padding-top: 5px;
}

/* #endregion */
* .label {
  font-size: 11px !important;
  padding: 5px 7px !important;
}

.label-inverse,
.badge-inverse {
  background-color: #555555;
}

.label-unassigned {
  background-color: #E6E4E4;
  color: #333333;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region ALERTS
/* ---------------------------------------------------------------------- */
.alert {
  padding: 16px 24px 16px 24px;
  border-radius: 8px;
  border-left-width: 4px;
}
.alert .tab-pane {
  margin: 0;
}

.alert-info {
  /* used for help boxes */
  background: #edf6fa;
  border: solid 1px #c9e3ef;
  -webkit-box-shadow: 0 0px 20px 6px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0px 20px 6px rgba(255, 255, 255, 0.8);
}

.alert-info h3 {
  margin-top: 0;
  font-weight: 500;
  font-size: 19px;
}

.alert-info h3 .fa {
  font-size: inherit;
}

.alert-info p:last-child {
  margin-bottom: 0;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region DASHBOARD LAYOUTS
/* ---------------------------------------------------------------------- */
.dashboard-layout {
  text-align: center;
  color: #383838;
  clear: both;
  overflow: hidden;
  font-weight: bold;
  padding: 3px;
  font-size: 11px;
  border-radius: 3px;
}

.dashboard-layout.current {
  background: #b9dc96 !important;
}

.dashboard-layout.select {
  background: #9bc4e7;
}

.dashboard-layout.select div {
  -webkit-box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  border: solid 1px #d2d2d2;
}

.dashboard-layout div {
  background: #f2f2f2;
  padding-top: 55px;
  border: solid 1px #dcdcdc;
  float: left;
  height: 125px;
}

.dashboard-layout:hover div {
  -webkit-box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  box-shadow: inset 0px 0px 15px 15px rgba(117, 117, 117, 0.075);
  border: solid 1px #d2d2d2;
}

.dashboard-layout div + div {
  border-left: 0px !important;
}

.dashboard-layout div:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dashboard-layout div:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dashboard-layout .dl-100 {
  width: 100%;
}

.dashboard-layout .dl-70 {
  width: 70%;
}

.dashboard-layout .dl-50 {
  width: 50%;
}

.dashboard-layout .dl-40 {
  width: 40%;
}

.dashboard-layout .dl-33 {
  width: 33.333333%;
}

.dashboard-layout .dl-30 {
  width: 30%;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	#region Chat
/* ---------------------------------------------------------------------- */
@media (min-width: 767px) {
  /* if chat is set to be visible, ensure the page elements sre adjusted accordingly */
  .chat-visible .main-content {
    padding-right: 305px;
  }
}
.chat-visible #chat {
  display: block;
}

.chat-notifications-badge {
  margin-left: 5px;
}

.chat-notifications-badge.is-hidden {
  display: none;
}

#chat {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 280px;
  background: #4d4d4d;
  z-index: 5;
  display: none;
}

#chat.fixed {
  position: fixed;
  min-height: 0 !important;
}

#chat .chat-inner {
  overflow: auto;
  height: 100%;
}

#chat .chat-header {
  font-size: 18px;
  color: #888888;
  padding: 27px 35px 26px;
  line-height: 1;
  margin: 0;
  border-bottom: 1px solid #555555;
  position: relative;
}

#chat .chat-header .badge {
  position: relative;
  font-family: "Open+Sans", Sans-Serif;
  top: -1px;
  margin-left: 5px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#chat .chat-header .badge.is-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
}

#chat .chat-header .chat-close {
  position: absolute;
  top: 0px;
  text-align: center;
  font-size: 14px;
  top: 50%;
  right: 25px;
  margin-top: -15px;
  color: #B9B9B9;
  border: solid 1px #5A5A5A;
  border-radius: 3px;
  padding: 7px 10px;
  line-height: 1;
}

#chat .chat-header .chat-close:hover {
  background: #505050;
}

#chat .chat-header .chat-settings {
  position: absolute;
  top: 0px;
  text-align: center;
  font-size: 14px;
  top: 50%;
  right: 65px;
  margin-top: -15px;
  color: #B9B9B9;
  padding: 7px 10px;
  line-height: 1;
}

#chat .chat-header .chat-settings:hover {
  background: #505050;
}

#chat .chat-group {
  margin-top: 30px;
}

#chat .chat-group > strong,
#chat .chat-group > a {
  display: block;
  padding: 6px 35px;
}

#chat .chat-group > strong {
  text-transform: uppercase;
  color: #888888;
}

#chat .chat-group > a {
  position: relative;
  color: #c7c7c7;
  -webkit-transition: background 250ms ease-in-out;
  transition: background 250ms ease-in-out;
  text-decoration: none;
}

#chat .chat-group > a:hover,
#chat .chat-group > a.active {
  background-color: #525252;
  text-decoration: none;
}

#chat .chat-group > a:before {
  /* little arrow from conversation */
  content: "";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #464646;
  left: 0;
  top: 50%;
  margin-top: -4px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#chat .chat-group > a.active:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

#chat .chat-group > a .badge {
  font-size: 9px;
  margin-left: 5px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#chat .chat-group > a .badge.is-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
}

#chat .chat-group > a em {
  font-style: normal;
}

#chat .user-status {
  display: inline-block;
  background: #575d67;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#chat .user-status.is-online {
  background-color: #06b53c;
}

#chat .user-status.is-offline {
  background-color: #575d67;
}

#chat .user-status.is-idle {
  background-color: #f7d227;
}

#chat .user-status.is-busy {
  background-color: #ee4749;
}

#chat .chat-conversation {
  position: absolute;
  right: 280px;
  width: 340px;
  background: #464646;
  -webkit-border-radius: 3px 0 0 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
  display: none;
  opacity: 0;
}

#chat .chat-conversation .conversation-header {
  padding: 20px 24px;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #4c4c4c;
}

#chat .chat-conversation .conversation-header small {
  color: #888888;
  font-size: 12px;
  padding-left: 8px;
}

#chat .chat-conversation .conversation-header .conversation-close {
  float: right;
  color: #888888;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  top: 0;
}

#chat .chat-conversation .conversation-body {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 250px;
}

#chat .chat-conversation .conversation-body::-webkit-scrollbar {
  width: 5px;
}

#chat .chat-conversation .conversation-body::-webkit-scrollbar-track {
  width: 5px;
  background-color: #464646;
}

#chat .chat-conversation .conversation-body::-webkit-scrollbar-thumb {
  background-color: rgba(52, 58, 69, 0.8);
}

#chat .chat-conversation .conversation-body > li {
  padding: 15px 24px;
  color: #989898;
}

#chat .chat-conversation .conversation-body > li:before,
#chat .chat-conversation .conversation-body > li:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

#chat .chat-conversation .conversation-body > li:after {
  clear: both;
}

#chat .chat-conversation .conversation-body > li.odd,
#chat .chat-conversation .conversation-body > li.even,
#chat .chat-conversation .conversation-body > li.opponent {
  background: #4d4d4d;
}

#chat .chat-conversation .conversation-body > li.unread {
  background: #535353;
}

#chat .chat-conversation .conversation-body > li .user {
  font-weight: bold;
  color: #fff;
}

#chat .chat-conversation .conversation-body > li .time {
  float: right;
  font-style: italic;
  color: #989898;
  font-size: 11px;
}

#chat .chat-conversation .chat-textarea {
  padding: 20px 24px;
  position: relative;
}

#chat .chat-conversation .chat-textarea:after {
  /* chat icon */
  content: "\e83c";
  font-family: "Font Awesome 6 Pro";
  color: #cacaca;
  right: 35px;
  top: 25px;
  font-size: 15px;
  position: absolute;
}

#chat .chat-conversation .chat-textarea textarea {
  background: #5c5c5c;
  border: 1px solid #676767;
  font-size: 12px;
  color: #fff;
  max-height: 100px !important;
  padding-right: 35px;
  height: 32px;
}

#chat .chat-conversation .chat-textarea textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
  color: rgba(190, 192, 194, 0.85);
}

#chat .chat-conversation .chat-textarea textarea:-moz-placeholder {
  color: rgba(190, 192, 194, 0.85);
}

#chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
  color: rgba(190, 192, 194, 0.85);
}

#chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
  color: rgba(190, 192, 194, 0.85);
}

#chat .chat-conversation .chat-textarea textarea:-moz-placeholder {
  color: rgba(190, 192, 194, 0.85);
}

#chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
  color: rgba(190, 192, 194, 0.85);
}

#chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
  color: rgba(190, 192, 194, 0.85);
}

#chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
  color: rgba(190, 192, 194, 0.85);
}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar {
  width: 5px;
}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-track {
  width: 5px;
  background-color: #464646;
}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-thumb {
  background-color: #4a5262;
}

.chat-history {
  display: none;
}

/* #endregion Chat*/
/* ---------------------------------------------------------------------- */
/*	#region Meter Reading Styles
/* ---------------------------------------------------------------------- */
.number-of-dials-4 {
  width: 148px;
}

.number-of-dials-5 {
  width: 171px;
}

.number-of-dials-6 {
  width: 194px;
}

.number-of-dials-7 {
  width: 217px;
}

.number-of-dials-8 {
  /*No zerso at end hence smaller figure*/
  width: 194px;
}

.number-of-dials-9 {
  /*No zerso at end hence smaller figure*/
  width: 217px;
}

.number-of-dials-10 {
  /*No zerso at end hence smaller figure*/
  width: 240px;
}

.number-of-dials-11 {
  /*No zerso at end hence smaller figure*/
  width: 263px;
}

.meter-reading-border {
  border: 2px solid #d4d4d4;
  border-radius: 3px;
  height: 53px;
  text-align: center;
}

.meter-reading {
  border-radius: 3px;
  border: 2px solid white;
  width: 100%;
  height: 100%;
  background: #ffffff;
  margin: 0 auto !important;
  padding-right: 5px;
  position: relative;
}

.digit {
  padding: 2px;
  display: inline-block;
  width: 25px;
  height: 45px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: -5.5px;
  /* removes whitespace*/
  margin-left: 0px;
  background: #F6F6F6;
  /* Old browsers */
}

.corrector {
  background: #40433d;
  /* Old browsers */
}

.digit:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.digit:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* #endregion Meter Reads*/
/* ---------------------------------------------------------------------- */
/*	#Contact Us
/* ---------------------------------------------------------------------- */
.contact-detail {
  margin: 8px 0 20px 30px;
}

/* #endregion Contact Us*/
/* ---------------------------------------------------------------------- */
/*	#Widgets Styles
/* ---------------------------------------------------------------------- */
.panel-body {
  height: 250px;
  overflow: hidden;
  clear: both;
}

.panel-body-double {
  height: 565px !important;
}

.panel-body h3 {
  font-size: 18px;
  font-weight: 400;
}

.panel-body h4 {
  font-size: 15px;
  color: #333333;
  font-weight: 500;
  margin-top: 0;
}

.panel-body h6 {
  font-size: 13px;
  margin: -7px 0 8px 0;
  color: #999999;
  font-weight: 400;
}

.panel-overflow {
  overflow: auto;
}

.panel-overflow::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #ffffff;
}

.panel-overflow::-webkit-scrollbar {
  width: 8px;
  background-color: #ffffff;
}

.panel-overflow::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  background-color: #e5e5e5;
}

.grid-view .panel-body {
  height: 175px;
  overflow: hidden;
}

.piewrapper {
  position: relative;
  width: 200px;
  height: 200px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pie-div {
  position: absolute;
  top: -30px;
  left: -30px;
  width: 260px;
  height: 260px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#kpi-withme-div svg {
  width: 100%;
}

#kpi-withother-div svg {
  width: 100%;
}

.top-site-progress {
  border-radius: 4px;
  -webkit-box-shadow: none !important;
  box-shadow: none;
}

.widget-placeholder {
  border: 1px dotted black;
  border-radius: 12px;
  margin: 0 1em 1em 0;
  height: 50px;
}

.dashboard-widget .panel-body {
  position: relative;
}

/* Summary widgets */
.panel.panel-default.dashboard-widget-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  padding-bottom: 18px;
}
.panel.panel-default.dashboard-widget-summary .panel-heading {
  width: 100%;
  padding: 0 21px;
  background-color: transparent;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.dashboard-widget-summary__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.dashboard-widget-summary__icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.dashboard-widget-summary__heading {
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 14px;
}

.dashboard-widget-summary__meta span {
  background: #fff;
  color: inherit;
  line-height: 1;
  padding: 4.5px 12px;
  font-size: 12px;
  border-radius: 30px;
}

.dashboard-widget-summary__icon-container {
  display: inline-block;
  padding-top: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  height: 34px;
  width: 34px;
  text-align: center;
}
.dashboard-widget-summary__icon-container .fa-solid {
  color: #59CCB8;
  font-size: 18px;
}

.dashboard-widget-summary__label {
  font-size: 17px;
  color: #707070;
}

.dashboard-widget-summary__value-small {
  margin-top: 4px;
  margin-right: 5px;
  font-size: 17px;
  font-weight: bolder;
  color: #2699BE;
}

.dashboard-widget-summary__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 16px;
}

.dashboard-widget-summary__value {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dashboard-widget-summary__value .dashboard-widget-summary__value-icon i {
  font-weight: 100;
  font-size: 65%;
}
.dashboard-widget-summary__value small {
  font-size: 55%;
  font-weight: 500;
}

.dashboard-widget-summary__value-link a {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  padding: 0 !important;
  -webkit-text-decoration: underline solid 1px;
          text-decoration: underline solid 1px;
  text-underline-offset: 4px !important;
}
.dashboard-widget-summary__value-link a:hover {
  background: transparent !important;
  color: #fff !important;
  text-decoration-color: #fff !important;
}

.dashboard-widget-summary__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-top: 14px;
}
.dashboard-widget-summary__actions a {
  text-align: left;
  padding: 0 !important;
  -webkit-text-decoration: underline dotted 1px;
          text-decoration: underline dotted 1px;
  text-underline-offset: 4px !important;
  font-size: 14px !important;
}
.dashboard-widget-summary__actions a:hover {
  background: transparent !important;
  color: #fff !important;
  text-decoration-color: #fff !important;
}

.dashboard-widget-summary__loader {
  display: none;
}
.dashboard-widget-summary .spinner {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.dashboard-widget-summary--loading {
  min-height: 152px;
  position: relative;
}
.dashboard-widget-summary--loading .dashboard-widget-summary__content {
  display: none;
}
.dashboard-widget-summary--loading .dashboard-widget-summary__loader {
  display: block;
}
.dashboard-widget-summary--group1.panel.panel-default.dashboard-widget-summary--loading {
  background: rgba(254, 87, 22, 0.5);
}
.dashboard-widget-summary--group3.panel.panel-default.dashboard-widget-summary--loading {
  background: rgba(64, 186, 150, 0.5);
}
.dashboard-widget-summary--group4.panel.panel-default.dashboard-widget-summary--loading {
  background: rgba(0, 48, 106, 0.5);
}

.widget-more-link-div {
  position: absolute;
  bottom: 0px;
  right: 10px;
  text-align: right;
}

.widget-more-link {
  color: #9d9d9d !important;
}

.readonlydashboard .panel:hover {
  border-color: #E6E6E6 !important;
  -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
}

.readonlydashboard .panel:hover .panel-heading {
  background-color: #f7f7f7;
}

.readonlydashboard .panel:hover .panel-heading .btn {
  display: inline-block;
  background-color: #f7f7f7;
  color: #444444;
}

.readonlydashboard .panel-heading .btn {
  display: none;
}

.readonlydashboard .panel .panel-heading .panel-options button:last-child {
  display: none !important;
}

.readonlydashboard .panel-body.with-table .table th {
  background: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dropup-panel {
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 100;
  text-align: right;
  line-height: 1.1;
}
.dropup-panel .panel-action-link {
  min-width: 150px;
  text-align: right;
  right: 0px;
  bottom: 0px;
}
.dropup-panel .panel-action-link a .far {
  font-size: 12px;
}
.dropup-panel .dropdown-menu {
  margin-bottom: 20px !important;
  margin-right: 0px !important;
}
.dropup-panel .dropdown-menu li {
  float: right;
}
.dropup-panel .dropdown-menu li a {
  padding-right: 6px !important;
}

.panel-action-link {
  min-width: 150px;
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 100;
  color: #999999;
  text-align: right;
  line-height: 1.1;
}
.panel-action-link a .far {
  font-size: 12px;
}

.panel-hover:hover {
  background: #eef7fa;
}
.panel-hover:hover .panel-action-link {
  display: inline-block;
}
.panel-hover:hover i.large-stat {
  color: #999999;
}

/* panel layouts */
.row.equal {
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.panel-vertical-align {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  display: -webkit-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.panel .panel-body.panel-2x2 {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 0;
}
.panel .panel-body.panel-2x2 > .row {
  margin: 0;
}

.panel-2x2 > .row > div {
  padding-top: 15px;
  padding-bottom: 10px;
}

.panel-2x2 > .row > div:first-child { /* left-hand column */
  border-right: solid 1px #868CA8;
}

.panel-2x2 > .row > div:nth-child(even) { /* right-hand column*/
  padding-left: 23px;
}

.panel-2x2 > .row:first-child > div { /* top row */
  border-bottom: solid 1px #868CA8;
}

.panel-2x2 > .row:nth-child(even) > div { /* bottom row */
  padding-top: 23px;
}

.panel .panel-body.panel-2x1 .row {
  height: 100%;
}

.panel-2x1 > .row > div:first-child { /* left-hand column */
  border-right: solid 1px #868CA8;
}

/* panel stats */
.number {
  font-weight: 400;
  letter-spacing: -2px;
  line-height: 1;
  color: #999999;
}
.number.number-lg {
  font-size: 56px;
}
.number.number-md {
  font-size: 42px;
}

/* panel stat icons */
i.large-stat {
  font-size: 48px;
  color: #d0d0d0;
  font-weight: 300;
  padding-bottom: 14px;
  font-weight: 300;
}

/* #endregion Widgets Styles*/
/* ---------------------------------------------------------------------- */
/*	#Pie Progress
/* ---------------------------------------------------------------------- */
.pie_progress {
  text-align: center;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.pie_progress_margin {
  margin: 0px 15px 15px 15px;
}

.pie_progress svg {
  margin: 0 auto;
}

.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pie_progress__number {
  font-size: 75px;
  color: #4d4d4d;
}

.numbersm {
  font-size: 28px;
}

.pie_progress__label {
  margin-top: 42px;
  font-size: 26px;
  color: #6d6d6d;
}

.pie_progress__labelsm {
  margin-top: 42px;
  font-size: 12px;
  color: #6d6d6d;
}

.pie_progress__svg {
  display: inline-block;
  position: relative;
  width: 90%;
  padding-bottom: 90%;
  vertical-align: middle;
  overflow: hidden;
}

.pie_progress__svg svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

/* #endregion Pie Progress*/
/*-------------------
    weather widget
--------------------*/
.weather-widget {
  width: 100%;
  float: left;
  background: #fff;
  margin-bottom: 20px;
}

.weather-widget .weather-state {
  background-color: #00c4a9;
  background-image: url(../content/weather_background.jpg);
  background-size: cover;
  height: 261px;
  width: 45%;
  text-align: center;
}

.weather-widget .weather-state .weather-icon {
  font-size: 60px;
  color: #fff;
  display: block;
  margin: 20px 0 60px 0;
}

.weather-widget .weather-state .weather-type {
  display: block;
  text-align: center;
  padding: 20px 0;
  font-size: 28px;
  color: #fff;
  font-weight: 300;
  line-height: 28px;
}

.weather-widget .weather-state,
.weather-widget .weather-info {
  float: left;
}

.weather-widget .weather-info {
  width: 54%;
}

.weather-widget .weather-info .degree {
  font-size: 72px;
  display: block;
  font-weight: 100;
  margin-top: 20px;
}

.weather-widget .weather-info .degree:after {
  content: "o";
  position: relative;
  top: -40px;
  font-size: 20px;
  font-weight: 400;
}

.weather-widget .weather-info .weather-city {
  color: #bdc1c3;
  font-size: 20px;
  font-weight: 300;
  margin-top: 20px;
  display: block;
}

.weather-widget .weather-info {
  position: relative;
}

/* ---------------------------------------------------------------------- */
/*	#Clock Styles
/* ---------------------------------------------------------------------- */
.clock {
  margin: 0 auto;
  padding-top: 20px;
  color: #f1f1f1;
}

#date {
  width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
  display: inline-block;
}

.time {
  width: 150px;
  display: inline-block;
}

.time ul {
  margin: 0 auto;
  padding: 0px;
  list-style: none;
  text-align: center;
  display: inline-block;
}

.time ul li {
  display: inline;
  font-size: 18px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

.point {
  position: relative;
  -moz-animation: mymove 1s ease infinite;
  -webkit-animation: mymove 1s ease infinite;
  padding-left: 2px;
  padding-right: 3px;
}

@-webkit-keyframes mymove {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    text-shadow: none;
  }
  100% {
    opacity: 1;
  }
}
/* #endregion Clock Styles*/
/* ---------------------------------------------------------------------- */
/*	#Misc Styles
/* ---------------------------------------------------------------------- */
div.loading-div {
  height: 350px;
  width: 100%;
  position: absolute;
  z-index: 100;
}

div.loading-div .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
}

.date-picker-width {
  min-width: 100px;
}

h3.response-title {
  margin: 5px 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
}

h4.response-title {
  font-weight: 400;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  font-size: 14px;
  color: #444444;
}

h5.response-title {
  font-weight: 400;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  font-size: 13px;
}

.raiser {
  font-weight: 600;
}

.response-history-margin-right {
  margin-right: 15px !important;
}

.modal-body-header-grey-less-padding .icon {
  top: 0px;
  color: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 15px;
  z-index: 6;
  overflow: hidden;
  width: 120px;
  height: 116px;
  text-align: center;
  /*border: red 1px solid; */
}

.modal-body-header-grey-less-padding .icon i {
  position: relative;
  top: 60px;
  font-size: 80px;
  line-height: 0;
  margin: 0px;
  padding: 0px;
  color: #efefef;
}

.modal-body-header-grey-less-padding .icon i:before {
  line-height: 0;
  margin: 0;
  padding: 0;
}

.query-alert {
  margin-bottom: 0 !important;
}

.searchclear {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 14px;
  cursor: pointer;
  color: #ccc;
}

.calendar-popover {
  width: 250px;
}

.calendar-icon-padding {
  font-size: 13px;
  padding: 1px 5px 1px 2px;
}

.calendar-overflow {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

#query-loader,
#meter-details {
  height: 250px;
}

.two-column-div-label-sm {
  width: 75px;
  display: inline-block;
}

.two-column-div-label-md {
  width: 250px;
  display: inline-block;
}
.two-column-div-label-md label {
  color: #666666;
}

.last-comment-container {
  position: absolute;
  top: 260px;
  width: 100%;
  left: 0;
  padding: 5px 20px 0 20px;
  border-top: 1px solid #f4f4f4;
}

blockquote.comment {
  padding-left: 32px;
  padding-bottom: 32px;
  font-size: 1.25em;
  line-height: 1.15;
  font-family: "Times New Roman", Georgia, Serif;
  background: url(../content/images/quote.gif?v=ijfTd-O09mHbgTDB5iGAUfIDtNA) no-repeat top left;
  border-left: none !important;
  height: 10px;
}

blockquote span {
  color: #777777;
}

blockquote p {
  color: #777777;
  margin: 0 0 10px 0;
}

.feed-loader {
  padding-top: 250px;
  display: none;
}

.no-bottom-border th {
  border: 0 #F5F5F6 !important;
}

.table-progress,
.feed-progress {
  /*display:none;*/
  background: #fff;
  border: 0 #ffffff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-top: 0 !important;
}

.table-progress th,
.feed-progress {
  padding: 0 !important;
  height: 3px !important;
}

.table-progress .progress,
.feed-progress .progress {
  border-radius: 0 !important;
  border: 0 !important;
  height: 3px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
}

.table-progress-bar,
.feed-progress-bar {
  border-radius: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.paperless-alert {
  margin-top: 10px;
  margin-bottom: 0px !important;
}

#update_graph_btn {
  position: relative;
}

#update_graph_spinner {
  position: relative;
  display: none;
  width: 12px;
  height: 12px;
}

#download_data_btn {
  position: relative;
  width: 100px;
}

#download_data_spinner,
#download_data_spinner2 {
  position: relative;
  display: none;
  width: 12px;
  height: 12px;
}

.graph-sites-padding {
  padding-left: 40px;
  padding-right: 20px;
}

.calendar-icon {
  padding-right: 5px;
  border-right: 1px solid #e7e7e7;
  margin-right: 3px;
}

#map_canvas {
  width: 100%;
  height: 250px !important;
}

.quick-info-container {
  width: 225px;
}

.quick-info-label {
  width: 75px;
  display: inline-block;
}

.carousel {
  height: 250px;
}

.carousel-control.left {
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.carousel-control.right {
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70, 70, 70, 0.25);
  border: 1px solid #444;
}

.carousel-indicators .active {
  background-color: #444;
}

.carousel-caption {
  text-shadow: none !important;
  color: #629415;
}

.carousel-control {
  color: #ffffff;
  text-shadow: none;
}

.carousel-caption i {
  font-size: 6em;
}

.item {
  text-align: center;
  height: 230px !important;
}

.nav > li > a .badge {
  font-family: Inter;
  font-size: 10px;
  line-height: 12px;
  min-width: 17px;
  padding: 2px;
  position: absolute;
  right: 5px;
  top: 2px;
}

.btn-add-remove {
  width: 100%;
  margin-bottom: 8px;
}

.widget-no-data {
  padding-top: 110px;
  text-align: center;
  font-size: 14px;
}

.widget-headline {
  color: #9f010e;
  font-weight: bold;
  font-size: 4.8em;
}

.widget-subline {
  color: #4d4d4d;
  font-size: 1.7em;
}

.bootstrap-datetimepicker-widget {
  z-index: 1060 !important;
}

.min-width-100 {
  min-width: 100px;
}

.min-width-110 {
  min-width: 110px;
}

.min-width-120 {
  min-width: 120px;
}

.min-width-130 {
  min-width: 130px;
}

.min-width-140 {
  min-width: 140px;
}

.min-width-150 {
  min-width: 150px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  margin-top: -45px;
}

.downloadseconds-padding {
  padding-top: 8px;
}

.progress-blank-height {
  height: 22px;
}

.legend {
  margin-top: 5px;
  width: 100%;
  height: 5px;
}

.stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}

/* #endregion Misc Styles*/
/* ---------------------------------------------------------------------- */
/*	#region TASKS & TODOs
/* ---------------------------------------------------------------------- */
/* task list is used both in tabular and div-based structures */
.task-list .task-group,
.task-details .task-group {
  background: none repeat scroll 0 0 #FAFAFC;
  display: block;
  margin-left: 0 !important;
  padding: 8px 10px;
  position: relative;
  border-bottom: solid 1px #ffffff;
}

.split-container .task-group {
  padding-right: 20px;
  padding-left: 25px;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  min-height: 39px;
}

.task-list .task-group a,
.task-details .task-group a {
  color: #383838;
}

.no-task-selected {
  width: 100%;
  padding: 20% 40%;
  text-align: center;
}

/* div version of task class */
.task-list .task {
  background: none repeat scroll 0 0 #ffffff;
  border-bottom: 1px solid #F6F6F6;
  display: block;
  margin-left: 0 !important;
  padding: 8px 10px;
  position: relative;
}

/* table version of task class */
.task-list .table-tasks td {
  border-bottom: 1px solid #EBECF0;
  margin: 0;
  padding: 8px 5px;
  position: relative;
  border-top: none;
  vertical-align: middle;
}
.task-list .table-tasks td i[class*=fa-] {
  font-size: 14px;
}

.task-list .table-tasks tr:nth-child(even) {
  background: #fcfcfc;
}

.task-list .table-tasks tr:hover {
  background: #e9f6fa;
}

.task-list .table-tasks tr.editing {
  background: #e9f6fa;
  position: relative;
}

.task-list .table-tasks tr.editing .selecting-arrow:after,
.task-list .table-tasks tr.editing .selecting-arrow:before {
  left: 100%;
  top: 50%;
  margin-left: 25px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.task-list .table-tasks tr.editing .selecting-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 12px;
  margin-top: -12px;
}

.task-list .table-tasks tr.editing .selecting-arrow:before {
  border-color: rgba(235, 235, 235, 0);
  border-left-color: #e4e4e4;
  border-width: 13px;
  margin-top: -13px;
}

.task-list .sub-task {
  background: none repeat scroll 0 0 #ffffff;
  border-bottom: 1px solid #F6F6F6;
  display: block;
  margin-left: 0 !important;
  padding: 8px 10px 8px 33px !important;
  position: relative;
}

.task-list-addtaskorgroup {
  color: #848484;
}

.task-list-addtask {
  padding: 8px 10px 8px 65px !important;
  position: relative;
}

.task-list-addsubtask {
  background: none repeat scroll 0 0 #ffffff;
  display: block;
  margin-left: 0 !important;
  padding: 8px 10px 8px 104px;
  position: relative;
  color: #848484;
}

.task-edit {
  background-color: #f7f7f7;
  padding: 15px;
  border-radius: 3px;
  margin-left: 39px;
}

/* editing a sub-task */
.task .task .task-edit {
  margin-left: 34px;
}

.task-list .edit-container {
  width: 28px;
  display: inline-block;
}

.task-list .fa {
  color: #777777;
}

.task-list .index {
  color: #999999;
}

.task-list .edit-container .dropdown-menu {
  text-align: left;
}

.task-icon-button,
.task-icon-button:link,
.task-icon-button:visited {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0px solid transparent;
  background-color: transparent;
  white-space: nowrap;
  padding: 0 3px;
  font-size: 14px;
  line-height: 1;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #777777;
}

.task-icon-button:focus,
.task-icon-button:active:focus,
.task-icon-button.active:focus {
  outline: none;
  outline-offset: 0px;
  background-image: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.task-icon-button:hover,
.task-icon-button:focus {
  color: #333333;
  text-decoration: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: inline-block;
}

.task-icon-button:active,
.task-icon-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* hiding/showing task icons */
.hidden-icon,
.hidden-icon:link,
.hidden-icon:visited {
  display: none;
  color: #c5c5c5;
}

.task-list tr:hover .hidden-icon,
.row:hover > div > .hidden-icon,
.task-activity:hover .hidden-icon {
  display: inline-block;
}

a.hidden-icon:hover,
a.hidden-icon:active {
  color: #333333;
}

/* reordering */
.task-list .reorder-container {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}

.task-list .reorder-container .reorder {
  color: #c5c5c5;
}

.task-list .task-group:hover .reorder-container .reorder,
.task-list .task:hover .reorder-container .reorder,
.task-list tr:hover .reorder-container .reorder {
  cursor: move;
}

.task-list .caret-container {
  width: 10px;
}

.task-list .task .subtaskcount {
  width: 20px !important;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}

.task-list .sub-task-list {
  margin-left: 48px;
}

.task-list .task .assigned-to {
  width: 85px !important;
  display: inline-block;
  text-align: left;
  margin-right: 5px;
  cursor: pointer;
}

.task-list .circle-icon,
.task-details .circle-icon {
  background-color: #666666;
  border-radius: 47px;
  -moz-border-radius: 47px;
  -webkit-border-radius: 47px;
  border: solid 4px #ffffff;
  color: #FFFFFF;
  margin-top: 2px;
  text-align: center;
  height: 47px;
  line-height: 39px;
  width: 47px;
  display: inline-block;
}

.task-list .heading,
.task-details .heading {
  margin-bottom: 5px;
}

.task-list .heading .circle-icon,
.task-details .heading .circle-icon {
  position: absolute;
  font-size: 19px;
  left: 8px;
  top: -6px;
}

.task-details .heading .circle-icon {
  left: 10px;
}

.task-list .heading h3,
.task-details .heading h3 {
  margin: 2px 0 0 8px;
  padding-left: 45px;
  font-size: 16px;
}

.task-list .due-date,
.task-details .due-date {
  font-size: 11px;
  line-height: 1.2;
}

.unassigned-user {
  color: #bbbbbb !important;
}

/* ---------------------------------------------------------------------- */
/*	Task Details (as used on home page)
/* ---------------------------------------------------------------------- */
.task-details .heading {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.task-details h3 {
  margin: 0 0 5px 0;
}

.task-details h5 {
  margin-bottom: 0;
  margin-top: 0;
  padding: 4px 0;
}

.task-details .custom-row {
  margin-bottom: 6px;
  clear: both;
  position: relative;
  overflow: hidden;
}

.task-details .custom-row .lh-col {
  width: 65px;
  float: left;
  text-align: center;
  position: relative;
}

.task-details .custom-row .rh-col {
  margin-left: 65px;
  position: relative;
}

.task-details .custom-row.row-spacer {
  margin-bottom: 22px;
}

/* row used by project name */
.task-details .custom-row.hoverrow {
  border-bottom: solid 1px #ffffff;
  padding: 4px 0;
  margin-bottom: 2px !important;
}

.task-details .custom-row.hoverrow:hover {
  border-bottom: solid 1px #efefef;
  background: #fbfbfb;
}

.task-details .custom-row.hoverrow .btn {
  display: none;
}

.task-details .custom-row.hoverrow:hover .btn {
  display: inline-block;
}

.task-details .task-desc {
  color: #999999;
}

.task-details .sub-task div {
  vertical-align: middle;
}

.task-details hr {
  margin-bottom: 24px;
  margin-left: 9.3%;
}

.task-details .avatar-sml {
  width: 35px;
  height: 35px;
}

.tab-content .task-details .tab-content {
  border: none;
  border-top: solid 1px #ebebeb;
  padding-left: 0;
  padding-right: 0;
}

.task-details .nav-tabs {
  margin-left: 71px;
}

.task-details a.mark-complete-lg i {
  color: #cccccc;
  padding-top: 6px;
}

.modal a.mark-complete-lg i {
  color: #cccccc;
  padding-top: 7px;
  margin-right: 3px;
}

/* form control for comments */
.task-details .form-control {
  border-radius: 3px !important;
  border-color: #ebebeb;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 12px;
}

.task-details .form-control:focus {
  border-color: #66AFE9;
}

.task-details .notifications {
  margin-bottom: 10px;
  overflow: hidden;
}

.task-details .notifications ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.task-details .notifications li {
  float: left;
  margin-right: 15px;
}

.task-details .notification-button {
  display: block;
  margin-bottom: 8px;
}

/* override general rules when a single full width column is used within the task activity feed  */
/*.task-details .task-activity-post {
    background: #fafafa;
    padding: 20px 0;
    border-radius: 6px;
}*/
.task-details .task-activity-post {
  margin-bottom: 18px;
}

.task-details .task-activity-post textarea {
  margin: 0 0 8px 0;
}

/* task activity listing */
.task-activity {
  color: #777777;
  min-height: 16px;
}

.task-activity.quiet,
.task-activity .quiet {
  font-size: 11px;
}

.task-activity .quiet .fa {
  font-size: 10px;
}

.task-activity .quiet span {
  padding-right: 15px;
}

.task-activity .showmore {
  padding-top: 10px;
}

.task-comment > div {
  /* put extra space around comments in the activity list*/
  padding-top: 6px;
  padding-bottom: 6px;
}

.task-comment + .task-comment div {
  /* but not where there are two comments in succession */
  padding-top: 0;
}

.person {
  color: #383838;
}

.task-activity .meta {
  color: #aaaaaa;
}

.type-label {
  color: #ffffff;
  display: inline-block;
  border-radius: 3px;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 14px;
}

/*Added By JG 4th Jun 2014*/
.like {
  color: #BBBBBB !important;
  cursor: pointer;
  text-decoration: none;
}

.like:hover {
  color: #8D929A !important;
  cursor: pointer;
  -webkit-transition: all 100ms ease-in-out 0s;
  transition: all 100ms ease-in-out 0s;
  text-decoration: none;
}

/* unique buttons used for task/appointment details split screen */
.heading.task-group > .task-buttons {
  margin-left: 46px;
}

.heading.task-group > .task-buttons .btn {
  background: transparent;
  font-size: 12px;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  padding: 9px 9px 10px 9px;
  color: #555555;
}

.heading.task-group > .task-buttons .btn.with-border {
  border-right: solid 1px #e8e8e8;
}

.heading.task-group > .task-buttons .btn.with-border:first-child {
  border-left: solid 1px #e8e8e8;
}

.heading.task-group > .task-buttons .btn i {
  color: #777777;
}

.heading.task-group > .task-buttons .btn:hover,
.heading.task-group > .task-buttons .btn:active {
  border-left-color: #dcdcdc;
  border-right-color: #dcdcdc;
  background: #fcfcfc;
  color: #444444;
}

.heading.task-group > .task-buttons .btn.selected,
.heading.task-group > .task-buttons .btn.selected:hover,
.heading.task-group > .task-buttons .btn.selected:active {
  border-left-color: #cfeaf3;
  border-right-color: #cfeaf3;
  background: #e9f6fa;
  color: #444444;
}

.heading.task-group > .task-buttons .btn:hover i,
.heading.task-group > .task-buttons .btn:active i,
.heading.task-group > .task-buttons .btn.selected i {
  color: #333333;
}

.task-buttons-extend {
  position: relative;
  margin-top: -5px;
  padding: 6px 20px 6px 67px;
  background: #e9f6fa;
  border-bottom: solid 1px #cfeaf3;
  z-index: 1;
}

.task-buttons-extend input.form-control {
  width: 50%;
}

#add-file .progress {
  margin-top: 8px;
}

.task-menu-caret {
  margin-left: 8px;
}

.tasks-header {
  padding: 10px 0px 12px 0px;
}

/* ---------------------------------------------------------------------- */
/* energy vision marketing widget */
/* ---------------------------------------------------------------------- */
#evcustomers_widget .panel-body .grey-bg {
  background-color: #e1e1e1;
  height: 250px;
}

#evcustomers_widget .panel-body .lightgrey {
  background-color: #f8f8f8;
}

#evcustomers_widget .panel-body .lightgrey-bg {
  background-color: #f8f8f8;
  height: 250px;
}

#evcustomers_widget .panel-body .grey-bg .save {
  color: #fff;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  font-weight: 500;
  font-size: 30px;
}

#evcustomers_widget .panel-body .grey-bg .pound i {
  color: #fff;
  width: 100%;
  text-align: center;
  padding-top: 15px;
  font-weight: 400;
  font-size: 90px;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 div {
  margin-left: 6%;
  text-align: left;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .using-energy-vision {
  margin-top: -10px;
  font-size: 12pt;
  font-weight: 600;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .using-energy-vision .using-grey {
  color: #9d9d9d;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .learn-more {
  padding-top: 10px !important;
}

#evcustomers_widget .energyvision-noncustomers-widget-col3 {
  padding-left: 2% !important;
  padding-top: 20px;
  text-align: center;
}

#evcustomers_widget .energyvision-noncustomers-widget-col3 .graph i {
  color: #f0f0f1;
  font-size: 75pt;
  margin-bottom: 20px;
}

#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button i {
  font-size: 12pt;
  padding-top: 12px;
}

#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button-continue {
  margin-top: 20px;
}

#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button-continue i {
  font-size: 22px;
  padding-top: 0px;
}

#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button div {
  display: inline-block;
  vertical-align: top;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 div.thank-you-text {
  padding-bottom: 20px;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .checkbox-div {
  padding-top: 5%;
  width: 100%;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .checkbox-div .terms-checkbox {
  display: inline-block;
  width: 10% !important;
  margin-left: 0px !important;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .checkbox-div .terms-label {
  display: inline-block;
  width: 81%;
  vertical-align: top;
  padding-top: -1px;
  font-size: 7pt;
  margin-left: 10px !important;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .checkbox-div {
  display: inline-block;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 div.checkbox-div .icheck-item {
  padding-top: 8px;
  padding-right: 20px;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .signup-text {
  padding-top: 20px;
  padding-bottom: 20px;
}

#evcustomers_widget .energyvision-noncustomers-widget-col2 .back-button {
  padding-top: 20px;
}

#evcustomers_widget .energyvision-customers-widget .last-months-title {
  font-weight: 500;
  font-size: 14pt;
  color: #5E5E5E;
  padding-left: 7%;
  padding-bottom: 5px;
  padding-top: 12px;
  margin-top: 0px;
  margin-left: 0px !important;
}

#evcustomers_widget .energyvision-customers-widget .faketable {
  padding-top: 2%;
}

#evcustomers_widget .energyvision-customers-widget .faketable .row {
  padding-top: 4px;
  padding-bottom: 4px;
}

#evcustomers_widget .energyvision-customers-widget .faketable .price-title {
  font-weight: 300;
  font-size: 12pt;
  padding-left: 15%;
}

#evcustomers_widget .energyvision-customers-widget .faketable .price {
  font-weight: 500;
  font-size: 12pt;
}

#evcustomers_widget .energyvision-customers-widget .faketable .price-kwh {
  font-weight: 300;
  font-size: 12pt;
  color: #333 !important;
  padding-left: 8px;
}

#evcustomers_widget .energyvision-customers-widget .faketable .table-row {
  background-color: #fbfbfb;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}

#evcustomers_widget .energyvision-customers-widget .possible-saving-graph i {
  font-size: 70pt;
  color: #e7e7e7;
  padding-left: 20%;
  padding-top: 15%;
  padding-bottom: 5%;
}

#evcustomers_widget .energyvision-customers-widget .possible-saving-text {
  font-weight: 500;
  font-size: 10pt;
  text-align: center;
  width: 100%;
}

#evcustomers_widget .energyvision-customers-widget .possible-saving-text .mwh {
  font-weight: 600;
  font-size: 2vw;
  line-height: 30px;
}

/* ---------------------------------------------------------------------- */
/* end energy vision marketing widget */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* PDO*/
/* ---------------------------------------------------------------------- */
#pdotable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #ffffff;
}

#pdotable::-webkit-scrollbar {
  width: 8px;
  background-color: #ffffff;
}

#pdotable::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  background-color: #e5e5e5;
}

.pdoContext {
  border: 1px solid #eee;
  color: #bbb;
  background: #eee;
  padding: 2px;
  font-size: 9px;
  float: right;
  line-height: 9px;
  margin: 1px 3px 0 10px;
}

.pdoContext:hover {
  border: 1px solid #777;
  color: #777;
  cursor: pointer;
}

.pdoContext.pressed {
  background-color: #999;
}

.pdoContextMenu {
  position: absolute;
  border: 1px solid #ccc;
  margin-top: 18px;
  -webkit-box-shadow: 0 1px 3px -1px #323232;
          box-shadow: 0 1px 3px -1px #323232;
  background: white;
  padding: 0;
  font-size: 12px;
  display: none;
  z-index: 1111;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.pdoContextMenu li {
  text-align: left;
  list-style: none;
  padding: 8px 10px;
  cursor: pointer;
  margin-bottom: 0;
  display: block;
}

.pdoContextMenu li i {
  padding-right: 10px;
}

.pdoContextMenu li.active:before {
  font-size: 12px;
  content: "✔";
  margin-left: -15px;
  margin-right: 3px;
}

.pdoContextMenu li:hover {
  background: #eee;
}

#pdo-container {
  padding-right: 20px;
}

.realised-pdo {
  width: 25px;
  height: 25px;
  display: block;
  float: right;
  margin-left: 20px;
}

.realised-pdo-label {
  margin-top: 5px;
  opacity: 0.95;
}

#calendar-title {
  margin-top: -3px;
  margin-top: 8px;
  font-size: 20px;
  font-weight: 400;
}

#calendar .fc-center h2 {
  margin-top: 6px;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.5px;
}

/* ---------------------------------------------------------------------- */
/* END PDO*/
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Trading Dashboard*/
/* ---------------------------------------------------------------------- */
.tradingdashboardtableheader {
  padding-top: 10px !important;
}

.trading-dashboard-options {
  display: inline-block !important;
  padding: 4px;
  width: 100%;
  background-color: #F8F8F8;
}

.trading-dashboard-options > * {
  display: inline-block !important;
}

.trading-dashboard-options > label {
  width: 15%;
  font-weight: 600 !important;
  padding-left: 14px;
}

.trading-dashboard-options > select {
  width: 40%;
  padding: 2px !important;
  background-color: #f1f1f1;
}

.trading-dashboard-options > select option {
  padding: 2px !important;
}

/*.forwardprice-href {
    height: 24px;
    margin-top: 4px;
    padding: 6px;
    vertical-align: middle;
    width: 34px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}*/
.graph-title {
  margin-top: 10px;
}

.tradingdashboardgraph-options {
  padding-top: 5px;
}
.tradingdashboardgraph-options * > div {
  height: 25px;
  vertical-align: middle;
}
.tradingdashboardgraph-options label .icheck-item {
  margin-left: 5px;
  margin-right: 5px;
}

.forward-pricing-buttons {
  min-width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* ---------------------------------------------------------------------- */
/* END Trading Dashboard*/
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Query File Upload Popover*/
/* ---------------------------------------------------------------------- */
.query-file-upload-popover {
  left: auto !important;
  right: 10px !important;
}

.query-file-upload-popover .arrow {
  left: auto !important;
  right: 10px !important;
}

.query-files-input {
  width: 100%;
}

/* ---------------------------------------------------------------------- */
/* Query File Upload Popover*/
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Query fixed header*/
/* ---------------------------------------------------------------------- */
.fixedheader {
  width: 100%;
}

.fixedheader thead, .fixedheader tbody, .fixedheader tr, .fixedheader td, .fixedheader th {
  display: block;
}

.fixedheader tr:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
}

.fixedheader thead th {
  height: 35px;
  /*text-align: left;*/
}

.fixedheader tbody {
  height: 700px;
  overflow-y: auto;
}

.fixedheader thead {
  /* fallback */
}

.fixedheader tbody td, .fixedheader thead th {
  width: 33.3%;
  float: left;
}

/* Set-up type wizard screen  */
.wizard-content p.intro {
  line-height: 2;
  font-size: 18px;
}

.wizard-choice-box {
  margin: 0 10px;
  border: solid 1px #ebebeb;
  border-radius: 6px;
  margin-bottom: 20px !important;
}

.wizard-choice-box a {
  min-width: 175px;
}

.wizard-choice-box:hover {
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.42);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.42);
}

.wizard-choice-box.wizard-choice-box-highlight {
  background: #f5f5f5;
}

.wizard-choice-box .wizard-choice-box-head {
  background: #555555;
  padding: 12px 18px;
  border-radius: 6px 6px 0 0;
  margin: -1px -1px;
}

.wizard-choice-box.wizard-choice-box-highlight .wizard-choice-box-head {
  background: #8eac42;
}

.wizard-choice-box .wizard-choice-box-head h4 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  white-space: nowrap;
}

.wizard-choice-box.customer .wizard-choice-box-content:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f007";
  position: absolute;
  font-size: 100px;
  right: 18px;
  top: 0px;
  color: #f0f0f0;
  z-index: -1;
}

.wizard-choice-box .wizard-choice-box-content {
  padding: 18px 18px 14px 18px;
  position: relative;
  z-index: 99;
}

.wizard-choice-box.tpi .wizard-choice-box-content:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0c0";
  position: absolute;
  font-size: 100px;
  right: 18px;
  top: 0px;
  color: #f0f0f0;
  z-index: -1;
}

.wizard-choice-box .wizard-choice-box-content ul {
  list-style-type: none;
  padding-right: 33%;
  padding-left: 0;
  margin: 0 0 25px 0;
  min-height: 125px;
}

.wizard-choice-box .wizard-choice-box-content ul li {
  padding-left: 25px;
  color: #555555;
  margin: 0 0 7px 0;
}

.wizard-choice-box .wizard-choice-box-content ul li:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f00c";
  display: inline-block;
  margin: 0 9px 0 -25px;
  color: #8eac42;
  font-size: 16px;
}

.wizard-choice-box.tpi > .center, .btn.btn-success.disabled {
  background-color: gray !important;
  border-color: gray !important;
}

/* #endregion */
.pdo-high {
  background-color: #ff7272 !important;
  text-align: center !important;
}

.pdo-low {
  background-color: #72a8ff !important;
  text-align: center !important;
}

.pdo-percenthigh {
  background-color: #ff7272 !important;
  text-align: center !important;
}

.pdo-percentlow {
  background-color: #72a8ff !important;
  text-align: center !important;
}

/* ---------------------------------------------------------------------- */
/* Bulk Query*/
/* ---------------------------------------------------------------------- */
.bulk-query .header {
  min-height: 65px;
}
.bulk-query margin-top {
  padding-top: 10px !important;
}
.bulk-query .query-notes {
  height: 200px;
}

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.input-file + label {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  background-color: black;
  display: inline-block;
}

.input-file:focus + label,
.input-file + label:hover {
  background-color: red;
}

.input-file + label {
  cursor: pointer;
}

.input-file:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/* ---------------------------------------------------------------------- */
/* File Download*/
/* ---------------------------------------------------------------------- */
.filedownload-container {
  margin-top: 100px;
}

.filedownload-icon {
  font-size: 10em;
  color: #383838;
}

.filedownload-spinner {
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.filedownload-spinner-sm {
  width: 125px;
  height: 125px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 20px;
}

.processing-users {
  margin-left: 38%;
}

.processing-emails {
  margin-left: 20%;
}

/* #endregion */
textarea.only-vertical-resize {
  resize: vertical;
}

.amcharts-axis-title tspan {
  letter-spacing: 1px;
}

h4.donut-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333333;
  font-size: 11px;
  font-weight: 500;
}

.donuts svg text {
  font-size: 11px !important;
}

.email-details-body-text {
  height: 146px;
  width: 650px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.billing-account-detail-banner {
  margin-left: 23px;
  margin-right: 23px;
  margin-top: 23px;
}

.user-confirmation-row .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user-confirmation-row .form-group .control-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 13px;
}

.user-confirmation-row .form-group .control-label > i {
  margin-right: 15px;
}

.user-confirmation-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.user-confirmation-value > i {
  margin-right: 10px;
  font-size: 1.5em;
}

.user-confirmation-value > label {
  margin-right: 10px;
}

.user-confirmation-value > a {
  margin-right: 10px;
}

.user-validation-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.user-validation-input > select {
  width: 40%;
  margin-right: 13px;
}

.user-validation-input > input {
  width: 60%;
}

.company-roles-container {
  margin-top: 13px;
  margin-bottom: 13px;
}

.paging-report-row-red {
  background-color: #FDAAB2 !important;
}

.table-hover > tbody > tr.paging-report-row-red:hover > td,
.table-hover > tbody > tr.paging-report-row-red:hover > th {
  background-color: #ED9AA2 !important;
}

.paging-report-row-yellow {
  background-color: #FFD966 !important;
}

.table-hover > tbody > tr.paging-report-row-yellow:hover > td,
.table-hover > tbody > tr.paging-report-row-yellow:hover > th {
  background-color: #FFD966 !important;
}

.banner-videolink {
  float: right;
}

.banner-videolink > i {
  color: gray;
}

.base-banner {
  margin-bottom: 20px;
  border: 1px solid transparent;
  padding: 18px 18px 12px 18px;
  border-radius: 8px;
  min-height: 180px;
}

.expand-banner-link {
  text-align: right;
  padding: 5px 0 0 0;
}

.banner-content-collapse {
  min-height: 140px;
}

.submit-meter-readings-banner-container {
  margin-left: 23px;
  margin-right: 23px;
  margin-top: 23px;
}

.base-banner-container .alert {
  margin-top: 18px;
  margin-bottom: 0;
}

.widgets-header {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: 20px;
}

.widgets-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#attemptreportrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}

.login-attempt-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.readonly-widget-icon {
  font-size: 22px;
}

.resend-code-link-disabled {
  cursor: default !important;
  pointer-events: none !important;
  text-decoration: none !important;
  color: grey !important;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20.4px;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 15.6px;
  width: 15.6px;
  left: 2.4px;
  bottom: 2.4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .toggle-slider {
  background-color: #108ddc;
}

input:focus + .toggle-slider {
  -webkit-box-shadow: 0 0 1px #108ddc;
          box-shadow: 0 0 1px #108ddc;
}

input:checked + .toggle-slider:before {
  -webkit-transform: translateX(15.6px);
  -ms-transform: translateX(15.6px);
  transform: translateX(15.6px);
}

/* ---------------------------------------------------------------------- */
/* Gen Services                                                           */
/* ---------------------------------------------------------------------- */
.gs-filter-collapse {
  float: right;
  font-size: 150%;
  padding: 5px;
  outline: 3px solid transparent;
}

.gs-news-report-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 6px;
}

.gs-news-report-category {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.gs-news-report-summary {
  clear: both;
  margin-top: 10px;
  color: #909fa7;
}

.gs-news-report-publish-date {
  display: block;
  float: right;
  color: #909fa7;
  font-size: 12px;
  font-weight: bold;
}

#notification-preferences-modal-container #user_notification_preferences_tab_container {
  width: 100%;
}

.notification-preferences-tab-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 50px;
}

.notification-preferences-active {
  height: 50px;
}
.notification-preferences-active .notification-preferences-label-inactive-suffix {
  display: none;
}

.notification-preferences-inactive {
  height: 50px;
}
.notification-preferences-inactive td.text-center i.fa {
  color: #b5b5b5;
}
.notification-preferences-inactive .notification-preferences-label-inactive-suffix {
  display: inline-block;
}

#userimports-fileupload-form .scroller-modal-view {
  max-height: 25vh;
  overflow-y: scroll;
  display: inline-block;
}

.disabled-user {
  background-color: #f9f9f9 !important;
}

.enabled-user {
  background-color: white !important;
}

.tooltip-inner {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.query-files-table {
  table-layout: fixed;
  word-wrap: break-word;
}

.query-files-table-body td span {
  max-width: 99%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.query-files-table-body td a {
  max-width: 99%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.encoded-control .form-control {
  border: 1px solid #e6e6e6;
}
.encoded-control .form-control:hover {
  border-color: #b5b5b5;
}
.encoded-control .form-control--focus {
  border-color: #404040 !important;
  -webkit-box-shadow: 0 0 8px rgba(64, 64, 64, 0.6);
          box-shadow: 0 0 8px rgba(64, 64, 64, 0.6);
  outline: 0 none !important;
}
.encoded-control .form-control--focus.input-validation-error {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset, 0 0 6px #ce8483 !important;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset, 0 0 6px #ce8483 !important;
}

.encoded-payment-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 64px);
}
.encoded-payment-form .modal-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.encoded-payment-form .form-group--amount {
  position: relative;
}
.encoded-payment-form .form-group--amount .currency-sign {
  display: inline-block;
  position: absolute;
  top: 32px;
  left: 8px;
  font-family: inherit;
  font-size: 13px;
  color: #555555;
}
.encoded-payment-form .form-group--amount #amount {
  padding-left: 16px;
}

.notification-preferences-tab-edit-not-active-label {
  padding-left: 15px;
}

body.none-accessibility .aa-new-window-icon,
body.a-accessibility .aa-new-window-icon {
  display: none !important;
}

body.aa-accessibility span ~ .aa-new-window-icon {
  margin-left: 5px;
}

.icheckbox_square-grey.focus {
  border: 2px solid darkgrey;
}

#deletereport .datatables_header .row {
  margin-bottom: 13px;
}
#deletereport .datatables_header .row:last-child {
  margin-bottom: 0;
}

#basr_isshowonlywithoutsubscription_div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#basr_search_container {
  min-width: 88px;
}

#basr_isshowonlywithoutsubscription_label {
  margin-top: 0;
}

#invoicereport .datatables_wrapper td.datatable_action {
  min-width: 100px;
  min-height: 60px;
  vertical-align: middle;
}

#invoices .datatables_wrapper td.datatable_action {
  min-width: 260px;
  min-height: 60px;
  vertical-align: middle;
}

.schedule-report-readonly-option-tick {
  width: 18px;
  margin-left: 4px;
}

#report-preset-edit-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.report-preset-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-preset-list-item button {
  border: none;
  background: none;
}
.report-preset-list-item a {
  width: 90%;
}

.report-preset-list-item-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 10%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#report-preset-edit-list {
  max-height: 300px;
  overflow: auto;
  margin-right: 7px;
  margin-left: 8px;
  width: 97%;
}

.pagenumber-dropdown-container .selectWoo-container {
  text-align: left;
}
.pagenumber-dropdown-container .selectWoo-container--bootstrap .selectWoo-selection--single .selectWoo-selection__rendered {
  padding-left: 8px;
  padding-right: 20px;
}

.cke_screen_reader_only {
  bottom: 0;
}

.datatables_wrapper td.datatable_action .table-button.inline-block {
  display: inline-block !important;
}

#tab-contacts {
  max-height: 468.45px;
  overflow-y: auto;
}

#querychangetype-modal .modal-body-header-grey-less-padding {
  margin-bottom: 9px;
}

#scheduledreport-form .path-input-wrapper {
  position: relative;
}
#scheduledreport-form .path-input-wrapper .form-control {
  padding-left: 13px;
}
#scheduledreport-form .root-path-sign {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 16px;
  font-family: inherit;
  font-size: 13px;
}
#scheduledreport-form .firewall-rules-checkbox-wrapper {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#scheduledreport-form .firewall-rules-checkbox-wrapper .icheck-item {
  margin-right: 5px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

.tab-contacts-type {
  text-align: right;
}

.only-without-subcription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.only-without-subcription .icheck-item {
  margin-right: 10px;
}

.widget-right-border > div:nth-child(odd) {
  border-right: solid 1px #e6e6e6;
}

#onboarding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 250px !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.onboarding-summary-category {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 50%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px #e6e6e6;
}

.onboarding-summary-category-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.onboarding-summary-category-info h4 {
  text-align: center;
  width: 100%;
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.onboarding-summary-category-info .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.onboarding-summary-category-icon {
  text-align: center;
  width: 100%;
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0;
}

.onboarding-summary-category-icon i.large-stat {
  padding-bottom: 0;
}

.onboarding-summary-category-link {
  height: 50%;
  width: 100%;
  text-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.onboarding-summary-category-link a {
  display: none;
  margin-right: 10px;
}

.onboarding-summary-category:hover {
  background: #eef7fa;
}

.onboarding-summary-category:hover a {
  display: inline-block;
}

.onboarding-summary-category:hover i.large-stat {
  color: #999999;
}

#journeytofirstbill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.journey-to-first-bill-category {
  height: 100%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.journey-to-first-bill-category-info {
  height: 90%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.journey-to-first-bill-category-link {
  height: 10%;
  width: 100%;
  text-align: end;
}

.journey-to-first-bill-category-link a {
  display: none;
  margin-right: 10px;
}

.journey-to-first-bill-category:hover {
  background: #eef7fa;
}

.journey-to-first-bill-category:hover a {
  display: inline-block;
}

.journey-to-first-bill-category:hover i.large-stat {
  color: #999999;
}

#multiple-document-upload-form .document-types-col {
  height: 100px;
  margin-bottom: 10px;
}
#multiple-document-upload-form .file-upload-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  border: 2px solid;
}
#multiple-document-upload-form .file-upload-label {
  font-size: 16px;
  cursor: pointer;
}
#multiple-document-upload-form .progress {
  width: calc(100% - 20px);
}

#add-more-attributes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ratings-control__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.ratings-control__btn-group .btn {
  margin-right: 10px;
}
.ratings-control__btn-group .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ratings-control__btn-group .btn:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.ratings-control__hints {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  min-height: 20px;
}
.ratings-control__label--start {
  position: absolute;
  left: 0;
}
.ratings-control__label--end {
  position: absolute;
  right: 0;
}

.survey__query-text {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-group-wrapper {
  margin-bottom: 13px;
}

#advanced-users-form #advancedFilter + .selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__rendered {
  padding: 3px;
}
#advanced-users-form #advancedFilter + .selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-selection__choice {
  width: unset;
  margin: 3px;
}
#advanced-users-form #advancedFilter + .selectWoo-container.selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-search--inline .selectWoo-search__field {
  margin: 3px;
}

#campaign-form .tab-content {
  overflow: visible;
}
#campaign-form .modal-body .tab-pane {
  height: 486px !important;
  overflow-y: auto;
}
#campaign-form .modal-body .tab-pane .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#campaign-form .widgets-table {
  table-layout: fixed;
  word-wrap: break-word;
}
#campaign-form .widgets-table__body td span, #campaign-form .widgets-table__body td a {
  max-width: 99%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.campaign-widget-modal__image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.campaign-widget-modal__image-wrapper .edit {
  margin-left: 10px;
}

.paginator {
  text-align: center;
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.paginator a {
  cursor: pointer !important;
}

#campaigns-dashboard-tags {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.campaigns-dashboard-tag-group {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 5px;
  margin-right: 5px;
}

.campaigns-dashboard-tag-group > .label {
  padding: 9px 14px 9px 14px !important;
  line-height: 14px;
  font-size: 12px !important;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-right: 5px;
  margin-bottom: 5px;
}

.opt-switch-link-container {
  text-align: center;
}

.campaign-widget-row img {
  max-height: 150px;
  max-width: 150px;
}

.campaign-widget-row td {
  text-align: center;
  vertical-align: middle !important;
}

.password-strength-group {
  margin: 5px 0 10px;
}
.password-strength-group[data-strength="1"] .meter-block:nth-child(-n+1) {
  background: #cc3d04;
}
.password-strength-group[data-strength="1"] .message-item:nth-child(1) {
  opacity: 1;
}
.password-strength-group[data-strength="2"] .meter-block:nth-child(-n+2) {
  background: #ffc43b;
}
.password-strength-group[data-strength="2"] .message-item:nth-child(2) {
  opacity: 1;
}
.password-strength-group[data-strength="3"] .meter-block:nth-child(-n+3) {
  background: #9ea60a;
}
.password-strength-group[data-strength="3"] .message-item:nth-child(3) {
  opacity: 1;
}
.password-strength-group[data-strength="4"] .meter-block:nth-child(-n+4) {
  background: #289116;
}
.password-strength-group[data-strength="4"] .message-item:nth-child(4) {
  opacity: 1;
}
.password-strength-group .password-strength-meter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  width: 100%;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
.password-strength-group .password-strength-meter .meter-block {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 4px;
  margin-right: 6px;
  background: #ccc;
}
.password-strength-group .password-strength-meter .meter-block:last-child {
  margin: 0;
}
.password-strength-group .password-strength-message {
  position: relative;
  margin-top: 3px;
  text-align: right;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.password-strength-group .password-strength-message .message-item {
  position: absolute;
  right: 0;
  font-size: 12px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.default-granularity-label {
  margin-top: 15px;
}

.two-column-consumption-div-label-md {
  width: 220px;
  display: inline-block;
}

.campaign-preview-link[disabled],
.campaign-preview-link[disabled]:hover,
.campaign-preview-link[disabled]:focus {
  pointer-events: none;
  color: #e1e1e1;
  text-decoration: none;
}

.search-modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
}
.search-modal__col {
  margin-bottom: 20px;
}
.search-modal__loader, .search-modal__content {
  height: 750px;
}
.search-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-modal__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50%;
}
.search-modal__section {
  height: 50%;
  margin-bottom: 20px;
}
.search-modal__title {
  position: relative;
  margin-bottom: 15px !important;
}
.search-modal__title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 0;
}
.search-modal__title span {
  position: relative;
  background: #fff;
  z-index: 1;
  padding: 0 5px;
}
.search-modal__table.table-responsive {
  border: none;
}
.search-modal__table .table.list-view {
  table-layout: fixed;
  margin-bottom: 10px;
}
.search-modal__table thead {
  display: none;
}
.search-modal__redirect {
  padding-left: 8px;
}
.search-modal__text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-results__filter-col {
  margin-bottom: 10px;
}
.search-results__filter-col .btn-group {
  width: 100%;
}

.two-column-account-div-label-md {
  width: 120px;
  display: inline-block;
}

.two-column-account-value-div-label-md {
  white-space: nowrap;
}

#report-send-as-other-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#report-send-as-other-user .icheck-item {
  margin-left: 15px;
}

#external-report-customers .selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-search--inline .selectWoo-search__field {
  width: 100% !important;
}

#external-report-tpis .selectWoo-container--bootstrap .selectWoo-selection--multiple .selectWoo-search--inline .selectWoo-search__field {
  width: 100% !important;
}

#invoices-payment-modal {
  overflow: hidden;
}

.invoices-payment-form .table-responsive {
  height: 400px;
  overflow-y: auto;
  border-top: 1px solid #e6e6e6;
}
.invoices-payment-form .table-responsive .table-bordered {
  border-top: 0;
}
.invoices-payment-form .table-responsive thead {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 10;
}
.invoices-payment-form .table-progress th {
  height: 5px !important;
  background-color: #e6e6e6 !important;
  border-bottom: none !important;
}
.invoices-payment-form .icheckbox_square-grey[data-disabled=true] {
  background-position: 1000px 0;
  cursor: inherit;
}
.invoices-payment-form__balances {
  position: sticky;
  top: -23px;
  padding: 10px 0;
  background: #fff;
}
.invoices-payment-form__balance-value {
  margin: 0;
  font-weight: normal;
  color: #003087;
}

#payment-history-detail-invoices {
  max-height: 250px;
}

.contract-utility-and-power-types {
  margin-top: 5px;
}

.external-report-readonly-date {
  margin-left: 24px;
}

.datepicker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.datepicker-container .datepicker-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1 !important;
}

#panel_popup_dashboardmanager_widgets .tab-content .tab-pane {
  padding: 25px 20px;
}

#myTab.compact li span {
  display: none;
}

.scrollable-xy {
  overflow: auto;
  scrollbar-width: thin;
}

.datatables_info.form-inline label {
  padding-top: 0 !important;
}

.banner-content-collapse h1, .banner-content-collapse h2, .banner-content-collapse h3, .banner-content-collapse h4, .banner-content-collapse h5, .banner-content-collapse h6 {
  margin-left: -1px;
}

.page-text-content {
  padding: 12px 29px 9px;
}

.mhhs-icon {
  height: 15px;
  margin-left: 5px;
}
@media (max-width: 1599px) {

    .energyvision-noncustomers-widget .grey-bg {
        display: none;
    }

    #evcustomers_widget .energyvision-customers-widget .faketable .price-title {
        font-size: 10pt;
        padding-left: 5%;
    }

    #evcustomers_widget .energyvision-customers-widget .faketable .price-kwh {
        font-size: 11pt;
        padding-left: 8px;
    }

    #evcustomers_widget .energyvision-customers-widget .possible-saving-graph i {
        font-size: 65pt;
        padding-left: 10%;
    }

    #evcustomers_widget .energyvision-customers-widget .possible-saving {
        font-size: 27pt;
    }

    body .login .logo {
        padding: 10px 0 10px 10px;
    }

    .page-header {
        margin: 0;
        border: none;
        padding: 90px 25px 10px;
    }
    /* split-container (used on tasks screen to split screen 50/50 ) */

    .split-container > .split:first-child,
    .split-container > .split:last-child {
        padding-left: 0;
        padding-right: 0;
    }

    .split-container > .split:first-child {
        box-shadow: 3px 0px 3px 0px rgba(244, 244, 244, 1);
    }

    .split-container .split:first-child .split-container-heading {
        padding-left: 25px;
        padding-right: 20px;
    }

    .split-container .split:last-child .split-container-heading {
        padding-right: 25px;
        padding-left: 20px;
    }

    .task-list .table-tasks td:first-child {
        padding-left: 25px;
    }

    .task-list .table-tasks td:last-child {
        padding-right: 20px;
    }

    .task-list .heading .circle-icon,
    .task-details .heading .circle-icon {
        left: 21px;
    }

    .task-list .heading h4,
    .task-details .heading h4 {
        padding-left: 66px;
    }

    .task-details .responsive-margin {
        margin-left: 20px;
        margin-right: 25px;
    }

    .task-details hr {
        margin-left: 11.6%;
    }

    .task-details .nav-tabs {
        padding-left: 26px;
        margin-left: 10.5%;
    }

    .task-details .row.row-grey {
        padding: 18px 25px 17px 20px;
        border-radius: 0;
    }

    .task-list .table-tasks tr.editing .selecting-arrow:after,
    .task-list .table-tasks tr.editing .selecting-arrow:before {
        margin-left: 0;
    }

    .task-list .table-tasks tr.editing .selecting-arrow:after {
        border-left-color: #e9f6fa;
    }
}
/* Bootstrap breakpoint MEDIUM */

@media (max-width: 1199px) {
    .dashboard-widget-summary__value {
        font-size: 28px;
    }


    .energyvision-noncustomers-widget .grey-bg {
        display: none;
    }

    #evcustomers_widget .energyvision-customers-widget .faketable .price-title {
        font-size: 11pt;
        padding-left: 5%;
    }

    .notifications.dropdown > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .profile-header .row {
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .page-header {
        margin: 0;
        border: none;
        padding: 80px 25px 10px;
    }

    .nav-tabs.tab-padding {
        padding: 2px 2px 0;
    }

    .btn-resposive-xs-at-md {
        padding: 1px 5px;
        /* replicating btn-xs */
    }
    /* we make grid buttons smaller at this level, so we'll assume we can pad out the td arrow them now too */

    .datatables_wrapper td.datatable_action {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    /* added by Chris to allow our XL modal window to resize properly */
    /* styles copied and adapted from those in the Bootstrap Modal extension */

    .modal.modal-xl {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .modal.modal-xl .modal-body {
            position: static;
            margin: 0;
            height: auto !important;
            max-height: none !important;
            overflow: visible !important;
        }

        .modal.modal-xl.fade.in {
            top: 1%;
            bottom: auto;
        }

    .modal.modal-fs {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .modal.modal-fs .modal-body {
            position: static;
            margin: 0;
            height: auto !important;
            max-height: none !important;
            overflow: visible !important;
        }

        .modal.modal-fs.fade.in {
            top: 1%;
            bottom: auto;
        }

    i.large-stat {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {



    .energyvision-noncustomers-widget .grey-bg {
        display: none;
    }

    .profile-header .row {
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .page-header {
        padding: 60px 25px 0px;
    }

    ol.breadcrumb {
        margin-bottom: 0px
    }

    h1,
    .modal-details-header h1 {
        font-size: 25px;
    }

    .nav-tabs.tab-padding {
        padding: 2px 2px 0;
    }

    .split-container > .split:first-child {
        display: none;
    }

    .split-container > .split:last-child {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .panel-heading {
        padding: 5px 15px;
    }

    .panel-title {
        font-size: 14px;
    }
    .panel-2x2 {
        height: auto;
    }

    /* panel stats */
    .number.number-lg {
         font-size: 46px;
    }
    .number.number-md {
        font-size: 32px;
    }

}
/* Bootstrap breakpoint SMALL */

@media (max-width: 991px) {
/*    .nav-tabs > li > a > [class*="fa-"],
    .nav-tabs > li > a > i[class*="fa-"]:has(+ span:not(.badge)) {
        display: block;
    }*/

    #evcustomers_widget .energyvision-customers-widget .faketable .price-title {
        font-size: 10pt;
        padding-left: 5%;
    }

    #evcustomers_widget .energyvision-noncustomers-widget-col3 .graph i {
        font-size: 90pt;
    }

    #evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button {
        font-size: 13pt;
    }

    /* MODALS */

    .modal-details-header {
        padding-left: 0;
    }

    .row.modal-details-sub-header {
        padding-left: 25px;
    }

    .modal-details-sub-header .header-icon-image {
        display: none;
    }

    table.account-information td:first-child {
        width: auto;
    }
}

/* Bootstrap breakpoint X-SMALL */
@media (max-width: 767px) {

    .dashboard-widget-summary__value {
        font-size: 25px;
    }

    .row.row-full-width {
        margin-left: -15px;
        margin-right: -15px;
    }

    .page-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tab-pane {
        margin-left: 15px;
        margin-right: 15px;
    }

    /* adjust main container padding */
    .page-container .main-content,
    .footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .energyvision-noncustomers-widget .grey-bg {
        display: block;
    }

    #evcustomers_widget .energyvision-noncustomers-widget-col3 .graph i {
        font-size: 90pt !important;
    }

    #evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button {
        font-size: 13pt;
    }
    /* general */

    h1,
    .modal-details-header h1 {
        font-size: 24px;
    }

    h4 {
        font-size: 18px;
    }

    body,
    .main-content {
        height: 100%;
        width: 100%;
    }

    .text-left-xs {
        text-align: left;
    }

    .datatables_header .col-xs-24,
    .datatables_header .col-xs-48 {
        padding-bottom: 8px !important;
    }
    /* tighten up container margins to save space */


    /* PAGE CONTAINER & SIDEBAR */

    .page-body .page-container {
        padding-left: 0;
    }

    .page-container .main-content {
        padding-top: 0;
    }

    .page-body .page-container .sidebar-menu {
        position: relative;
        width: 100%;
        min-height: 0px !important;
    }

        .page-body .page-container .sidebar-menu .logo-env {
            padding: 0;
            -moz-transition: all padding ease-in-out;
            -o-transition: all padding ease-in-out;
            -webkit-transition: all padding ease-in-out;
            transition: all padding ease-in-out;
        }
        .page-body .page-container .sidebar-menu .logo-env .logo {
            max-width: 80px;
        }

        .page-body .page-container .sidebar-menu .logo-env .company-name {
            display: block;
            width: auto;
            margin: 1.5rem 0 0 0;
            font-size: 18px;
        }

    .page-container .sidebar-menu .logo-env .company-name small {
        display: inline;
        font-size: 18px;
    }

    .page-body .page-container .sidebar-menu .logo-env > div.sidebar-collapse {
        display: none;
    }

    .page-body .page-container .sidebar-menu #main-menu {
        display: none;
        margin-bottom: 0;
        margin-top: 15px;
    }

        .page-body .page-container .sidebar-menu #main-menu li a span {
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            transition: none;
        }

    .page-body .page-container .main-content {
        min-height: auto !important;
    }

    .page-body .page-container .main-content {
        min-height: 0 !important;
    }
    /* stop the bootstrap affix (fixed) from applying to the menu */

    .page-body .page-container .sidebar-menu #main-menu.affix {
        position: relative;
    }
    /* PROFILE HEADER / USER MENU */

    .profile-header {
        position: relative;
        width: calc(100% + 30px);
        margin: 0 -15px;
        border: none;
        min-height: 0;
        padding: 0 15px 17px;
    }

        .profile-header .row {
            margin-top: 0;
            margin-bottom: 0;
        }

            .profile-header .row .logo {
                height: 40px;
                margin-right: 20px !important;
                margin-top: 7px;
            }

    .profile-header .server-database {
        display: none;
    }

    .profile-header .profile-header__actions {
        display: flex;
        justify-content: center;
        padding-top: 8px;
    }
    .profile-header .profile-header__actions .action {
        order: 2;
    }

    .profile-header .navbar-debug {
        display: none;
    }

    .user-info > li.profile-info {
        margin-right: 0;
    }

    .user-info > li {
        margin-right: 0;
    }

    .col-fixed-right-sm {
        position: relative;
        right: auto;
    }
    /* page header */

    .page-header {
        padding-top: 25px;
    }

        .page-header .header-icon-image {
            display: none;
        }

        .page-header .context-action-button {
            right: 0;
            padding: 0;
            top: 24px;
        }

        .page-header h1,
        .breadcrumb {
            margin-left: 0;
        }

        .page-header .header-details {
            margin-top: 0;
        }
    /* Task workflows */

    .task .task-edit,
    .task .task .task-edit {
        margin-left: 0;
    }

    .task-group .task-name.form-group {
        display: inline-block;
    }
    /* DATATABLES */

    .datatables_wrapper .datatables_info label {
        display: none;
    }

    .table-responsive .table tr .edit {
        /* prevent icons from being hidden when using responsive tables */
        display: inline-block !important;
    }

    .datatables_wrapper .datatables_filter {
        padding-left: 6px;
        padding-right: 6px;
    }
    /* FORMS */

    .form-group {
        margin-bottom: 8px;
    }
        /* create space underneath stacked form group elements */

        .form-group > div,
        .form-group > .col-within-col-compensate > div:first-child {
            margin-bottom: 5px;
        }

        .form-group > .col-within-col-compensate {
            margin-bottom: 0;
        }
        /* except in the header */

        .form-group > div:last-child {
            margin-bottom: 0;
        }

    .modal-body-header-grey .form-group > div {
        margin-bottom: 2px;
    }

    .col-within-col-compensate .text-right {
        text-align: left;
    }
    /* Dashboards */

    .widget-column {
        min-height: 300px;
        padding-bottom: 0px;
    }
    /* CHAT */

    .chat-visible #chat,
    .chat-visible #chat.fixed {
        display: none;
    }

    .chat-visible.toggle-click #chat,
    .chat-visible.toggle-click #chat.fixed {
        display: block;
    }

    #chat,
    #chat.fixed {
        position: fixed;
        width: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 10px;
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
    }

        #chat .chat-conversation,
        #chat.fixed .chat-conversation {
            position: fixed;
            width: auto;
            left: 0;
            right: 0;
            top: 0 !important;
            bottom: 0;
            margin: 10px;
            overflow: auto;
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            background-clip: padding-box;
        }

            #chat .chat-conversation .conversation-body,
            #chat.fixed .chat-conversation .conversation-body {
                height: auto;
                max-height: 450px;
            }

            #chat .chat-conversation::-webkit-scrollbar,
            #chat.fixed .chat-conversation::-webkit-scrollbar {
                width: 5px;
            }

            #chat .chat-conversation::-webkit-scrollbar-track,
            #chat.fixed .chat-conversation::-webkit-scrollbar-track {
                width: 5px;
                background-color: #343a45;
            }

            #chat .chat-conversation::-webkit-scrollbar-thumb,
            #chat.fixed .chat-conversation::-webkit-scrollbar-thumb {
                background-color: #4a5262;
            }
}
/* Bootstrap breakpoint X-SMALL */

@media (max-width: 555px) {
    .energyvision-noncustomers-widget .grey-bg {
        display: none;
    }
}


/* height-related responsiveness */
@media (min-height: 800px) {
    .tab-pane {
        min-height: 54vh;
    }
}
@media (min-height: 1000px) {
    .tab-pane {
        min-height: 58vh;
    }
}
@media (min-height: 1200px) {
    .tab-pane {
        min-height: 65vh;
    }
}
@media (min-height: 1400px) {
    .tab-pane {
        min-height: 70vh;
    }
}
@media (min-height: 1600px) {
    .tab-pane {
        min-height: 72vh;
    }
}
@media (min-height: 1800px) {
    .tab-pane {
        min-height: 75vh;
    }
}






body {
    background: #ffffff;
    /* for login screen etc */
    /* color: #848583; */
}

h1, h2, h3, h4, h5 {
    color: #3b4956;
}
.panel-default .panel-heading {
    color: #3b4956;
}
/* ---------------------------------------------------------------------- */
/*	#region LINKS 
/* ---------------------------------------------------------------------- */
a {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    color: #0078ac;

}
    /* global link colour */



/*    a.sub-link:link,
    a.sub-link:visited {
        color: #888888;
        text-decoration: none;
    }

    a.sub-link:hover,
    a.sub-link:active,
    a.sub-link:focus {
        text-decoration: none;
        color: #666666;
    }*/

    a:hover,
    a:active {
    }
    /* alternative links */

    a.alt:link,
    a.alt:visited {
       /* color: #40433d;*/
        text-decoration: none;
    }

    a.alt:hover,
    a.alt:active,
    a.alt:focus {
        text-decoration: none;
        /*color: #7b7f77;*/
    }
    /* alternative links */

    a.attention:link,
    a.attention:visited {
        color: #b23734;
        text-decoration: none;
    }

    a.attention:hover,
    a.attention:active,
    a.attention:focus {
        text-decoration: none;
        color: #40433d;
    }

.input-group-addon > a:link,
.input-group-addon > a:visited {
    color: #777777;
    text-decoration: none;
}

.input-group-addon > a:hover,
.input-group-addon > a:active {
    text-decoration: none;
    color: #333333;
}
/* #endregion */

.text-pullout {
    color: #383838;
}

.page-header h4 {
    color: #2f9db4;
}

/* ---------------------------------------------------------------------- */
/*	Modals
/* ---------------------------------------------------------------------- */
.modal-body > .row > .tabbable {
    background: #f5f5f5;
}

/* ---------------------------------------------------------------------- */
/*	Breadcrumb colours
/* ---------------------------------------------------------------------- */
.breadcrumb,
.breadcrumb a:link,
.breadcrumb a:visited {
    color: #999999;
    text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
    color: #444444;
    text-decoration: none;
}
/* ---------------------------------------------------------------------- */
/*	Paging colours
/* ---------------------------------------------------------------------- */

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #3b4956;
    border-color: #3b4956;
}
/* ---------------------------------------------------------------------- */
/* #region Sidebar-menu (override the defaults in the core CSS)
/* ---------------------------------------------------------------------- */

.page-container .sidebar-menu .logo-env .company-name {
    color: #ffffff;
}

.page-container .sidebar-menu .logo-env > div > a,
.page-container .sidebar-menu .logo-env > div > a:hover,
.page-container .sidebar-menu .logo-env > div > a:focus,
.page-container .sidebar-menu #main-menu li.has-sub > a:before {
    color: #ffffff;
}

.page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
    border-color: #4a4d48;
}

.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:hover {
    background-color: #444642;
}


/* search */
.page-container .sidebar-menu #main-menu li#search .search-input {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.page-container .sidebar-menu #main-menu li#search input::placeholder {
    color: #8bc1e3 !important;
    opacity: 1 !important; /*firefox */
}
.page-container .sidebar-menu #main-menu li#search input:-ms-input-placeholder {
    color: #8bc1e3 !important;
}
.page-container .sidebar-menu #main-menu li#search input::-ms-input-placeholder {
    color: #8bc1e3 !important;
}

.page-container .sidebar-menu #main-menu li#search button {
    color: rgba(255,255,255,0.85);
}

.page-container .sidebar-menu #main-menu li a .badge.badge-primary {
    border: 1px solid #454a54;
}

.page-container .sidebar-menu #main-menu > li.active > a,
.page-container .sidebar-menu #main-menu > li.active > a:hover {
    border-color: #009add;}

.page-container .sidebar-menu #main-menu li.active li.active > a {
    font-weight: 400;
}

.page-container .sidebar-menu #main-menu li.has-sub > a:before {
    color: #ffffff;
}

.page-container .sidebar-menu #main-menu li ul {
    border-top-color: #444742;
}

    .page-container .sidebar-menu #main-menu li ul > li {
        border-bottom-color: #444742;
    }



        .page-container .sidebar-menu #main-menu li ul > li ul > li > a {
            background: #2d2f2c;
        }

        .page-container .sidebar-menu #main-menu li ul > li ul > li a:hover {
            background-color: #343632;
        }

        .page-container .sidebar-menu #main-menu li ul > li ul > li ul > li > a {
            background: #3c3c3c;
        }

        .page-container .sidebar-menu #main-menu li ul > li ul > li ul > li ul > li > a {
            background: #3c3c3c;
        }
/* sidebar closed */

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused .search-input {
    background: #3b4956;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a {
    background-color: transparent;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
    background: #3b4956;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li ul {
    border-top-color: #444742;
}

.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li {
    border-bottom-color: #444742;
}

/* #endregion */
/* ---------------------------------------------------------------------- */
/*	Profile header / User Menu
/* ---------------------------------------------------------------------- */

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    background: #f5f5f5;
}

.dropdown-menu > li > a:hover .icon-container i {
    color: #262626;
}

/*.notifications.dropdown .dropdown-menu li,
.notifications.dropdown .dropdown-menu a,
.notifications.dropdown .dropdown-menu p {
    color: #777777;
}*/

.notifications.dropdown .dropdown-menu > li > ul > li.unread strong {
    color: #383838;
}

/* ---------------------------------------------------------------------- */
/*	Tabs
/* ---------------------------------------------------------------------- */
.nav-tabs > li > a {
    color: #808080;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color: #444444;
    background: none;
}

/* ---------------------------------------------------------------------- */
/*	Progress bar colours
/* ---------------------------------------------------------------------- */

.progress .progress-complete {
    background-color: #4391d4;
}

    .progress .progress-complete:nth-child(even) {
        background-color: #347cba;
    }

.progress .progress-incomplete {
    background-color: #eeeeee;
}

    .progress .progress-incomplete:nth-child(even) {
        background-color: #e7e7e7;
    }
/* ---------------------------------------------------------------------- */
/*	Footer colours
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*	Hierarchical report
/* ---------------------------------------------------------------------- */

.depth.depth-1 {
    margin-left: 10px;
}

.depth.depth-2 {
    margin-left: 20px;
}

.depth.depth-3 {
    margin-left: 30px;
}

.depth.depth-4 {
    margin-left: 40px;
}

.depth.depth-5 {
    margin-left: 60px;
}

span.meter:after {
    content: " ";
}

span.site:after {
    content: " ";
}

.toggle-arrow {
    color: black;
    display: inline-block;
}

    .toggle-arrow .fa {
        margin-right: 8px;
        font-size: 8px;
    }

    .toggle-arrow:hover {
        cursor: pointer;
    }

    .toggle-arrow.down {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.icon-wrapper {
    display: inline-block;
    margin: 0;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
}

    .icon-wrapper.h0 {
        font-size: 13px;
    }

    .icon-wrapper.h1, .icon-wrapper.h2 {
        font-size: 12px;
    }

    .icon-wrapper.h3, .icon-wrapper.h4 {
        font-size: 11px;
    }

    .icon-wrapper.h5 {
        font-size: 10px;
        color: #d9d9d9;
    }

        .icon-wrapper.h5 i {
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.meta {
    margin-left: 25px;
    font-size: 11px;
    font-style: italic;
}

    .meta.meta-ref-number:before {
        content: "Ref: ";
        color: #888;
    }

    .meta.meta-start-date:before {
        content: "Start date: ";
        color: #888;
    }

    .meta.meta-end-date:before {
        content: "End date: ";
        color: #888;
    }

    .meta.meta-name:before {
        content: "Name: ";
        color: #888;
    }

    .meta.meta-address:before {
        content: "Address: ";
        color: #888;
    }

    .meta.meta-reading:before {
        content: "Reading: ";
        color: #888;
    }

    .meta.meta-read-date:before {
        content: "Last read: ";
        color: #888;
    }

.meter.meter-serial a {
    color: black;
}

    .meter.meter-serial a:hover {
        color: black;
        text-decoration: none;
    }

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cropper-container {
  position: relative;
  overflow: hidden;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.cropper-container img {
  width: 100%;
  height: 100%;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
}

.cropper-modal,
.cropper-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-canvas {
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.cropper-modal {
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.cropper-dragger {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}

.cropper-viewer {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline-width: 1px;
  outline-style: solid;
  outline-color: #69f;
  outline-color: rgba(51, 102, 255, .75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #fff;
  opacity: .5;
  filter: alpha(opacity=50);
}

.cropper-dashed.dashed-h {
  top: 33.3%;
  left: 0;
  width: 100%;
  height: 33.3%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.3%;
  width: 33.3%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
  filter: alpha(opacity=10);
}

.cropper-face {
  top: 0;
  left: 0;
  cursor: move;
  background-color: #fff;
}

.cropper-line {
  background-color: #69f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #69f;
  opacity: .75;
  filter: alpha(opacity=75);
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
  filter: alpha(opacity=100);
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  opacity: 0;
  filter: alpha(opacity=0);
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75);
  }
}

/* Helper classes for JavaScript */

.cropper-hidden {
  display: none !important;
}

.cropper-invisible {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  opacity: 0;
  filter: alpha(opacity=0);
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 45px;
  height: 45px;
  margin: -20px 0 0;
  position: absolute;
  top: 60%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/*!
Copyright (c) Handsoncode sp. z o.o. <hello@handsoncode.net>

This Handsontable Pro is a commercial software distributed by Handsoncode Sp. z o.o. with
its registered seat in Gdynia, Aleja Zwyciestwa 96/98 (81-451 Gdynia) Poland, entered into the Entrepreneurs
Register of the National Court Register under number 0000538651, hereinafter referred to as "HANDSONCODE".

By installing, copying, or otherwise using this software, you agree to be bound by the terms
of its EULA (End-User License Agreement). This software is copyrighted and protected by copyright laws
and international treaties.

YOU EXPRESSLY ACKNOWLEDGE AND AGREE THAT USE OF THE SOFTWARE IS AT YOUR OWN RISK AND THAT THE SOFTWARE
IS PROVIDED "AS IS" WITHOUT ANY WARRANTIES OR CONDITIONS WHATSOEVER. HANDSONCODE EXPRESSLY DISCLAIMS ANY WARRANTY,
EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, THE IMPLIED WARRANTIES OF MERCHANTABILITY,
FITNESS FORA PARTICULAR PURPOSE, OR NONINFRINGMENT. HANDSONCODE DOES NOT WARRANT THAT THE SOFTWARE AND ITS FUNCTIONALITY,
RELIABILITY AND PERFORMANCE WILL MEET YOUR REQUIREMENTS OR THAT THE OPERATION OF THE SOFTWARE WILL BE
UNINTERRUPTED OR ERROR FREE.

YOU SHALL OBTAIN A COMMERCIAL LICENSE FOR THIS SOFTWARE AT HANDSONTABLE.COM.

*/
.handsontable {
  position: relative;
}

.handsontable .hide{
  display: none;
}
.handsontable .relative {
  position: relative;
}

.handsontable.htAutoSize {
  visibility: hidden;
  left: -99000px;
  position: absolute;
  top: -99000px;
}

.handsontable .wtHider {
  width: 0;
}

.handsontable .wtSpreader {
  position: relative;
  width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}

.handsontable table,
.handsontable tbody,
.handsontable thead,
.handsontable td,
.handsontable th,
.handsontable input,
.handsontable textarea,
.handsontable div {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.handsontable input,
.handsontable textarea {
  min-height: initial;
}

.handsontable table.htCore {
  border-collapse: separate;
  /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
  /*this actually only changes appearance of user selection - does not make text unselectable
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  /*user-select: none; /*no browser supports unprefixed version*/
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  max-width: none;
  max-height: none;
}

.handsontable col {
  width: 50px;
}

.handsontable col.rowHeader {
  width: 50px;
}

.handsontable th,
.handsontable td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  background-color: #FFF;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  /* preserve new line character in cell */
}

.handsontable td.htInvalid {
  background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
}

.handsontable td.htNoWrap {
  white-space: nowrap;
}

.handsontable th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.handsontable tr:first-child th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #FFF;
}

.handsontable th:first-child,
.handsontable td:first-of-type,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
  border-left: 1px solid #CCC;
}

.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #CCC;
}

.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top: 1px solid #CCC;
}

.ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th,
.ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child
{
  border-right-width: 0;
}

.ht_master:not(.innerBorderTop) thead tr:last-child th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
.ht_master:not(.innerBorderTop) thead tr.lastChild th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}

.handsontable th {
  background-color: #EEE;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}

.handsontable thead th {
  padding: 0;
}

.handsontable th.active {
  background-color: #CCC;
}

.handsontable thead th .relative {
  padding: 2px 4px;
}

/* plugins */

.handsontable .manualColumnMover {
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 5px;
  height: 25px;
  z-index: 999;
  cursor: move;
}

.handsontable .manualRowMover {
  position: fixed;
  left: -4px;
  top: 0;
  background-color: transparent;
  height: 5px;
  width: 50px;
  z-index: 999;
  cursor: move;
}

.handsontable .manualColumnMoverGuide,
.handsontable .manualRowMoverGuide {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #CCC;
  width: 25px;
  height: 25px;
  opacity: 0.7;
  display: none;
}

.handsontable .manualColumnMoverGuide.active,
.handsontable .manualRowMoverGuide.active {
  display: block;
  z-index: 199;
}

.handsontable .manualColumnMover:hover,
.handsontable .manualColumnMover.active,
.handsontable .manualRowMover:hover,
.handsontable .manualRowMover.active{
  background-color: #88F;
}

/* row + column resizer*/

.handsontable .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 110;
  width: 5px;
  height: 25px;
}

.handsontable .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 110;
  height: 5px;
  width: 50px;
}

.handsontable .manualColumnResizer:hover,
.handsontable .manualColumnResizer.active,
.handsontable .manualRowResizer:hover,
.handsontable .manualRowResizer.active {
  background-color: #AAB;
}

.handsontable .manualColumnResizerGuide {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #AAB;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
  margin-left: 5px;
}

.handsontable .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #AAB;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}

.handsontable .manualColumnResizerGuide.active,
.handsontable .manualRowResizerGuide.active {
  display: block;
  z-index: 199;
}

.handsontable .columnSorting {
  position: relative;
}

.handsontable .columnSorting:hover {
  text-decoration: underline;
  cursor: pointer;
}

.handsontable .columnSorting.ascending::after {
  content: '\25B2';
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

.handsontable .columnSorting.descending::after {
  content: '\25BC';
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

.handsontable th.beforeHiddenColumn {
  position: relative;
}

.handsontable th.beforeHiddenColumn::after,
.handsontable th.afterHiddenColumn::before {
  content: '\25C0';
  color: #bbb;
  position: absolute;
  right: 1px;
  top: 2px;
  font-size: 5pt;
}

.handsontable th.afterHiddenColumn {
  position: relative;
}

.handsontable th.afterHiddenColumn::before {
  left: 1px;
  top: 2px;
  right: auto;
  content: '\25B6';
}

.handsontable td.afterHiddenColumn.firstVisible {
  border-left: 1px solid #CCC;
}

.handsontable thead th.hiddenHeader {
  display: none;
}

/* border line */

.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}
.handsontable .wtBorder.hidden{
  display:none !important;
}

.handsontable td.area {
  background: -moz-linear-gradient(top,  rgba(181,209,255,0.34) 0%, rgba(181,209,255,0.34) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,209,255,0.34)), color-stop(100%,rgba(181,209,255,0.34))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b5d1ff', endColorstr='#57b5d1ff',GradientType=0 ); /* IE6-9 */
  background-color: #fff;
}

/* fill handle */

.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}

.handsontable .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}

.handsontableInput {
  border:none;
  outline-width: 0;
  margin: 0 ;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292F7 inset;
  resize: none;
  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  display: inline-block;
  color: #000;
  border-radius: 0;
  background-color: #FFF;
  /*overwrite styles potentionally made by a framework*/
}

.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.htSelectEditor {
  -webkit-appearance: menulist-button !important;
  position: absolute;
  width: auto;
}

/*
TextRenderer readOnly cell
*/

.handsontable .htDimmed {
  color: #777;
}

.handsontable .htSubmenu {
  position: relative;
}

.handsontable .htSubmenu :after{
  content: '▶';
  color: #777;
  position: absolute;
  right: 5px;
}


/*
TextRenderer horizontal alignment
*/
.handsontable .htLeft{
  text-align: left;
}
.handsontable .htCenter{
  text-align: center;
}
.handsontable .htRight{
  text-align: right;
}
.handsontable .htJustify{
  text-align: justify;
}
/*
TextRenderer vertical alignment
*/
.handsontable .htTop{
  vertical-align: top;
}
.handsontable .htMiddle{
  vertical-align: middle;
}
.handsontable .htBottom{
  vertical-align: bottom;
}

/*
TextRenderer placeholder value
*/

.handsontable .htPlaceholder {
  color: #999;
}

/*
AutocompleteRenderer down arrow
*/

.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #EEE;
  cursor: default;
  width: 16px;
  text-align: center;
}

.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}

.handsontable td.area .htAutocompleteArrow {
  color: #d3d3d3;
}

/*
CheckboxRenderer
*/
.handsontable .htCheckboxRendererInput {
  display: inline-block;
  vertical-align: middle;
}
.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}
.handsontable .htCheckboxRendererLabel {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

/*
Comment For Cell
*/
.htCommentCell{
  position: relative;
}
.htCommentCell:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid red;
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    /*display: none;*/
  }
}
@keyframes opacity-hide {
  from {
    /*display: block;*/
    opacity: 1;
  }
  to {
    opacity: 0;
    /*display: none;*/
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
    /*display: none;*/
  }
  to {
    opacity: 1;
    /*display: block;*/
  }
}
@keyframes opacity-show {
  from {
    opacity: 0;
    /*display: none;*/
  }
  to {
    opacity: 1;
    /*display: block;*/
  }
}

/**
 * Handsontable in Handsontable
 */

.handsontable .handsontable.ht_clone_top .wtHider {
  padding: 0 0 5px 0;
}

/* removing shadows, TODO: remove the commented code and this comment  */
/*.handsontable .handsontable:not(.ht_master) table {*/
  /*-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);*/
  /*box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);*/
/*}*/

/**
* Autocomplete Editor
*/
.handsontable .autocompleteEditor.handsontable {
  padding-right: 17px;
}
.handsontable .autocompleteEditor.handsontable.htMacScroll {
  padding-right: 15px;
}


/**
 * Handsontable listbox theme
 */

.handsontable.listbox {
  margin: 0;
}

.handsontable.listbox .ht_master table {
  border: 1px solid #ccc;
  border-collapse: separate;
  background: white;
}

.handsontable.listbox th,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox td {
  border-color: transparent;
}

.handsontable.listbox th,
.handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}

.handsontable.listbox .wtBorder {
  visibility: hidden;
}

.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
  background: #eee;
}

.ht_clone_top {
  z-index: 101;
}

.ht_clone_left {
  z-index: 102;
}

.ht_clone_top_left_corner,
.ht_clone_bottom_left_corner {
  z-index: 103;
}

.ht_clone_debug {
  z-index: 103;
}

.handsontable td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}

/*
Cell borders
*/
.htBordered{
  /*box-sizing: border-box !important;*/
  border-width: 1px;
}
.htBordered.htTopBorderSolid {
  border-top-style: solid;
  border-top-color: #000;
}
.htBordered.htRightBorderSolid {
  border-right-style: solid;
  border-right-color: #000;
}
.htBordered.htBottomBorderSolid {
  border-bottom-style: solid;
  border-bottom-color: #000;
}
.htBordered.htLeftBorderSolid {
  border-left-style: solid;
  border-left-color: #000;
}

.htCommentTextArea{
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
  background-color: #FFFACD;
  border: 1px solid #999;
  box-shadow: 1px 1px 2px #bbb;
  font-family: 'Arial';
}

.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}


.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.htCollapseButton {
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  margin-bottom: 3px;
  position: relative;
}

.htCollapseButton:after {
  content: "";
  height: 300%;
  width: 1px;
  display: block;
  background: #ccc;
  margin-left: 4px;
  position: absolute;
  /*top: -300%;*/
  bottom: 10px;
}


thead .htCollapseButton {
  right: 5px;
  position: absolute;
  top: 5px;
  background: #fff;
}

thead .htCollapseButton:after {
  height: 1px;
  width: 700%;
  right: 10px;
  top: 4px;
}

.handsontable tr th .htExpandButton {
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  top: 0;
  display: none;
}

.handsontable thead tr th .htExpandButton {
  /*left: 5px;*/
  top: 5px;
}

.handsontable tr th .htExpandButton.clickable {
  display: block;
}

.collapsibleIndicator {
  position: absolute;
  top: 50%;
  transform: translate(0% ,-50%);
  right: 5px;
  border: 1px solid #A6A6A6;
  line-height: 10px;
  color: #222;
  border-radius: 10px;
  font-size: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
  -moz-box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
  box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
  background: #eee;
}

.handsontable col.hidden {
  width: 0 !important;
}

.handsontable table tr th.lightRightBorder {
  border-right: 1px solid #E6E6E6;
}

.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th {
  display: none;
}

.ht_master,
.ht_clone_left,
.ht_clone_top,
.ht_clone_bottom {
  overflow: hidden;
}

.ht_master .wtHolder {
  overflow: auto;
}

.ht_clone_left .wtHolder {
  overflow-x: hidden;
  overflow-y: auto;
}

.ht_clone_top .wtHolder,
.ht_clone_bottom .wtHolder {
  overflow-x: auto;
  overflow-y: hidden;
}


/*WalkontableDebugOverlay*/

.wtDebugHidden {
  display: none;
}

.wtDebugVisible {
  display: block;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: wtFadeInFromNone;
  animation-duration: 0.5s;
  animation-name: wtFadeInFromNone;
}

@keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
/*

 Handsontable Mobile Text Editor stylesheet

 */

.handsontable.mobile,
.handsontable.mobile .wtHolder {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-overflow-scrolling: touch;
}

.htMobileEditorContainer {
  display: none;
  position: absolute;
  top: 0;
  width: 70%;
  height: 54pt;
  background: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  z-index: 9999;
}

/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}

.htMobileEditorContainer.active {
  display: block;
}

.htMobileEditorContainer .inputs {
  position: absolute;
  right: 210pt;
  bottom: 10pt;
  top: 10pt;
  left: 14px;
  height: 34pt;
}

.htMobileEditorContainer .inputs textarea {
  font-size: 13pt;
  border: 1px solid #a1a1a1;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  bottom: 0;
  padding: 7pt;
}

.htMobileEditorContainer .cellPointer {
  position: absolute;
  top: -13pt;
  height: 0;
  width: 0;
  left: 30px;

  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #ebebeb;
}

.htMobileEditorContainer .cellPointer.hidden {
  display: none;
}

.htMobileEditorContainer .cellPointer:before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  height: 0;
  width: 0;
  left: -13pt;

  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #f8f8f8;
}

.htMobileEditorContainer .moveHandle {
  position: absolute;
  top: 10pt;
  left: 5px;
  width: 30px;
  bottom: 0px;
  cursor: move;
  z-index: 9999;
}

.htMobileEditorContainer .moveHandle:after {
  content: "..\a..\a..\a..";
  white-space: pre;
  line-height: 10px;
  font-size: 20pt;
  display: inline-block;
  margin-top: -8px;
  color: #ebebeb;
}

.htMobileEditorContainer .positionControls {
  width: 205pt;
  position: absolute;
  right: 5pt;
  top: 0;
  bottom: 0;
}

.htMobileEditorContainer .positionControls > div {
  width: 50pt;
  height: 100%;
  float: left;
}

.htMobileEditorContainer .positionControls > div:after {
  content: " ";
  display: block;
  width: 15pt;
  height: 15pt;
  text-align: center;
  line-height: 50pt;
}

.htMobileEditorContainer .leftButton:after,
.htMobileEditorContainer .rightButton:after,
.htMobileEditorContainer .upButton:after,
.htMobileEditorContainer .downButton:after {
  transform-origin: 5pt 5pt;
  -webkit-transform-origin: 5pt 5pt;
  margin: 21pt 0 0 21pt;
}

.htMobileEditorContainer .leftButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(-45deg);
  /*margin-top: 17pt;*/
  /*margin-left: 20pt;*/
}
.htMobileEditorContainer .leftButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .rightButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(135deg);
  /*margin-top: 17pt;*/
  /*margin-left: 10pt;*/
}
.htMobileEditorContainer .rightButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .upButton:after {
  /*border-top: 2px solid #cfcfcf;*/
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(45deg);
  /*margin-top: 22pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .upButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .downButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(225deg);
  /*margin-top: 15pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .downButton:active:after {
  border-color: #cfcfcf;
}

.handsontable.hide-tween {
  -webkit-animation: opacity-hide 0.3s;
  animation: opacity-hide 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.handsontable.show-tween {
  -webkit-animation: opacity-show 0.3s;
  animation: opacity-show 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
/*!
 * Handsontable ContextMenu
 */

.htContextMenu {
  display: none;
  position: absolute;
  z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
}

.htContextMenu .ht_clone_top,
.htContextMenu .ht_clone_left,
.htContextMenu .ht_clone_corner,
.htContextMenu .ht_clone_debug {
  display: none;
}

.htContextMenu table.htCore {
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.htContextMenu .wtBorder {
  visibility: hidden;
}

.htContextMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htContextMenu table tbody tr td:first-child {
  border: 0;
}

.htContextMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}

.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9;
}

.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #bbb;
  height: 0;
  padding: 0;
  cursor: default;
}

.htContextMenu table tbody tr td.htDisabled {
  color: #999;
}

.htContextMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}

.htContextMenu table tbody tr.htHidden {
  display: none;
}

.htContextMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 6px;
}

.htContextMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}

.htContextMenu .ht_master .wtHolder {
  overflow: hidden;
}
@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

/*!
 * Handsontable HiddenColumns
 */
.handsontable th.beforeHiddenColumn {
  position: relative;
}

.handsontable th.beforeHiddenColumn::after,
.handsontable th.afterHiddenColumn::before {
  content: '\25C0';
  color: #bbb;
  position: absolute;
  right: 1px;
  top: 2px;
  font-size: 5pt;
}

.handsontable th.afterHiddenColumn {
  position: relative;
}

.handsontable th.afterHiddenColumn::before {
  left: 1px;
  top: 2px;
  right: auto;
  content: '\25B6';
}

.handsontable td.afterHiddenColumn.firstVisibleColumn,
.handsontable th.afterHiddenColumn.firstVisibleColumn {
  border-left: 1px solid #CCC;
}
/*!
 * Handsontable DropdownMenu
 */
.handsontable .changeType {
  background: #eee;
  border-radius: 2px;
  border: 1px solid #bbb;
  color: #bbb;
  font-size: 9px;
  line-height: 9px;
  padding: 2px;
  margin: 3px 1px 0 5px;
  float: right;
}
.handsontable .changeType:before {
  content: '\25BC\ ';
}

.handsontable .changeType:hover {
  border: 1px solid #777;
  color: #777;
  cursor: pointer;
}

.htDropdownMenu {
  display: none;
  position: absolute;
  z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
}

.htDropdownMenu .ht_clone_top,
.htDropdownMenu .ht_clone_left,
.htDropdownMenu .ht_clone_corner,
.htDropdownMenu .ht_clone_debug {
  display: none;
}

.htDropdownMenu table.htCore {
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.htDropdownMenu .wtBorder {
  visibility: hidden;
}

.htDropdownMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htDropdownMenu table tbody tr td:first-child {
  border: 0;
}

.htDropdownMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}

.htDropdownMenu table tbody tr td.current,
.htDropdownMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9;
}

.htDropdownMenu table tbody tr td.htSeparator {
  border-top: 1px solid #bbb;
  height: 0;
  padding: 0;
  cursor: default;
}

.htDropdownMenu table tbody tr td.htDisabled {
  color: #999;
}

.htDropdownMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}

.htDropdownMenu table tbody tr.htHidden {
  display: none;
}

.htDropdownMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 6px;
}

.htDropdownMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}

.htDropdownMenu .ht_master .wtHolder {
  overflow: hidden;
}
/*!
 * Handsontable Filters
 */

/* Conditions menu */
.htFiltersConditionsMenu {
  display: none;
  position: absolute;
  z-index: 1070;
}

.htFiltersConditionsMenu .ht_clone_top,
.htFiltersConditionsMenu .ht_clone_left,
.htFiltersConditionsMenu .ht_clone_corner,
.htFiltersConditionsMenu .ht_clone_debug {
  display: none;
}

.htFiltersConditionsMenu table.htCore {
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.htFiltersConditionsMenu .wtBorder {
  visibility: hidden;
}

.htFiltersConditionsMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htFiltersConditionsMenu table tbody tr td:first-child {
  border: 0;
}

.htFiltersConditionsMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}

.htFiltersConditionsMenu table tbody tr td.current,
.htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9;
}

.htFiltersConditionsMenu table tbody tr td.htSeparator {
  border-top: 1px solid #bbb;
  height: 0;
  padding: 0;
}

.htFiltersConditionsMenu table tbody tr td.htDisabled {
  color: #999;
}

.htFiltersConditionsMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}

.htFiltersConditionsMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 6px;
}

.htFiltersConditionsMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}

.htFiltersConditionsMenu .ht_master .wtHolder {
  overflow: hidden;
}

.handsontable .htMenuFiltering {
  border-bottom: 1px dotted #ccc;
  height: 135px;
  overflow: hidden;
}

.handsontable .ht_master table td.htCustomMenuRenderer {
  background-color: #fff;
  cursor: auto;
}

/* Menu label */
.handsontable .htFiltersMenuLabel {
  font-size: 12px;
}

/* Component action bar */
.handsontable .htFiltersMenuActionBar {
  text-align: center;
}

/* Component filter by conditional */
.handsontable .htFiltersMenuCondition {
  border-bottom: 1px dotted #ccc !important;
}
.handsontable .htFiltersMenuCondition .htUIInput {
  padding: 0 0 5px 0;
}
.handsontable .htFiltersMenuCondition .htUIInput input {
  width: 159px;
  padding: 4px;
  margin-left: -4px;
}

/* Component filter by value */
.handsontable .htFiltersMenuValue {
  border-bottom: 1px dotted #ccc !important;
}
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch {
  padding: 0;
}
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
  width: 159px;
  padding: 4px;
  margin-left: -4px;
}

.htUIMultipleSelect .ht_master .wtHolder {
  overflow-y: scroll;
}

.handsontable .htFiltersActive .changeType {
  border: 1px solid #509272;
  color: #18804e;
  background-color: #d2e0d9;
}

.handsontable .htUIClearAll, .handsontable .htUISelectAll {
  display: inline-block;
  margin: 0 5px;
}
.handsontable .htUIClearAll a, .handsontable .htUISelectAll a {
  color: #3283D8;
  font-size: 12px;
}
.handsontable .htUISelectionControls {
  text-align: right;
}

.handsontable .htCheckboxRendererInput {
  margin: 0 5px 0 0;
  vertical-align: middle;
  height: 1em;
}


/* UI elements */
/* Input */
.handsontable .htUIInput {
  padding: 3px 0 7px 0;
  position: relative;
  text-align: center;
}
.handsontable .htUIInput input {
  border-radius: 2px;
  border: 1px solid #d2d1d1;
}
.handsontable .htUIInput input:focus {
  outline: 0;
}
.handsontable .htUIInputIcon {
  position: absolute;
}

/* Button */
.handsontable .htUIInput.htUIButton {
  cursor: pointer;
  display: inline-block;
  padding: 3px 4px 7px 4px;
  width: 60px;
}
.handsontable .htUIInput.htUIButton input {
  background-color: #eee;
  color: #000;
  cursor: pointer;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 19px;
  width: 42px;
}
.handsontable .htUIInput.htUIButton input:hover {
  border-color: #b9b9b9;
}

.handsontable .htUIInput.htUIButtonOK input {
  background-color: #0f9d58;
  border-color: #18804e;
  color: #fff;
}
.handsontable .htUIInput.htUIButtonOK input:hover {
  border-color: #1a6f46;
}

/* Select */
.handsontable .htUISelect {
  cursor: pointer;
  margin-bottom: 7px;
  padding: 0 2px 0 0;
  position: relative;
  width: 169px;
}
.handsontable .htUISelectCaption {
  background-color: #e8e8e8;
  border-radius: 2px;
  border: 1px solid #d2d1d1;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 0 3px 10px;
}
.handsontable .htUISelectCaption:hover {
  background-color: #e8e8e8;
  border: 1px solid #b9b9b9;
}
.handsontable .htUISelectDropdown:after {
  content: '▲';
  font-size: 7px;
  position: absolute;
  right: 10px;
  top: 0;
}
.handsontable .htUISelectDropdown:before {
  content: '▼';
  font-size: 7px;
  position: absolute;
  right: 10px;
  top: 8px;
}

/* SelectMultiple */
.handsontable .htUIMultipleSelect .handsontable .htCore {
  border: none;
}
.handsontable .htUIMultipleSelect .handsontable .htCore td:hover {
  background-color: #F5F5F5;
}

.handsontable .htUIMultipleSelectSearch input {
  border-radius: 2px;
  border: 1px solid #d2d1d1;
  padding: 3px;
  width: 161px;
}
.handsontable.ganttChart td:not(.rangeBar) {
    border: 0;
    border-right: 1px solid #F3F3F3;
    border-top: 1px solid #F1EAEA;
}

.handsontable.ganttChart td.rangeBar {
    border-right: 0;
    /*border-top: 3px solid #fff;*/
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 3px 0px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 3px 0px 0px rgba(255,255,255,1);
}

.handsontable.ganttChart tbody tr th {
    padding-top: 3px;
}

.handsontable.ganttChart tr:first-of-type td {
    border-top: 1px solid #CCC;
}

.handsontable.ganttChart tr td:first-of-type {
    border-left: 1px solid #CCC;
}

.handsontable.ganttChart td.rangeBar.color-1 {
    background: #002F32
}

.handsontable.ganttChart td.rangeBar.color-1.partial {
    background: #00464a
}

.handsontable.ganttChart td.rangeBar.color-2 {
    background: #42826C
}

.handsontable.ganttChart td.rangeBar.color-2.partial {
    background: #5bb394
}

.handsontable.ganttChart td.rangeBar.color-3 {
    background: #A5C77F
}

.handsontable.ganttChart td.rangeBar.color-3.partial {
    background: #d0faa0
}

.handsontable.ganttChart td.rangeBar.color-4 {
    background: #FFC861
}

.handsontable.ganttChart td.rangeBar.color-4.partial {
    background: #ffe272
}

.handsontable.ganttChart td.rangeBar.color-5 {
    background: #C84663
}

.handsontable.ganttChart td.rangeBar.color-5.partial {
    background: #fa577d
}

.handsontable.ganttChart td.rangeBar.color-6 {
    background: #5A1F00
}

.handsontable.ganttChart td.rangeBar.color-6.partial {
    background: #8c2f00
}

.handsontable.ganttChart td.rangeBar.color-7 {
    background: #D1570D
}

.handsontable.ganttChart td.rangeBar.color-7.partial {
    background: #ff6912
}

.handsontable.ganttChart td.rangeBar.color-8 {
    background: #FDE792
}

.handsontable.ganttChart td.rangeBar.color-8.partial {
    background: #fdf5ad
}

.handsontable.ganttChart td.rangeBar.color-9 {
    background: #477725
}

.handsontable.ganttChart td.rangeBar.color-9.partial {
    background: #66a836
}

.handsontable.ganttChart td.rangeBar.color-10 {
    background: #A9CC66
}

.handsontable.ganttChart td.rangeBar.color-10.partial {
    background: #b7cc89
}

/*.rangeBar.red {*/
/*background: #b71700;*/
/*}*/
/*.rangeBar.red.partial {*/
/*background: #ff6162;*/
/*}*/

.handsontable.ganttChart td.rangeBar.color-green {
    background: #48b703;
}

.handsontable.ganttChart td.rangeBar.color-green.partial {
    background: #8edf5a;
}

/*.rangeBar.blue {*/
/*background: #1a46b7;*/
/*}*/
/*.rangeBar.blue.partial {*/
/*background: #6294ea;*/
/*}*/

/*.rangeBar.yellow {*/
/*background: #e9dd00;*/
/*}*/
/*.rangeBar.yellow.partial {*/
/*background: #f4f272;*/
/*}*/

/*.rangeBar.pink {*/
/*background: #e869e2;*/
/*}*/
/*.rangeBar.pink.partial {*/
/*background: #e8afe8;*/
/*}*/

/*.rangeBar.orange {*/
/*background: #e8811b;*/
/*}*/
/*.rangeBar.orange.partial {*/
/*background: #e8a45c;*/
/*}*/

/*.rangeBar.violet {*/
/*background: #9730e8;*/
/*}*/
/*.rangeBar.violet.partial {*/
/*background: #c482e8;*/
/*}*/

/*.rangeBar.lightblue {*/
/*background: #10cce8;*/
/*}*/
/*.rangeBar.lightblue.partial {*/
/*background: #89d2e8;*/
/*}*//*!
 * Handsontable HiddenRows
 */
.handsontable th.beforeHiddenRow::after,
.handsontable th.afterHiddenRow::before {
  color: #bbb;
  font-size: 6pt;
  position: absolute;
  left: 1px;
}

.handsontable th.beforeHiddenRow,
.handsontable th.afterHiddenRow {
  position: relative;
}

.handsontable th.beforeHiddenRow::after {
  content: '▲';
  bottom: -6px;
}

.handsontable th.afterHiddenRow::before {
  content: '▼';
  top: -5px;
}

.handsontable td.afterHiddenRow.firstVisibleRow,
.handsontable th.afterHiddenRow.firstVisibleRow {
  border-top: 1px solid #CCC;
}

/*
 * Very simple jQuery Color Picker
 * https://github.com/tkrotoff/jquery-simplecolorpicker
 *
 * Copyright (C) 2012-2013 Tanguy Krotoff <tkrotoff@gmail.com>
 *
 * Licensed under the MIT license
 */

/**
 * Inspired by Bootstrap Twitter.
 * See https://github.com/twbs/bootstrap/blob/master/less/navbar.less
 * See https://github.com/twbs/bootstrap/blob/master/less/dropdowns.less
 */

.simplecolorpicker.picker {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2051; /* Above Bootstrap modal (@zindex-modal = 1050) */
  display: none;
  float: left;

  min-width: 160px;
  max-width: 283px; /* @popover-max-width = 276px + 7 */

  padding: 5px 0 0 5px;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff; /* @dropdown-bg */

  border: 1px solid #ccc; /* @dropdown-fallback-border */
  border: 1px solid rgba(0, 0, 0, .15); /* @dropdown-border */

  -webkit-border-radius: 4px; /* @border-radius-base */
     -moz-border-radius: 4px;
          border-radius: 4px;

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.simplecolorpicker.inline {
  display: inline-block;
  padding: 6px 0;
}

.simplecolorpicker span {
  margin: 0 5px 5px 0;
}

.simplecolorpicker.icon,
.simplecolorpicker span.color {
  display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  cursor: pointer;
  border: 1px solid transparent;
}

.simplecolorpicker.icon:after,
.simplecolorpicker span.color:after {
  content: '\00a0\00a0\00a0\00a0'; /* Spaces */
}

.simplecolorpicker span.color[data-disabled]:hover {
  cursor: not-allowed;
  border: 1px solid transparent;
}

.simplecolorpicker span.color:hover,
.simplecolorpicker span.color[data-selected],
.simplecolorpicker span.color[data-selected]:hover {
  border: 1px solid #222; /* @gray-dark */
}
.simplecolorpicker span.color[data-selected]:after {
  color: #fff;
}

/* Vertical separator, replaces optgroup. */
.simplecolorpicker span.vr {
  border-left: 1px solid #222; /* @gray-dark */
}
.simplecolorpicker.fontawesome span.color[data-selected]:after {
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;

  content: '\f00c'; /* Ok/check mark */

  margin-right: 1px;
  margin-left: 1px;
}
.ol-control, .ol-scale-line {
    position: absolute;
    padding: 2px;
}

.ol-box {
    box-sizing: border-box;
    border-radius: 2px;
    border: 2px solid #00f;
}

.ol-mouse-position {
    top: 8px;
    right: 8px;
    position: absolute;
}

.ol-scale-line {
    background: rgba(0,60,136,.3);
    border-radius: 4px;
    bottom: 8px;
    left: 8px;
}

.ol-scale-line-inner {
    border: 1px solid #eee;
    border-top: none;
    color: #eee;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents,width;
}

.ol-overlay-container {
    will-change: left,right,top,bottom;
}

.ol-unsupported {
    display: none;
}

.ol-viewport .ol-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.ol-control {
    background-color: rgba(255,255,255,.4);
    border-radius: 4px;
}

    .ol-control:hover {
        background-color: rgba(255,255,255,.6);
    }

.ol-zoom {
    top: .5em;
    left: .5em;
}

.ol-rotate {
    top: .5em;
    right: .5em;
    transition: opacity .25s linear,visibility 0s linear;
}

    .ol-rotate.ol-hidden {
        opacity: 0;
        visibility: hidden;
        transition: opacity .25s linear,visibility 0s linear .25s;
    }

.ol-zoom-extent {
    top: 4.643em;
    left: .5em;
}

.ol-full-screen {
    right: .5em;
    top: .5em;
}

@media print {
    .ol-control {
        display: none;
    }
}

.ol-control button {
    display: block;
    margin: 1px;
    padding: 0;
    color: #fff;
    font-size: 1.14em;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    height: 1.375em;
    width: 1.375em;
    line-height: .4em;
    background-color: rgba(26,124,176,.5);
    border: none;
    border-radius: 2px;
}

    .ol-control button::-moz-focus-inner {
        border: none;
        padding: 0;
    }

.ol-zoom-extent button {
    line-height: 1.4em;
}

.ol-compass {
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    will-change: transform;
}

.ol-touch .ol-control button {
    font-size: 1.5em;
}

.ol-touch .ol-zoom-extent {
    top: 5.5em;
}

.ol-control button:focus, .ol-control button:hover {
    text-decoration: none;
    background-color: rgba(0,60,136,.7);
}

.ol-zoom .ol-zoom-in {
    border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 2px 2px;
}

.ol-attribution {
    text-align: right;
    bottom: .5em;
    right: .5em;
    max-width: calc(100% - 1.3em);
}

    .ol-attribution ul {
        margin: 0;
        padding: 0 .5em;
        font-size: .7rem;
        line-height: 1.375em;
        color: #000;
        text-shadow: 0 0 2px #fff;
    }

    .ol-attribution li {
        display: inline;
        list-style: none;
        line-height: inherit;
    }

        .ol-attribution li:not(:last-child):after {
            content: " ";
        }

    .ol-attribution img {
        max-height: 2em;
        max-width: inherit;
        vertical-align: middle;
    }

    .ol-attribution button, .ol-attribution ul {
        display: inline-block;
    }

    .ol-attribution.ol-collapsed ul {
        display: none;
    }

    .ol-attribution.ol-logo-only ul {
        display: block;
    }

    .ol-attribution:not(.ol-collapsed) {
        background: rgba(255,255,255,.8);
    }

    .ol-attribution.ol-uncollapsible {
        bottom: 0;
        right: 0;
        border-radius: 4px 0 0;
        height: 1.1em;
        line-height: 1em;
    }

    .ol-attribution.ol-logo-only {
        background: 0 0;
        bottom: .4em;
        height: 1.1em;
        line-height: 1em;
    }

    .ol-attribution.ol-uncollapsible img {
        margin-top: -.2em;
        max-height: 1.6em;
    }

    .ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button {
        display: none;
    }

.ol-zoomslider {
    top: 4.5em;
    left: .5em;
    height: 200px;
}

    .ol-zoomslider button {
        position: relative;
        height: 10px;
    }

.ol-touch .ol-zoomslider {
    top: 5.5em;
}

.ol-overviewmap {
    left: .5em;
    bottom: .5em;
}

    .ol-overviewmap.ol-uncollapsible {
        bottom: 0;
        left: 0;
        border-radius: 0 4px 0 0;
    }

    .ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button {
        display: inline-block;
    }

    .ol-overviewmap .ol-overviewmap-map {
        border: 1px solid #7b98bc;
        height: 150px;
        margin: 2px;
        width: 150px;
    }

    .ol-overviewmap:not(.ol-collapsed) button {
        bottom: 1px;
        left: 2px;
        position: absolute;
    }

    .ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button {
        display: none;
    }

    .ol-overviewmap:not(.ol-collapsed) {
        background: rgba(255,255,255,.8);
    }

.ol-overviewmap-box {
    border: 2px dotted rgba(0,60,136,.7);
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.minicolors {
  position: relative;
}

.minicolors-sprite {
  background-image: url(jquery.minicolors.png?v=ijfTd-O09mHbgTDB5iGAUfIDtNA);
}

.minicolors-swatch {
  position: absolute;
  vertical-align: middle;
  background-position: -80px 0;
  border: solid 1px #ccc;
  cursor: text;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.minicolors-swatch-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.minicolors input[type=hidden] + .minicolors-swatch {
  width: 28px;
  position: static;
  cursor: pointer;
}

.minicolors input[type=hidden][disabled] + .minicolors-swatch {
  cursor: default;
}

/* Panel */
.minicolors-panel {
  position: absolute;
  width: 173px;
  background: white;
  border: solid 1px #CCC;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  z-index: 99999;
  box-sizing: content-box;
  display: none;
}

.minicolors-panel.minicolors-visible {
  display: block;
}

/* Panel positioning */
.minicolors-position-top .minicolors-panel {
  top: -154px;
}

.minicolors-position-right .minicolors-panel {
  right: 0;
}

.minicolors-position-bottom .minicolors-panel {
  top: auto;
}

.minicolors-position-left .minicolors-panel {
  left: 0;
}

.minicolors-with-opacity .minicolors-panel {
  width: 194px;
}

.minicolors .minicolors-grid {
  position: relative;
  top: 1px;
  left: 1px;
  width: 150px;
  height: 150px;
  background-position: -120px 0;
  cursor: crosshair;
}

.minicolors .minicolors-grid-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}

.minicolors-slider-saturation .minicolors-grid {
  background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
  background-position: -270px 0;
  background-image: inherit;
}

.minicolors-slider-brightness .minicolors-grid {
  background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
  background-color: black;
}

.minicolors-slider-wheel .minicolors-grid {
  background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
  position: absolute;
  top: 1px;
  left: 152px;
  width: 20px;
  height: 150px;
  background-color: white;
  background-position: 0 0;
  cursor: row-resize;
}

.minicolors-slider-saturation .minicolors-slider {
  background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
  background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
  background-position: -20px 0;
}

.minicolors-opacity-slider {
  left: 173px;
  background-position: -40px 0;
  display: none;
}

.minicolors-with-opacity .minicolors-opacity-slider {
  display: block;
}

/* Pickers */
.minicolors-grid .minicolors-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 12px;
  height: 12px;
  border: solid 1px black;
  border-radius: 10px;
  margin-top: -6px;
  margin-left: -6px;
  background: none;
}

.minicolors-grid .minicolors-picker > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: solid 2px white;
  box-sizing: content-box;
}

.minicolors-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: white;
  border: solid 1px black;
  margin-top: -2px;
  box-sizing: content-box;
}

/* Swatches */
.minicolors-swatches,
.minicolors-swatches li {
  margin: 5px 0 3px 5px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.minicolors-swatches .minicolors-swatch {
  position: relative;
  float: left;
  cursor: pointer;
  margin:0 4px 0 0;
}

.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
  margin-right: 7px;
}

.minicolors-swatch.selected {
  border-color: #000;
}

/* Inline controls */
.minicolors-inline {
  display: inline-block;
}

.minicolors-inline .minicolors-input {
  display: none !important;
}

.minicolors-inline .minicolors-panel {
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
  z-index: auto;
  display: inline-block;
}

/* Default theme */
.minicolors-theme-default .minicolors-swatch {
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
}
.minicolors-theme-default .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
  left: auto;
  right: 5px;
}
.minicolors-theme-default.minicolors {
  width: auto;
  display: inline-block;
}
.minicolors-theme-default .minicolors-input {
  height: 20px;
  width: auto;
  display: inline-block;
  padding-left: 26px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
  padding-right: 26px;
  padding-left: inherit;
}

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
  z-index: 2;
  top: 3px;
  left: 3px;
  width: 28px;
  height: 28px;
  border-radius: 3px;
}
.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
.minicolors-theme-bootstrap .minicolors-swatch-color {
  border-radius: inherit;
}
.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
  left: auto;
  right: 3px;
}
.minicolors-theme-bootstrap .minicolors-input {
  float: none;
  padding-left: 44px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
  padding-right: 44px;
  padding-left: 12px;
}
.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
  top: 4px;
  left: 4px;
  width: 37px;
  height: 37px;
  border-radius: 5px;
}
.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
  width: 24px;
  height: 24px;
}
.minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
  width: 18px;
  height: 18px;
}
.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Semantic Ui theme */
.minicolors-theme-semanticui .minicolors-swatch {
  top: 0;
  left: 0;
  padding: 18px;
}
.minicolors-theme-semanticui input {
  text-indent: 30px;
}