@import url(//fonts.googleapis.com/css?family=Roboto);
@import url('font-awesome.min.css');

/* Colors */
/* sidebar background */
/* black */
/* This font also default title color */
/* lighten black */
/* This font also default text color */
/* grey */
/* lighten grey */
/* default */
/* primary */
/* success */
/* info */
/* warning */
/* danger */
/* purple */
/* cs */
/* cs */
/* cs */
/* cs */
/* ===== Colors ===== */
/* top background also main theme color */
/* sidebar background also page background color */
/* main content light text color */
/* main content text color */
/* Fonts */
/* Color Class */
.color1
{
    color: #37363e;
}

.color2
{
    color: #000;
}

.color3
{
    color: #e4e4e4;
}

.color4
{
    color: #f4f4f4;
}

.color5
{
    color: #6EC498;
}

.color6
{
    color: #3f51b5;
}

.color7
{
    color: #558b2f;
}

.color8
{
    color: #00b8d4;
}

.color9
{
    color: #ff6d00;
}

.color10
{
    color: #f44336;
}

.color11
{
    color: #9a80b9;
}

.color12
{
    color: #6EC498;
}

.color13
{
    color: #d2527f;
}

.color14
{
    color: #c78568;
}

.color15
{
    color: #e99844;
}
/* Color Class Background */
.color0-bg
{
    background: #ffffff;
}

.color1-bg
{
    background: #37363e;
}

.color2-bg
{
    background: #000;
}

.color3-bg
{
    background: #e4e4e4;
}

.color4-bg
{
    background: #f4f4f4;
}

.color5-bg
{
    background: #6EC498;
}

.color6-bg
{
    background: #3f51b5;
}

.color7-bg
{
    background: #558b2f;
}

.color8-bg
{
    background: #00b8d4;
}

.color9-bg
{
    background: #ff6d00;
}

.color10-bg
{
    background: #f44336;
}

.color11-bg
{
    background: #9a80b9;
}

.color12-bg
{
    background: #6EC498;
}

.color13-bg
{
    background: #d2527f;
}

.color14-bg
{
    background: #c78568;
}

.color15-bg
{
    background: #e99844;
}
/* Up - Down */
.color-up
{
    color: #558b2f;
}

.color-down
{
    color: #f44336;
}

.color-fix
{
    color: #6EC498;
}

body
{
    padding-top: 60px;
    background: #f7f7f7;
    color: #000;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
    line-height: 26px;
    outline: 0;
    background-image: url("/Images/cubes.png");
    
}

::-moz-selection
{
    background: #D5EAFF;
}

::selection
{
    background: #D5EAFF;
}

a
{
    color: #6EC498;
    text-decoration: none;
}

    a:hover,
    a:focus
    {
        color: #5cc7b2;
        text-decoration: none;
    }

b,
strong
{
    font-weight: 600;
}
/* Grid Normal */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12
{
    padding-right: 15px;
    padding-left: 15px;
}

.row
{
    margin-right: -15px;
    margin-left: -15px;
}
/* Grid Widget */
.container-widget .col-xs-1,
.container-widget .col-sm-1,
.container-widget .col-md-1,
.container-widget .col-lg-1,
.container-widget .col-xs-2,
.container-widget .col-sm-2,
.container-widget .col-md-2,
.container-widget .col-lg-2,
.container-widget .col-xs-3,
.container-widget .col-sm-3,
.container-widget .col-md-3,
.container-widget .col-lg-3,
.container-widget .col-xs-4,
.container-widget .col-sm-4,
.container-widget .col-md-4,
.container-widget .col-lg-4,
.container-widget .col-xs-5,
.container-widget .col-sm-5,
.container-widget .col-md-5,
.container-widget .col-lg-5,
.container-widget .col-xs-6,
.container-widget .col-sm-6,
.container-widget .col-md-6,
.container-widget .col-lg-6,
.container-widget .col-xs-7,
.container-widget .col-sm-7,
.container-widget .col-md-7,
.container-widget .col-lg-7,
.container-widget .col-xs-8,
.container-widget .col-sm-8,
.container-widget .col-md-8,
.container-widget .col-lg-8,
.container-widget .col-xs-9,
.container-widget .col-sm-9,
.container-widget .col-md-9,
.container-widget .col-lg-9,
.container-widget .col-xs-10,
.container-widget .col-sm-10,
.container-widget .col-md-10,
.container-widget .col-lg-10,
.container-widget .col-xs-11,
.container-widget .col-sm-11,
.container-widget .col-md-11,
.container-widget .col-lg-11,
.container-widget .col-xs-12,
.container-widget .col-sm-12,
.container-widget .col-md-12,
.container-widget .col-lg-12
{
    padding-right: 5px;
    padding-left: 5px;
}

.container-widget .row
{
    margin-right: -5px;
    margin-left: -5px;
}

.container-widget .panel
{
    margin-bottom: 10px;
}

.container-widget .widget
{
    margin-bottom: 10px;
}

.container-default
{
    padding: 0;
}

.container-widget
{
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
}

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

.container-no-padding
{
    padding: 0px;
    margin: -20px -30px 0 -30px;
}

.container-mail
{
    padding: 0px;
    margin: -20px -30px 0 -30px;
}
/* =================================================================================
Top
================================================================================= */
#top
{
    height: 60px;
    background: #6EC498;
    color: #000;
    width: 100%;
    position: fixed;
    z-index: 900;
    top: 0;
}
/* =================================================================================
App Logo
================================================================================= */
.applogo
{
    width: 250px;
    height: 60px;
    background: #fff;
    color: #fff;
    position: relative;
    padding: 19px 0 0 0px;
    float: left;
    text-align: center;
}

    .applogo .logo
    {
        color: #fff;
        font-size: 30px;
        font-weight: bold;
    }
/* =================================================================================
Sidebar Open Button - Show or Hide Sidebar
================================================================================= */
.sidebar-open-button
{
    height: 60px;
    font-size: 22px;
    display: block;
    width: 62px;
    text-align: center;
    float: left;
    color: #fff;
    padding-top: 19px;
    border-right: 1px solid rgba(0, 0, 0, 0.14);
    z-index: 1;
}

    .sidebar-open-button:hover,
    .sidebar-open-button:active
    {
        background: rgba(255, 255, 255, 0.07);
        color: #fff;
    }

.sidebar-open-button-mobile
{
    height: 60px;
    display: none;
    font-size: 22px;
    width: 62px;
    text-align: center;
    float: left;
    color: #fff;
    padding-top: 19px;
    border-right: 1px solid rgba(0, 0, 0, 0.14);
}

    .sidebar-open-button-mobile:hover,
    .sidebar-open-button-mobile:active
    {
        background: rgba(255, 255, 255, 0.07);
        color: #fff;
    }
/* =================================================================================
Searchbox - Top Search Input
================================================================================= */
.searchform
{
    width: 220px;
    margin: 0 20px;
    float: left;
    padding-top: 14px;
    position: relative;
}

.searchbox
{
    border-radius: 999px;
    border: none;
    height: 32px;
    width: 220px;
    padding-left: 20px;
    padding-right: 36px;
    background: rgba(255, 255, 255, 0.95);
    color: #37363e;
    box-shadow: inset none;
}

    .searchbox:focus
    {
        background: #fff;
        box-shadow: none;
        border-top: none;
    }

.searchbutton
{
    border: none;
    color: rgba(0, 0, 0, 0.5);
    background: none;
    position: absolute;
    top: 18px;
    font-size: 16px;
    right: 15px;
}
/* =================================================================================
Top Menu 
================================================================================= */
.topmenu
{
    float: left;
    padding-top: 20px;
    padding-left: 0;
    font-weight: 600;
    margin-left: -7px;
}

    .topmenu a
    {
        color: rgba(255, 255, 255, 0.9);
        padding: 7px;
    }

        .topmenu a:hover
        {
            color: #fff;
        }

    .topmenu li
    {
        display: inline;
    }
/* =================================================================================
Sidepanel Open Button - Show or Hide Sidepanel
================================================================================= */
.sidepanel-open-button
{
    height: 60px;
    font-size: 22px;
    display: block;
    width: 62px;
    text-align: center;
    float: right;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 19px;
    border-left: 1px solid rgba(0, 0, 0, 0.14);
    z-index: 1;
}

    .sidepanel-open-button:hover,
    .sidepanel-open-button:active
    {
        background: rgba(255, 255, 255, 0.05);
        color: rgba(0, 0, 0, 0.6);
    }
/* =================================================================================
Top Right
================================================================================= */
.top-right
{
    line-height: 1.8em;
    float: right;
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 15px;
    font-weight: 600;
    /* profile box */
    /* notifications */
    /* hd button */
}

    .top-right .link
    {
        display: inline-block;
        padding-left: 8px;
        height: 30px;
    }

        .top-right .link a
        {
            display: block;
        }

    .top-right .dropdown-menu
    {
        min-width: 135px;
    }

        .top-right .dropdown-menu .list-title
        {
            text-align: center;
        }

        .top-right .dropdown-menu li
        {
            position: relative;
            display: block;
        }

    .top-right a
    {
        color: #fff;
    }

    .top-right .profilebox
    {
        color: rgba(255, 255, 255, 0.95);
    }

        .top-right .profilebox img
        {
            width: 32px;
            height: 31px;
            float: left;
            border-radius: 100%;
            margin-right: 7px;
            margin-top: -4px;
        }

        .top-right .profilebox .caret
        {
            margin-left: 5px;
            color: rgba(255, 255, 255, 0.5);
        }

        .top-right .profilebox:hover
        {
            color: #fff;
        }

    .top-right .notifications
    {
        color: #fff;
        padding: 4px 12px;
        font-weight: bold;
        background: rgba(0, 0, 0, 0.4);
        border-radius: 999px;
    }

        .top-right .notifications:hover
        {
            background: rgba(0, 0, 0, 0.5);
        }

    .top-right .hdbutton
    {
        background: #fff;
        color: #404B5F;
        padding: 4px 16px;
        border-radius: 999px;
    }

        .top-right .hdbutton:hover
        {
            background: rgba(255, 255, 255, 0.95);
        }
/* =================================================================================
Sidebar 
================================================================================= */
.sidebar
{
    width: 250px;
    position: absolute;
    top: 60px;
    left: 0;
    font-family: 'Montserrat', sans-serif;
    background: #ffffff;
    font-size: 13px;
    font-weight: normal;
    z-index: 500;
    color: rgba(0, 0, 0, 0.8);
}

    .sidebar .fa
    {
        text-shadow: none;
    }

    .sidebar .label
    {
        font-size: 10px;
        position: relative;
        line-height: 12px;
        padding: 2px 5px;
        position: absolute;
        right: 35px;
        top: 12px;
    }

    .sidebar .label-default
    {
        background: rgba(0, 0, 0, 0.4);
    }

.sidebar-panel
{
    background: none;
    margin: 0px 20px 0px 20px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0px;
}

    .sidebar-panel li a
    {
        display: block;
        color: rgba(0, 0, 0, 0.8);
        padding: 9px 20px 9px 54px;
        margin-left: -20px;
        margin-right: -20px;
        position: relative;
    }

        .sidebar-panel li a .caret
        {
            position: absolute;
            right: 20px;
            top: 18px;
            color: rgba(0, 0, 0, 0.4);
        }

    .sidebar-panel li .icon
    {
        position: absolute;
        left: 20px;
        top: 8px;
        display: block;
        color: rgba(0, 0, 0, 0.8);
        font-size: 19px;
        border-radius: 3px;
        text-align: center;
        width: 24px;
        height: 24px;
        padding-top: 1px;
    }

    .sidebar-panel li a:hover,
    .sidebar-panel li a.active
    {
        background: rgba(0, 0, 0, 0.1);
        color: rgba(0, 0, 0, 0.9);
    }

    .sidebar-panel li ul
    {
        display: none;
        padding: 0;
        background: rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 13px;
        margin: 0 -20px 0 -20px;
        font-weight: 400;
    }

        .sidebar-panel li ul li
        {
            position: relative;
            margin: 0;
        }

            .sidebar-panel li ul li a
            {
                margin: 0px;
                color: rgba(0, 0, 0, 0.6);
                padding: 9px 20px 9px 54px;
            }

                .sidebar-panel li ul li a:hover
                {
                    background: rgba(0, 0, 0, 0.04);
                }

.sidetitle
{
    color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
    padding: 0;
    margin: 0 0 5px 3px;
    letter-spacing: 0.4px;
}

.sidebar-plan
{
    padding: 20px;
    font-size: 12px;
    bottom: 0;
}

    .sidebar-plan .progress
    {
        height: 6px;
        background: rgba(0, 0, 0, 0.2);
        margin: 7px 0;
    }

    .sidebar-plan .progress-bar
    {
        background: #6EC498;
    }

    .sidebar-plan .link
    {
        position: absolute;
        right: 20px;
        color: rgba(0, 0, 0, 0.6);
    }

        .sidebar-plan .link:hover
        {
            color: rgba(0, 0, 0, 0.8);
        }

    .sidebar-plan .space
    {
        display: block;
        font-size: 11px;
        text-align: center;
        color: rgba(0, 0, 0, 0.7);
    }

.sidebar-colorful .sidebar-panel li a .icon
{
    font-size: 15px;
    color: #fff;
}

.sidebar-colorful .color1
{
    background: #6EC498;
}

.sidebar-colorful .color2
{
    background: #3f51b5;
}

.sidebar-colorful .color3
{
    background: #558b2f;
}

.sidebar-colorful .color4
{
    background: #00b8d4;
}

.sidebar-colorful .color5
{
    background: #ff6d00;
}

.sidebar-colorful .color6
{
    background: #f44336;
}

.sidebar-colorful .color7
{
    background: #9a80b9;
}

.sidebar-colorful .color8
{
    background: #6EC498;
}

.sidebar-colorful .color9
{
    background: #d2527f;
}

.sidebar-colorful .color10
{
    background: #c78568;
}

.sidebar-colorful .color11
{
    background: #e99844;
}

.sidebar-square .sidebar-panel li a .icon
{
    font-size: 14px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.3);
}

