/* Ka --------*/
.ka-text-center {
    text-align: center;
}



/* Size ALL --------*/
html, body {
    font-family: Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #DEDEDE;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 400;
}


/*--------------------------------------------------------
Accordion 
accordion.css    
-----------------------------------------------------------*/
.az-accordion-card {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

    .az-accordion-card > header {
        background-color: #009688;
        color: #FFFFFF;
    }

        .az-accordion-card > header > h1 {
            font-size: 14px;
        }

    .az-accordion-card > article {
        background-color: #FFFFFF;
        color: #000000;
    }

        .az-accordion-card > article > h1 {
            font-size: 14px;
        }

    .az-accordion-card > header.accordion-active {
        background-color: #607d8b;
    }


/*--------------------------------------------------------
Card 
card.css    
-----------------------------------------------------------*/
.az-card {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    cursor: pointer;
}

    .az-card > header {
        background-color: #009688;
        color: #FFFFFF;
    }

        .az-card > header > h1 {
            font-size: 14px;
        }

    .az-card > article {
        background-color: #FFFFFF;
        color: #000000;
    }

        .az-card > article > h1 {
            font-size: 14px;
        }

        .az-card > article > name {
            font-weight: bold;
        }

    .az-card > footer {
        background-color: #009688;
        color: #FFFFFF;
    }

        .az-card > footer > h1 {
            font-size: 14px;
        }

    /* Card Overlay */
    .az-card > .az-card-overlay {
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
    }

        .az-card > .az-card-overlay > .az-card-overlay-card {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

            .az-card > .az-card-overlay > .az-card-overlay-card > article {
                background-color: #009688;
                color: #FFFFFF;
            }

                .az-card > .az-card-overlay > .az-card-overlay-card > article > h1 {
                    font-size: 14px;
                }

                .az-card > .az-card-overlay > .az-card-overlay-card > article > name {
                    font-weight: bold;
                }


/*--------------------------------------------------------
Color 
color.css    
-----------------------------------------------------------*/


/*--------------------------------------------------------
Default 
default.css    
-----------------------------------------------------------*/


/*--------------------------------------------------------
Display 
display.css    
-----------------------------------------------------------*/


/*--------------------------------------------------------
Form 
form.css
- Form Group - Input Group Addon
- Input Standard
- Buttons
- Input Animated
- Alert
- Modal
- Dropdown
- Badge
- Snackbar
- Animations Keyframes
-----------------------------------------------------------*/
/* Form Group - Input Group Addon */
.az-form-group .az-input-group-addon {
    border: 1px solid #BBBBBB;
    background-color: #DDDDDD;
}

    .az-form-group .az-input-group-addon.xs {
        font-size: 0.85em;
    }

    .az-form-group .az-input-group-addon.sm {
        font-size: 1.4em;
    }

    .az-form-group .az-input-group-addon.md {
        font-size: 1.7em;
    }


/* Input Standard */
.az-form-group .az-input {
    border: 1px solid #BBBBBB;
    background-color: #FFFFFF;
}

    .az-form-group .az-input.xs {
        font-size: 0.85em;
    }

    .az-form-group .az-input.sm {
        font-size: 1.1em;
    }

    .az-form-group .az-input.md {
        font-size: 1.2em;
    }

.az-form-group .az-label.xs {
    font-size: 0.85em;
}

.az-form-group .az-label.sm {
    font-size: 1.1em;
}

.az-form-group .az-label.md {
    font-size: 1.2em;
}

.az-form-group .az-textarea {
    border: 1px solid #BBBBBB;
    background-color: #FFFFFF;
}

    .az-form-group .az-textarea.xs {
        font-size: 0.85em;
    }

    .az-form-group .az-textarea.sm {
        font-size: 1.1em;
    }

    .az-form-group .az-textarea.md {
        font-size: 1.2em;
    }

.az-form-group .az-select {
    border: 1px solid #BBBBBB;
    background-color: #FFFFFF;
}

    .az-form-group .az-select.xs {
        font-size: 0.85em;
    }

    .az-form-group .az-select.sm {
        font-size: 1.1em;
    }

    .az-form-group .az-select.md {
        font-size: 1.2em;
    }

/* Buttons */
.az-form-group .az-button.xs {
    font-size: 0.85em;
}

.az-form-group .az-button.sm {
    font-size: 1.1em;
}

.az-form-group .az-button.md {
    font-size: 1.2em;
}

.az-form-group .az-button-outline {
    outline: 1px solid red;
    outline-offset: 4px;
}

.az-form-group .az-button.default {
    background-color: #FFFFFF;
    color: #000000;
}

.az-form-group .az-button.primary {
    background-color: #0078D7;
    color: #FFFFFF;
}

.az-form-group .az-button.success {
    background-color: #28a745;
    color: #FFFFFF;
}

.az-form-group .az-button.info {
    background-color: #0bb2d4;
    color: #FFFFFF;
}

.az-form-group .az-button.warning {
    background-color: #FF851B;
    color: #FFFFFF;
}

.az-form-group .az-button.danger {
    background-color: #FF4136;
    color: #FFFFFF;
}

.az-form-group .az-button.link {
    background-color: transparent;
    border: none;
}

    .az-form-group .az-button.link:hover {
        text-decoration: underline;
    }

/* Input Animated */
.az-form-group .az-input-group-addon-animated {
    background-color: transparent;
}

    .az-form-group .az-input-group-addon-animated.xs {
        font-size: 0.85em;
    }

    .az-form-group .az-input-group-addon-animated.sm {
        font-size: 1.4em;
    }

    .az-form-group .az-input-group-addon-animated.md {
        font-size: 1.7em;
    }

.az-form-group .az-input-animated {
    border-bottom: 1px solid #CCCCCC !important;
    background-color: transparent;
}

    .az-form-group .az-input-animated.xs {
        font-size: 0.85em;
    }

    .az-form-group .az-input-animated.sm {
        font-size: 1.1em;
    }

    .az-form-group .az-input-animated.md {
        font-size: 1.2em;
    }

    .az-form-group .az-input-animated:focus {
        border-bottom: 1px solid #666666 !important;
    }

.az-form-group .az-label-animated.xs {
    font-size: 0.85em;
}

.az-form-group .az-label-animated.sm {
    font-size: 1.1em;
}

.az-form-group .az-label-animated.md {
    font-size: 1.2em;
}

/* Alert */
.az-form-group .az-alert.xs {
    font-size: 0.85em;
}

.az-form-group .az-alert.sm {
    font-size: 1.1em;
}

.az-form-group .az-alert.md {
    font-size: 1.2em;
}

.az-form-group .az-alert-default {
    background-color: #FFFFFF;
    color: #000000;
}

.az-form-group .az-alert-primary {
    background-color: #0078D7;
    color: #FFFFFF;
}

.az-form-group .az-alert-success {
    background-color: #28a745;
    color: #FFFFFF;
}

.az-form-group .az-alert-info {
    background-color: #0bb2d4;
    color: #FFFFFF;
}

.az-form-group .az-alert-warning {
    background-color: #FF851B;
    color: #FFFFFF;
}

.az-form-group .az-alert-danger {
    background-color: #FF4136;
    color: #FFFFFF;
}

/* Modal */
#az-modal-background {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

#az-modal > .az-modal-card {
    background-color: #FFFFFF;
}

    #az-modal > .az-modal-card > header {
        background-color: #FF4136;
        color: #FFFFFF;
    }

        #az-modal > .az-modal-card > header > h1 {
            display: inline-block;
            font-size: 13px;
        }

        #az-modal > .az-modal-card > header > span {
            margin-right: 4px;
            font-size: 13px;
        }

            #az-modal > .az-modal-card > header > span:hover {
                color: #FFFFFF;
            }


    #az-modal > .az-modal-card > article .az-form-group {
        margin: 3px;
    }

        #az-modal > .az-modal-card > article .az-form-group .az-button {
            padding: 5.5px;
            font-size: 0.85em;
        }


