/*!
* CleanSlate
*   github.com/premasagar/cleanslate
*
*//*
    An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.

    by Premasagar Rose
        dharmafly.com

    license
        opensource.org/licenses/mit-license.php

    **
        
    v0.9.3
        
*/

/* == BLANKET RESET RULES == */

/* HTML 4.01 */
.cleanslate, .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6, .cleanslate p, .cleanslate td, .cleanslate dl, .cleanslate tr, .cleanslate dt, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate table,  .cleanslate th, .cleanslate tbody, .cleanslate tfoot, .cleanslate caption, .cleanslate thead, .cleanslate ul, .cleanslate li, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate li, .cleanslate iframe, .cleanslate strong, .cleanslate legend, .cleanslate em, .cleanslate summary, .cleanslate cite, .cleanslate span, .cleanslate input, .cleanslate sup, .cleanslate label, .cleanslate dfn, .cleanslate object, .cleanslate big, .cleanslate q, .cleanslate samp, .cleanslate acronym, .cleanslate small, .cleanslate img, .cleanslate strike, .cleanslate code, .cleanslate sub, .cleanslate ins, .cleanslate textarea, .cleanslate button, .cleanslate var, .cleanslate a, .cleanslate abbr, .cleanslate applet, .cleanslate del, .cleanslate kbd, .cleanslate tt, .cleanslate b, .cleanslate i, .cleanslate hr,

/* HTML5 - Sept 2013 taken from MDN https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list */
.cleanslate article, .cleanslate aside, .cleanslate figure, .cleanslate figcaption, .cleanslate footer, .cleanslate header, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate time, .cleanslate mark, .cleanslate audio, .cleanslate video, .cleanslate abbr, .cleanslate address, .cleanslate area, .cleanslate blockquote, .cleanslate canvas, .cleanslate caption, .cleanslate cite, .cleanslate code, .cleanslate colgroup, .cleanslate col, .cleanslate datalist, .cleanslate fieldset, .cleanslate main, .cleanslate map, .cleanslate meta, .cleanslate optgroup, .cleanslate output, .cleanslate progress {
    background-attachment:scroll !important;
    background-color:transparent !important;
    background-image:none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
    background-position:0 0 !important;
    background-repeat:repeat !important;
    border-color:black !important;
    border-color:currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
    border-radius:0 !important;
    border-style:none !important;
    border-width:medium !important;
    bottom:auto !important;
    clear:none !important;
    clip:auto !important;
    color:inherit !important;
    counter-increment:none !important;
    counter-reset:none !important;
    cursor:auto !important;
    direction:inherit !important;
    display:inline !important;
    float:none !important;
    font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */
    font-size: inherit !important;
    font-style:inherit !important;
    font-variant:normal !important;
    font-weight:inherit !important;
    height:auto !important;
    left:auto !important;
    letter-spacing:normal !important;
    line-height:inherit !important;
    list-style-type: inherit !important; /* Could set list-style-type to none */
    list-style-position: outside !important;
    list-style-image: none !important;
    margin:0 !important;
    max-height:none !important;
    max-width:none !important;
    min-height:0 !important;
    min-width:0 !important;
    opacity:1;
    outline:invert none medium !important;
    overflow:visible !important;
    padding:0 !important;
    position:static !important;
    quotes: "" "" !important;
    right:auto !important;
    table-layout:auto !important;
    text-align:inherit !important;
    text-decoration:inherit !important;
    text-indent:0 !important;
    text-transform:none !important;
    top:auto !important;
    unicode-bidi:normal !important;
    vertical-align:baseline !important;
    visibility:inherit !important;
    white-space:normal !important;
    width:auto !important;
    word-spacing:normal !important;
    z-index:auto !important;
    
    /* CSS3 */
    /* Including all prefixes according to http://caniuse.com/ */
    /* CSS Animations don't cascade, so don't require resetting */
    -webkit-background-origin: padding-box !important;
            background-origin: padding-box !important;
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
    -webkit-background-size: auto !important;
       -moz-background-size: auto !important;
            background-size: auto !important;
    -webkit-border-image: none !important;
       -moz-border-image: none !important;
         -o-border-image: none !important;
            border-image: none !important;
    -webkit-border-radius:0 !important;
       -moz-border-radius:0 !important;
            border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-box-sizing: content-box !important;
       -moz-box-sizing: content-box !important;
            box-sizing: content-box !important;
    -webkit-column-count: auto !important;
       -moz-column-count: auto !important;
            column-count: auto !important;
    -webkit-column-gap: normal !important;
       -moz-column-gap: normal !important;
            column-gap: normal !important;
    -webkit-column-rule: medium none black !important;
       -moz-column-rule: medium none black !important;
            column-rule: medium none black !important;
    -webkit-column-span: 1 !important;
       -moz-column-span: 1 !important; /* doesn't exist yet but probably will */
            column-span: 1 !important;
    -webkit-column-width: auto !important;
       -moz-column-width: auto !important;
            column-width: auto !important;
    font-feature-settings: normal !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-hyphens: manual !important;
       -moz-hyphens: manual !important;
            hyphens: manual !important;
    -webkit-perspective: none !important;
       -moz-perspective: none !important;
        -ms-perspective: none !important;
         -o-perspective: none !important;
            perspective: none !important;
    -webkit-perspective-origin: 50% 50% !important;
       -moz-perspective-origin: 50% 50% !important;
        -ms-perspective-origin: 50% 50% !important;
         -o-perspective-origin: 50% 50% !important;
            perspective-origin: 50% 50% !important;
    -webkit-backface-visibility: visible !important;
       -moz-backface-visibility: visible !important;
        -ms-backface-visibility: visible !important;
         -o-backface-visibility: visible !important;
            backface-visibility: visible !important;
    text-shadow: none !important;
    -webkit-transition: all 0s ease 0s !important;
            transition: all 0s ease 0s !important;
    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: 50% 50% !important;
       -moz-transform-origin: 50% 50% !important;
        -ms-transform-origin: 50% 50% !important;
         -o-transform-origin: 50% 50% !important;
            transform-origin: 50% 50% !important;
    -webkit-transform-style: flat !important;
       -moz-transform-style: flat !important;
        -ms-transform-style: flat !important;
         -o-transform-style: flat !important;
            transform-style: flat !important;
    word-break: normal !important;
}

/* == BLOCK-LEVEL == */
/* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */
/* HTML 4.01 */
.cleanslate, .cleanslate h3, .cleanslate h5, .cleanslate p, .cleanslate h1, .cleanslate dl, .cleanslate dt, .cleanslate h6, .cleanslate ol, .cleanslate form, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate h2, .cleanslate caption, .cleanslate h4, .cleanslate ul, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate hr,

/* HTML5 new elements */
.cleanslate article, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate audio, .cleanslate video, .cleanslate address, .cleanslate blockquote, .cleanslate colgroup, .cleanslate main, .cleanslate progress, .cleanslate summary {
    display:block !important; 
}
.cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6 {
    font-weight: bold !important;
}
.cleanslate h1 {
    font-size: 2em !important;
    padding: .67em 0 !important;
}
.cleanslate h2 {
    font-size: 1.5em !important;
    padding: .83em 0 !important;
}
.cleanslate h3 {
    font-size: 1.17em !important;
    padding: .83em 0 !important;
}
.cleanslate h4 {
    font-size: 1em !important;
}
.cleanslate h5 {
    font-size: .83em !important;
}
.cleanslate p {
    margin: 1em 0 !important;
}
.cleanslate table {
    display: table !important;
}
.cleanslate thead {
    display: table-header-group !important;
}
.cleanslate tbody {
    display: table-row-group !important;
}
.cleanslate tfoot {
    display: table-footer-group !important;
}
.cleanslate tr {
    display: table-row !important;
}
.cleanslate th, .cleanslate td {
    display: table-cell !important;
    padding: 2px !important;
}