.sidebar-no-icon .sidebar-panel li a
{
    padding-left: 23px;
}

    .sidebar-no-icon .sidebar-panel li a .icon
    {
        display: none;
    }
/* =================================================================================
Sidepanel 
================================================================================= */
.sidepanel
{
    z-index: 9999;
    position: fixed;
    display: none;
    width: 300px;
    top: 60px;
    bottom: 0;
    right: 0;
    padding-top: 20px;
    overflow: auto;
    box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.2);
    background: #FBFBFD;
}

    .sidepanel ul
    {
        padding: 0;
    }

    .sidepanel li
    {
        display: block;
    }

        .sidepanel li a:hover
        {
            background: rgba(0, 0, 0, 0.02);
        }

    .sidepanel .nav-tabs
    {
        font-size: 12px;
        font-weight: bold;
        display: block;
        width: 300px;
        position: fixed;
        background: #6EC498;
        z-index: 2;
        top: 60px;
        padding: 0;
    }

        .sidepanel .nav-tabs > li
        {
            float: left;
            margin-bottom: -1px;
            display: inline-block;
            border-right: none;
            width: 33.3333%;
            margin: 0;
        }

            .sidepanel .nav-tabs > li > a
            {
                margin-right: 0px;
                line-height: normal;
                color: #fff;
                display: block;
                padding: 10px 0;
                border: none;
                border-radius: 0px;
                text-align: center;
                margin-bottom: -1px;
                padding: 12px 0;
            }

                .sidepanel .nav-tabs > li > a:hover
                {
                    border-color: none;
                }

            .sidepanel .nav-tabs > li.active > a,
            .sidepanel .nav-tabs > li.active > a:hover,
            .sidepanel .nav-tabs > li.active > a:focus
            {
                color: #6EC498;
                cursor: default;
                background-color: #fff;
                border: none;
            }

.sidepanel-m-title
{
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #37363e;
    padding: 16px 0;
    position: relative;
}

    .sidepanel-m-title .left-icon,
    .sidepanel-m-title .right-icon
    {
        border: 1px solid #e1e1e1;
        color: #000;
        position: absolute;
        width: 26px;
        font-size: 13px;
        height: 26px;
        border-radius: 3px;
    }

        .sidepanel-m-title .left-icon a,
        .sidepanel-m-title .right-icon a
        {
            color: #000;
            display: block;
        }

            .sidepanel-m-title .left-icon a:hover,
            .sidepanel-m-title .right-icon a:hover
            {
                opacity: 0.7;
            }

    .sidepanel-m-title .left-icon
    {
        left: 0;
    }

    .sidepanel-m-title .right-icon
    {
        right: 0;
    }
/* Today */
.today
{
    padding: 0;
}
/* List with Title */
.list-w-title
{
    margin: 0px -20px;
}

    .list-w-title .label
    {
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
    }

    .list-w-title .date
    {
        position: absolute;
        right: 20px;
        font-size: 11px;
        color: #76757B;
        top: 23px;
    }

    .list-w-title a
    {
        display: block;
        position: relative;
        padding: 20px;
        border-bottom: 1px solid #E5E5E5;
        color: #7A8189;
    }

    .list-w-title h4
    {
        margin: 5px 0;
        font-size: 13px;
        font-family: 'Montserrat', sans-serif;
    }
/* General Sidepanel Title */
.gn-title
{
    background: #E4E4E4;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    margin: 0 -20px;
    padding: 4px 0 4px 20px;
}
/* Todo List */
.todo-list li
{
    padding: 5px 0 5px 20px;
}
/* Chat List */
#chat
{
    position: relative;
}

    #chat .group
    {
        font-size: 11px;
        margin: 0px -20px;
    }

        #chat .group .member
        {
            position: relative;
            line-height: 17px;
        }

            #chat .group .member a
            {
                display: block;
                padding: 10px 20px;
                color: #7A8893;
            }

                #chat .group .member a:hover
                {
                    color: #3D464C;
                }

            #chat .group .member img
            {
                border-radius: 50%;
                height: 36px;
                width: 36px;
                float: left;
                margin-right: 10px;
                margin-top: 0px;
            }

            #chat .group .member b
            {
                font-weight: 600;
                display: block;
                font-size: 13px;
            }

            #chat .group .member .status
            {
                display: block;
                position: absolute;
                right: 20px;
                top: 50%;
                bottom: 50%;
                margin: -4px 0;
                width: 8px;
                height: 8px;
                border-radius: 50%;
            }

            #chat .group .member .online
            {
                background: #3CA63F;
            }

            #chat .group .member .busy
            {
                background: #EA5944;
            }

            #chat .group .member .away
            {
                background: #E99844;
            }

            #chat .group .member .offline
            {
                background: #7B8994;
            }

    #chat .search
    {
        padding: 20px;
        border-top: 1px solid #E5E5E5;
        background: #fff;
        position: fixed;
        bottom: 0;
        width: 300px;
        margin-bottom: 0;
        margin-left: -20px;
    }
/* =================================================================================
Content 
================================================================================= */
.content
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
    margin-left: 250px;
    background: #f4f4f4;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.content-title{
    font-size: 1.2em;
    color: #666;
}


/* =================================================================================
FOOTER 
================================================================================= */
.footer
{
    border-top: 1px solid #e2e2e2;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 0;
    padding: 10px;
    font-size: 11px;
    color: #666;
    background: rgba(0, 0, 0, 0.02);
}

    .footer .col-md-6
    {
        margin-bottom: 0;
    }


/* =================================================================================
Home Header 
================================================================================= */
.home-header{
    background: #e4e4e4;
    background-image: url("/Images/header1.jpeg");
    background-size: cover;
}


/* =================================================================================
Page Header 
================================================================================= */
.page-header
{
    background: #fff;
    margin: -20px -30px 20px -30px;
    padding: 20px;
    border-bottom: none;
    position: relative;
}

    .page-header .title
    {
        padding: 0;
        margin: 0;
        font-size: 20px;
        line-height: normal;
        font-weight: normal;
        color: #37363e;
        padding-bottom: 6px;
    }

    .page-header .right
    {
        position: absolute;
        right: 20px;
        bottom: 20px;
        min-width: 500px;
        text-align: right;
    }

        .page-header .right .btn-group
        {
            float: right;
        }

        .page-header .right .btn
        {
            padding-left: 14px;
            padding-right: 14px;
            font-size: 13px;
        }

            .page-header .right .btn .fa
            {
                margin: 0 4px;
            }

            .page-header .right .btn .no-border
            {
                border: none;
            }

        .page-header .right .btn-group .btn
        {
            border: 1px solid #E8EBED;
        }

    .page-header .pagination
    {
        margin: 0;
    }

    .page-header .widget-inline-list
    {
        right: 0;
        bottom: -25px;
        position: relative !important;
    }
/* Page loading */
.loading
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #212121;
    opacity: 0.99;
}

    .loading img
    {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 50%;
        top: 50%;
        margin: -20px;
    }
/* =================================================================================
Presentation 
================================================================================= */
.presentation
{
    background: rgba(0, 0, 0, 0.05);
    margin: -20px -30px 30px -30px;
    padding: 70px 50px;
}

    .presentation .titles .icon
    {
        color: #fff;
        border-radius: 3px;
        font-size: 36px;
        line-height: 0;
        padding: 8px 16px;
        text-align: center;
    }

        .presentation .titles .icon .fa
        {
            font-weight: inherit;
        }

    .presentation .titles h1
    {
        font-size: 38px;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        margin: 30px 0 0px 0;
        color: #37363e;
    }

    .presentation .titles h4
    {
        font-size: 24px;
        font-weight: 300;
        color: #777;
        margin: 0px;
    }

    .presentation .list
    {
        display: inline-block;
        float: right;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 2em;
        color: #37363e;
        right: 0;
    }

        .presentation .list a
        {
            border-bottom: 1px solid #ccc;
        }

        .presentation .list .fa
        {
            margin-right: 10px;
            color: #558b2f;
        }
/* Icons Preview */
.fa-item
{
    padding: 6px 0;
    position: relative;
    padding-left: 50px;
    font-size: 13px;
    color: #37363e;
    border-radius: 3px;
    border: 5px solid #fff;
}

    .fa-item .fa
    {
        position: absolute;
        left: 10px;
        font-size: 20px;
        color: #444;
        display: block;
        width: 40px;
        text-align: center;
    }

    .fa-item:hover
    {
        color: #000;
        background: #f2f2f2;
        border-color: #f2f2f2;
    }

.colorsheme
{
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 3px;
    float: left;
    width: 30px;
    height: 30px;
}
/* Kode Alert */
.kode-alert
{
    color: #fff;
    position: relative;
    border-radius: 3px;
    text-align: left;
    margin-bottom: 10px;
    padding: 12px;
    padding-right: 30px;
}

    .kode-alert a
    {
        color: inherit;
        text-decoration: underline;
        font-weight: 600;
    }

    .kode-alert h4
    {
        font-size: 14px;
        margin: 0;
        color: inherit;
        font-weight: 600;
        line-height: normal;
    }

    .kode-alert .img
    {
        width: 40px;
        height: 40px;
        position: absolute;
        border-radius: 3px;
        left: 12px;
        top: 12px;
    }

.kode-alert-img
{
    padding-left: 65px;
    min-height: 64px;
}

.kode-alert-icon
{
    padding-left: 40px;
}

    .kode-alert-icon .fa
    {
        display: block;
        width: 20px;
        text-align: center;
        position: absolute;
        font-size: 15px;
        left: 12px;
        top: 17px;
    }

.kode-alert .closed
{
    position: absolute;
    right: 3px;
    text-decoration: none;
    font-weight: bold;
    top: 0px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    padding: 4px;
}

    .kode-alert .closed:hover
    {
        color: #fff;
    }

.kode-alert-click
{
    cursor: pointer;
    padding-right: 12px;
}

.kode-alert .primary
{
    outline: 0;
    border: none;
    background: rgba(0, 0, 0, 0.4);
    color: inherit;
    border-radius: 3px;
    padding: 4px 10px;
}

.kode-alert .cancel
{
    outline: 0;
    border: none;
    background: rgba(255, 255, 255, 0.4);
    color: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    padding: 4px 10px;
}

    .kode-alert .primary:hover,
    .kode-alert .cancel:hover
    {
        opacity: 0.9;
    }