/* Dropdown */
.az-dropdown-default-layout {
    background-color: #FFFFFF;
}

    .az-dropdown-default-layout li {
        border-top: 1px solid #cccccc;
    }

        /*.az-dropdown-default-layout li:not(:last-child)
        {	
            border-top: 1px solid #cccccc;
        }*/

        .az-dropdown-default-layout li a {
            color: #000000 !important;
        }

            .az-dropdown-default-layout li a:hover {
                border-bottom: 1px solid #009688;
            }

/* Fieldset */
.az-fieldset {
    border: 1px solid #DDDDDD;
}

    .az-fieldset legend {
    }

/* Lable Asterisk */
.az-mandatory-asterisk {
    color: #FF0000;
}

/* Snackbar */
#az-snackbar {
    background-color: #333333;
    color: #FFFFFF;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


/*--------------------------------------------------------
Grid 
grid.css    
-----------------------------------------------------------*/


/*--------------------------------------------------------
List 
list.css    
-----------------------------------------------------------*/
.az-list-card {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

    .az-list-card > header {
        height: 18px;
        background-color: #009688;
        color: #FFFFFF;
    }

        .az-list-card > header > h1 {
            color: #FFFFFF;
            font-size: 14px;
        }

        .az-list-card > header > button {
            font-size: 14px;
        }

        .az-list-card > header i {
            font-size: 14px;
            color: #FFFFFF;
        }

    .az-list-card > article {
        background-color: #FFFFFF;
        color: #000000;
    }

        .az-list-card > article > h1 {
            font-size: 14px;
        }

        .az-list-card > article > name {
            font-weight: bold;
        }

    .az-list-card > footer {
        background-color: #009688;
        color: #FFFFFF;
    }

        .az-list-card > footer > h1 {
            font-size: 14px;
        }


/*--------------------------------------------------------
Navbar 
navbar.css    
-----------------------------------------------------------*/
/* Navbar Top*/
.az-navbar.az-navbar-top {
    background-color: #000000;
}

.az-navbar > .az-navbar-top-content {
}

    .az-navbar > .az-navbar-top-content > .az-navbar-button {
        margin: 8px 7px 8px 0;
        padding: 11px 15px;
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }

    .az-navbar > .az-navbar-top-content > .az-navbar-branding {
        height: 46px;
        float: left;
        margin: 3px 3px 0 3px;
    }

    .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper {
    }

        .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper > .az-navbar-menu.az-left {
        }

            .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper > .az-navbar-menu.az-left > li > a {
                padding: 16px;
                font-size: 16px;
                color: #FFFFFF;
            }

                .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper > .az-navbar-menu.az-left > li > a > i {
                }

        .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper > .az-navbar-menu.az-right {
        }

            .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper > .az-navbar-menu.az-right > li > a {
                color: #FFFFFF;
            }

                .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper > .az-navbar-menu.az-right > li > a > i {
                    padding: 12px;
                    font-size: 30px;
                }

        .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper > .az-navbar-button:hover,
        .az-navbar > .az-navbar-top-content > .az-navbar-menu-wrapper > .az-navbar-menu > li > a:hover,
        .az-navbar > .az-navbar-bottom-content > .az-navbar-menu > li > a:hover {
            background-color: #FFFFFF;
            color: #000000;
        }

/* Navbar Bottom*/
.az-navbar.az-navbar-bottom {
    background-color: #000000;
}

.az-navbar > .az-navbar-bottom-content {
}

    .az-navbar > .az-navbar-bottom-content > .az-navbar-menu > li {
        width: 25%;
        text-align: center;
    }

        .az-navbar > .az-navbar-bottom-content > .az-navbar-menu > li > a {
            padding: 7px;
            color: #FFFFFF;
        }

            .az-navbar > .az-navbar-bottom-content > .az-navbar-menu > li > a > i {
                font-size: 18px;
            }

            .az-navbar > .az-navbar-bottom-content > .az-navbar-menu > li > a > p {
                font-size: 13px;
            }

@media (max-width: 576px) {
    /* Navbar Top*/
    .az-navbar.az-navbar-top {
        top: 0 !important;
        left: 0 !important;
        height: auto !important;
    }

    .az-navbar > .az-navbar-top-content {
    }

        .az-navbar > .az-navbar-top-content.mobile > .az-navbar-menu-wrapper > .az-navbar-menu.az-left {
        }

            .az-navbar > .az-navbar-top-content.mobile > .az-navbar-menu-wrapper > .az-navbar-menu.az-left > li > a {
                padding: 8px;
            }

                .az-navbar > .az-navbar-top-content.mobile > .az-navbar-menu-wrapper > .az-navbar-menu.az-left > li > a > i {
                }

        .az-navbar > .az-navbar-top-content.mobile > .az-navbar-menu-wrapper > .az-navbar-menu.az-right {
        }

            .az-navbar > .az-navbar-top-content.mobile > .az-navbar-menu-wrapper > .az-navbar-menu.az-right > li > a {
            }

                .az-navbar > .az-navbar-top-content.mobile > .az-navbar-menu-wrapper > .az-navbar-menu.az-right > li > a > i {
                    padding: 4px;
                }
}

@media (max-width: 767px) {
    /* Navbar Top*/
    .az-navbar.az-navbar-top {
        top: 0 !important;
    }
}

/*--------------------------------------------------------
Parallax 
parallax.css    
-----------------------------------------------------------*/


/*--------------------------------------------------------
Portfolio 
portfolio.css    
-----------------------------------------------------------*/
.az-portfolio-menu {
}

    .az-portfolio-menu li {
        background-color: #00929F;
        color: #FFFFFF;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }

        .az-portfolio-menu li:hover {
            background-color: #FFFFFF;
            color: #000000;
        }

/* Content */
.az-portfolio-content li {
    width: 380px;
}

    .az-portfolio-content li > .az-portfolio-card, .az-portfolio-content li > img {
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }

        .az-portfolio-content li > .az-portfolio-card > header {
            background-color: #009688;
        }

            .az-portfolio-content li > .az-portfolio-card > header > h1 {
                font-size: 14px;
                color: #FFFFFF;
            }

        .az-portfolio-content li > .az-portfolio-card > article {
            background-color: #FFFFFF;
            color: #000000;
        }

            .az-portfolio-content li > .az-portfolio-card > article > h1 {
                font-size: 14px;
            }

            .az-portfolio-content li > .az-portfolio-card > article > img {
                width: 380px;
            }

        .az-portfolio-content li > .az-portfolio-card > footer {
            background-color: #009688;
            color: #FFFFFF;
        }

            .az-portfolio-content li > .az-portfolio-card > footer > h1 {
                font-size: 14px;
            }

@media (max-width: 576px) {
    .az-portfolio-content li > .az-portfolio-card > article > img {
        width: 330px;
    }

    .az-portfolio-content li {
        width: 330px;
    }
}

/* Card Overlay */
.az-portfolio-content li > .az-portfolio-card > .az-portfolio-overlay {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

    .az-portfolio-content li > .az-portfolio-card > .az-portfolio-overlay > .az-portfolio-overlay-card {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .az-portfolio-content li > .az-portfolio-card > .az-portfolio-overlay > .az-portfolio-overlay-card > article {
            background-color: #00929F;
            color: #FFFFFF;
        }

            .az-portfolio-content li > .az-portfolio-card > .az-portfolio-overlay > .az-portfolio-overlay-card > article > h1 {
                font-size: 14px;
            }


/*--------------------------------------------------------
Sidebar 
sidebar.css    
-----------------------------------------------------------*/
.az-sidebar-menu > li > a {
    padding: 6px;
    font-size: 16px;
    color: #000000;
}

    .az-sidebar-menu > li > a > i {
        margin-right: 14px;
        font-size: 16px;
    }

    .az-sidebar-menu > li > a:hover {
        background-color: #009688;
        color: #FFFFFF;
    }

.az-sidebar-filter > li {
    margin: 7px;
}


/*--------------------------------------------------------
Slideshow 
slideshow.css    
-----------------------------------------------------------*/


/*--------------------------------------------------------
Table 
table.css    
-----------------------------------------------------------*/


/*--------------------------------------------------------
Text 
text.css    
-----------------------------------------------------------*/


/*--------------------------------------------------------
Timeline 
timeline.css    
-----------------------------------------------------------*/
.az-timeline::after {
    background-color: #00929F;
}

/* Circles */
.az-timeline > .az-timeline-container::after {
    border: 4px solid #FF9F55;
    background-color: #FFFFFF;
}

/* Arrows (pointing right) */
.az-timeline > .az-timeline-container.left::before {
    border: medium solid #FF9F55;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #FF9F55;
}

/* Arrows (pointing left) */
.az-timeline > .az-timeline-container.right::before {
    border: medium solid #FF9F55;
    border-width: 10px 10px 10px 0;
    border-color: transparent #FF9F55 transparent transparent;
}

/* Responsive */
@media (max-width: 576px) {
    .az-timeline > .az-timeline-container.left::before, .az-timeline > .az-timeline-container.right::before {
        border: medium solid #FF9F55;
        border-width: 10px 10px 10px 0;
        border-color: transparent #FF9F55 transparent transparent;
    }
}

/* Content */
.az-timeline > .az-timeline-container > .az-timeline-card {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

    .az-timeline > .az-timeline-container > .az-timeline-card > header {
        background-color: #009688;
    }

        .az-timeline > .az-timeline-container > .az-timeline-card > header > h1 {
            font-size: 14px;
            color: #FFFFFF;
            text-transform: uppercase;
        }

    .az-timeline > .az-timeline-container > .az-timeline-card > article {
        background-color: #FFFFFF;
        color: #000000;
    }

        .az-timeline > .az-timeline-container > .az-timeline-card > article > h1 {
            font-size: 14px;
        }

    .az-timeline > .az-timeline-container > .az-timeline-card > footer {
        background-color: #009688;
        color: #FFFFFF;
    }

        .az-timeline > .az-timeline-container > .az-timeline-card > footer > h1 {
            font-size: 14px;
        }


/*--------------------------------------------------------
Jquery UI 
jqueryui/jquery-ui.min.css    
-----------------------------------------------------------*/
.ui-front {
    z-index: 50001 !important;
}

.ui-dialog {
    padding: 0 !important;
    padding: 7px !important;
    background-color: #f8f8f8 !important;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.12);
}

.ui-widget-header {
    margin-bottom: 7px !important;
    border: 0 !important;
    background-color: transparent !important;
    font-weight: normal !important
}

.ui-dialog-titlebar {
    padding: 0px !important;
    background-color: #009688 !important;
    color: #FFFFFF !important;
}

.ui-dialog-title {
    padding: 7px !important;
    margin: 0 !important;
}

.ui-dialog-titlebar-close {
    right: 7px !important;
}

.ui-corner-all {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.ui-dialog-content {
    border: 1px solid #009688 !important;
    padding: 7px !important;
    background-color: #FFFFFF !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid #dddddd !important;
}