/* == SPECIFIC ELEMENTS == */
/* Some of these are browser defaults; some are just useful resets */
.cleanslate ol, .cleanslate ul {
    margin: 1em 0 !important;
}
.cleanslate ul li, .cleanslate ul ul li, .cleanslate ul ul ul li, .cleanslate ol li, .cleanslate ol ol li, .cleanslate ol ol ol li, .cleanslate ul ol ol li, .cleanslate ul ul ol li, .cleanslate ol ul ul li, .cleanslate ol ol ul li {
    list-style-position: inside !important;
    margin-top: .08em !important;
}
.cleanslate ol ol, .cleanslate ol ol ol, .cleanslate ul ul, .cleanslate ul ul ul, .cleanslate ol ul, .cleanslate ol ul ul, .cleanslate ol ol ul, .cleanslate ul ol, .cleanslate ul ol ol, .cleanslate ul ul ol {
    padding-left: 40px !important;
    margin: 0 !important;
}
/* helper for general navigation */
.cleanslate nav ul, .cleanslate nav ol {
    list-style-type:none !important;

}
.cleanslate ul, .cleanslate menu {
    list-style-type:disc !important;
}
.cleanslate ol {
    list-style-type:decimal !important;
}
.cleanslate ol ul, .cleanslate ul ul, .cleanslate menu ul, .cleanslate ol menu, .cleanslate ul menu, .cleanslate menu menu {
    list-style-type:circle !important;
}
.cleanslate ol ol ul, .cleanslate ol ul ul, .cleanslate ol menu ul, .cleanslate ol ol menu, .cleanslate ol ul menu, .cleanslate ol menu menu, .cleanslate ul ol ul, .cleanslate ul ul ul, .cleanslate ul menu ul, .cleanslate ul ol menu, .cleanslate ul ul menu, .cleanslate ul menu menu, .cleanslate menu ol ul, .cleanslate menu ul ul, .cleanslate menu menu ul, .cleanslate menu ol menu, .cleanslate menu ul menu, .cleanslate menu menu menu {
    list-style-type:square !important;
}
.cleanslate li {    
    display:list-item !important;
    /* Fixes IE7 issue with positioning of nested bullets */
    min-height:auto !important;
    min-width:auto !important;
    padding-left: 20px !important; /* replace -webkit-padding-start: 40px; */
}
.cleanslate strong {
    font-weight:bold !important;
}
.cleanslate em {
    font-style:italic !important;
}
.cleanslate kbd, .cleanslate samp, .cleanslate code {
  font-family:monospace !important;
}
.cleanslate a {
    color: blue !important;
    text-decoration: underline !important;
}
.cleanslate a:visited {
    color: #529 !important;
}
.cleanslate a, .cleanslate a *, .cleanslate input[type=submit], .cleanslate input[type=radio], .cleanslate input[type=checkbox], .cleanslate select {
    cursor:pointer !important;
}
.cleanslate button, .cleanslate input[type=submit] {
    text-align: center !important;
    padding: 2px 6px 3px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-family: arial, helvetica, sans-serif !important;
    font-size: small !important;
    background: white !important;
    -webkit-appearance: push-button !important;
    color: buttontext !important;
    border: 1px #a6a6a6 solid !important;
    background: lightgrey !important; /* Old browsers */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%, rgba(209,209,209,1) 100%, rgba(221,221,221,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)), color-stop(100%,rgba(209,209,209,1)), color-stop(100%,rgba(221,221,221,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ) !important; /* IE6-9 */
    -webkit-box-shadow: 1px 1px 0px #eee !important;
       -moz-box-shadow: 1px 1px 0px #eee !important;
         -o-box-shadow: 1px 1px 0px #eee !important;
            box-shadow: 1px 1px 0px #eee !important;
    outline: initial !important;
}
.cleanslate button {
    padding: 1px 6px 2px 6px !important;
    margin-right: 5px !important;
}
.cleanslate input[type=hidden] {
    display:none !important;
}
/* restore form defaults */
.cleanslate textarea {
    -webkit-appearance: textarea !important;
    background: white !important;
    padding: 2px !important;
    margin-left: 4px !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    font-size: 11px !important;
    font-family: arial, helvetica, sans-serif !important;
    line-height: 13px !important;
    resize: both !important;
}
.cleanslate select, .cleanslate textarea, .cleanslate input {
    border:1px solid #ccc !important;
}
.cleanslate select {
    font-size: 11px !important;
    font-family: helvetica, arial, sans-serif !important;
    display: inline-block;
}
.cleanslate textarea:focus, .cleanslate input:focus {
    outline: auto 5px -webkit-focus-ring-color !important;
    outline: initial !important;
}
.cleanslate input[type=text] {
    background: white !important;
    padding: 1px !important;
    font-family: initial !important;
    font-size: small !important;
}
.cleanslate input[type=checkbox], .cleanslate input[type=radio] {
    border: 1px #2b2b2b solid !important;
    border-radius: 4px !important;
}
.cleanslate input[type=checkbox], .cleanslate input[type=radio] {
    outline: intial !important;
}
.cleanslate input[type=radio] {
    margin: 2px 2px 3px 2px !important;
}
.cleanslate input[type=submit]:active, .cleanslate button:active {
    background: rgb(59,103,158) !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */
    border-color: #5259b0 !important;
}
.cleanslate abbr[title], .cleanslate acronym[title], .cleanslate dfn[title] {
    cursor:help !important;
    border-bottom-width:1px !important;
    border-bottom-style:dotted !important;
}
.cleanslate ins {
    background-color:#ff9 !important;
    color:black !important;
}
.cleanslate del {
    text-decoration: line-through !important;
}
.cleanslate blockquote, .cleanslate q  {
    quotes:none !important; /* HTML5 */
}
.cleanslate blockquote:before, .cleanslate blockquote:after, .cleanslate q:before, .cleanslate q:after, .cleanslate li:before, .cleanslate li:after  {
    content:"" !important;
}
.cleanslate input, .cleanslate select {
    vertical-align:middle !important;
}

.cleanslate table {
    border-collapse:collapse !important;
    border-spacing:0 !important;
}
.cleanslate hr {
    display:block !important;
    height:1px !important;
    border:0 !important;
    border-top:1px solid #ccc !important;
    margin:1em 0 !important;
}
.cleanslate *[dir=rtl] {
    direction: rtl !important;
}
.cleanslate mark {
    background-color:#ff9 !important;
    color:black !important;
    font-style:italic !important;
    font-weight:bold !important;
}
.cleanslate menu {
    padding-left: 40px !important;
    padding-top: 8px !important;
}

/* additional helpers */
.cleanslate [hidden],
.cleanslate template {
    display: none !important;
}
.cleanslate abbr[title] {
    border-bottom: 1px dotted !important;
}
.cleanslate sub, .cleanslate sup {
    font-size: 75% !important;
    line-height: 0 !important;
    position: relative !important;
    vertical-align: baseline !important;
}
.cleanslate sup {
    top: -0.5em !important;
}
.cleanslate sub {
    bottom: -0.25em !important;
}
.cleanslate img {
    border: 0 !important;
}
.cleanslate figure {
    margin: 0 !important;
}
.cleanslate textarea {
    overflow: auto !important;
    vertical-align: top !important;
}

/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit  */
.cleanslate {
    font-size: medium !important;
    line-height: 1 !important;
    direction:ltr !important;
    text-align: left !important; /* for IE, Opera */
    text-align: start !important; /* recommended W3C Spec */
    font-family: "Times New Roman", Times, serif !important; /* Override this with whatever font-family is required */
    color: black !important;
    font-style:normal !important;
    font-weight:normal !important;
    text-decoration:none !important;
    list-style-type:disc !important;
}

/*!
 * FullCalendar v2.7.3 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2016 Adam Shaw
 */.fc-bgevent,.fc-highlight{opacity:.3;filter:alpha(opacity=30)}.fc-icon,body .fc{font-size:1em}.fc-button-group,.fc-icon{display:inline-block}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-khtml-user-select:none;-webkit-touch-callout:none}.fc .fc-axis,.fc button,.fc-time-grid-event .fc-time,.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view .fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.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{background:#bce8f1}.fc-bgevent{background:#8fdf82}.fc-nonbusiness{background:#d7d7d7}.fc-icon{height:1em;line-height:1em;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close{cursor:pointer}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.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-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;background-color:#3a87ad;font-weight:400}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25;filter:alpha(opacity=25)}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-toolbar{margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.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}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:0 2px}.fc-basic-view td.fc-day-number,.fc-basic-view td.fc-week-number span{padding-top:2px;padding-bottom:2px}.fc-basic-view .fc-week-number span{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:.3;filter:alpha(opacity=30)}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{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-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}
/* weekLine jquery-ui css*/

.ui-WeekDays a
{
    padding: 2px 3px !important;
}

.ui-WeekDays a:first-child
{
	border-radius: 20% 0 0 20% !important;
    padding: 2px 3px 2px 6px !important;
}

.ui-WeekDays a:last-child
{
	border-radius: 0 20% 20% 0 !important;
    padding: 2px 6px 2px 3px !important;
}

.ui-WeekDays a:hover
{
	border-style: solid !important;
	border-width: 1px !important;
}

.ui-WeekDays .ui-state-active
{
    border-style: solid !important;
	border-width: 1px !important;
}

/* weekLine dark css*/

.weekDays-dark a
{
    padding: 2px 3px !important;
    color: Gray !important;
	background: linear-gradient(to bottom, #3B3B3B 0%, #202020 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    text-decoration: none !important;
	font-family: "courier new" !important;
}

.weekDays-dark a:first-child:not(.selectedDay):not(:hover)
{
	border-radius: 20% 0 0 20% !important;
    padding: 2px 3px 2px 6px !important;
}

.weekDays-dark a:last-child:not(.selectedDay):not(:hover)
{
	border-radius: 0 20% 20% 0 !important;
    padding: 2px 6px 2px 3px !important;
}

.weekDays-dark a:first-child:hover
{
	padding: 2px 1px 2px 4px !important;
}

.weekDays-dark a:first-child
{
	padding: 2px 2px 2px 5px !important;
}

.weekDays-dark a:hover
{
	border-style: solid !important;
	border-radius: 20% !important;
	border-width: 2px !important;
	border-color: #6E9A52 !important;
    text-decoration: none !important;
	padding: 2px 1px !important;
}

.weekDays-dark .selectedDay
{
    border-style: solid !important;
	border-radius: 20% !important;
	border-width: 1px !important;
	border-color: gray !important;
	color: #6E9A52 !important;
	padding: 2px !important;
}

/* weekLine white css*/

.weekDays-white a
{
    padding: 0px 3px 0px 3px !important;
    border-width: 1px !important;
    border-style: dotted !important;
    color: Gray !important;
    text-decoration: none !important;
}

.weekDays-white a:hover
{
	border-style: solid !important;
	border-width: 1px 1px 2px 1px !important;
    text-decoration: none !important;
	color: Gray !important;
}

.weekDays-white .selectedDay
{
    background-color: #F5F5F5 !important;
    border-style: solid !important;
	border-width: 1px 1px 2px 1px !important;
	border-color: gray !important;
	color: #505050 !important;
}

/* weekLine for Sensor schedule*/
.weekDays-schedule a {
	font-family: Helvetica, Arial, sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	padding: 6px 10px 6px 10px !important;
	border-width: 1px !important;
	border-style: solid !important;
	color: #a6a6a6 !important;
	text-decoration: none !important;
}

.weekDays-schedule a:first-of-type {
	border-radius: 4px 0 0 4px !important;
}

.weekDays-schedule a:last-of-type {
	border-radius: 0 4px 4px 0 !important;
}

.weekDays-schedule a:hover {
	color: black !important;
}

.weekDays-schedule a.selectedDay:hover {
	background-color: #4a9547 !important;
	color: #ffffff !important;
}

.weekDays-schedule .selectedDay {
	background-color: #5db85b !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: #4f914d !important;
	color: #ffffff !important;
}
.weekDays a
{
    padding: 0px 3px 0px 3px !important;
    border-width: 1px !important;
    border-style: dotted !important;
    color: Gray !important;
    text-decoration: none !important;
}

.weekDays a:hover
{
	border-style: solid !important;
	border-width: 1px 1px 2px 1px !important;
    text-decoration: none !important;
	color: Gray !important;
}

.weekDays .selectedDay
{
    background-color: #F5F5F5 !important;
    border-style: solid !important;
	border-width: 1px 1px 2px 1px !important;
	border-color: gray !important;
	color: #505050 !important;
}
html,
body {
  position: relative;
  height: 100%;
  background-color: #f7f8fc;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}

body.wait,
body.wait * {
  cursor: wait !important;
}

#footerWrapper {
  width: 100%;
  position: absolute;
  height: 25px;
  bottom: 0px;
  left: 0;
  background-color: transparent;
  text-align: center;
  color: white;
  font-size: 11px;
  font-weight: 100;
}

#mainWrapper {
  height: 100%;
  width: 100%;
  margin: 0px;
}

#contentWrapper {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.loginContent {
  max-height: calc(100vh - 36px);
}

