@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700')   ;
    @import url('https://fonts.googleapis.com/icon?family=Material+Icons'   )   ;

    *
        {
            background-position         : center right                          ;
            background-origin           : content-box                           ;
            background-repeat           : no-repeat                             ;
            background-size             : 24px 24px                             ;
            border                      : 0px                                   ;
            border-radius               : 4px                                   ;
            box-sizing                  : border-box                            ;
            color                       : #303030                               ;
            font-family                 : 'Roboto'                              ;
            font-weight                 : 400                                   ;
            margin                      : 0px                                   ;
            outline                     : none                                  ;
            overflow                    : hidden                                ;
            padding                     : 0px                                   ;
            resize                      : none                                  ;
            -webkit-box-sizing          : border-box                            ;
            -webkit-font-smoothing      : antialiased                           ;
            -webkit-user-select         : none                                  ;
            -ms-overflow-style          : none                                  ;
        }

    ::-webkit-scrollbar
        {
            display                     : none                                  ;
        }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #D8D8D8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #D8D8D8;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #D8D8D8;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #D8D8D8;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #D8D8D8;
}

.blinking {
  animation: blinker 3s linear infinite;
}

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



     a
        {
            border-radius               : 0px !important                        ;
            color                       : #4B647D                               ;
            letter-spacing              : 2px                                   ;
            text-decoration             : none                                  ;
        }

    a:hover
        {
            border-bottom               : 1px dotted #4B647D                    ;
            cursor                      : pointer                               ;
        }

    b
        {
            font-weight                 : 500 !important                        ;
        }

    body, html
        {
            width                       : 100%                                  ;
        }

    .body
        {
          background                    : url(/KLA_ASSETS/KLA_IMAGES/KLA_BACKGROUND.jpg) no-repeat center center fixed;
          background-size               : cover                                 ;
          -webkit-background-size       : cover                                 ;
          -moz-background-size          : cover                                 ;
          -o-background-size            : cover                                 ;
        }
    html
        {
           overflow                    : auto !important                        ;
        }

    br
        {
            clear                       : both                                  ;
        }

    footer
       {
            border-top                  : 1px solid #909090                     ;
            bottom                      : 0px                                   ;
            font-size                   : 10pt !important                       ;
            height                      : 48px                                  ;
            position                    : fixed                                 ;
            text-align                  : center                                ;
       }

    footer a
        {
            font-size                   : 10pt !important                       ;
        }

    footer, header
        {
            border-radius               : 0px !important                        ;
            padding                     : 5px 0px 5px 0px                       ;
            width                       : 100%                                  ;
        }

    form
        {
            border                      : 1px dotted #909090                    ;
            background-color            : #FAFAFA                               ;
            box-shadow                  : 0 2px 5px rgba(0,0,0,.2)              ;
            float                       : left                                  ;
            margin                      : 0px 20px 0px 0px                      ;
            padding                     : 20px 20px 20px 20px                   ;
            width                       : 620px                                 ;
        }

    input, select, textarea, #TABLE_filter input
        {
            background-color            : #FFFFFF                               ;
            font-size                   : 14pt                                  ;
            height                      : 40px                                  ;
            margin                      : 0px 0px 0px 0px !important            ;
            padding                     : 0px 5px 0px 5px                       ;
        }

    input[type=checkbox]
        {
            cursor                      : pointer                               ;
            float                       : right                                 ;
            height                      : 20px                                  ;
            margin-top                  : 3px                                   ;
            width                       : 20px                                  ;
        }

    input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus, #TABLE_filter input:focus
        {
            border                      : 2px solid #505050           ;
        }

    input[type=text]:not(:focus), input[type=password]:not(:focus), select:not(:focus), textarea:not(:focus), #TABLE_filter input:not(:focus)
        {
            border                      : 1px solid #707070          ;
        }

    hr
        {
            border-bottom               : 1px dotted #505050                    ;
            clear                       : both                                  ;
        }

    label
        {
            display                     : inline-block                          ;
        }

    main, #KLA_LOCAL_MENU
        {
            margin                      : 0 auto                                ;
            width                       : -moz-calc(100% - 205px)               ;
            width                       : -webkit-calc(100% - 205px)            ;
            width                       : calc(100% - 205px)                    ;
        }

    main, nav
        {
            border-radius               : 0px !important                        ;
            float                       : left                                  ;
        }

    nav
        {
            border-right                : 1px dotted #909090                    ;
            overflow                    : auto                                  ;
            width                       : 200px                                 ;
        }

    select
        {
            -webkit-appearance          : none !important                       ;
            cursor                      : pointer                               ;
            line-height                 : normal !important                     ;
            margin                      : 0px 0px 0px 0px                       ;
            padding                     : 0px 5px 0px 5px                       ;
        }

    textarea
        {
            height                      : 64px                                  ;
            overflow                    : scroll !important                     ;
            padding-top                 : 7px                                   ;
        }

    .ACTION
        {
            background-color            : #7592B2                               ;
            color                       : #FFFFFF                               ;
            line-height                 : 24px                                  ;
            text-align                  : left                                  ;
        }

    .ACTION:hover
        {
            background-color            : #495973                               ;
            cursor                      : pointer                               ;
        }

    .BUY_NOW_IMAGE
        {
            display                     : none                                  ;
        }

    .CAL_BACK, .CAL_DATE, .CAL_NEXT
        {
            background-color            : #FFFFFF                               ;
            border                      : 0px                                   ;
            cursor                      : pointer                               ;
            font-size                   : 20pt                                  ;
            font-weight                 : normal                                ;
            padding-top                 : -5px                                  ;
        }

    .CAL_BACK, .CAL_NEXT
        {
            color                       :#962448                                ;
            font-weight                 : normal                                ;
        }

    .CAL_DATE
        {
            cursor                      : default                               ;
            font-size                   : 16pt                                  ;
            padding-top                 : 5px                                   ;
        }

    .CAL_EMPTY_TD, .CAL_EMPTY_TD:hover
        {
            background-color            : #909090 !important                    ;
            cursor                      : default !important                    ;
        }

    .CAL_HEAD, .CAL_HEAD:hover
        {
            background-color            : #495973 !important                    ;
            color                       : #FFFFFF                               ;
            cursor                      : default !important                    ;

        }

    .CAL_TD
        {
            border                      : 1px solid #909090                     ;
            border-radius               : 0px                                   ;
            height                      : 40px                                  ;
            text-align                  : center                                ;
            width                       : 40px                                  ;
        }

    .CAL_TD:hover
        {
            background-color            : #7592B2                               ;
            color                       : #FFFFFF                               ;
            cursor                      : pointer                               ;
        }

    .CAL_TODAY
        {
            background-color            : #962448                               ;
            color                       : #FFFFFF                               ;
        }

    .CAPTCHA
        {
            background-color            : rgba(255,255,255,0.5) !important      ;
            border                      : 1px dotted #505050;                   ;
            display                     : none                                  ;
            height                      : 75px                                  ;
            margin-bottom               : 15px                                  ;
            margin-top                  : 0px                                   ;
            width                       : 300px                                 ;
        }

    .DISABLED_INPUT
        {
            background-color            : #C0C0C0                               ;
            border                      : 1px dashed #999999 !important         ;
            color                       : #FFFFFF                               ;
            opacity                     : .8                                    ;
        }

    .DISABLED_INPUT:hover
        {
            background-color            : #C0C0C0                               ;
            cursor                      : default !important                    ;
        }

    .EMPTY
        {
            color                       : #D8D8D8                               ;
        }

    .LABEL
        {
            font-size                  : 10pt                                   ;
            margin                     : 5px 0px 3px 0px !important             ;
        }

    .LEFT
        {
            float                       : left                                  ;
        }

    .LONG
        {
            width                       : 580px                                 ;
        }

    .MED
        {
            height                      : 200px !important                      ;
            left                        : 50px                                  ;
            top                         : 30px                                  ;
            width                       : 330px !important                      ;
        }

    .MEDIUM
        {
            width                       : 280px                                 ;
        }

    .PRICE_LARGE, .PRICE_MED, .PRICE_SMALL
        {
            display                     : inline-block                          ;
            font-family                 : Segoe UI                              ;
            left                        : 0px                                   ;
            position                    : absolute                              ;
            text-align                  : center                                ;
            width                       : 430px                                 ;

        }

    .PRICE_LARGE
        {
            font-size                   : 40pt                                  ;
            top                         : 10px                                  ;
        }

    .PRICE_MED
        {
            font-size                   : 30pt                                  ;
            top                         : 40px                                  ;
        }

    .PRICE_SMALL
        {
            font-size                   : 20pt                                  ;
            top                         : 70px                                  ;
        }

    .KLA_CALLOUT
        {
            background                  : #FFFFFF                               ;
            border                      : 1px solid #909090                     ;
            overflow                    : visible                               ;
            position                    : absolute                              ;
            top                         : 72px                                  ;
            z-index                     : 2                                     ;
        }

    .KLA_CALLOUT:after, .KLA_CALLOUT:before
        {
            border                      : solid transparent                     ;
            bottom                      : 100%                                  ;
            content                     : " "                                   ;
            height                      : 0                                     ;
            left                        : 90%                                   ;
            pointer-events              : none                                  ;
            position                    : absolute                              ;
            width                       : 0                                     ;
        }

    .KLA_CALLOUT:after
        {
            border-color                : rgba(255, 255, 255, 0)                ;
            border-bottom-color         : #FFFFFF                               ;
            border-width                : 16px                                  ;
            margin-left                 : -16px                                 ;
        }

    .KLA_CALLOUT:before
        {
            border-color                : rgba(80, 80, 80, 0)                   ;
            border-bottom-color         : #909090                               ;
            border-width                : 17px                                  ;
            margin-left                 : -17px                                 ;
        }

    .KLA_GLOBAL_MENU
        {
            background                  : #FFFFFF                               ;
            box-shadow                  : 0 2px 5px rgba(0,0,0,.2)              ;
            display                     : none                                  ;
            opacity                     : .8                                    ;
            padding                     : 10px 0px 10px 0px                   ;
            width                       : 200px                                 ;
            z-index                     : 2                                     ;
        }

    .KLA_GLOBAL_MENU_ITEM
        {
            cursor: pointer;
            font-size: 12pt;
            line-height: 32px;
            height: 32px;
            width: 100%;
            padding                     : 0px 0px 0px 10px                      ;

        }

    .KLA_GLOBAL_MENU_ITEM:hover
        {
            cursor                      : pointer                               ;
            background-color            : #D5DDE1                               ;
            border-radius               : 0px !important                        ;
            opacity                     : 1                                     ;
        }

    .KLA_WARNING
        {
            color                       : #727B84                       ;
            font-size                   : 24pt                          ;
            font-weight                 : normal                        ;
            margin                      : 50px 0px 20px 0px             ;
            text-align                  : center                        ;
        }

    .RIGHT
        {
            float                       : right                                 ;
        }

    .SHORT
        {
            width                       : 130px                                 ;
        }

    .SMALL
        {
            height                      : 139px   !important                    ;
            left                        : 100px                                 ;
            top                         : 60px                                  ;
            width                       : 230px   !important                    ;
        }

    .TITLE, .SUBTITLE
        {
            color                       : #505050                               ;
            float: left;
            font-size                   : 24px                                  ;
            margin-right: 10px;
            text-transform              : uppercase                             ;
            padding-top                 : 7px                                   ;
        }

    #BACK
        {
            color                       : #962448 !important                    ;
            float                       : left                                  ;
        }

    #BACK, #NEXT
        {

            font-size                   : 72pt                                  ;
            margin-top                  : 75px                                  ;
        }

    #BACK:hover, #NEXT:hover
        {
            cursor                      : pointer                               ;
        }

    #KLA_CALENDAR, #KLA_COLOR_PICKER
        {
            background-color            : #FFFFFF !important                    ;
            border                      : 1px solid #505050                     ;
            border-radius               : 0px                                   ;
            box-shadow                  : 0 2px 5px rgba(0,0,0,.2)              ;
            display                     : none                                  ;
            position                    : absolute                              ;
            width: 280px;
            z-index                     : 5                                     ;
        }

    #KLA_CONTAINER
        {
            display                     : table                                 ;
            margin                      : 0 auto                                ;
            padding                     : 3px                                   ;
        }

    #KLA_CONTENT
        {
            height: 100%;
            overflow: scroll !important;
            padding                     : 20px                                  ;
            width                       : 100%                                  ;
        }

    #KLA_GLOBAL
        {
            border-bottom               : 1px dotted #909090                    ;
            height                      : 64px                                  ;
            width                       : 100%                                  ;
        }

    #KLA_GLOBAL_DIALOG, #KLA_GLOBAL_EXTRA
        {
            background-color            : #FFFFFF                               ;
            border                      : 1px solid #505050                     ;
            display                     : none                                  ;
            left                        : 50%                                   ;
            margin                      : 100px 0px 0px -200px                  ;
            padding                     : 1px 1px 10px 1px                      ;
            position                    : fixed                                 ;
            top                         : 50px                                  ;
            width                       : 400px                                 ;
            z-index                     : 4                                     ;

        }

    #KLA_GLOBAL_DIALOG_BUTTONS
        {
            border-radius               : 0px                                   ;
            border-top                  : 1px dotted #505050                    ;
            height                      : 64px                                  ;
            margin                      : 0 auto                                ;
            margin-top                  : 20px                                  ;
            width                       : 90%                                   ;
        }

    #KLA_GLOBAL_DIALOG_BUTTONS input
        {
            margin-top                  : 20px !important                       ;
            text-align                  : center                                ;
        }

    #KLA_GLOBAL_DIALOG_MESSAGE
        {
            font-size                   : 14pt                                  ;
            padding                     : 20px 20px 0px 20px                    ;
            text-align                  : justify                               ;
        }

    #KLA_GLOBAL_DIALOG_TITLE
        {
            background-color            : #607D8B                               ;
            color                       : #FFFFFF                               ;
            font-size                   : 16pt                                  ;
            height                      : 64px                                  ;
            line-height                 : 64px                                  ;
            padding                     : 0px 15px 0px 15px                     ;
        }

    #KLA_GLOBAL_ICONS
        {
            float                       : right                                 ;
            height                      : 64px                                  ;
            position                    : relative                              ;
            width                       : 64px                                  ;
        }

    #KLA_GLOBAL_ICONS i
        {
            color                       : #707070                               ;
            font-size                   : 24pt                                  ;
            margin-top                  : 13px                                  ;
        }

    #KLA_GLOBAL_ICONS i:hover
        {
            color                       : #505050                               ;
            cursor                      : pointer                               ;
        }

    #KLA_GLOBAL_LOGO
        {
            color                       : #707070                               ;
            float                       : left                                  ;
            font-size                   : 24px                                  ;
            letter-spacing              : 3px                                   ;
            padding                     : 13px 0px 0px 16px                     ;
        }

    #KLA_GLOBAL_OVERLAY
        {
            background-color            : #000000                               ;
            display                     : none                                  ;
            height                      : 100%                                  ;
            left                        : 0px                                   ;
            opacity                     : .7                                    ;
            position                    : fixed                                 ;
            top                         : 0px                                   ;
            width                       : 100%                                  ;
            z-index                     : 2                                     ;
        }

    #KLA_GLOBAL_WAITING
        {
            display                     : none                                  ;
            height                      : 75px                                  ;
            left                        : 50%                                   ;
            margin-left                 : -150px                                ;
            overflow                    : visible                               ;
            position                    : fixed                                 ;
            top                         : 25%                                   ;
            text-align                  : center                                ;
            width                       : 300px                                 ;
            z-index                     : 3                                     ;
        }

    #KLA_GLOBAL_WAITING i
        {
            color                       : #FFFFFF                               ;
            font-size                   : 36pt                                  ;
        }

    #KLA_GLOBAL_WAITING span
        {
            color                       : #FFFFFF                               ;
            font-size                   : 18pt                                  ;
        }

    #KLA_HELP
        {
            border                      : 1px dotted #909090                    ;
            background-color            : #FAFAFA                               ;
            box-shadow                  : 0 2px 5px rgba(0,0,0,.2)              ;
            display                     : none                                  ;
            float                       : left                                  ;
            margin                      : 0px 20px 0px 0px                      ;
            overflow-y                  : scroll                                ;
            padding                     : 20px 20px 20px 20px                   ;
            width                       : 620px                                 ;
        }

    #KLA_LOCAL_ICONS
        {
            float                       : left                                  ;
            height                      : 48px                                  ;
            position                    : relative                              ;
            width                       : 48px                                  ;
        }

    #KLA_LOCAL_ICONS i
        {
            color                       : #707070                               ;
            font-size                   : 32px                                  ;
            margin-top                  : 5px                                   ;
        }

    #KLA_LOCAL_ICONS i:hover
        {
            color                       : #505050                               ;
            cursor                      : pointer                               ;
        }

    #KLA_LOCAL_MENU
        {
            border-bottom               : 1px dotted #909090                    ;
            border-radius               : 0px !important                        ;
            height                      : 48px                                  ;
            padding                     : 0px 20px 0px 10px                     ;
        }

    #NAVDETAIL
        {
            cursor                      : pointer                               ;
            display                     : none                                  ;
            height                      : auto                                  ;
        }

    #NAVITEM
        {
            background: #495973;


            color                       : #FFFFFF                               ;
            line-height                 : 32px                                  ;
            margin                      : 2px 0px 2px 0px                       ;
            padding                     : 0px 0px 0px 10px                      ;
            text-align                  : left                                  ;
            width                       : 180px                                 ;
        }

    #NAVITEM:hover, #NAVMENU:hover
        {
            color: #FFFFFF;
            cursor                      : pointer                               ;
            background                  : #495973 !important                    ;
            opacity                     : 1                                     ;
            -webkit-transition          : all .5s                               ;
            -moz-transition             : all .5s                               ;
            -ms-transition              : all .5s                               ;
            -o-transition               : all .5s                               ;
            transition                  : all .5s                               ;
        }

    #NAVMAIN
        {
            height                      : auto                                  ;
            padding                     : 10px 0px 10px 8px                     ;
        }

    #NAVMENU
        {
            background: #7592B2;

            color                       : #FFFFFF                               ;
            float                       : right                                 ;
            height                      : 32px                                  ;
            line-height                 : 32px                                  ;
            margin                      : 2px 5px 2px 0px                       ;
            padding                     : 0px 0px 0px 10px                      ;
            text-align                  : left                                  ;
            width                       : 180px                                 ;
        }

    #NEXT
        {
            color                       : #962448 !important                    ;
            float                       : right                                 ;
        }

    #SCROLL
        {
            display                     : none                                  ;
            padding                     : 0px !important                        ;
        }

    #SCROLLER
        {
            float                       : left                                  ;
            height                      : 260px                                 ;
            margin                      : 20px 0px 20px 30px !important         ;
            padding                     : 0px !important                        ;
            position                    : relative                              ;
            width                       : 430px                                 ;
        }






#KLA_ALERT {
    overflow: visible;
    position: relative;
}

.notification-badge {

  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding-top: 6px;
  padding-right: 1px;
  background: #fff;
  color: #666;
  text-align: center;
  font-size: 8pt ;
}

.notification-badge-content {
    font-weight: bold;
    color: #fff;

}

.notification-badge-top {
    position: absolute;
    top: -2px;
    right: -2px;
}


.notification-badge-important {
    background-color: #d33;
}