/*================================================================================
	Item Name: Robust - Responsive Admin Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #0a4d4d;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #00be64;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #73c846;
    }

html body a {
    color: #00be64;
}

    html body a:hover {
        color: #73c846;
    }

.srm-btn, .btn-primary {
    border-color: #00be64 !important;
    background-color: #00be64 !important;
    color: #fff !important;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.18rem;
}

.srm-btn:hover, .btn-primary:hover {
    border-color: #00be64 !important;
    background-color: #73c846 !important;
    color: #fff !important;
}

.srm-btn:focus, .btn-primary:focus, .btn-primary:active a {
    border-color: #00be64 !important;
    background-color: #73c846 !important;
    color: #fff !important;
}

.srm-btn.search_big {
    padding-left: 20px ;
    padding-right: 20px ;
    height: 30px ;
    font-size: 14px ;
}

 .srm-btn.wide {
    width: 100%;
}

.srm-btn-red {
    border-color: #AA2B2B !important;
    background-color: #AA2B2B !important;
    color: #fff !important;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.18rem;
}

.srm-btn-red:hover {
    border-color: #AA2B2B !important;
    background-color: #d14747 !important;
    color: #fff !important;
}

.srm-btn-red:focus {
    border-color: #AA2B2B !important;
    background-color: #d14747 !important;
    color: #fff !important;
}

.srm-btn-red.wide {
    width: 100%;
}

.srm-pill-badges {
    background-color: #00be64;
}

    .srm-pill-badges.badge-glow {
        box-shadow: 0px 0px 10px #00be64;
    }

    .srm-pill-badges[href]:hover, .srm-pill-badges[href]:focus {
        background-color: #6d6e70;
    }

.badge[class*='badge-'] span {
    position: relative;
    bottom: 0 !important;
    padding: 0 5px;
}

/*Input fields in IE 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    input {
        padding-top: 3px !important;
    }
}

/* Login */
.srm-background {
    background-color: #6d6e70;
}

.srm-login-logo-size {
    width: 170px;
    height: 85px;
}

/* Master */
.srm-menu {
    color: #323232;
}

.navbar-header, .main-menu.srm-menu {
    background-color: #0a4d4d;
}

div.navbar-container.content {
    background-color: #0a4d4d;
    height: 65px;
}

.main-menu.srm-menu .navigation li a {
    background-color: #0a4d4d;
    color: #fff;
    transition: all 0.2s ease;
}

.srm-font-color {
    color: #fff;
}

.srm-footer-background {
    background-color: #0a4d4d;
}

.main-menu.menu-dark .navigation > li.hover > a, .main-menu.menu-dark .navigation > li:hover > a, .main-menu.menu-dark .navigation > li.active > a {
    color: #323232;
    background-color: #00be64;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
    right: -240px;
    width: 240px;
    font-weight: 600;
    color: #323232;
    text-transform: capitalize;
    text-align: left;
    background-color: #00be64;
    border-color: #00be64;
    padding: 14px 20px;
}

.main-menu.menu-dark .navigation > li.active > a {
    color: #fff;
    font-weight: 700;
    background: #00be64;
    border-right: 4px solid #73c846;
}

/* Mobile */
/*Ticket Editor Autocomplete*/
.auto-style1 {
    height: 29px;
}

.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.srm-block {
    display: block;
}


/* Tabs */
.nav.nav-tabs.nav-top-border .nav-item a {
    color: #00be64;
}

    .nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
        border-top: 3px solid #00be64;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        color: #555;
    }

    .nav.nav-tabs.nav-top-border .nav-item a:hover {
        color: #144639;
    }

        .nav.nav-tabs.nav-top-border .nav-item a:hover:not(.active) {
            border-color: transparent;
        }

.nav.nav-tabs.nav-linetriangle {
    border-bottom-color: #00be64;
}

    .nav.nav-tabs.nav-linetriangle .nav-item {
        position: relative;
        z-index: 1;
        display: block;
        text-align: center;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link {
            position: relative;
            display: block;
            overflow: visible;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 2.5;
            border: none;
            color: #55595c;
        }

            .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                border-bottom-color: #00be64;
                color: #00be64;
            }

                .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:after, .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:before {
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    width: 0;
                    height: 0;
                    border: solid transparent;
                    content: '';
                    pointer-events: none;
                }

                .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:before {
                    margin-left: -11px;
                    border-width: 12px;
                    border-top-color: #00be64;
                }

                .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:after {
                    margin-left: -10px;
                    border-width: 10px;
                    border-top-color: #fff;
                }

                .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:focus {
                    color: #00be64;
                }

            .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.dropdown-toggle:after {
                margin-top: -1rem;
            }

            .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.dropdown-toggle.active:after {
                margin-top: 0;
            }

    .nav.nav-tabs.nav-linetriangle.nav-justified {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom-color: #00be64;
    }

        .nav.nav-tabs.nav-linetriangle.nav-justified .nav-item a.nav-link.active {
            top: 0px;
        }

@media (min-width: 576px) {
    .nav.nav-tabs.nav-linetriangle.nav-justified .nav-item,
    .nav.nav-tabs.nav-iconfall.nav-justified .nav-item,
    .nav.nav-tabs.nav-underline.nav-justified .nav-item {
        display: table-cell !important;
    }
}

.icheckbox_flat-srm, .iradio_flat-srm {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(green.png) no-repeat;
    border: none;
    cursor: pointer;
}


/* Modal */
.srm-modal-header-background {
    background-color: #0a4d4d;
}

.srm-modal-header-font {
    color: #fff;
}

.square-number-background {
    color: #00be64;
}

.square-number {
    color: white;
    font-weight: bold;
}

.square-number-title {
    font-weight: 600 !important;
    color: #868686;
}


/* Login button */
.wm-btn, .btn-primary {
    border-color: #00746B !important;
    background-color: #00746B !important;
    color: #fff !important;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.18rem;
}

    .wm-btn:hover, .btn-primary:hover {
        border-color: #00746B !important;
        background-color: #00998D !important;
        color: #fff !important;
    }

    .wm-btn:focus, .btn-primary:focus, .btn-primary:active a {
        border-color: #00746B !important;
        background-color: #00998D !important;
        color: #fff !important;
    }

    .wm-btn.search_big {
        padding-left: 20px;
        padding-right: 20px;
        height: 30px;
        font-size: 14px;
    }

    .wm-btn.wide {
        width: 100%;
    }