.activeContent {
  max-height: calc(100vh - 86px); /* header 50px + footer 36px  */
}

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

.no-ver-padding {
  padding-top: 0px;
  padding-bottom: 0px;
}

.no-hor-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.form-group {
  margin-bottom: 10px;
}

.form-group .row {
  padding: 0px;
}

.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #0c5395;
}

.navbar-default .navbar-brand {
  color: #fff;
}

.navbar-brand {
  float: left;
  height: 50px;
  font-size: 32px;
  padding: 15px 5px;
  line-height: 20px;
}

.navbar-brand-link {
  margin-left: 0px;
  margin-top: 10px;
  padding: 15px 25px 15px 20px;
}

.navbar-header-logo {
  float: left;
  margin-left: 0px;
  margin-top: -25px;
  padding-left: 0px;
  width: 120px;
  height: 58px;
}

@font-face {
  font-family: NimbusSanL-Reg;
  src: url(../fonts/NimbusSanL-Reg.otf);
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-weight: bold;
}

.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #bb180b;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #bb180b;
}

.navbar-default .navbar-nav > .active > a {
  color: #fff;
  background-color: transparent;
}

.navbar-form .form-control {
  width: 400px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #ffffff;
  background-color: transparent;
}

.navbar-custom-top {
  /*background-image: -webkit-linear-gradient(left, #2556a7 0%, #336699 100%);
    background-image: linear-gradient(to left, #2556a7 0%, #336699 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2556a7', endColorstr='#ff336699', GradientType=0);*/
  background-color: #23303d;
  border-color: #23303d;
  margin-bottom: 0;
  border-radius: 0;
  text-align: center;
  vertical-align: bottom;
  display: block;
  width: 100%;
  min-height: 55px;
}

@media (max-width: 768px) {
  .navbar-collapse.in {
    max-height: 340px;
    display: block !important;
    z-index: 9003;
  }
}

/*nag toggle*/
.navbar-toggle {
  border-color: #000000;
  background-color: #fff;
  margin-top: 13px;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-nav .open .dropdown-menu {
  background-color: #fff;
}

.caret {
  color: #fff;
}

.badge {
  color: #fff;
  background-color: #000000;
}

/*side menu*/
.sidebar-nav > ul > li {
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #47494b;
}

.sidebar-nav > ul > li a,
.sidebar-nav > ul > li > ul > li a {
  color: #ffffff;
  padding: 10px 5px;
}

.sidebar-nav > ul > li a.active,
.sidebar-nav > ul > li > a:focus,
.sidebar-nav > ul > li > ul > li a.active,
.sidebar-nav > ul > li > ul > li a:focus {
  background-color: #0c5395;
  color: #ffffff;
}

.sidebar-nav > ul > li > a:hover,
.sidebar-nav > ul > li > ul > li > a:hover {
  background-color: #6aa1d5;
  color: #ffffff;
}

.sidebar-nav > ul > li a.active i,
.sidebar-nav > ul > li > a:hover i,
.sidebar-nav > ul > li > a:focus i,
.sidebar-nav > ul > li > ul > li a.active i,
.sidebar-nav > ul > li > ul > li > a:hover i,
.sidebar-nav > ul > li > ul > li > a:focus i {
  color: #ffffff;
}

.sidebar-nav > ul > li span,
.sidebar-nav > ul > li > ul > li span {
  font-size: 15px;
}

.sidebar-nav-item-icon {
  text-align: center;
  color: #808283;
}

.sidebar-nav-item-left-col {
  width: 50px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.sidebar-nav-item-right-col {
  max-width: 250px;
  display: table-cell;
  vertical-align: middle;
}

.panel-default-custom {
  border-radius: 0px;
  border-color: #000000;
  margin-bottom: 0px;
  background-color: #eceff3;
  height: 100%;
  overflow-y: overlay;
}

.panel-default-custom-sidebar {
  border-color: #000000;
  background-color: #2c2e31;
  border-radius: 0px;
  border-bottom-width: 0px;
}

.panel-default-custom-sidebar > .panel-heading-sidebar {
  background-color: #2c2e31;
  height: 100%;
  margin-bottom: 0px;
  padding: 10px 5px;
  border-color: #000000;
  border-radius: 0px;
}

.panel-default-custom .panel-heading-main {
  color: #ffffff;
  background-color: #4b4f57;
  border-color: #000000;
  border-radius: 0px;
}

.panel-default-custom .panel-heading-main label {
  font-size: 20px;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-left: 10px;
}

.page-container {
  padding: 0px;
  background-color: #ffffff;
}

.page-header-custom {
  margin: 0px;
  border-width: 2px;
  padding: 20px 50px 20px 50px;
  overflow: auto;
}

.page-header-custom h4 {
  margin: 0px;
  color: #0c5395;
  font-weight: bold;
}

/*
.page-header-custom .btn {
  margin-bottom: 2px;
  margin-left: 5px;
}
*/
.page-content-custom {
  padding: 20px 50px 20px 50px;
}

/*main content*/
#main {
  flex: 1;
  padding: 0;
  min-width: 0;
  height: 100%;
}

#page-wrapper {
  border: none;
}

.col-sm-3-custom {
  width: 22%;
}

.col-sm-9-custom {
  width: 78%;
}

.img-flag {
  height: 15px;
  width: 18px;
}

img {
  vertical-align: middle;
}

img.previewUpload {
  min-width: 50px;
  max-width: 150px;
  min-height: 50px;
  max-height: 150px;
  border: black;
  border-style: groove;
  border-radius: 10px;
}

input:disabled::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #eee;
}

input:disabled:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #eee;
}

input:disabled::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #eee;
}

input:disabled:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #eee;
}

.select2-container--open .select2-dropdown--below {
  z-index: 10000 !important;
}

.form-group.has-error .select2-selection {
  border-color: #a94442 !important;
}

.form-group.has-error .fileinput-button {
  border-color: #a94442 !important;
}

.form-group.required .control-label:after {
  content: "*";
  font-size: 8px;
  vertical-align: super;
  color: #a94442;
}

.pac-container {
  z-index: 10000;
}

.select2-container--open {
  z-index: 10003; /* form dialog z-index:10002 (computed)*/
}

.safe-text {
  color: #ffffff;
}

.trust-text {
  color: #ffffff;
}

.help-icon {
  color: #cccccc;
}

.icon-required {
  font-size: 8px;
  vertical-align: super;
  color: #a94442;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label:before {
  border: 2px solid #e4e7ec;
  content: "\00a0";
  display: inline-block;
  font: 20px/1em sans-serif;
  height: 22px;
  margin: 5px 5px 0px 0px;
  padding: 0px;
  vertical-align: top;
  width: 22px;
  z-index: 10000;
}

input[type="checkbox"]:checked + label:before {
  background: #ffffff;
  color: #f04206;
  content: "\2713";
  text-align: center;
  z-index: 10000;
}

input[type="checkbox"]:checked + label:after {
  font-weight: bold;
  z-index: 10000;
}

input[type="checkbox"]:disabled + label:before {
  background: #e0e3e9;
}

input[type="checkbox"].input-checkbox {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type="checkbox"].input-checkbox + label.input-label {
  border: 2px solid #58585a;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 15px;
  background-repeat: no-repeat;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer;
}

input[type="checkbox"].input-checkbox:checked + label.input-label {
  background-position: 0 -20px;
}

.input-label {
  background-image: url("http://cms.tmadev.com.au/images/tickbox.png");
}

/*background: linear-gradient(to top, #e6e6e6 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
.btn-group-xs > .btn,
.btn-xs {
  margin: 0px 2px 0px 2px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: 0 0;
}

table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome, sans-serif;
}

table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome, sans-serif;
}

table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome, sans-serif;
  color: rgba(50, 50, 50, 0.5);
}

/* table.dataTable tbody th,
table.dataTable tbody td {
  white-space: nowrap;
} */

.ui-select-choices-group-label {
  padding: 3px 10px;
}

.ui-select-container .caret {
  color: black;
}

.btn-xs {
  min-width: 40px;
  margin-bottom: 2px;
}

.btn-sm {
  min-width: 70px;
  min-height: 30px;
}

.btn-warning-custom {
  margin-left: 10px;
}

.roleFilter {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-right: 5px;
  margin-left: 5px;
}

.dataTables_filter {
  float: right;
  display: inline-block;
}

.panel-body-login {
  padding: 10% 0px 10% 0px;
}

.panel-body-activate {
  padding: 1% 5% 0% 5%;
}