.kode-alert-top,
.kode-alert-bottom,
.kode-alert-top-left,
.kode-alert-top-right,
.kode-alert-bottom-left,
.kode-alert-bottom-right,
.kode-alert-fullscreen
{
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    position: fixed;
    display: none;
    z-index: 1000;
}

.kode-alert-top
{
    top: 0;
    left: 0;
    right: 0;
}

.kode-alert-bottom
{
    bottom: 0;
    left: 0;
    right: 0;
}

.kode-alert-top-left
{
    top: 80px;
    left: 20px;
}

.kode-alert-top-right
{
    top: 80px;
    right: 20px;
}

.kode-alert-bottom-left
{
    bottom: 20px;
    left: 20px;
}

.kode-alert-bottom-right
{
    bottom: 20px;
    right: 20px;
}

.kode-alert-fullsize
{
    top: 50%;
    left: 50%;
    margin: -20px;
}

.alert1
{
    background: #6EC498;
}

.alert2
{
    background: #3f51b5;
}

.alert3
{
    background: #558b2f;
}

.alert4
{
    background: #00b8d4;
}

.alert5
{
    background: #ff6d00;
}

.alert6
{
    background: #f44336;
}

.alert7
{
    background: #9a80b9;
}

.alert8
{
    background: #6EC498;
    color: #444;
}

    .alert8 .closed
    {
        color: inherit;
    }

    .alert8 a:hover.closed
    {
        color: inherit;
    }

.alert9
{
    background: #d2527f;
}

.alert10
{
    background: #c78568;
}

.alert11
{
    background: #e99844;
}

.alert1-light
{
    background: #b5dfb7;
    color: #0e210f;
}

.alert2-light
{
    background: #abb4e2;
    color: #252f69;
}

.alert3-light
{
    background: #a2d47f;
    color: #263f15;
}

.alert4-light
{
    background: #6eecff;
    color: #005f6e;
}

.alert5-light
{
    background: #ffc599;
    color: #994100;
}

.alert6-light
{
    background: #fccbc7;
    color: #ba160a;
}

.alert7-light
{
    background: #e8e3ef;
    color: #674b88;
}

.alert8-light
{
    background: #edf9f6;
    color: #2f8571;
}

.alert9-light
{
    background: #f2cbd9;
    color: #97274e;
}

.alert10-light
{
    background: #f0dfd8;
    color: #935336;
}

.alert11-light
{
    background: #f9e3cd;
    color: #b26515;
}

    .alert1-light .closed,
    .alert2-light .closed,
    .alert3-light .closed,
    .alert4-light .closed,
    .alert5-light .closed,
    .alert6-light .closed,
    .alert7-light .closed,
    .alert8-light .closed,
    .alert9-light .closed,
    .alert10-light .closed,
    .alert11-light .closed
    {
        color: inherit;
        opacity: 0.6;
    }

        .alert1-light .closed:hover
        {
            color: inherit;
            opacity: 0.8;
        }
/* =================================================================================
Mailbox
================================================================================= */
.mailbox .write
{
    padding: 20px;
    background: #fff;
}

.mailbox-menu
{
    background: #fff;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
}

    .mailbox-menu .menu
    {
        padding: 11px 0;
        margin-bottom: 0;
    }

        .mailbox-menu .menu li
        {
            display: inline;
            color: #76747A;
            font-size: 13px;
            padding: 16px 0;
            border-right: 1px solid rgba(0, 0, 0, 0.08);
        }

            .mailbox-menu .menu li .fa
            {
                font-size: 16px;
                color: #666;
                margin-right: 5px;
            }

            .mailbox-menu .menu li a
            {
                color: #76747A;
                border-radius: 3px;
                padding: 15px 19px;
            }

                .mailbox-menu .menu li a:hover
                {
                    color: #333;
                }

                    .mailbox-menu .menu li a:hover .fa
                    {
                        color: #333;
                    }

            .mailbox-menu .menu li:last-child
            {
                margin-left: -1px;
            }