.panel-body-signup {
  background-image: url(../static/8a795808ff781f08fd1d.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  min-height: 100%;
  padding: 5% 0px 0px 0px;
}

@media only screen and (max-width: 768px) {
  .panel-body-login {
    padding: 0%;
  }

  .panel-body-activate {
    padding: 0%;
  }

  .panel-body-signup {
    padding: 0%;
  }
}

@media only screen and (min-width: 768px) {
  .about-modal .modal-md {
    min-width: 700px;
  }

  .about-modal .modal-lg {
    min-width: 800px;
  }
}

.zoomify {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.zoomify.zoomed {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  z-index: 1501;
}

.zoomify-shadow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1500;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
}

.zoomify-shadow.zoomed {
  opacity: 1;
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  z-index: 1502;
}

.zoomify-custom-image {
  margin: 0;
  background: yellow;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1502;
}

.flex-nav-container {
  width: inherit;
  height: inherit;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.flex-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.rc-nav-wizard {
  text-align: center;
  background: transparent;
}

.rc-nav-wizard > li {
  float: none;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  background: transparent;
  white-space: nowrap;
}

.rc-nav-wizard > li + li {
  margin-left: 2px;
}

.rc-nav-wizard > li > a {
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0;
  border-right: 1px solid #7ba9d0;
  cursor: pointer;
  color: #7ba9d0;
  text-align: center;
}

.rc-nav-wizard li:first-of-type a {
  padding-left: 0;
}

.rc-nav-wizard li:last-of-type a {
  border-right: 0;
}

.rc-nav-wizard a > .badge {
  color: #ffffff;
  background-color: #7ba9d0;
}

.rc-nav-wizard > li > a,
.rc-nav-wizard > li > a:hover,
.rc-nav-wizard > li > a:focus {
  background-color: transparent;
}

.rc-nav-wizard > li > a > .badge {
  margin-left: 3px;
  font-size: 18px;
  padding: 5px 9px;
  border-radius: 15px;
}

.rc-nav-wizard > li.success > a,
.rc-nav-wizard > li.success > a:hover,
.rc-nav-wizard > li.success > a:focus {
  color: #7ba9d0;
  background-color: transparent;
}

.rc-nav-wizard > .success > a > .badge {
  color: #ffffff;
  background-color: #7ba9d0;
}

.rc-nav-wizard > li.active > a,
.rc-nav-wizard > li.active > a:hover,
.rc-nav-wizard > li.active > a:focus {
  color: #0c5395;
  background-color: transparent;
}

.rc-nav-wizard > .active > a > .badge {
  color: #ffffff;
  background-color: #0c5395;
}

a.disabled,
span.disabled {
  color: #aaaaaa;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

.general-info {
  height: 500px;
  overflow-y: scroll;
}

.general-info .header {
  margin-top: 0px;
}

.general-info .subHeader {
  font-size: 12pt;
  font-weight: bold;
}

.general-info .subContent {
  font-size: 12pt;
}

.mapInfoWindow {
  min-height: 100px;
  max-height: 200px;
  min-width: 300px;
  max-width: 400px;
  overflow-y: visible;
}

/*@media (min-width: 768px) and (max-width: 1000px) {
   .navbar-collapse.collapse {
       display: none !important;
   }
   .navbar-toggle{
        display: block !important;
   }
   .navbar-header{
        float: none;
   }
}*/
/*
  table.dataTable thead th.sorting,
  table.dataTable thead th.sorting_asc,
  table.dataTable thead th.sorting_desc {
    background : none;
    display: none;
  }

  .sorting:after,
  .sorting_asc:after,
  .sorting_desc:after {
    content: "";
    background: none !important;
  }

  .dataTable > thead > tr > th[class*="sort"]::after{display: none}
  table.dataTable thead .sorting { background: url('/Content/images/sort-both.png') no-repeat center right; }
  table.dataTable thead .sorting_asc { background: url('/Content/images/sort-asc-list.png') no-repeat center right; }
  table.tabledataTable thead .sorting_desc { background: url('/Content/images/sort-desc-list.png') no-repeat center right; }
}*/

/* Begin CSS for flip card item in Wallet page */
.back,
.card-title,
.front {
  background: #fff;
  transition: -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.back {
  margin: auto;
  border-radius: 10px;
  border: 1.5px solid blue;
  padding: 4px;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.back-scroll {
  padding: 10px;
  overflow: auto;
}

.card-image {
  border: 1.5px solid blue;
  border-radius: 10px;
}

.info-card-header .card-title {
  overflow: hidden;
  white-space: nowrap;
  height: 50px;
  position: absolute;
  border: 0px;
  text-align: center;
  font-weight: bold;
}

.front {
  border: 0px solid blue;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

.info-card,
.info-card-header {
  float: left;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -o-perspective: 600px;
  -ms-perspective: 600px;
  perspective: 600px;
}

.info-card .info-card-content {
  margin: 10px;
}

.info-card .info-card-header {
  margin: 10px;
}

.info-card-container {
  padding-left: 20px;
}

.info-card.flipped .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.info-card.flipped .back {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.front .dropdown {
  position: absolute;
  left: 4px;
  top: 20px;
  display: none;
}

.btn-colorselector {
  width: 14px !important;
  height: 14px !important;
}

.displayTitle {
  position: absolute;
  left: 4px;
  top: 4px;
  font-size: 1em;
}

.editImage {
  position: absolute;
  left: 20px;
  top: 2px;
  font-size: 1em;
  cursor: pointer;
}

.flipControl {
  position: absolute;
  left: 4px;
  bottom: 4px;
  font-size: 1.2em;
}

.wallet-card-title {
  top: 10px;
  overflow: hidden;
  white-space: nowrap;
  height: 50px;
  position: absolute;
  border: 0px;
  text-align: center;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  color: blue;
}

.wallet-card-title h5 {
  overflow: hidden;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
}

/* End CSS for flip card item in Wallet page */

/*
  This CSS is already in dataTables.jqueryui.css
  Need to import it to project in furture
*/
th.dt-center,
td.dt-center {
  text-align: center;
}

th.dt-right,
td.dt-right {
  text-align: right;
}

th.dt-left,
td.dt-left {
  text-align: left;
}

.hide-menu {
  display: none;
}

.add-company-icon {
  color: white;
  vertical-align: middle;
  font-size: 32px;
  padding-top: 1px;
}

i.fa.fa-trash,
i.fa.fa-clock-o,
i.fa.fa-times,
i.fa.fa-times-circle {
  color: red;
}

button i.fa.fa-info {
  color: dodgerblue;
}

i.fa.fa-mobile,
#systemListUserBtn i.fa.fa-users,
i.fa.fa-check-circle,
i.fa.fa-check {
  color: limegreen;
}

i.fa.fa-lock {
  color: #ffcc66;
}

.com-dropdown-image-div {
  text-align: center;
  padding: 0;
}

.com-dropdown {
  height: 32px;
  text-align: center;
}

.sidebar-search {
  height: 32px;
  display: flex;
  align-items: center;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu.pull-left {
  float: none !important;
}

.custom-badge {
  position: relative;
}

.custom-badge[data-badge]:after {
  content: attr(data-badge);
  position: absolute;
  top: -7px;
  right: -4px;
  font-size: 0.7em;
  background: green;
  color: white;
  width: 13px;
  height: 13px;
  text-align: center;
  line-height: 13px;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
}

.custom-badge[lock-badge]:after {
  content: "\f023";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  top: -7px;
  right: -4px;
  font-size: 0.7em;
  background: green;
  color: white;
  width: 13px;
  height: 13px;
  text-align: center;
  line-height: 13px;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
}

/* Begin of Credential Design section */

#wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.col_two {
  margin: auto;
  background: #ffe3ac;
  position: relative;
  border: 1.5px solid blue;
  border-radius: 10px;
}

/* box styles */

.ui-resizable {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.ui-resizable.ui-resizable-resizing,
.ui-resizable.ui-draggable-dragging {
  border: 2px dashed #ffcc66 !important;
}

.selected {
  background: #ffffff;
}

/* prettify styles */
.prettyprint {
  border: none !important;
  font:
    16px ‘Courier New’,
    Courier,
    monospace;
}

/* End of Credential Design section */

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.noLRpadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.noLRmargin {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

table.dt-rowReorder-float {
  z-index: 10000;
}

.expired-text {
  text-align: center;
  color: white;
  position: absolute;
  top: 40px;
  width: 160px;
  height: 20px;
  margin-left: -30px;
  background-color: red;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

img.selected {
  box-shadow: 0px 12px 22px 1px #333;
}

.input-custom {
  border-radius: 4px;
  border-style: double;
  border-width: 1px;
  border-color: #ccc;
}

.cropArea {
  background: #e4e4e4;
  overflow: hidden;
  width: 500px;
  height: 350px;
}

#fullPage,
#brandingWrapper {
  width: 100%;
  height: 100%;
  background-color: inherit;
  color: #637282;
  font-size: 12px;
}

#brandingWrapper {
  background-color: #2c2e31;
  float: left;
}

#branding {
  height: 100%;
  margin-right: 500px;
  margin-left: 0px;
  background: no-repeat right top;
  background-color: inherit;
  background-image: url(../static/df05abd071d564bb7cc8.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

#loginWrapper {
  position: relative;
  height: 100%;
  overflow: auto;
  background-color: #ffffff;
  margin-right: 0px;
  float: right;
}

.signin-logo {
  padding-top: 70px;
}

.cert-logo {
  width: 50px;
  height: 50px;
}

.login-item {
  float: left;
  margin-top: 25px;
  margin-left: 25px;
  font-weight: 600;
  font-size: medium;
}

.login-icon {
  width: 70px;
  height: 70px;
}

.btn-so-media {
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #ffffff, #ededed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ededed));
  background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
  background-image: -o-linear-gradient(top, #ffffff, #ededed);
  background-image: linear-gradient(to bottom, #ffffff, #ededed);
  background-repeat: repeat-x;
  border-color: #ededed;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-so-media:hover,
.btn-so-media:focus,
.btn-so-media:active,
.btn-so-media.active,
.btn-so-media.disabled,
.btn-so-media[disabled] {
  color: #000000;
  background-color: #ededed;
  *background-color: #003bb3;
}

.tdException {
  position: relative;
}

.dtjsonAndlongText {
  position: relative;
  min-width: 15%;
  width: 30%;
}

.longText {
  position: absolute;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
}

.tags {
  border: 1px solid #ccc !important;
  box-shadow: 0px 0px 0px 0px !important;
  border-radius: 4px;
}

.box-holder-header {
  margin-top: -15px;
  margin-bottom: -15px;
  margin-left: 15px;
  width: 100px;
  font-size: 16px;
  color: inherit;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px 3px 10px;
  background-color: #f9f9f9;
}

.sidebar.collapsed {
  height: 80px;
}

.sidebar-left {
  top: 50px;
}

.sidebar-content {
  overflow-x: unset;
  overflow-y: unset;
}

.sidebar-header {
  background-color: #e7e7e7;
}

.sidebar-tabs > li.active,
.sidebar-tabs > ul > li.active {
  background-color: #e7e7e7;
}

.map-search-item {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #ccc;
}

.map-search-item:hover {
  background-color: #e7e7e7;
}

[data-tip] {
  position: relative;
}

[data-tip]:after {
  display: none;
  content: attr(data-tip);
  position: absolute;
  top: -30px;
  left: 0px;
  padding: 0px 8px;
  background: #1a1a1a;
  color: #fff;
  z-index: 9;
  font-size: 0.75em;
  height: 25px;
  line-height: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  word-wrap: normal;
}

[data-tip]:hover:before,
[data-tip]:hover:after {
  display: block;
}

.btn-active {
  width: 48%;
}

.password-type {
  font-family: "text-security-disc", sans-serif;
}

.password-type:-ms-input-placeholder {
  font-family: Helvetica, Arial, sans-serif;
}

.password-type:-moz-placeholder {
  font-family: Helvetica, Arial, sans-serif;
}

.password-type::-moz-placeholder {
  font-family: Helvetica, Arial, sans-serif;
}

.password-type::-webkit-input-placeholder {
  font-family: Helvetica, Arial, sans-serif;
}

.password-type::-webkit-inner-spin-button,
.password-type::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

button.manual-disable {
  opacity: 0.5;
  cursor: not-allowed;
}

button.manual-disable:focus {
  outline: 0;
}

textarea {
  resize: none;
}

.input-group > .input-group-custom {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.input-group-btn > .btn-custom {
  margin-left: 10px !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

/*Hide up and down arrows for Activation Code Input field*/
input[name="ActivationCode"]::-webkit-outer-spin-button,
input[name="ActivationCode"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[name="ActivationCode"] {
  -moz-appearance: textfield;
}

.ta-editor.form-control.privacy-content,
.ta-scroll-window.form-control.privacy-content {
  min-height: 300px;
  height: 300px;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

.form-control.privacy-content > .ta-bind {
  min-height: 300px;
  padding: 6px 12px;
}

#agreedPrivacyCheckbox + label:before {
  border: 2px solid #0c5395;
}

.login-form {
  width: 100%;
  margin: 30px auto;
}

.login-form form {
  margin-bottom: 15px;
  background: white;
  padding: 30px;
}

.login-form h2 {
  margin: 0 0 15px;
}

.form-control,
.login-btn {
  min-height: 38px;
  border-radius: 2px;
}

.input-group-addon .fa {
  font-size: 18px;
}

.login-btn {
  font-size: 15px;
  font-weight: bold;
}

.login-btn:hover {
  color: #0d7dde;
}

.social-btn .btn {
  border: none;
  margin: 10px 3px 0;
  opacity: 1;
}

.social-btn .btn:hover {
  opacity: 0.9;
}

.social-btn .btn-primary {
  background: #507cc0;
}

.social-btn .btn-info {
  background: #64ccf1;
}

.social-btn .btn-danger {
  background: #df4930;
}

.or-seperator {
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #ccc;
}

.or-seperator i {
  padding: 0 10px;
  background: white;
  position: relative;
  top: -11px;
  z-index: 1;
  font-style: normal;
}

#loginPage {
  height: 100%;
  width: 100%;
  padding-top: 120px;
  background: no-repeat right top;
  background-color: inherit;
  background-image: url(../static/350f3763527f0b10b0f3.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  opacity: 0.9;
  overflow-y: overlay;
}

.google-btn {
  height: 42px;
  background-color: fff;
  border: thin solid #888;
  border-radius: 5px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.google-icon {
  position: absolute;
  /* margin-top: 11px; */
  margin-left: 11px;
  width: 18px;
  height: 18px;
}

.btn-text {
  /* float: left; */
  padding-left: 42px;
  margin: 11px 11px 0 0;
  color: #2c2e31;
  letter-spacing: 0.2px;
  font-family: sans-serif;
}

.licenseAndPrivacy:hover {
  color: #0d7dde;
}

#loginheaderBar .licenseAndPrivacy {
  font-size: 14px;
  color: white;
  font-weight: normal;
}

.login-helper {
  border-bottom: 1px solid #888;
  padding-top: 15px;
  font-size: 14px;
}

.login-helper .text-left {
  padding-left: 25px;
}

.navbar-default .navbar-nav-custom > li > a:focus,
.navbar-default .navbar-nav-custom > li > a:hover {
  color: #fff;
  font-style: normal;
  font-weight: normal;
  background-color: transparent;
}

.container-custom {
  /* padding-right: 30px;
    padding-left: 30px; */
  max-width: 900px;
  margin: 0 auto;
}

/* center phone-code select */
#selectedPhoneUiSelect.ui-select-bootstrap > .ui-select-match > .btn,
#selectedPhone2UiSelect.ui-select-bootstrap > .ui-select-match > .btn {
  text-align: center !important;
}

.warning-message span > ul {
  padding-left: 25px;
  margin-top: 14px;
}

.upload-btn {
  position: relative;
  overflow: hidden;
}

.upload-btn > input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

/* make sidebar nav vertical */
.panel-temp-menu {
  background-color: white;
  border-color: gray;
}

.li-temp-menu {
  border-color: gray;
  border-width: 0px 0px 1px 0px;
}

.col-mini-submenu {
  width: 6%;
  padding-right: 0px;
}

.col-list-group {
  width: 15%;
}

.mini-submenu {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #ccc;
  padding: 9px;
}

.mini-submenu:hover {
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
  background-color: #000;
}

#slide-submenu {
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}

.temp-element {
  display: inline-block;
  margin: 0 12px 0 0;
  width: 35px;
}

.temp-element > svg {
  fill: #999;
}

.temp-box > svg {
  fill: transparent !important;
  stroke: darkgray;
  stroke-width: 20px;
}

.temp-times {
  height: 36px;
  padding: 7px !important;
  background: white !important;
}

.temp-item {
  background-color: #eee;
  padding: 0px;
}

.text-control-item {
  margin: 2px 0px;
  padding: 2px 0px;
}

.temp-preview {
  text-align: center;
}

.temp-preview > svg {
  border-radius: 12px;
  height: auto;
}

.bnt-layer-control {
  padding: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.btn-bring-forward {
  background-image: url(../static/be7522cd7c2e780abff1.png);
}

.btn-bring-to-front {
  background-image: url(../static/2dc1ca980b5c0e6b51e1.png);
}

.btn-send-backward {
  background-image: url(../static/43e1128f536c730a0366.png);
}

.btn-send-to-back {
  background-image: url(../static/4133836b3a09f150a37f.png);
}

.grid-image {
  width: 35px;
  opacity: 70%;
}

.nav-pills > li > span {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 7px;
  top: 11px;
  color: red;
}

.nav-pills > li:hover > span {
  display: inline-block;
}

.canvas-container {
  /* top: 14%;
    margin: 0 auto; */
}

.canvas-container-wrapper {
  position: absolute;
  top: 14%;
  margin: 0 auto;
  left: 10%;
}

.ipad_portrait_frame {
  width: 322px;
  height: 488px;
  background-image: url(../static/accb46df6e0daf2436bf.png);
  background-size: cover;
  background-size: 100% 100%;
}

.ipad_portrait_frame .layer-wrapper {
  top: 80px;
  left: 55px;
}

.ipad_landscape_frame {
  width: 488px;
  height: 322px;
  background-image: url(../static/ff19305b30caa257546a.png);
  background-size: cover;
  background-size: 100% 100%;
}

.ipad_landscape_frame .layer-wrapper {
  top: 54px;
  left: 82px;
}

.iphone_portrait_frame {
  width: 322px;
  height: 566px;
  background-image: url(../static/eade61a6a366d273c2e4.png);
  background-size: cover;
  background-size: 100% 100%;
}

.iphone_portrait_frame .layer-wrapper {
  top: 90px;
  left: 35px;
}

.iphone_landscape_frame {
  width: 530px;
  height: 300px;
  background-image: url(../static/431b6700a4c873b7c0b5.png);
  background-size: cover;
  background-size: 100% 100%;
}

.iphone_landscape_frame .layer-wrapper {
  top: 43px;
  left: 80px;
}

.phone_portrait_frame {
  width: 312px;
  height: 566px;
  background-image: url(../static/c40e2d87cc97289f05d8.png);
  background-size: cover;
  background-size: 100% 100%;
}

.phone_portrait_frame .layer-wrapper {
  top: 80px;
  left: 33px;
}

.phone_landscape_frame {
  width: 520px;
  height: 280px;
  background-image: url(../static/2cd487f1ed44f0af11f8.png);
  background-size: cover;
  background-size: 100% 100%;
}

.phone_landscape_frame .layer-wrapper {
  top: 30px;
  left: 72px;
}

.safetrust_phone_portrait_frame {
  width: 312px;
  height: 566px;
  background-image: url(../static/9d3e80057d183412a43e.png);
  background-size: cover;
  background-size: 100% 100%;
}

.safetrust_phone_portrait_frame .layer-wrapper {
  left: 30px;
  top: 80px;
}

.safetrust_phone_landscape_frame {
  width: 520px;
  height: 280px;
  background-image: url(../static/c6393531e79df5ed0297.png);
  background-size: cover;
  background-size: 100% 100%;
}

.safetrust_phone_landscape_frame .layer-wrapper {
  top: 30px;
  left: 72px;
}

.tablet_portrait_frame {
  width: 322px;
  height: 488px;
  background-image: url(../static/13f7745911e85ba7a3fe.png);
  background-size: cover;
  background-size: 100% 100%;
}

.tablet_portrait_frame .layer-wrapper {
  top: 78px;
  left: 55px;
}

.tablet_landscape_frame {
  width: 488px;
  height: 322px;
  background-image: url(../static/b36dadb6b9588c1b89f6.png);
  background-size: cover;
  background-size: 100% 100%;
}

.tablet_landscape_frame .layer-wrapper {
  top: 55px;
  left: 80px;
}

.apple_watch_portrait_frame {
  width: 190px;
  height: 300px;
  background-image: url(../static/7f93fec128686af9860a.png);
  background-size: 100% 100%;
}

.apple_watch_portrait_frame .layer-wrapper {
  top: 77px;
  left: 21px;
}

.apple_watch_landscape_frame {
  width: 300px;
  height: 190px;
  background-image: url(../static/d78bb582650335dbe3e1.png);
  background-size: 100% 100%;
}

.apple_watch_landscape_frame .layer-wrapper {
  top: 20px;
  left: 72px;
}

#canvas-wrapper {
  width: 600px;
  height: 600px;
  margin: auto;
}

#canvas-background {
  position: relative;
}

.layer-wrapper {
  position: absolute;
}

.canvasSlides {
  display: none;
  text-align: center;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  min-height: 187px;
}

/* Next & previous buttons */
.prevCanvasImage,
.nextCanvasImage {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: red;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.nextCanvasImage {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prevCanvasImage:hover,
.nextCanvasImage:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.canvasText {
  font-size: 15px;
  padding: 8px 12px;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot:hover {
  background-color: #717171;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prevCanvasImage,
  .nextCanvasImage,
  .canvasText {
    font-size: 11px;
  }
}

.imagePreviewHasBorder {
  border: black;
  border-style: groove;
  border-radius: 12px;
}

.lower-canvas {
  border-radius: 12px;
}

.text-header-list-group {
  color: #337ab7;
  font-weight: bold;
}

.loading-dialog {
  position: absolute;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background: url(../static/ccc46c220cec9ae2dd73.gif) 50% 50% no-repeat;
}

.relative-position {
  position: relative;
}

.absolute-position {
  position: absolute;
}

.loading-icon-min-height {
  min-height: 32px;
}

.d-inline-block {
  display: inline-block;
}

#privacy-policy-logo {
  width: 60px;
}

@media only screen and (max-device-width: 544px) {
  .zoom-section {
    margin: 10px;
    zoom: 250%;
  }

  .general-info {
    height: 26vh !important;
    overflow-y: scroll;
  }

  #privacy-policy-logo {
    width: 40px;
  }

  #agreedPrivacyCheckbox:checked + label:before {
    background: #ffffff;
    color: #f04206;
    content: "\2713";
    text-align: center;
    z-index: 10000;
    font-size: 35px;
    width: 35px;
    height: 35px;
  }

  #agreedPrivacyCheckbox + label:before {
    content: "\00a0";
    display: inline-block;
    font: 20px/1em sans-serif;
    height: 35px;
    margin: 5px 5px 0px 0px;
    padding: 0px;
    vertical-align: top;
    width: 35px;
    z-index: 10000;
    border: 2px solid #0c5395;
  }

  #agreedPrivacyCheckbox + label {
    font-size: 35px;
  }

  /* Safari 7.1+ */
  :root .zoom-section {
    margin: 10px;
    -webkit-text-size-adjust: 250%;
  }

  :root .general-info {
    height: 55vh !important;
    overflow-y: scroll;
  }
}

.image-center {
  display: block;
  margin: 0 auto;
}

#connecting-modal-content {
  border-radius: 10px;
  width: 30%;
  margin: auto;
}

#connecting-modal-content img {
  width: 55%;
}

.ui-select-multiple .ui-select-search {
  margin-top: 3px;
  margin-left: 7px;
}

.effective-date-text {
  text-align: center;
  position: absolute;
  top: 40px;
  width: 160px;
  height: 20px;
  margin-left: -30px;
  background-color: gold;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.input-group-btn .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  padding: 8px 12px !important;
}

.input-group-btn .btn-default {
  color: #333;
  background-color: #fff;
  padding: 8px 12px !important;
}

.hex-uppercase {
  text-transform: uppercase;
  font-family: Courier, sans-serif;
}

.ui-select-match .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  -webkit-appearance: none;
}

.ui-select-match .btn-xs {
  min-width: 40px;
  margin-bottom: 2px;
  -webkit-appearance: none;
}

.icon-image-group img {
  vertical-align: text-top;
  margin: 1px 0 0 1.5px;
  width: 14px;
  height: 14px;
}

.icon-image-group .icon-image-hover {
  display: none;
}

.icon-image-group:hover .icon-image-hover {
  display: inline;
}

.icon-image-group:hover .icon-image {
  display: none;
}

.break-word {
  overflow-wrap: break-word;
}

.sub-menu-caret {
  position: relative;
  bottom: 37px;
  right: 5px;
  float: right;
  color: #fff;
  font-size: 24px;
}

.cert-upload-label-min-width {
  min-width: 280px;
}

/* Icon when the collapsible content is shown */
.group-control-collapse:after {
  font-family: "Glyphicons Halflings", sans-serif;
  content: "\e114";
}

/* Icon when the collapsible content is hidden */
.group-control-collapse.collapsed:after {
  content: "\e080";
}

.ui-select-caret-none .caret {
  display: none;
}

.ui-select-match-text {
  width: 100%;
  padding-right: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-select-bootstrap > .ui-select-choices,
.ui-select-bootstrap > .ui-select-no-choice {
  min-width: 100%;
  width: auto;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

.div-cert.has-expired {
  border-style: solid;
  border-color: #a94442 !important;
}

form[name="frmPreviewVisualFormat"] input,
form[name="frmPreviewVisualFormat"] textarea {
  font-family: Courier, sans-serif;
}

.ruler {
  color: blue;
  white-space: break-spaces;
}

.ruler-text {
  color: gray;
  font-style: italic;
  font-weight: initial;
  margin-left: 12px;
}

.fixed-font-ruler {
  font-size: 14px;
  letter-spacing: 3px;
  font-family:
    Courier New,
    monospace;
}

.menu-list {
  margin: 0px;
  padding: 0px;
  height: 93%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.menu-list:hover {
  overflow: auto;
}

.tooltip-inner {
  max-width: 290px !important;
  word-wrap: break-word;
  text-align: left;
  white-space: pre-line;
}

.tooltip-inner pre {
  background-color: black;
  color: white;
  border: none;
}

.console-line {
  margin-top: 5px;
  margin-bottom: 5px;
}

.vertical-align-container {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  word-break: break-all !important;
}

.ecobadge_portrait_frame {
  width: 198px;
  height: 460px;
  background-image: url(../static/4c74e5e1b1fb51375406.png);
  background-size: cover;
  background-size: 100% 100%;
}

.ecobadge_portrait_frame .layer-wrapper {
  left: 15px;
  top: 40px;
}

.td-long-text {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.range-value-bubble {
  background: #0c5395;
  color: white;
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}

.range-value-bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #0c5395;
  top: -1px;
  left: 50%;
}

.tree-node-btn {
  margin-left: 12px;
}

@media only screen and (min-width: 1200px) {
  .st-large-modal .modal-lg {
    width: 1100px;
  }
}

.ui-select-choices {
  opacity: 1 !important;
}

.list-group-item:hover {
  cursor: pointer;
}

.tree-node-btn:hover {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.widget.dragging {
  opacity: 0.3;
}

.st-col-sm-select {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) {
  .st-col-sm-select {
    padding-right: 0px;
    float: left;
    width: calc(100% - 185px);
  }
}

.custom-padding-button {
  padding-top: 8px;
  padding-bottom: 8px;
}

.list-group-item-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0;
}

.list-group-item-image {
  margin-right: 10px;
}

a.list-group-item-content {
  color: #555;
}

a.list-group-item-content:focus,
a.list-group-item-content:hover {
  text-decoration: none;
}

.list-group-item:focus,
.list-group-item:hover {
  color: #555;
  background-color: #f5f5f5;
}

.clickable-icon:hover {
  cursor: pointer;
}

.channel-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  display: inline-block;
  background-color: #f5f5f5;
}

.apple-access-pass-back-design .layer-wrapper {
  top: 50px;
  left: 35px;
}

.jstree-anchor {
  max-width: 495px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.panel-option-menu {
  width: 54px;
  display: flex;
  justify-content: space-between;
}

#panel-dropdown-menu {
  margin-top: 10px;
  position: absolute;
  right: 0;
  left: auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.tooltip-single-line .tooltip-inner {
  white-space: nowrap;
}

.custom-border .tags {
  border-color: #a94442 !important;
}

.pointer-events-none {
  pointer-events: none;
}

.matrixTable {
  border-collapse: collapse;
}

.disabled-matrix-table {
  pointer-events: none;
  opacity: 0.5;
  background-color: #eee;
}

.matrixTable td {
  width: 300px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
  cursor: pointer;
}

.matrixTable td[colspan="10"] {
  height: 10px;
}

.selected {
  background-color: #33ffff;
}

.telnetConsole {
  cursor: pointer;
  padding: 5px 5px 5px 0px;
  text-align: left;
  margin-left: -8px;
}

.telnetConsoleLink {
  cursor: pointer;
}

.apple-warning-icon {
  background: #e8f0ff;
  display: inline-flex;
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
}

.apple-warning-icon:hover {
  background-color: #d1e6f9;
}

.list-group-item-custom:not(.ignore-hover):hover {
  background-color: #fff;
  color: #333;
}

.channel-description {
  margin-bottom: 0;
  opacity: 0.5;
  cursor: not-allowed;
}

.sensor-detail-scroll {
  max-height: calc(100vh - 240px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px;
  padding-left: 15px;
}

.custom-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.loading-dialog-custom {
  min-height: 500px;
  background-color: #eeeeee;
  z-index: 1000;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; /* Display children in column layout */
}

.loading-icon {
  background: url(../static/ccc46c220cec9ae2dd73.gif) 50% 50% no-repeat;
  width: 50px;
  height: 50px;
}

.loading-text {
  text-align: center;
  font-size: 15px;
}

.h-38 {
  height: 38px;
}

.d-flex {
  display: flex;
}

.d-in-flex {
  display: inline-flex;
}

.item-center {
  align-items: center;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-top-5 {
  padding-top: 5px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.b-radius-5 {
  border-radius: 5px;
}

.no-padding-confirm {
  padding-right: 0;
  padding-bottom: 0;
}

.sensor-access-control-tab-pane {
  padding-top: 10px;
  padding-bottom: 10px;
}

.sensor-access-control-tab-content > .heading {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
}

.sensor-access-control-tab-content > .content {
  margin-top: 10px;
}

.week-line-wrapper {
  height: 30px;
  margin-top: 8px;
}

.datetime-range-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.end-user-agreement {
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.fs-normal {
  font-style: normal;
}

.w-90 {
  width: 90%;
}

.f-unset {
  flex-flow: unset;
}

.mt-10 {
  margin-top: 10px;
}

.margin-left-5 {
  margin-left: 5px;
}
.c-red {
  color: red;
}

.display-mac-file {
  max-width: calc(100% - 140px);
  padding-top: 5px;
  padding-left: 30px;
}

.tooltip-mac-file {
  width: 100%;
  padding-right: 15px;
  padding-left: 5px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  #menu-list {
    display: none;
    overflow-y: auto;
  }

  #side-menu {
    height: 54px;
  }

  #contentWrapper {
    overflow: visible;
  }

  #page-wrapper {
    overflow: visible;
  }

}

#add-company-btn {
  display: inline-block;
  padding: 0;
  margin-left: 10px;
}

#toggle-menu-list-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background-color: #fff;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  cursor: pointer;
}

#toggle-menu-list-btn i {
  font-size: 14px;
  color: #333;
}

@media only screen and (min-width: 768px) {
  #toggle-menu-list-btn {
    display: none;
  }
}

/* converted from inline-style => must be all !important */
.word-wrap-break {
  word-wrap: break-word !important;
}

.multiple-select {
  max-width: 750px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.datepicker-group {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.checkbox-label {
  vertical-align: bottom !important;
  margin: 0 5px 0 0 !important;
}

.main-radio-btn-group-tooltip {
  padding-left: 0 !important;
  padding-top: 8px !important;
}

.sub-radio-btn-group-label {
  padding-right: 15px !important;
  font-weight: 500 !important;
}

.panel-collapse-horizontal-line {
  border-top: 1px solid #ccc !important;
  margin-bottom: 0 !important;
}

.range-datepicker-group {
  padding-right: 15px !important;
  float: left !important;
}

.ui-select-min-width {
  min-width: 300px !important;
}

.ui-select-min-width-visual-template {
  min-width: 200px !important;
}

.text-align-center {
  text-align: center !important;
}

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

.float-left {
  float: left !important;
}

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

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

.radio-btn-item {
  margin-right: 12px !important;
}

.access-rule-remove-date-icon {
  margin-top: 8px !important;
  color: red !important;
  font-size: 12px !important;
}

.week-line-container {
  height: 30px !important;
  margin-top: 7px !important;
}

.week-line-font {
  font-size: 20px !important;
}

.font-size-larger {
  font-size: larger !important;
}

.edit-btn {
  margin-right: 15px !important;
}

.media-btn {
  width: 100% !important;
  height: 45px !important;
  padding: 0 !important;
}

.page-header-custom-title {
  text-align: center !important;
  background-color: #eceff3 !important;
}

.cert-checking-btn-container {
  margin-left: 15px !important;
  margin-bottom: 0;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

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

.display-inline-block {
  display: inline-block !important;
}

.config-item {
  padding-right: 0 !important;
  padding-left: 10px !important;
  padding-top: 10px !important;
}

.overflow-auto {
  overflow: auto !important;
}

.social-media-text {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.go-back-btn {
  margin-left: 10px !important;
}

.display-inline {
  display: inline !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

.color-grey {
  color: grey !important;
}

.color-green {
  color: green !important;
}

.full-width {
  width: 100% !important;
}

.vertical-align-bottom {
  vertical-align: bottom !important;
}

.login-header-title {
  font-size: 22px !important;
  margin-top: 20px !important;
  color: black !important;
}

.color-black {
  color: black !important;
}

.background-white {
  background-color: white !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.active-pass-policy-description {
  padding: 10px 0 !important;
  border-top: 1px solid #888 !important;
}

.active-pass-policy-item-icon {
  max-width: 30px !important;
  text-align: center !important;
}

.active-pass-policy-item-text {
  margin-top: 3px !important;
  margin-left:0 !important;
  font-size: 12px !important;
}

.active-show-instruction-message {
  font-style: italic !important;
  color: grey !important;
}

.active-resend-activation-code-container {
  padding-top: 5px !important;
  padding-bottom: 10px !important;
}

.active-resend-activation-code-container span {
  font-size: 11px !important;
}

.st-accent-color {
  color: #0c5395 !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.active-otp-container {
  padding-left: 0 !important;
  overflow: auto !important;
}

.active-otp-container div {
  padding-bottom: 10px !important;
  display: table !important;
  font-size: 11px !important;
}

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

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

.text-align-right {
  text-align: right !important;
}

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

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

.st-dark-color {
  color: #333333 !important;
}

.apple-vas-agreement-container {
  margin: auto 15px !important;
}

.apple-vas-agreement-container span {
  vertical-align: bottom !important;
  margin: 0 5px 0 0 !important;
}

.width-60 {
  width: 60px !important;
}

.max-width-30 {
  max-width: 30px !important;
}

.color-red {
  color: red !important;
}

.exclamation-color {
  color: #eea236;
}

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

.max-width-120 {
  max-width: 120px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.max-width-100 {
  max-width: 100px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.configuration-message-panel-footer {
  padding: 5px 5px 2px 5px;
}

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

.float-right {
  float: right !important;
}

.only-bottom-padding {
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
}

.checkbox-text {
  vertical-align: bottom !important;
  margin: 0 5px 0 0 !important;
}

.key-editor-edit-btn-container {
  margin-top: 8px !important;
  margin-left: 215px !important;
  margin-right: 50px !important;
}

.padding-15 {
  padding: 15px !important;
}

.key-set-tab-text {
  padding-right: 25px !important;
}

.key-set-tab-icon {
  right: 8px !important;
  top: 10px !important;
}

.font-size-9 {
  font-size: 9px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.text-input-end-link {
  padding: 5px 5px 5px 0 !important;
  text-align: left !important;
  margin-left: -8px !important;
}

.text-input-note {
  padding: 5px 5px 5px 0 !important;
  text-align: left !important;
}

.sensor-desfire-keyset-config-select {
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 6px 6px 3px 11px !important;
}

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

.margin-right-5 {
  margin-right: 5px !important;
}

.panel-nav-bar {
  margin: 0 0 0 8px !important;
}

.panel-title-icon {
  color: #c9c9c9 !important;
  font-size: 14px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.event-map-switch-text {
  float: left !important;
  margin-right: 5px !important;
  font-weight: bold !important;
}

.event-map-switch-icon {
  float: left !important;
  margin-top: -5px !important;
}

.event-map-current-location-icon {
  position: absolute !important;
  right: 10px !important;
  bottom: 150px !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
}

.event-map-search-user-text {
  padding: 6px 12px !important;
}

.margin-top-13 {
  margin-top: 13px !important;
}

.z-index-1000 {
  z-index: 1000 !important;
}

.checkbox-link {
  text-decoration: underline !important;
  vertical-align: bottom !important;
}

.active-show-pin-hr {
  border-bottom: 1px solid #888 !important;
  margin-top: 25px !important;
}

.active-auth-div {
  height: 1px !important;
  padding-top: 10px !important;
  border-top: 1px solid #888 !important;
}

.active-auth-container {
  height: 100px !important;
  padding-top: 5px !important;
  padding-bottom: 10px !important;
}

.active-sso-display-name {
  padding-left: 34px !important;
  padding-right: 5px !important;
}

.half-width {
  width: 48% !important;
}

.change-pass-container {
  padding: 20px 50px !important;
}

.change-pass-policy-description {
  padding: 10px 0 !important;
  border-top: 1px solid #888 !important;
  margin-bottom: 5px !important;
}

.change-pass-policy-item-icon {
  max-width: 30px !important;
  text-align: center !important;
  display: table-cell !important;
  vertical-align: middle !important;
  padding-right: 10px !important;
}

.change-pass-policy-item-text {
  margin-top: 3px !important;
  margin-left: 0 !important;
  font-size: 12px !important;
  display: table-cell !important;
}

.change-pass-actions-container {
  padding-top: 10px !important;
  margin-top: 10px !important;
  border-top: 1px solid #888 !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.full-height {
  height: 100% !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.col-6-padding {
  padding-left: 15px;
  padding-right: 0;
}

.pt-15-only {
  padding: 15px 0 0 0;
}

.w-34 {
  width: 34px;
}

.h-34 {
  height: 34px;
}

.font-awesome-4 {
  font-weight: normal;
  font-family: FontAwesome, sans-serif;
}

.acs-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
}

.acs-nav-pill {
  color: inherit !important;
  background-color: transparent !important;
  display: flex !important;
  align-items: center;
  height: 50px;
}

.acs-pill-active-mark {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #337ab7;
  width: 100%;
  height: 3px;
  border-radius: 4px;
  margin: auto;
}

.acs-help-btn {
  margin-left: 4px;
  color: #cccccc;
  cursor: pointer;
}

.acs-multiple-rows-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.acs-policy-version-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
}

.acs-policy-version-wrapper .icon {
  transform: translateZ(0);
}

.acs-policy-version-wrapper .text {
  margin-left: 5px;
  cursor: pointer;
  color: #3885ff;
}

.acs-policy-version-wrapper .text.disabled {
  text-decoration: none;
  pointer-events: all;
  color: #3885ff;
  opacity: 1;
}

.acs-policy-version-wrapper .text.disabled:hover {
  cursor: not-allowed;
}

.user-select {
  flex: 1 1 auto;
  max-width: 650px;
}

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

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.custom-error-field {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.text-align-left {
  text-align: left !important;
}

.top-divider {
  margin-top: 0;
  margin-bottom: 15px;
  border-top: 1px solid #d5d5d5;
}

.bottom-divider {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #d5d5d5;
}

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

.mt-20 {
  margin-top: 20px;
}
.margin-right-2 {
  margin-right: 2px !important;
}

.privacy-policy-html {
  white-space: pre-wrap !important;
  line-height: 2 !important;
}

.height-600 {
  height: 600px !important;
}

.signup-select-country span {
  width: 25px !important;
  height: 15px !important;
}

.change-password-link {
  float: left !important;
  font-size: 90% !important;
  position: relative !important;
  top: 0 !important;
}

.grid-audit-header-container {
  padding: 0 15px 0 15px !important;
  margin: 0 !important;
}

.grid-audit-form-container {
  padding: 20px 15px 15px 15px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-60 {
  min-width: 60px !important;
}

.min-height-170 {
  min-height: 170px !important;
}

.width-40-p {
  width: 40%;
}

.eco-badge-serial-number-container {
  padding-right: 20px;
  padding-left: 10px;
  padding-top: 10px;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.identity-system-nav-bar {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-bottom: 24px !important;
}

.identity-system-nav-bar .scroll-left-btn {
  flex-shrink: 0 !important;
  padding-right: 15px !important;
  cursor: pointer !important;
}

.identity-system-nav-bar .scroll-right-btn {
  flex-shrink: 0 !important;
  padding-left: 15px !important;
  cursor: pointer !important;
}

.identity-system-nav-bar .nav-item {
  flex-grow: 1 !important;
  overflow: hidden !important;
}

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

.sun-config-success-table {
  overflow-x: auto !important;
  width: 100% !important;
}

.login-header-bar {
  background-color: #0c5395 !important;
  border-color: #000000 !important;
}

.display-block {
  display: block !important;
}

.login-st-logo {
  width: 100px !important;
  height: 54px !important;
  margin-top: 4px !important;
}

.login-help-icon {
  width: 25px !important;
  height: 25px !important;
}

.login-title-text {
  padding-left: 25px !important;
  font-size: xx-large !important;
}

.login-form-container {
  padding-bottom: 25px !important;
}

.login-form-container  .background-blocked {
  background-color: white !important;
  height: 370px !important;
}

.background-blocked .blocked-item {
  padding: 20px 0 0 20px !important;
}

.blocked-item .login-blocked {
  color: red !important;
  text-align: center !important;
}

.blocked-item .activate-blocked {
  color:red !important;
  text-align: left !important;
}

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

.login-back-btn {
  color: lightskyblue !important;
  margin-bottom: 10px !important;
}

.login-sso-oauth-container {
  padding-left: 25%;
  margin: auto;
}

.login-resend-otp-container {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-left: 0 !important;
  display: table !important;
}

.login-resend-otp-btn {
  color: #0c5395 !important;
  font-size: 11px !important;
}

.login-resend-otp-counter-container {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-right: 0;display: table !important;
  text-align: right !important;
}

.login-continue-btn {
  background-color: #0c5395 !important;
  border-radius: 5px !important;
}

.margin-20 {
  margin: 20px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.login-announcement-container {
  background-color: white !important;
  height: 463px !important;
}

.login-announcement {
  padding: 10px;
}

.st-light-accent-color {
  color: #337ab7 !important;
}

.padding-30 {
  padding: 30px !important;
}

.company-select-panel {
  padding:10% 20% 10% 20% !important;
}

.company-select-company-list-container {
  margin-bottom: 25px !important;
  text-align: center !important;
  display: block !important;
}

.company-select-company-item {
  display: inline-block !important;
  min-width: 80px !important;
  margin: 5px 20px 5px 20px !important;
}

.margin-auto {
  margin: auto !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.company-flag-select {
  width: 25px !important;
  height: 15px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.vst-canvas-background {
  background-color: #eee !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.width-40 {
  width: 40px !important;
}

.vst-pass-design-item {
  margin: 15px 0 !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #999 !important;
}

.display-none {
  display: none;
}

.vst-pass-design-text-container {
  margin: 15px 0 !important;
}

.margin-bottom-2rem {
  margin-bottom: 2rem;
}

.vst-preview-image {
  min-width: 50px !important;
  max-width: 150px !important;
  min-height: 50px !important;
  max-height: 150px !important;
}

.vst-pass-design-layer-controls {
  margin-top: 20px !important;
  display: -webkit-inline-flex !important;
}

.vst-pass-design-background-image {
  display: block !important;
  margin-bottom: 5px !important;
}

.vst-preview-canvas {
  margin: auto !important;
  position: relative !important;
}

.access-report-select-container {
  padding: 0 15px 0 15px !important;
  margin: 0 !important;
}

.access-report-form-container {
  padding: 20px 15px 15px 15px !important;
}

.access-report-select-role {
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 6px 6px 3px 11px !important;
}

.reader-console {
  overflow: auto !important;
  border-style: groove !important;
  height: 400px !important;
}
.no-top {
  top: 0 !important;
}

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

.padding-left-10 {
  padding-left: 10px !important;
}

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

.margin-bottom-8 {
  margin-bottom: 8px !important;
}

.sensor-task-occurrence-title {
  padding: 5px 5px 5px 0 !important;
  text-align: left !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.dashboard-select-container {
  padding: 15px 0 0 0 !important;
  margin: 0 !important;
}

.dashboard-select {
  padding: 5px !important;
  color: black !important;
}

.dashboard-action-container {
  display: flex !important;
  justify-content: space-evenly !important;
}

.dashboard-details-container {
  margin-top: auto !important;
}

.dashboard-tag {
  color: #333333 !important;
  background-color: #F8F9FA !important;
  border-radius: 3px !important;
  margin-right: 5px !important;
}

.widget-map-marker-container {
  overflow: auto !important;
  position: absolute !important;
  width: 400px !important;
}

.card-range-container {
  margin: 5px 0 !important;
}

.card-range-item {
  padding: 2px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.developer-panel {
  padding: 15px !important;
  height: 92% !important;
}

.firmware-info-select {
  width: 302px !important;
  font-size: 13px !important;
}

.height-30 {
  height: 30px !important;
}

.padding-top-8 {
  padding-top: 8px;
}

.cert-detail-container {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.cert-detail-suggest-item {
  float: left !important;
  margin: 20px 20px 20px 20px !important;
}

.cert-detail-suggest-item img {
  border-width: 2px !important;
  border-color: blue !important;
  border-style: solid !important;
  border-radius: 10px !important;
  width: 150px !important;
  height: 235px !important;
}

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

.wifi-profile-editor-panel {
  padding-right: 0 !important;
  padding-left: 35px !important;
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.trusted-issuer-confirmation-text {
  vertical-align: bottom !important;
  margin-right: 5px !important;
  white-space: pre-line !important;
}

.margin-left-minus-10 {
  margin-left: -10px !important;
}

.margin-right-minus-38 {
  margin-right: -38px !important;
}

.sdk-config-generate-uuid-btn {
  padding-right: 0 !important;
  padding-left: 10px !important;
  padding-top: 2px !important;
}

.map-height {
  height: 450px !important;
}

.map-current-location-btn {
  height: 450px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.width-70 {
  width: 70px !important;
}

.margin-right-4 {
  margin-right: 4px !important;
}

.grid-report-padding {
  padding: 0 15px 0 15px;
  margin: 0;
}

.report-padding {
  padding: 20px 15px 15px 15px;
}

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

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

.authorizedOrg-td {
  padding: 8px!important;
  text-align: left!important;
  border: 1px solid #ccc!important;
}

.hor-padding-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.header-background {
  background-color: #23303d;
  border-color: #000000;
}

.hr-padding {
  border: 1px dashed #C5C5C5;
  margin-bottom: 0px;
  margin-right: 6.5%;
  margin-left: 26%;
  margin-top: 12px!important;
}

.se-wrapper {
  min-height: 300px;
}

/* START CUSTOM FOR SUNE EDITOR */
.sun-editor .se-wrapper .se-wrapper-inner {
  height: 100% !important;
  min-height: 300px;
}

.sun-editor .se-toolbar {
  background-color: white;
  color: white !important;
}

.sun-editor .se-wrapper {
  padding: 10px;
  margin-top: 5px;
}

.sun-editor {
  width: 100% !important;
}

.sun-editor .se-wrapper .se-wrapper-code {
  border: none;
  background-color: white;
  color: black;
  min-height: 300px;
  height: auto;
  overflow: auto !important;
  font-family: inherit;
  font-size: 100%;
  box-shadow: none;
}

.tooltip-custom-important {
  width: 100% !important;
  height: 34px !important;
  background-image: none !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  border: 1px solid rgb(204, 204, 204) !important;
}

.se-resizing-bar.sun-editor-common {
  display: none;
}

.se-content-selected {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(10, 99, 254) !important;
}

.se-count-char-words {
  cursor: not-allowed !important;
  pointer-events: none !important;
  width: 100% !important;
  padding: 4px 8px 4px 8px !important;
  font-size: 14px !important;
}

.z-index-10 {
  z-index: 10;
}

.sun-editor .se-btn:disabled, .sun-editor .se-btn-list:disabled, .sun-editor button:disabled {
  cursor: not-allowed;
  opacity: .5;
  color: #333;
  background-color: #fefefe;
}

.hide-se-tooltip {
  display: none !important;
}

.wait {
  cursor: wait !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}
/*
 * A colorselector for Twitter Bootstrap which lets you select a color from a predefined set of colors only.
 * https://github.com/flaute/bootstrap-colorselector
 *
 * Copyright (C) 2014 Flaute
 *
 * Licensed under the MIT license
 */

/* colorselector dropdown */
.dropdown-colorselector>.dropdown-menu {
  top: 80%;
  left: -7px;
  padding: 4px;
  min-width: 130px;
  max-width: 130px;
}

/*
.dropdown-colorselector>.dropdown-menu.pull-right {
  right: -7px;
  left: auto;
}
*/
.dropdown-colorselector>.dropdown-menu>li {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  font-size: 11px;
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 20px;
}

.btn-colorselector {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #DDD;
  vertical-align: middle;
  border-radius: 0;
}

.dropdown-menu.dropdown-caret:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}

.dropdown-menu.dropdown-caret:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}

/*
.dropdown-menu.pull-right.dropdown-caret:before {
  left: auto;
  right: 9px;
}

.dropdown-menu.pull-right.dropdown-caret:after {
  left: auto;
  right: 10px;
}
*/