.mailbox-inbox
{
    background: #fff;
    border-right: 1px solid #ddd;
    padding: 0;
    left: 0;
    top: 0;
    color: #76747A;
}

    .mailbox-inbox li
    {
        display: block;
    }

    .mailbox-inbox .item
    {
        display: block;
        padding: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.09);
        color: #76747A;
        position: relative;
        font-size: 12px;
    }

        .mailbox-inbox .item:hover
        {
            background: #E3F2FF;
        }

            .mailbox-inbox .item:hover .from
            {
                color: #37363E;
            }

    .mailbox-inbox .img
    {
        width: 40px;
        height: 40px;
        border-radius: 999px;
        float: left;
        margin-right: 10px;
    }

    .mailbox-inbox .from
    {
        font-size: 13px;
        display: block;
        color: #333;
    }

    .mailbox-inbox .date
    {
        position: absolute;
        font-size: 10px;
        right: 20px;
        top: 20px;
        opacity: 0.7;
    }

    .mailbox-inbox .search
    {
        padding: 23px 20px;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .mailbox-inbox .mailbox-search
    {
        border-radius: 999px;
        border: none;
        height: 32px;
        width: 100%;
        padding-left: 20px;
        padding-right: 36px;
        background: rgba(0, 0, 0, 0.07);
        color: #333;
        box-shadow: inset none;
    }

        .mailbox-inbox .mailbox-search:focus
        {
            background: rgba(0, 0, 0, 0.12);
            box-shadow: none;
            border-top: none;
        }

    .mailbox-inbox .searchbutton
    {
        right: 35px;
        top: 27px;
    }

.panel-widget .mailbox-inbox
{
    border: 0;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
}

.container-mailbox
{
    position: relative;
}

.chat
{
    border-left: 1px solid #ddd;
    margin-left: -1px;
}

    .chat .title
    {
        height: 79px;
        padding: 12px 20px;
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        position: relative;
    }

        .chat .title h1
        {
            margin: 0;
            font-size: 19px;
        }

        .chat .title .btn-group
        {
            position: absolute;
            right: 20px;
            bottom: 20px;
        }

    .chat .conv
    {
        padding: 20px;
        background: #fff;
        margin-bottom: 0;
    }

        .chat .conv li
        {
            display: block;
            position: relative;
            padding-left: 70px;
            margin-bottom: 20px;
        }

        .chat .conv .img
        {
            border-radius: 999px;
            width: 50px;
            height: 50px;
            position: absolute;
            left: 0;
            top: 0;
        }

        .chat .conv .ballon
        {
            display: inline-table;
            padding: 14px 20px;
            border-radius: 20px;
            margin-bottom: 14px;
        }

        .chat .conv .color1
        {
            background: #B9F98E;
            color: #0A451D;
        }

        .chat .conv .color2
        {
            background: #B6DEFF;
            color: #153440;
        }

        .chat .conv .addition
        {
            padding: 5px 20px;
            background: #f2f2f2;
            display: inline-block;
            border-radius: 20px;
            border: 1px dashed #ccc;
            font-size: 12px;
        }

            .chat .conv .addition a
            {
                text-decoration: underline;
            }

            .chat .conv .addition .fa
            {
                margin-right: 6px;
                font-size: 14px;
            }

        .chat .conv .date
        {
            text-align: center;
            border-top: 1px solid #f2f2f2;
            border-bottom: 1px solid #f2f2f2;
            padding: 10px 0;
            font-size: 11px;
        }
/* Changelog */
.changelogs .title
{
    font-weight: 600;
}

.changelogs .version
{
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}

.changelogs .date
{
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.changelogs .update
{
    position: relative;
    background: #fff;
    padding: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    margin-bottom: 20px;
}

.changelogs .list
{
    font-size: 12px;
    margin-top: 10px;
    background: #f2f2f2;
    padding: 6px 10px;
    border-radius: 3px;
    border-left: 2px solid #ccc;
}

    .changelogs .list h4
    {
        margin: 0px;
        font-size: 14px;
    }

    .changelogs .list:hover
    {
        background: #eee;
    }
/* Social Profile */
.social-top
{
    height: 250px;
    padding: 20px 30px;
    border-bottom: 60px solid #fff;
    position: relative;
    background: url(../img/socialbg.jpg);
    background-size: cover;
}

    .social-top .profile-img
    {
        width: 120px;
        height: 120px;
        border-radius: 999px;
        border: 4px solid #fff;
    }

    .social-top .name
    {
        margin: 0;
        color: #fff;
        bottom: 5px;
        position: absolute;
        left: 140px;
        top: 10px;
        font-size: 28px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    }

        .social-top .name .btn
        {
            margin-left: 6px;
            text-shadow: none;
        }

    .social-top .profile-text
    {
        position: absolute;
        margin: 0;
        height: 25px;
        overflow: hidden;
        font-size: 16px;
        top: 85px;
        left: 140px;
    }

    .social-top .profile-left
    {
        position: absolute;
        width: 90%;
        bottom: -52px;
    }

.social-stats
{
    padding: 0;
    margin: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    right: 20px;
    bottom: 0;
    color: rgba(0, 0, 0, 0.8);
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
}

    .social-stats li
    {
        display: inline-block;
        width: 31.33333%;
        font-size: 12px;
        padding: 10px 20px;
        text-align: center;
    }

        .social-stats li b
        {
            display: block;
            font-weight: 600;
            font-size: 20px;
        }

.social-content
{
    padding: 20px 30px;
}

.status
{
    margin: -20px;
}

    .status .who
    {
        padding: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

        .status .who img
        {
            border-radius: 999px;
            width: 40px;
            height: 40px;
            float: left;
            margin-right: 10px;
        }

        .status .who .name
        {
            display: block;
            font-size: 13px;
            font-weight: normal;
            line-height: normal;
        }

            .status .who .name b
            {
                color: #6EC498;
            }

        .status .who .from
        {
            font-size: 12px;
            opacity: 0.7;
        }

    .status .text
    {
        padding: 20px;
        font-size: 13px;
        color: #37363e;
        line-height: 1.82em;
    }

    .status .image
    {
        padding: 20px;
    }

        .status .image img
        {
            width: 100%;
        }

    .status .links
    {
        margin: 0;
        padding: 15px 20px;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
    }

        .status .links .fa
        {
            font-size: 14px;
            margin-right: 2px;
            color: inherit;
        }

        .status .links li
        {
            display: inline;
            padding-right: 20px;
        }

    .status .comments
    {
        padding: 0 20px;
        font-size: 13px;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
    }

        .status .comments li
        {
            display: block;
            position: relative;
            padding: 15px 0 15px 40px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        }

            .status .comments li:last-child
            {
                border-bottom: none;
                padding-bottom: 5px;
            }

        .status .comments img
        {
            width: 30px;
            height: 30px;
            border-radius: 999px;
            position: absolute;
            left: 0px;
        }

        .status .comments .name
        {
            color: #000;
            display: block;
            font-weight: 600;
        }
/* =================================================================================
Invoice
================================================================================= */
.invoice
{
    background: #fff;
    position: relative;
    padding: 70px;
    border: 1px solid #ccc;
    font-family: 'Montserrat', sans-serif;
}

    .invoice .logo
    {
        line-height: 26px;
        text-align: center;
        color: #76747A;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
    }

        .invoice .logo img
        {
            margin-bottom: 10px;
        }

        .invoice .logo b
        {
            color: #37353E;
            font-weight: 500;
        }

    .invoice .line
    {
        border-bottom: 2px solid #E4E4E4;
        padding: 50px 0;
    }

        .invoice .line h4
        {
            margin: 0;
            color: #76747A;
            font-weight: bold;
            font-size: 14px;
        }

        .invoice .line h2
        {
            color: #37353E;
            font-weight: normal;
            font-size: 24px;
            margin: 0;
        }

    .invoice .table
    {
        margin-top: 40px;
        color: #37353E;
        font-size: 17px;
    }

        .invoice .table .title
        {
            font-size: 14px;
            color: #76747A;
        }

        .invoice .table p
        {
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            color: #76747A;
        }

        .invoice .table .total
        {
            margin: 0;
        }

        .invoice .table > thead > tr > th,
        .invoice .table > tbody > tr > th,
        .invoice .table > tfoot > tr > th,
        .invoice .table > thead > tr > td,
        .invoice .table > tbody > tr > td,
        .invoice .table > tfoot > tr > td
        {
            padding-left: 0px;
            padding-right: 0px;
        }

    .invoice .signature
    {
        border-bottom: 2px solid #E4E4E4;
        border-top: 2px solid #E4E4E4;
        margin: 20px 0;
        padding: 20px 0;
    }

    .invoice .bottomtext
    {
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
    }

    .invoice .invoicename
    {
        color: #E4E4E4;
        font-weight: bold;
        font-size: 30px;
        right: 50px;
        top: 50px;
        position: absolute;
    }
/* =================================================================================
Login Pages
================================================================================= */
.login-form
{
    width: 360px;
    padding-top: 100px;
    margin: 0px auto;
    text-shadow: none;
}

    .login-form form
    {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
    }

        .login-form form img
        {
            margin-bottom: 18px;
        }

        .login-form form .profile
        {
            border-radius: 999px;
        }

        .login-form form .top
        {
            border-bottom: 1px solid #ddd;
            text-align: center;
            padding: 30px 0;
        }

            .login-form form .top .icon
            {
                width: 100px;
                height: 100px;
            }

            .login-form form .top h1,
            .login-form form .top h4
            {
                margin: 0;
            }

            .login-form form .top h1
            {
                color: #37363E;
                font-size: 30px;
                font-family: 'Montserrat', sans-serif;
                font-weight: bold;
                margin-top: -14px;
            }

            .login-form form .top h4
            {
                font-weight: normal;
                color: #76757B;
                font-size: 15px;
            }

        .login-form form .form-area
        {
            padding: 40px;
        }

            .login-form form .form-area .group
            {
                position: relative;
                margin-bottom: 20px;
            }

            .login-form form .form-area .form-control
            {
                padding-left: 38px;
                height: 40px;
            }

            .login-form form .form-area .fa
            {
                position: absolute;
                top: 11px;
                left: 13px;
                font-size: 16px;
                color: #C3C3C3;
            }

            .login-form form .form-area .btn
            {
                height: 42px;
                font-weight: 600;
            }

            .login-form form .form-area .checkbox
            {
                margin-bottom: 20px;
            }

    .login-form .footer-links
    {
        color: #76757B;
        padding: 10px 5px;
    }

        .login-form .footer-links a
        {
            color: #76757B;
        }

            .login-form .footer-links a:hover
            {
                color: #37363e;
            }
/* =================================================================================
404 - 500 Pages
================================================================================= */
.error-pages
{
    text-align: center;
    padding-top: 100px;
}

    .error-pages .icon
    {
        border-radius: 4px;
        margin-bottom: 20px;
    }

    .error-pages h1
    {
        color: #37363e;
        font-family: 'Montserrat', sans-serif;
        font-size: 28px;
    }

    .error-pages h4
    {
        color: #767279;
        font-weight: normal;
        font-size: 16px;
        margin-top: 10px;
    }

    .error-pages form
    {
        width: 400px;
        margin: 0px auto;
        margin-top: 30px;
        position: relative;
    }

        .error-pages form .form-control
        {
            padding-left: 34px;
            height: 40px;
        }

        .error-pages form .fa
        {
            position: absolute;
            left: 10px;
            top: 11px;
            font-size: 16px;
        }

    .error-pages .bottom-links
    {
        margin-top: 30px;
    }

        .error-pages .bottom-links a
        {
            margin: 0px 6px;
        }
/* =================================================================================
Top Stats
================================================================================= */
.topstats
{
    background: #fff;
    padding: 0;
    color: #76747A;
    position: relative;
    font-size: 12px;
    border-radius: 3px;
    margin-left: -5px;
    margin-right: -5px;
    text-shadow: none;
    padding: 12px 0;
}

    .topstats li
    {
        display: block;
        text-align: center;
        margin: 10px 0;
    }

    .topstats .title
    {
        color: #37363e;
        font-weight: 600;
        font-size: 13px;
    }

        .topstats .title .fa
        {
            font-size: 15px;
            color: #000;
            margin-right: 4px;
            opacity: 0.4;
        }

    .topstats h3
    {
        font-size: 28px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        letter-spacing: -1px;
        line-height: normal;
        margin: 1px 0;
    }

        .topstats h3 small
        {
            color: #37363e;
        }

    .topstats .diff b
    {
        font-weight: bold;
    }

    .topstats .diff .fa
    {
        margin-right: 2px;
    }

    .topstats .arrow
    {
        position: absolute;
        width: 0;
        height: 0;
        top: -18px;
        right: 5px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
    }
/* Charts */
.flotchart-container
{
    box-sizing: border-box;
    width: 100%;
}

.flotchart-placeholder
{
    width: 100%;
    height: 300px;
    font-size: 13px;
    line-height: 1.2em;
}

.legend table
{
    border-spacing: 5px;
}

.easypie
{
    display: inline-block;
    width: 95px;
    font-size: 12px;
    height: 95px;
    margin: 0 20px 20px 0px;
    vertical-align: top;
    position: relative;
    text-align: center;
    padding-top: 29px;
    border-radius: 999px;
}

    .easypie span
    {
        display: block;
        font-size: 20px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
    }

    .easypie canvas
    {
        position: absolute;
        left: 0;
        width: 95px;
        height: 95px;
        top: 0;
    }

.rickshaw-chart
{
    width: 100%;
}
/* Demo Css */
/* Demo sidebar */
.demo-sidebarmenu .sidebar
{
    position: relative;
    top: 0;
    width: 100%;
}

    .demo-sidebarmenu .sidebar .panel
    {
        position: relative;
    }
/* Calendar */
.calendar-layout
{
    background: #fff;
    margin: -20px -30px;
    margin-bottom: 0;
    padding: 30px 20px;
}
/* =================================================================================
Awesome Bootstrap Checkbox Rewrite
================================================================================= */
.checkbox-primary input[type="checkbox"]:checked + label::before
{
    background-color: #6EC498;
    border-color: #6EC498;
}

.checkbox-primary input[type="checkbox"]:checked + label::after
{
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before
{
    background-color: #f44336;
    border-color: #f44336;
}

.checkbox-danger input[type="checkbox"]:checked + label::after
{
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before
{
    background-color: #00b8d4;
    border-color: #00b8d4;
}

.checkbox-info input[type="checkbox"]:checked + label::after
{
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before
{
    background-color: #ff6d00;
    border-color: #ff6d00;
}

.checkbox-warning input[type="checkbox"]:checked + label::after
{
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before
{
    background-color: #558b2f;
    border-color: #558b2f;
}

.checkbox-success input[type="checkbox"]:checked + label::after
{
    color: #fff;
}

.radio-primary input[type="radio"] + label::after
{
    background-color: #6EC498;
}

.radio-primary input[type="radio"]:checked + label::before
{
    border-color: #6EC498;
}

.radio-primary input[type="radio"]:checked + label::after
{
    background-color: #6EC498;
}

.radio-danger input[type="radio"] + label::after
{
    background-color: #f44336;
}

.radio-danger input[type="radio"]:checked + label::before
{
    border-color: #f44336;
}

.radio-danger input[type="radio"]:checked + label::after
{
    background-color: #f44336;
}

.radio-info input[type="radio"] + label::after
{
    background-color: #00b8d4;
}

.radio-info input[type="radio"]:checked + label::before
{
    border-color: #00b8d4;
}

.radio-info input[type="radio"]:checked + label::after
{
    background-color: #00b8d4;
}

.radio-warning input[type="radio"] + label::after
{
    background-color: #ff6d00;
}

.radio-warning input[type="radio"]:checked + label::before
{
    border-color: #ff6d00;
}

.radio-warning input[type="radio"]:checked + label::after
{
    background-color: #ff6d00;
}

.radio-success input[type="radio"] + label::after
{
    background-color: #558b2f;
}

.radio-success input[type="radio"]:checked + label::before
{
    border-color: #558b2f;
}

.radio-success input[type="radio"]:checked + label::after
{
    background-color: #558b2f;
}
/* =================================================================================
Bootstrap Rewrite
================================================================================= */
a:focus,
input,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus
{
    outline: 0px;
}
/* Typography */
mark
{
    background: #FBDDAC;
    padding: 2px 4px;
    border-radius: 3px;
}

code
{
    background: #EDF6FF;
    padding: 2px 2px;
    color: #000;
    border: 1px solid #C3E1FF;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    font-family: inherit;
    font-weight: 400;
    line-height: 1.6;
    color: #37363e;
}

h1,
.h1,
h2,
.h2,
h3,
.h3
{
    margin-top: 20px;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
}

h4,
.h4,
h5,
.h5,
h6,
.h6
{
    margin-top: 15px;
    margin-bottom: 10px;
}

h1,
.h1
{
    font-size: 1.8em;
}

h2,
.h2
{
    font-size: 1.6em;
}

h3,
.h3
{
    font-size: 1.4em;
}

h4,
.h4
{
    font-size: 1.2em;
}

h5,
.h5
{
    font-size: 1.1em;
}

h6,
.h6
{
    font-size: 1em;
}

.text-st
{
    color: #666;
}

.lead
{
    line-height: 1.5em;
}

blockquote
{
    background: #f2f2f2;
    padding: 16px 20px;
    border-radius: 3px;
    border-left: 5px solid #ccc;
}

    blockquote footer,
    blockquote small,
    blockquote .small
    {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: inherit;
        opacity: 0.6;
    }

    .blockquote-reverse,
    blockquote.pull-right
    {
        border-right: 5px solid #ccc;
    }

dt,
dd
{
    line-height: inherit;
}

.font-title
{
    font-family: 'Montserrat', sans-serif;
}

.font-w-300
{
    font-weight: 300;
}

.font-w-400
{
    font-weight: 400;
}

.font-w-600
{
    font-weight: 600;
}

.font-w-700
{
    font-weight: 700;
}

.font-w-800
{
    font-weight: 800;
}

.font-title-tab
{
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
/* Button General */
.btn
{
    font-size: 15px;
    padding: 7px 20px 7px 20px;
    border: none;
    background: #ffffff;
    color: inherit;
    border-radius: 3px;
    white-space: normal;
    font-weight: 400;
}

    .btn:hover
    {
        background-color: #eeeeee;
        color: #666;
    }

    .btn:active,
    .btn.active
    {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn
    {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.btn-xs
{
    font-size: 11px;
    padding: 3px 8px;
}

.btn-sm
{
    font-size: 12px;
    padding: 5px 14px;
}

.btn-lg
{
    font-size: 16px;
    padding: 10px 30px;
}

.btn-xl
{
    font-size: 20px;
    padding: 14px 30px;
}

.btn .fa
{
    font-size: 15px;
    margin-right: 5px;
}

.btn-icon
{
    padding-left: 10px;
    padding-right: 10px;
}

    .btn-icon .fa
    {
        margin: 0;
        font-size: normal;
    }

.btn-rounded
{
    border-radius: 999px;
}

.btn-square
{
    border-radius: 0;
}

.btndiv .btn
{
    margin-bottom: 10px;
}
/* Button Default */
a,
	button {
		cursor: pointer;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
	}

	.btn-default {
		border: 1px solid #6EC498;
        background-color: #fff;
        color: #6EC498;
	}

    .btn-default:hover {
        border: 1px solid #6EC498;
        background-color: #e9faf7;
        color: #6EC498;
    }

    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default
    {
        background-color: #e9faf7;
        color: #6EC498;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default
    {
        background: #e9faf7;
        box-shadow: none;
        color: #6EC498;
    }

    .btn-default .badge
    {
        color: #fff;
        background-color: #6EC498;
    }
/* Button Primary */
.btn-primary
{
    background-color: #3f51b5;
    color: #fff;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary
    {
        background-color: #495bc0;
        color: #fff;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary
    {
        background: #3849a2;
        box-shadow: none;
        color: #fff;
    }

    .btn-primary .badge
    {
        color: #3f51b5;
        background-color: #fff;
    }
/* Button white */
.btn-white
{
    background-color: #e4e4e4;
    color: #666;
}

    .btn-white:hover,
    .btn-white:focus,
    .btn-white.focus,
    .btn-white:active,
    .btn-white.active,
    .open > .dropdown-toggle.btn-white
    {
        background-color: #eeeeee;
        color: #666;
    }

    .btn-white:active,
    .btn-white.active,
    .open > .dropdown-toggle.btn-white
    {
        background: #d7d7d7;
        box-shadow: none;
        color: #666;
    }

    .btn-white .badge
    {
        color: #e4e4e4;
        background-color: #fff;
    }
/* Button toggle */
.btn-toggle
{
    background-color: #e4e4e4;
    color: #666;
    border-size: 4px;
    border-size: 5px;
}

    .btn-toggle:hover,
    .btn-toggle:focus,
    .btn-toggle.focus,
    .btn-toggle:active,
    .btn-toggle.active,
    .open > .dropdown-toggle.btn-toggle
    {
        background-color: #eeeeee;
        color: #666;
    }

    .btn-toggle:active,
    .btn-toggle.active,
    .open > .dropdown-toggle.btn-toggle
    {
        background: #d7d7d7;
        box-shadow: none;
        color: #666;
    }

    .btn-toggle .badge
    {
        color: #e4e4e4;
        background-color: #fff;
    }
/* Button light */
.btn-light
{
    background-color: #fff;
    color: inherit;
    border: 1px solid #BDC4C9;
}

    .btn-light:hover,
    .btn-light:focus,
    .btn-light.focus,
    .btn-light:active,
    .btn-light.active,
    .open > .dropdown-toggle.btn-light
    {
        background-color: #f9f9f9;
        color: inherit;
    }

    .btn-light:active,
    .btn-light.active,
    .open > .dropdown-toggle.btn-default
    {
        box-shadow: none;
        color: inherit;
    }
/* Button Success */
.btn-success
{
    background-color: #558b2f;
    color: #fff;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success
    {
        background-color: #5e9a34;
        color: #fff;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success
    {
        background: #497829;
        box-shadow: none;
        color: #fff;
    }

    .btn-success .badge
    {
        color: #558b2f;
        background-color: #fff;
    }
/* Button Info */
.btn-info
{
    background-color: #00b8d4;
    color: #fff;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info
    {
        background-color: #00cae8;
        color: #fff;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info
    {
        background: #00a2bb;
        box-shadow: none;
        color: #fff;
    }

    .btn-info .badge
    {
        color: #00b8d4;
        background-color: #fff;
    }
/* Button Warning */
.btn-warning
{
    background-color: #ff6d00;
    color: #fff;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning
    {
        background-color: #ff7914;
        color: #fff;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning
    {
        background: #e66200;
        box-shadow: none;
        color: #fff;
    }

    .btn-warning .badge
    {
        color: #ff6d00;
        background-color: #fff;
    }
/* Button Danger */
.btn-danger
{
    background-color: #f44336;
    color: #fff;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger
    {
        background-color: #f55549;
        color: #fff;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger
    {
        background: #f32c1e;
        box-shadow: none;
        color: #fff;
    }

    .btn-danger .badge
    {
        color: #f44336;
        background-color: #fff;
    }
/* Button Color11 */
.btn-option1
{
    background-color: #9a80b9;
    color: #fff;
}

    .btn-option1:hover,
    .btn-option1:focus,
    .btn-option1.focus,
    .btn-option1:active,
    .btn-option1.active,
    .open > .dropdown-toggle.btn-option1
    {
        background-color: #a48dc0;
        color: #fff;
    }

    .btn-option1:active,
    .btn-option1.active,
    .open > .dropdown-toggle.btn-option1
    {
        background: #8d70b0;
        box-shadow: none;
        color: #fff;
    }

    .btn-option1 .badge
    {
        color: #9a80b9;
        background-color: #fff;
    }
/* Button Color12 */
.btn-option2
{
    background-color: #fff;
    color: #6EC498;
    border:1px solid #6EC498;
}

    .btn-option2:hover,
    .btn-option2:focus,
    .btn-option2.focus,
    .btn-option2:active,
    .btn-option2.active,
    .open > .dropdown-toggle.btn-option2
    {
        background-color: #e9faf7;
        color: #6EC498;
        border:1px solid #6EC498;
    }

    .btn-option2:active,
    .btn-option2.active,
    .open > .dropdown-toggle.btn-option2
    {
        background: #fff;
        box-shadow: none;
        color: #6EC498;
    }

    .btn-option2 .badge
    {
        color: #fff;
        background-color: #6EC498;
    }
/* Button Color13 */
.btn-option3
{
    background-color: #d2527f;
    color: #fff;
}

    .btn-option3:hover,
    .btn-option3:focus,
    .btn-option3.focus,
    .btn-option3:active,
    .btn-option3.active,
    .open > .dropdown-toggle.btn-option3
    {
        background-color: #d6628b;
        color: #fff;
    }

    .btn-option3:active,
    .btn-option3.active,
    .open > .dropdown-toggle.btn-option3
    {
        background: #cd3e70;
        box-shadow: none;
        color: #fff;
    }

    .btn-option3 .badge
    {
        color: #d2527f;
        background-color: #fff;
    }
/* Button Color14 */
.btn-option4
{
    background-color: #c78568;
    color: #fff;
}

    .btn-option4:hover,
    .btn-option4:focus,
    .btn-option4.focus,
    .btn-option4:active,
    .btn-option4.active,
    .open > .dropdown-toggle.btn-option4
    {
        background-color: #cd9177;
        color: #fff;
    }

    .btn-option4:active,
    .btn-option4.active,
    .open > .dropdown-toggle.btn-option4
    {
        background: #c07655;
        box-shadow: none;
        color: #fff;
    }

    .btn-option4 .badge
    {
        color: #c78568;
        background-color: #fff;
    }
/* Button Color15 */
.btn-option5
{
    background-color: #e99844;
    color: #fff;
}

    .btn-option5:hover,
    .btn-option5:focus,
    .btn-option5.focus,
    .btn-option5:active,
    .btn-option5.active,
    .open > .dropdown-toggle.btn-option4
    {
        background-color: #eba256;
        color: #fff;
    }

    .btn-option5:active,
    .btn-option5.active,
    .open > .dropdown-toggle.btn-option5
    {
        background: #e68b2d;
        box-shadow: none;
        color: #fff;
    }

    .btn-option5 .badge
    {
        color: #e99844;
        background-color: #fff;
    }
/* Label Class */
.label
{
    font-size: inherit;
    padding: 1px 6px;
    font-weight: 600;
    border-radius: 4px;
}

.label-default
{
    background: #6EC498;
}

.label-primary
{
    background: #3f51b5;
}

.label-success
{
    background: #558b2f;
}

.label-info
{
    background: #00b8d4;
}

.label-warning
{
    background: #ff6d00;
}

.label-danger
{
    background: #f44336;
}
/* Input options */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label
{
    color: #558b2f;
}

.has-success .form-control
{
    border-color: #558b2f;
    box-shadow: none;
}

    .has-success .form-control:focus
    {
        border-color: #558b2f;
        box-shadow: none;
    }

.has-success .input-group-addon
{
    color: #558b2f;
    background-color: #558b2f;
    border-color: #558b2f;
}

.has-success .form-control-feedback
{
    color: #558b2f;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label
{
    color: #ff6d00;
}

.has-warning .form-control
{
    border-color: #ff6d00;
    box-shadow: none;
}

    .has-warning .form-control:focus
    {
        border-color: #ff6d00;
        box-shadow: none;
    }

.has-warning .input-group-addon
{
    color: #ff6d00;
    background-color: #ff6d00;
    border-color: #ff6d00;
}

.has-warning .form-control-feedback
{
    color: #ff6d00;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label
.field-validation-error span
{
    color: #f44336;
}

.has-error .form-control,
.input-validation-error .form-control
{
    border-color: #f44336;
    box-shadow: none;
}

    .has-error .form-control:focus,
    .input-validation-error .form-control:focus
    {
        border-color: #f44336;
        box-shadow: none;
    }

.has-error .input-group-addon
{
    color: #f44336;
    background-color: #f44336;
    border-color: #f44336;
}

.has-error .form-control-feedback
{
    color: #f44336;
}

input,
select
{
    height: 35px;
    border-radius: 3px;
    padding-left: 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #BDC4C9;
    box-shadow: inset 0px 1px 0px #F1F0F1;
}
/* Form Control */
.form-control
{
    height: 35px;
    border-radius: 3px;
    padding-left: 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #BDC4C9;
    display: block;
    box-shadow: inset 0px 1px 0px #F1F0F1;
}

    .form-control:focus, 
    .form-control[disabled],
    .form-control[readonly]
    {
        background: #f7f7f7;
        border-color: #BDC4C9;
        box-shadow: none;
    }

.form-label
{
    font-weight: 500;
}
/* Fieldset Form */
.fieldset-form fieldset
{
    padding: 20px;
    margin: 0 2px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding-top: 10px;
}

.fieldset-form legend
{
    width: auto;
    padding: 0px 10px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: inherit;
    color: #333;
    border: 0;
    font-weight: 600;
    border-bottom: none;
}
/* Form Control Line */
.form-control-line
{
    border-left: 0;
    border-top: 0;
    border-right: 0;
    padding-left: 0;
    border-radius: 0;
    box-shadow: none;
}

    .form-control-line:focus
    {
        border-top: 0;
        background: none;
        border-color: #666;
    }
/* Form Control Radius */
.form-control-radius
{
    border-radius: 999px;
}
/* Form Group */
.form-group
{
    margin-bottom: 18px;
}
/* Form Inline */
.form-inline label
{
    margin-right: 5px;
}

.form-inline .checkbox-inline,
.form-inline .radio-inline
{
    padding-left: 0;
    margin-right: 5px;
}

    .form-inline .checkbox-inline label,
    .form-inline .radio-inline label
    {
        padding-left: 5px;
    }

.form-inline .form-group
{
    padding-right: 10px;
}
/* Input Group Addon */
.input-group-addon
{
    background: #f7f7f7;
    border-color: #BDC4C9;
    font-weight: 600;
    padding-left: 17px;
    padding-right: 17px;
}
/* Input Control Sizing */
.input-sm
{
    height: 30px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg
{
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px;
}
/* breadcrumb */
.breadcrumb
{
    background: none;
    padding: 0;
    margin: 0;
    font-weight: 600;
}

    .breadcrumb .active
    {
        font-weight: normal;
        color: #999;
    }
/* Dropdown Menu */
.dropdown-menu
{
    min-width: 100px;
    font-size: inherit;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
}

.dropdown-header
{
    font-weight: normal;
    text-transform: uppercase;
    font-size: 10px;
    padding-left: 15px;
    font-family: 'Montserrat', sans-serif;
    padding-top: 5px;
}

.dropdown-menu li
{
    position: relative;
}

.dropdown-menu > li > a
{
    padding: 9px 20px;
    color: #3D464D;
}

.dropdown-menu .divider
{
    margin: 4px 0;
}

.dropdown-menu-list li a
{
    padding-left: 40px;
}

.dropdown-menu-list .badge
{
    right: 20px;
    font-weight: normal;
    margin-left: 5px;
    padding: 2px 6px;
    font-size: 11px;
}

.dropdown-menu-list .falist
{
    position: absolute;
    left: 15px;
    top: 11px;
    font-size: 15px;
}

#editor
{
    max-height: 250px;
    height: 250px;
    background-color: white;
    border-collapse: separate;
    border: 1px solid #cccccc;
    padding: 4px;
    box-sizing: content-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    overflow: scroll;
    outline: none;
}

#voiceBtn
{
    width: 20px;
    color: transparent;
    background-color: transparent;
    transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    border: transparent;
    cursor: pointer;
    box-shadow: none;
    -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"]
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-menu a
{
    cursor: pointer;
}
/* Tabs */
.tab-content
{
    background: #fff;
    padding: 20px;
}

.nav-tabs
{
    border-bottom: none;
    background: #E9E9E9;
    padding: 0;
}

    .nav-tabs > li
    {
        float: left;
        margin-bottom: -1px;
        margin-right: -2px;
    }

        .nav-tabs > li > a
        {
            margin-right: 2px;
            line-height: 1.42857143;
            color: inherit;
            border: none;
            border-radius: 0;
        }

            .nav-tabs > li > a:hover
            {
                border-color: none;
                background: rgba(0, 0, 0, 0.1);
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus
        {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: none;
            border-bottom-color: transparent;
        }

.nav-pills
{
    padding-bottom: 10px;
}

    .nav-pills > li
    {
        float: left;
    }

        .nav-pills > li > a
        {
            border-radius: 3px;
            padding: 4px 10px;
        }

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

        .nav-pills > li.active > a,
        .nav-pills > li.active > a:hover,
        .nav-pills > li.active > a:focus
        {
            color: #fff;
            background-color: #6EC498;
        }

.nav-stacked li
{
    width: 100%;
    display: block;
}

.nav-justified
{
    padding: 0;
    margin-bottom: -1px;
    border-bottom: none;
}

@media (min-width: 768px)
{
    .nav-tabs.nav-justified > li > a
    {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified > li > a
{
    border-radius: 0px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus
{
    border: none;
}

@media (min-width: 768px)
{
    .nav-tabs.nav-justified > li > a
    {
        border-bottom: 1px solid #fff;
        border-radius: none;
    }
}

.nav-line
{
    border-bottom: none;
    background: none;
    padding: 0;
}

    .nav-line > li
    {
        float: left;
        margin-bottom: -1px;
    }

        .nav-line > li > a:hover
        {
            border-color: none;
            background: none;
            border-bottom: 3px solid #e4e4e4;
            color: #37363e;
        }

        .nav-line > li.active > a,
        .nav-line > li.active > a:hover,
        .nav-line > li.active > a:focus
        {
            color: inherit;
            cursor: default;
            background-color: transparent;
            border-bottom: 3px solid #6EC498;
        }

.nav-icon .fa
{
    font-size: 16px;
    color: inherit;
}

.nav-pills > li > a
{
    border-radius: 3px;
    padding: 4px 14px;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li
{
    float: none;
    margin: 0;
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a
    {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-tabs
{
    float: left;
    margin-right: 29px;
}

.tabs-right > .nav-tabs
{
    float: right;
    margin-left: 29px;
    text-align: right;
}

.tabcolor5-bg li a,
.tabcolor6-bg li a,
.tabcolor7-bg li a,
.tabcolor8-bg li a,
.tabcolor9-bg li a,
.tabcolor10-bg li a
{
    color: #fff;
}

.tabcolor5-bg
{
    background: #6EC498;
}

.tabcolor6-bg
{
    background: #3f51b5;
}

.tabcolor7-bg
{
    background: #558b2f;
}

.tabcolor8-bg
{
    background: #00b8d4;
}

.tabcolor9-bg
{
    background: #ff6d00;
}

.tabcolor10-bg
{
    background: #f44336;
}
/* Panels */
.panel
{
    box-shadow: none;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.panel-footer
{
    margin: -20px;
    margin-top: 0px;
    background: #f9f9f9;
}

.panel-transparent
{
    background: none;
    border: none;
}

    .panel-transparent .panel-title
    {
        background: none;
        border: none;
    }

.panel-default > .panel-heading
{
    background-color: #FFFFFF;
    background-image: none;
    border-bottom: 0;
    color: #6EC498;
}

.panel-default > .panel-heading i
{
    font-size: 1.2em;
    color: #6EC498;
    padding-right: 5px;
}

.panel-title
{
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 16px 20px;
    margin: -20px;
    background: #fff;
    margin-bottom: 5px;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body,
.panel-heading
{
    padding: 0;
    color: inherit;
    background-color: transparent;
    border-color: none;
}

.panel-heading
{
    background: transparent;
    border-bottom: transparent;
}

.panel .badge
{
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    padding: 4px 10px;
    margin-left: 5px;
    font-weight: normal;
}

.panel-footer
{
    background: rgba(0, 0, 0, 0.01);
    border-top: 1px solid inherit;
}

.panel-title .badge
{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
}

.panel-heading
{
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: 300;
}

.panel .list-group
{
    margin: -20px;
    margin-top: 20px;
    background: transparent;
}

    .panel .list-group li
    {
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-left: 0;
        background: transparent;
        border-right: 0;
    }

.panel .list-group-item:first-child
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel .list-group-item:last-child
{
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 0;
}
/* Panel Collapse */
.panel-collapse
{
    padding-bottom: 0;
}

    .panel-collapse .panel-title
    {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .panel-collapse .panel-body
    {
        padding: 10px 0 20px 0;
    }
/* Panel widget */
.panel-widget
{
    overflow: hidden;
    border: none;
}
/* Panel Default */
.panel-default
{
    border-color: #ddd;
}

    .panel-default .badge
    {
        color: inherit;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .panel-default .list-group
    {
        margin: -20px;
        margin-top: 20px;
    }

        .panel-default .list-group li
        {
            border: 1px solid #ddd;
            border-left: 0;
            border-right: 0;
        }

    .panel-default .list-group-item:first-child
    {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .panel-default .list-group-item:last-child
    {
        margin-bottom: 0;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom: 0;
    }
/* Panel Primary */
.panel-primary
{
    border-color: #6EC498;
    background: #6EC498;
    color: #fff;
}

    .panel-primary > .panel-heading
    {
        color: inherit;
        background: transparent;
        border-bottom: transparent;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body
        {
            border-top-color: #6EC498;
        }

    .panel-primary .panel-title
    {
        color: #fff;
        background: #6EC498;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .panel-primary .panel-footer
    {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.04);
    }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body
    {
        border-bottom-color: #6EC498;
    }
/* Panel Success */
.panel-success
{
    border-color: #558b2f;
    background: #558b2f;
    color: #fff;
}

    .panel-success > .panel-heading
    {
        color: inherit;
        background: transparent;
        border-bottom: transparent;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body
        {
            border-top-color: #558b2f;
        }

    .panel-success .panel-title
    {
        color: #fff;
        background: #558b2f;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .panel-success .panel-footer
    {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.04);
    }

    .panel-success > .panel-footer + .panel-collapse > .panel-body
    {
        border-bottom-color: #558b2f;
    }
/* Panel Info */
.panel-info
{
    border-color: #00b8d4;
    background: #00b8d4;
    color: #fff;
}

    .panel-info > .panel-heading
    {
        color: inherit;
        background: transparent;
        border-bottom: transparent;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body
        {
            border-top-color: #00b8d4;
        }

    .panel-info .panel-title
    {
        color: #fff;
        background: #00b8d4;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .panel-info .panel-footer
    {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.04);
    }

    .panel-info > .panel-footer + .panel-collapse > .panel-body
    {
        border-bottom-color: #00b8d4;
    }
/* Panel Warning */
.panel-warning
{
    border-color: #ff6d00;
    background: #ff6d00;
    color: #fff;
}

    .panel-warning > .panel-heading
    {
        color: inherit;
        background: transparent;
        border-bottom: transparent;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body
        {
            border-top-color: #ff6d00;
        }

    .panel-warning .panel-title
    {
        color: #fff;
        background: #ff6d00;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .panel-warning .panel-footer
    {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.04);
    }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body
    {
        border-bottom-color: #ff6d00;
    }
/* Panel Danger */
.panel-danger
{
    border-color: #f44336;
    background: #f44336;
    color: #fff;
}

    .panel-danger > .panel-heading
    {
        color: inherit;
        background: transparent;
        border-bottom: transparent;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body
        {
            border-top-color: #f44336;
        }

    .panel-danger .panel-title
    {
        color: #fff;
        background: #f44336;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .panel-danger .panel-footer
    {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.04);
    }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body
    {
        border-bottom-color: #f44336;
    }
/* Panel Dark */
.panel-dark
{
    border-color: #333;
    background: #333;
    color: #fff;
}

    .panel-dark > .panel-heading
    {
        color: inherit;
        background: transparent;
        border-bottom: transparent;
    }

        .panel-dark > .panel-heading + .panel-collapse > .panel-body
        {
            border-top-color: #333;
        }

    .panel-dark .panel-title
    {
        color: #fff;
        background: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .panel-dark .panel-footer
    {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.04);
    }

    .panel-dark > .panel-footer + .panel-collapse > .panel-body
    {
        border-bottom-color: #333;
    }
/* Panel Tools */
.panel-tools
{
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    right: 16px;
    top: 13px;
    text-transform: none;
    font-weight: 600;
    font-size: inherit;
    z-index: 1;
}

    .panel-tools li
    {
        display: inline-block;
    }

    .panel-tools a
    {
        padding: 3px 8px;
        display: block;
        color: inherit;
        border-radius: 3px;
    }

        .panel-tools a:hover
        {
            color: rgba(0, 0, 0, 0.6);
            background: rgba(0, 0, 0, 0.09);
        }

    .panel-tools .icon
    {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        border-radius: 3px;
        cursor: pointer;
    }

        .panel-tools .icon a
        {
            color: rgba(0, 0, 0, 0.4);
        }

    .panel-tools .dropdown-menu
    {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        font-size: 13px;
    }

        .panel-tools .dropdown-menu li
        {
            display: list-item;
        }

        .panel-tools .dropdown-menu a
        {
            display: block;
        }

.panel-search
{
    margin: -20px;
    padding: 15px 20px;
    position: relative;
    color: #333;
    display: none;
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .panel-search input
    {
        background: #fff;
        border-radius: 999px;
        padding-left: 35px;
    }

        .panel-search input:focus
        {
            background: #fff;
        }

    .panel-search .icon
    {
        position: absolute;
        left: 35px;
        top: 25px;
    }

.panel-fullsize
{
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 9999;
}

.panel-tools-hover
{
    display: none;
}

.panel:hover .panel-tools-hover
{
    display: block;
}

.panel-title .titleicon
{
    margin-right: 10px;
}

.panel-closed .panel-title
{
    margin-bottom: -20px;
}

.panel-closed .panel-body
{
    display: none;
}
/* Widget Tools */
.widget-tools
{
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    right: 15px;
    top: 13px;
    text-transform: none;
    font-weight: 600;
    font-size: inherit;
    z-index: 1;
}

    .widget-tools li
    {
        display: inline-block;
    }

    .widget-tools a
    {
        padding: 3px 8px;
        display: block;
        color: inherit;
        border-radius: 3px;
    }

        .widget-tools a:hover
        {
            color: rgba(0, 0, 0, 0.6);
            background: rgba(0, 0, 0, 0.09);
        }

    .widget-tools .icon
    {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        border-radius: 3px;
        cursor: pointer;
    }

        .widget-tools .icon a
        {
            color: rgba(0, 0, 0, 0.4);
        }

    .widget-tools .dropdown-menu
    {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        font-size: 13px;
    }

        .widget-tools .dropdown-menu li
        {
            display: list-item;
        }

        .widget-tools .dropdown-menu a
        {
            display: block;
        }

.widget-fullsize
{
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 9999;
}

.widget-tools-hover
{
    display: none;
}

.widget:hover .widget-tools-hover
{
    display: block;
}
/* Modals */
.modal
{
    z-index: 99999;
}

.modal-sm
{
    max-width: 400px;
}

.modal-lg
{
    min-width: 90%;
}

.modal .close
{
    width: 26px;
    border-radius: 4px;
    font-size: 23px;
    background: #ccc;
    color: #000;
    text-shadow: none;
    opacity: 0.4;
    outline: 0;
}

    .modal .close:hover
    {
        opacity: 0.6;
    }

.modal-title
{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.modal-content
{
    box-shadow: 2px 2px 2px red;
}

.modalicon
{
    background: #fff;
    border-radius: 3px;
    text-align: center;
    height: 300px;
    display: table-cell;
    width: 100%;
    position: relative;
    vertical-align: middle;
    border: 2px solid #e2e2e2;
}

    .modalicon img
    {
        border-radius: 3px;
    }

    .modalicon:hover
    {
        border-color: #ccc;
    }

.progress
{
    height: 18px;
    background: rgba(0, 0, 0, 0.15);
    box-shadow: none;
}

.progress-bar
{
    background: #6EC498;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
}

.progress-bar-success
{
    background: #558b2f;
}

.progress-bar-info
{
    background: #00b8d4;
}

.progress-bar-warning
{
    background: #ff6d00;
}

.progress-bar-danger
{
    background: #f44336;
}

.progress-bar-transparent
{
    background: transparent;
    color: inherit;
}

.progress-small
{
    height: 9px;
}

.progress-large
{
    height: 26px;
}

.progress-extralarge
{
    height: 36px;
}
/* Table */
.table
{
    margin: 0;
}

.table-hover > tbody > tr:hover
{
    background-color: #EFF7FF;
}

thead
{
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #37363e;
}

    thead .fa
    {
        font-size: 16px;
        margin: 0;
    }

table td
{
    display: table-cell;
    vertical-align: middle;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
    padding: 15px;
    line-height: 1.7;
}

.doc-grid
{
    padding: 10px 20px;
}

    .doc-grid div
    {
        border: 1px solid #ccc;
        text-align: center;
        font-size: 16px;
        padding: 20px 0;
        background: #fff;
    }
/* =================================================================================
Widgets
================================================================================= */
.widget
{
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    position: relative;
}

    .widget .widget-title
    {
        color: #37363e;
        font-size: 12px;
        font-weight: bold;
        padding: 16px 20px;
        background: #fff;
        margin-bottom: 5px;
        border-bottom: none;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        margin: -20px;
        margin-bottom: 20px;
    }

        .widget .widget-title h5
        {
            font-size: 12px;
            z-index: 1;
            margin: 0;
            color: #000;
        }

        .widget .widget-title h2
        {
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            margin: 0;
            font-weight: bold;
            text-transform: uppercase;
        }

.widget-inline-list
{
    display: block;
    padding-left: 0;
    color: #000;
}

    .widget-inline-list li
    {
        display: block;
        float: left;
        text-align: center;
        padding: 15px 0;
    }

        .widget-inline-list li span
        {
            font-size: 18px;
            display: block;
            color: inherit;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
        }

    .widget-inline-list .chart
    {
        display: block;
        margin-top: 5px;
    }

    .widget-inline-list .col-1
    {
        width: 8.3333333%;
    }

    .widget-inline-list .col-2
    {
        width: 16.666666%;
    }

    .widget-inline-list .col-3
    {
        width: 25%;
    }

    .widget-inline-list .col-4
    {
        width: 33.333333%;
    }

    .widget-inline-list .col-6
    {
        width: 50%;
    }

    .widget-inline-list .col-12
    {
        width: 100%;
    }
/* Chart with Stats */
.chart-with-stats
{
    padding: 0;
}

    .chart-with-stats .right
    {
        background: rgba(255, 255, 255, 0.8);
        min-width: 150px;
        position: absolute;
        text-align: center;
        right: 0;
    }

        .chart-with-stats .right .title
        {
            left: 0;
            right: 0;
            text-align: center;
            padding-bottom: 14px;
        }

    .chart-with-stats .bigchart
    {
        height: 300px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 70px;
    }

    .chart-with-stats .top-label
    {
        position: absolute;
        right: 170px;
        top: 20px;
        background: #f2f2f2;
        border-radius: 3px;
        text-align: right;
        padding: 10px 20px;
    }

        .chart-with-stats .top-label h2
        {
            font-family: 'Montserrat', sans-serif;
            margin: 0;
            font-weight: bold;
            color: #37363e;
            font-size: 28px;
        }

        .chart-with-stats .top-label h4
        {
            font-size: 13px;
            margin: 0;
            opacity: 0.7;
            color: #000;
        }

    .chart-with-stats .title
    {
        font-family: 'Montserrat', sans-serif;
        color: #000;
        font-weight: bold;
        position: absolute;
        left: 20px;
        top: 0px;
        font-size: 13px;
        z-index: 1;
        margin-bottom: 0;
        padding: 0;
    }

        .chart-with-stats .title small
        {
            display: block;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            margin-top: 4px;
        }

    .chart-with-stats .widget-inline-list
    {
        position: absolute;
        opacity: 0.9;
        top: 50px;
        bottom: 0;
    }

        .chart-with-stats .widget-inline-list span
        {
            color: #37363e;
        }

        .chart-with-stats .widget-inline-list li
        {
            margin-bottom: 20px;
        }

.chart-on-bottom
{
    width: 100%;
    position: absolute;
    left: -20px;
    right: -2px;
    bottom: -2px;
}
/* Social Box */
.socialbox .text
{
    font-size: 20px;
    color: #fff;
    line-height: 1.6em;
    font-weight: 300;
}

.socialbox .text-info
{
    color: #fff;
    opacity: 0.7;
}

.socialbox .logo
{
    color: #fff;
    font-size: 28px;
    left: 20px;
    bottom: 20px;
    position: absolute;
}

.socialbox .info
{
    color: #fff;
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 15px;
    padding: 0;
}

    .socialbox .info .fa
    {
        margin-right: 4px;
    }

    .socialbox .info li
    {
        display: inline;
        padding-left: 10px;
    }
/* Profile Widget */
.profile-widget
{
    padding: 0;
    padding-top: 40px;
    color: #fff;
    text-align: center;
    background: url(../img/socialbg.jpg);
    background-size: cover;
}

    .profile-widget .profile-image
    {
        width: 115px;
        height: 115px;
        border: 4px solid #fff;
        border-radius: 999px;
        margin-bottom: 10px;
    }

    .profile-widget .btn
    {
        background: #fff;
        color: #37363e;
    }

        .profile-widget .btn:hover
        {
            opacity: 0.9;
        }

    .profile-widget h1
    {
        color: #fff;
        margin: 0;
        font-size: 26px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
        font-weight: 300;
    }

    .profile-widget .stats
    {
        color: #fff;
        padding: 12px 0;
        position: absolute;
        bottom: -20px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.4);
    }

        .profile-widget .stats span
        {
            color: #fff;
        }
/* Basic List */
.basic-list
{
    margin-bottom: 0;
    padding: 0;
}

    .basic-list li
    {
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        padding: 11px 0;
    }

        .basic-list li:last-child
        {
            border-bottom: none;
        }

    .basic-list .right
    {
        position: absolute;
        right: 0;
        display: inline-block;
        padding: 3px 6px;
        font-weight: 600;
    }
/* Image List */
.image-list li
{
    padding-left: 50px;
}

.image-list .img
{
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    border-radius: 999px;
}

.image-list .desc
{
    font-size: 12px;
    opacity: 0.8;
    display: block;
}
/* Blog Post */
.blog-post .image-div
{
    border-radius: 3px;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}

    .blog-post .image-div a
    {
        color: #fff;
    }

        .blog-post .image-div a:hover
        {
            opacity: 0.8;
        }

.blog-post .image
{
    width: 100%;
    min-height: 100px;
    border-radius: 3px;
    top: 0;
    opacity: 0.2;
}

.blog-post .title
{
    position: absolute;
    top: 0;
    color: #fff;
    padding: 10px;
    margin: 0;
    line-height: normal;
    font-size: 34px;
    font-weight: 300;
}

.blog-post .author
{
    position: relative;
    padding-left: 50px;
    border-top: 1px solid #ededed;
    padding-top: 20px;
    margin-top: 15px;
    margin-bottom: 0;
}

    .blog-post .author img
    {
        width: 40px;
        height: 40px;
        border-radius: 999px;
        position: absolute;
        left: 0;
    }

    .blog-post .author .text
    {
        margin-bottom: 20px;
    }

    .blog-post .author span
    {
        display: block;
        color: #37363e;
        font-weight: 600;
    }
/* Quick Menu */
.quick-menu
{
    padding: 0;
    background: #f1f1f1;
    margin-bottom: 10px;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
}

    .quick-menu .label
    {
        position: absolute;
        padding: 4px 6px;
        top: -10px;
        right: 10px;
    }

    .quick-menu li
    {
        display: block;
        text-align: center;
        padding: 0;
        position: relative;
        font-size: 13px;
    }

        .quick-menu li .fa
        {
            display: block;
            font-size: 28px;
            margin-bottom: 5px;
            opacity: 0.8;
        }

    .quick-menu a
    {
        color: #000;
        display: block;
        padding: 18px 0;
    }

        .quick-menu a .fa
        {
            color: #6EC498;
        }

        .quick-menu a:hover
        {
            background: rgba(0, 0, 0, 0.03);
            color: #37363e;
        }
/* Widget Map */
.gmaps,
.gmaps-panaroma
{
    height: 300px;
    background: #6699cc;
    border-radius: 3px;
}

.gmaps-overlay
{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    opacity: 0.8;
    background: #4477aa;
    border: solid 3px #336699;
    border-radius: 4px;
    box-shadow: 2px 2px 10px #333;
    text-shadow: 1px 1px 1px #666;
    padding: 0 4px;
}

.gmaps-overlay_arrow
{
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute;
}

    .gmaps-overlay_arrow.above
    {
        bottom: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 16px solid #336699;
    }

    .gmaps-overlay_arrow.below
    {
        top: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #336699;
    }
/* widget table-dic */
.table-dic .fa
{
    text-shadow: none;
    color: #6EC498;
    font-size: 20px;
    margin-right: 8px;
}

.table-dic .type
{
    font-size: 11px;
    opacity: 0.7;
}


/* MAIN MENU */
#main-menu
{
    height: 60px;
    z-index: 1000;
    text-shadow: none;
    top: 0;
    background: #fff;
    position: fixed;
    width: 100%;
    -moz-box-shadow: 0px 1px 6px -2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 6px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 6px -2px rgba(0, 0, 0, 0.3);
}

    #main-menu .logo
    {
        color: #399bff;
        font-weight: bold;
        letter-spacing: -0.04em;
        padding-top: 20px;
        padding-left: 30px;
    }

    #main-menu .menu
    {
        text-align: right;
        margin: 0;
        padding-right: 30px;
        padding-top: 10px;
    }

        #main-menu .menu li
        {
            display: inline;
            padding-left: 22px;
            font-size: 16px;
        }

        #main-menu .menu a
        {
            color: #455964;
        }

            #main-menu .menu a:hover
            {
                text-decoration: none;
                color: #6EC498;
            }

        #main-menu .menu .btn
        {
            margin: 0;
            color: #6EC498;
            padding: 7px 15px;
        }

        #main-menu .icon-bar {
            background-color: #6EC498;
        }

#top .menu .btn:hover
{
    color: #6EC498;
}


/* SEARCH TOOLBOX
-------------------------------------------------------------------*/
#search-toolbox
{
    width: 100%;
    padding: 15px 0px 0px 0px;
    background-image: url("/Images/cubes.png");
    background-color: #f7f7f7;
    border-bottom: 1px solid #cdcdcd;
}


/* Quick Search Toolbox */
#quick-search
{
    padding-top: 25px;
}

    #quick-search a
    {
        color: #000;
    }

        #quick-search a:hover
        {
            color: #6EC498;
            text-decoration: underline;
        }

    #quick-search .basic-list
    {
        padding: 2px 2px;
        border: 0px;
    }

        #quick-search .basic-list li
        {
            padding: 2px 0px;
        }

    #quick-search .panel {
        padding: 5px 5px;
    }


/* Job In Focus */
#job-in-focus
{
    
}
    #job-in-focus li
    {
        font-size: 1.1em; 
    }

    #job-in-focus a
    {
        color: #6EC498;
    }

    #job-in-focus a:hover
    {
        color: #5cc7b2;
        text-decoration:underline;
    }

/* 15. FOOTER
-------------------------------------------------------------------*/

#prefooter {
	background: #37363e;
	padding: 25px 0;
}

	#prefooter h2 {
		color: #fff;
		margin-bottom: 25px;
	}

	/* 15.1. NEWSLETTER
	---------------------------------------------------------------*/

	#newsletter .form-control {
		border: 0;
		border-radius: 3px 0 0 3px;
		height: 35px;
		width: 330px;
	}

	#newsletter .btn {
		border-radius: 0 3px 3px 0;
		left: -2px;
		position: relative;
	}

	/* 15.2. SOCIAL NETWORKS
	---------------------------------------------------------------*/

	#social-networks {
		text-align: right;
	}

		#social-networks a {
			margin: 0 0 0 5px;
		}

		#social-networks h2 {
			/*margin-bottom: 25px;*/
		}

			#social-networks h2::after {
				position: absolute;
				right: 15px;
			}

	/* 15.3. CREDITS
	---------------------------------------------------------------*/

	#credits {
		background: #37363e;
		padding: 20px 0;
        color: #ffffff;
        font-size: 0.8em;
	}

    #credits .text-label {
        color: #ccc;
    }

/* Jobs */
#jobs {
    
}


.jobs {
	
}

	.jobs a {
		border-bottom: 1px solid #e7e7e7;
		color: #888;
		display: block;
		float: left;
		padding: 12px;
		position: relative;
		overflow: hidden;
		width: 100%;
	}

		.jobs a:nth-child(2n) {
			background: #f8f8f8;
		}

		.jobs a:hover {
			background: #f2f2f2;
		}

        .jobs a .hot {
            background: #F6E002;
			display: block;
			height: 60px;
			right: -30px;
			position: absolute;
			top: -30px;
			width: 60px;
			-webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    transform: rotate(45deg);
		}

        .jobs a .premium {
            display: block;
            position: absolute;
            right: -5px;
            top: 5px;
            font-size: 14px;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
		}
    
    .jobs img,
	.jobs .title,
    .featured-job img,
	.featured-job .title {
		float: left;
	}

    .jobs .data {
		float: right;
	}

    .jobs .featured {
		margin-left: 15px;
	}

	.jobs h5,
	.jobs p,
	#sidebar .featured-job h5
	#sidebar .featured-job p {
		margin: 0;
	}

	.jobs span {
        float: left;
		display: inline-block;
		padding: 5px 10px 0 10px;
	}

	.jobs i,
	.featured-job i {
		margin-right: 10px;
	}

    .jobs .employer {
		width: 250px;
	}
        .jobs .employer i,
		.featured-job .employer i {
			color: #c3e7da;
		}

	.jobs .city {
		width: 130px;
	}

		.jobs .city i,
		.featured-job .city i {
			color: #c3e7da;
		}

	.jobs .type {
		width: 150px;
	}

		.jobs .full-time i,
		.featured-job .full-time i {
			color: #6ecf26;
		}

		.jobs .part-time i,
		.featured-job .part-time i {
			color: #ff6c00;
		}

		.jobs .freelance i,
		.featured-job .freelance i {
			color: #72d2ff;
		}

	.jobs .sallary {
		width: 80px;
	}

	.jobs .experience {
		width: 100px;
	}

		.jobs .sallary i,
		.featured-job .sallary i,
		.jobs .experience i,
		.featured-job .experience i {
			color: #c3e7da;
		}

	.jobs .hidden-job {
		display: none;
	}

    .job h2 {
		margin: 0;
	}

		.job h2::after {
			display: none;
		}

	.meta {
		margin: 0.5em 0 2em;
	}

		.meta span {
			margin-right: 20px;
		}

		.meta i {
			color: #c3e7da;
			margin-right: 5px;
		}

		.job .meta::after {
			background: #c3e7da;
			content: "";
			display: block;
			height: 5px;
			margin-top: 10px;
			width: 60px;
		}


.job {
    
}

.job-meta{
  text-align: right;  
}

.job-badge {
    
}

.job-meta .job-location {
    display:block;
}

.job-meta .job-type {
    display:block;
    font-size: 0.8em;
}

.job-listing
{
    border-top: 1px solid #e4e4e4;
    padding: 15px 15px;
    position:relative;
}

    .job-listing .job-title {
        font-size: 1.2em;
    }

     .job-listing .job-employer {
        font-size: 1em;
    }

.job-title {
    font-size: 1.2em;
    padding-bottom: 2px;
    font-weight: 300;
    color: #6EC498;
}


.job-employer{
    font-size: 1.2em;
}

.job-detail{
    
}

.job-value {
    padding-bottom: 5px;
    display: inline-block;
}

.job-field {
    border-right: 1px #6EC498 dotted;
    font-size: 10px;
    padding-right: 7px;
    margin-right: 7px;
}

.job-detail .field {
    font-size: 0.8em;
}

.job .field {
    font-weight: normal;
}

.job .data{
    font-size: 1.2em;
}

.job .job-details {
    font-size: 1.2em;
    font-weight: 400;
    padding-bottom: 3px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 15px;
}

    .job .job-details span
    {
        padding-right: 10px;
    }

.job .fa {
    color: #6EC498;
    font-size: 1em;
    padding-right: 3px;
}



.job-date-posted {
    float: right;
}

/* Landscape phones and down */
@media (max-width: 603px) { 
    body    {
        font-size: 12px;
    }

    .home-header{
        background-color: #f2f2f2;
        background-image: none;
    }

    .style_one {
        display: none;
    }

    .job-meta {
       text-align: left;
    }
}


/* 4.4. SHARING LINKS
	---------------------------------------------------------------*/

	#widget-share ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#widget-share ul li {
			float: left;
			margin-right: 10px;
		}

			#widget-share ul li a {
				background: #6EC498;
				border-radius: 50%;
				color: #fff;
				display: block;
				font-size: 18px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				width: 40px;
			}

				#widget-share ul li a:hover {
					background: #c3e7da;
				}


#widget-advertiser ul {
		line-height: 2em;
		list-style: none;
		margin: 0;
		padding: 0;
	}
        #widget-advertiser .field {
            float: left;
            width: 25%;
            color: #8cd1b8;
            font-size: 14px;
        }

		#widget-advertiser ul li i {
			color: #8cd1b8;
			width: 25px;
		}

#widget-advertiser-jobs ul {
		line-height: 2em;
		list-style: none;
		margin: 0;
		padding: 0;
	}
        #widget-advertiser-jobs .field {
            float: left;
            width: 25%;
            color: #8cd1b8;
            font-size: 14px;
        }

		#widget-advertiser-jobs ul li i {
			color: #8cd1b8;
			width: 25px;
		}

.sidebar-links li a
{
    background: url(/images/bullet.png) no-repeat 10px 18px;
    border-bottom: 1px solid #e7e7e7;
    display: block;
    padding: 10px 10px 10px 25px;
}

/* 7. PARALLAX
-------------------------------------------------------------------*/

.parallax {
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

	.parallax .tint {
		background: #000;
		height: 100%;
		left: 0;
		opacity: 0.7;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.parallax h1 {
		color: #fff;
	}

/* 11. TESTIMONIALS
-------------------------------------------------------------------*/

#testimonials .owl-carousel {
	margin: 50px 0;
	text-align: left;
}

	#testimonials .owl-carousel blockquote {
		border: 0;
		color: #fff;
		font-size: 18px;
		font-style: italic;
		padding: 0;
	}

		#testimonials .owl-carousel blockquote footer {
			color: #c3e7da;
			font-style: normal;
			font-weight: bold;
		}

			#testimonials .owl-carousel blockquote footer::before {
				display: none;
			}

			#testimonials .owl-carousel blockquote footer cite {
				color: #fff;
				display: block;
				font-style: normal;
				font-weight: normal;
			}

#testimonials-long blockquote {
	border: 0;
	padding: 0;
}

.field-validation-error {
    color: #f44336;
}

/**File Browser **/
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file .fa {
    padding-left: 1px;
    color: #6EC498;
    font-size: 1.2em;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.checkbox {
    padding-left: 10px;
}

.checkbox input[type=checkbox]:checked ~ label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}
.checkbox label:after {
    padding-left: 4px;
    padding-top: 4px;
    font-size: 12px;
}

.btn-group .bootstrap-select .form-control{
    height: 34px;
    border-radius: 3px;
    padding: 6px 20px 6px 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #BDC4C9;
    box-shadow: inset 0px 1px 0px #F1F0F1;
}

.btn-inverse {
    height: 34px;
    border-radius: 3px;
    padding: 6px 20px 6px 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #BDC4C9;
    box-shadow: inset 0px 1px 0px #F1F0F1;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse:focus
    {
        color: #37363e;
        padding: 6px 20px 6px 10px;
    
    }


.chosen-container {
    border-radius: 3px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #BDC4C9;
    box-shadow: inset 0px 1px 0px #F1F0F1;
    padding: 1px;
 }

    .chosen-container .chosen-container-multi
    { 
        border: 0px;
    }

    .chosen-container-multi .chosen-choices {
        border: 0px;
    }
    .chosen-container-multi .chosen-choices li.search-field input[type='text'] {
        font-size: 13px;
        height: 28px;
        padding: 6px 0px 6px 0px;
    }


.required-field {
    border-color: #6ecf26;
}

.validation-summary-errors {
    border: 1px solid #f2dbdb;
    border-radius: 3px;
    padding: 3px;
    color: #f44336;
    margin-bottom: 2px;
}

/** SLIDE **/

.style_one{
	margin-top: 0%;
}
.style_one .camera_wrap {
    height: 400px;
}
.style_one h1{
	color: #fff;
	margin-bottom: 8px;
	text-shadow: 3px 3px 0 #000;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
	font-weight: 700;
}

.style_one h1 span{
	font-size: 55px;
	line-height: 65px;
	display: block;
}
.style_one h1 span span{
	padding-bottom: 20px;
	display: inline-block;
}
.style_one p.lead,
.style_one ul li
{
	color: #fff;
	margin-bottom: 30px;
	font-weight: 200;
	text-shadow: 3px 3px 0 #000;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
}
.style_one img{
	width: 100%;
}

.style_one .boxes-info{
	background: rgba(255,255,255,0.95);
}
.style_one .boxes-info p{
	text-shadow: none;
	color: #777;
}

.style_one a {
    color: #ffffff;
    text-decoration: underline;
}

.style_one a:hover{
    color: #fff;
    text-decoration: underline;
	
}

.style_one .btn {
    text-decoration: none;
    color: #6EC498;
    border: 1px solid #6EC498 !important;
    background-color: #fff;
}

.style_one .btn:hover {
    background-color: #e9faf7;
}

/** END OF SLIDE */


/* Sponsors -----------------------------------------------------*/

.featured-councils{
	background: url("../Images/councils/bg-featured-strip.jpg") no-repeat center center;
	position: relative;
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.overflow-councils{
	background-color: #131313;
	background: rgba(0,0,0, 0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.featured-councils h2{
	color: #6EC498;
	font-weight: normal;
	font-size: 26px;
}
.featured-councils h2 span{
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	margin: auto 10px;
}
.featured-councils li {
    color: transparent;
}
#councils{
	border-bottom: 1px solid #444;
	margin: 20px 0 20px 0;
	padding-bottom: 10px;
}

/** POPULAR JOBS **/
.paddings{
	padding: 0px 0;
}

.services {
    background-color: #fff;
}

.services h2{
	text-align: center;
}

.services a {
	font-size: 1.3em;
}

/* Title Heading ---------------------------------------------*/

.titles-heading{
	position: relative;	
	text-align: center;
}
.titles-heading h1{
	background-color: #fff;
	margin: 0 auto;
	width: 28%;
	font-size: 34px;
	padding: auto 20px;
	z-index: 2;
	position: relative;
}
.titles-heading h1 span{
	font-size: 14px;
	display: block;
	color: #777;
}
.titles-heading h1 i{
	font-size: 1.5em;
	margin: auto 10px;	
}
.titles-heading .line{
	height: 1px;
	z-index: 1;
	background-color: #dedede;
	width: 80%;
	left: 10%;
	position: absolute;
	top:48%;
}
.section-gray .titles-heading h1{
	background-color: #f7f7f7;
}
.line{
	height: 3px;
}


.border-right{
	border-right: 1px solid #dedede;
	padding-right: 15px;
}
.item-service{
	margin-bottom: 50px;	
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.head-service{
	margin-bottom: 15px;
}
.head-service h4, 
.head-service h5{
	padding: 0;
	margin: 0;
}
.head-service h5{
	line-height: 20px;
	font-style: italic;
}
.head-service i{	
	border-radius: 50%;
	font-size: 16px;
	width: 50px;
	height: 50px;
	padding-top: 14px;
	text-align: center;
}
.item-service:hover .head-service i{
	color: #fff;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    background-color: #6EC498;
    border-color: #ddd;
}

.email-content
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f4f4f4;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.email-content h1 {
    color: #6EC498;
}

.btn-subs {
    color: #455964 !important;
    background: #AED7C6 !important;
    padding: 7px 10px 7px 10px;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    border-radius: 4px;
    text-decoration: none !important;
}

    .btn-subs:hover {
        background: #455964 !important;
        color: #AED7C6 !important;
        cursor: pointer;
    }