@font-face {
    font-family: 'avalonnormal';
    src: url('../fonts/avalon_t.-webfont.woff') format('woff2'),
         url('../fonts/avalon_t.-webfont.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avalonbold';
    src: url('../fonts/avalonb-webfont.woff2') format('woff2'),
         url('../fonts/avalonb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{ margin:0; padding:0; font-size:14px; font-family: 'avalonnormal', sans-serif; color:#666; line-height:120%;}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0; font-family: 'avalonbold', sans-serif;}
h1 { font-size:24px; }
h2 { font-size:22px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:14px; }
a img { border:0 none; }
img{max-width:100%; height:auto;}
a{text-decoration:none !important; color:#ef7724;}
a:hover , a:focus { transition:all .5s; color:#691a32;}
button:hover { transition:all .5s;}
ul { margin:0; padding:0; list-style:none; }
.clear { clear:both; float:none; }
input:focus,select:focus,textarea:focus,button:focus , a:focus { outline: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none;}
::-moz-selection { background: #ef7724; color: #fff; text-shadow: none;}
::selection { background: #ef7724; color: #fff; text-shadow: none;}
/*************************/
.body-bg{background:url(../images/main-bg.jpg) #14131b no-repeat center top;}
.body-bg-login{background: linear-gradient(to bottom, rgba(238, 242, 245,0.8) ,rgba(227, 232, 236,0.1) ), url(../images/main-bg.jpg);}
@media (min-width:1360px){.body-bg{background-size:cover;}}
@media (max-width:767px){.body-bg{background:#000;}}
.form-control{
border-color:#e1e1e1; height:36px; box-shadow:inset 0 -1px 1px #ffffff; font-size:14px; color:#666;
background: #f2f2f2;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 50%, #e7e7e7 100%);
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 50%,#e7e7e7 100%);
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 50%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e7',GradientType=0 );
}
.form-control:focus{
border-color:#e1e1e1; box-shadow:none; background: #fafafa;
}

.login-page {
    color: #FFFFFF;
}
.logo-login{ max-width:450px; margin:65px auto 0; text-align:center;}
.logo-login img{ max-height:140px;}
.login-form{ background:#691a32; border-radius:10px; padding:65px 80px; max-width:560px; margin:100px auto; position:relative;}

.login-icon{ position:absolute; top:-53px; left:50%; margin-left:-53px; background:#691a32; border-radius:100%;
width:106px; height:106px; padding:5px;}
.login-form h3{ text-transform:uppercase;}
.login-form .form-control{ border-color:#000000; height:40px; box-shadow:inset 0 -1px 1px #3a3a3a; font-size:14px; color:#FFF;
text-transform:uppercase; padding-left:45px;
background: #181818;
background: -moz-linear-gradient(top,  #181818 0%, #1b1b1b 50%);
background: -webkit-linear-gradient(top,  #181818 0%,#1b1b1b 50%);
background: linear-gradient(to bottom,  #181818 0%,#1b1b1b 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#1b1b1b',GradientType=0 );
}
.login-form .form-control:focus{ border-color:#ef7724;}
.login-form .form-group{ position:relative;}
.login-form i{ position:absolute; color:#ef7724; font-size:20px; left:9px; top:9px;}
.login-form .btn{ font-size:16px; font-family: 'avalonbold', sans-serif; text-transform:uppercase;}
.login-form .btn-primary{ background: #ef7724; box-shadow:inset 0 -1px 1px #ef7724; border-color:#efa537;
background: -moz-linear-gradient(top,  #ef7724 0%, #efa537 100%);
background: -webkit-linear-gradient(top,  #ef7724 0%,#efa537 100%);
background: linear-gradient(to bottom,  #ef7724 0%,#efa537 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7724', endColorstr='#efa537',GradientType=0 );
}
.login-form .btn-primary:hover , .login-form .btn-primary:focus{ color:#333;  box-shadow:inset 0 -1px 1px #ffffff; border-color:#ededed;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.forgot-link{ text-transform:uppercase; display:table; margin:auto; color:#FFFFFF;}
.forgot-link:hover , .forgot-link:focus{ color:#ef7724;}
.copyr-ight{ font-size:14px; color:#999999; text-align:center; padding:20px 0; border-top:1px solid rgba(255,255,255,.07); margin-top:30px;}

@media (max-width:767px){
.logo-login{ margin:55px auto 0;}
.login-form{ padding:60px 30px 30px; margin:65px auto 45px;}

}
/***********************************************************/
/* =============== IMPROVED HEADER STYLES =============== */
header {
    padding: 10px 20px;
    box-shadow: 0 2px 20px rgba(0,0,0,.1);
    color: #2c3e50;
    position: relative;
    z-index: 1000;
    background: #ffffff;
    border-bottom: 3px solid #ef7724;
    transition: all 0.3s ease;
}

    /* Fixed header row layout */
    header .row {
        display: flex;
        align-items: center;
        margin: 0;
    }

    header .col-sm-3 {
        flex: 0 0 auto;
        padding: 0;
    }

    header .col-sm-9 {
        flex: 1;
        padding: 0;
        padding-left: 20px;
    }

/* Logo improvements */
.logo {
    display: flex;
    align-items: center;
}

    .logo img {
        transition: transform 0.3s ease;
    }

        .logo img:hover {
            transform: scale(1.05);
        }

/* Fixed right header section */
.r-ight-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    width: 100%;
    margin-top: 0; /* Remove margin-top */
    min-width: auto !important; /* Fix the min-width issue */
}

/* Remove float from header elements */
.call, .username, .add-user {
    float: none; /* Remove float */
    margin-left: 0; /* Remove margin-left */
}

.call {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #ef7724, #d4651f);
    color: white;
    padding: 8px 12px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(239, 119, 36, 0.3);
    white-space: nowrap;
}

    .call:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(239, 119, 36, 0.4);
        color: white;
        text-decoration: none;
    }

    .call i {
        font-size: 16px;
        margin-right: 6px;
    }

/* Username dropdown improvements */
.username {
    position: relative;
}

.username-pic img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #e0e6ed;
    transition: all 0.3s ease;
    object-fit: cover;
}

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

.username .btn {
    padding: 6px 10px;
    background: #f8f9fa;
    border: 2px solid #e0e6ed;
    color: #2c3e50;
    border-radius: 20px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.username:hover .btn, .username:focus .btn {
    color: #ef7724;
    border-color: #ef7724;
    background: rgba(239, 119, 36, 0.1);
}

.username:hover .username-pic img, .username:focus .username-pic img {
    border-color: #ef7724;
    transform: scale(1.05);
}

/* Add user button improvements */
.add-user {
    font-size: 18px;
    color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f8f9fa;
    border: 2px solid #e0e6ed;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
}

    .add-user:hover, .add-user:focus {
        color: white;
        background: linear-gradient(135deg, #ef7724, #d4651f);
        border-color: #ef7724;
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(239, 119, 36, 0.3);
        text-decoration: none;
    }

/* Search improvements */
.search {
    position: relative;
    flex-shrink: 0; /* Prevent search from shrinking */
}

    .search .input-group {
        display: flex;
    }

    .search .input-group-addon {
        padding: 0;
        background: none;
        border: none;
    }

    .search .btn {
        padding: 0 12px;
        height: 40px;
        border-radius: 0 20px 20px 0;
        border: 2px solid #ef7724;
        border-left: none;
        background: linear-gradient(135deg, #ef7724, #d4651f);
        color: #ffffff;
        font-size: 16px;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(239, 119, 36, 0.2);
    }

        .search .btn:hover, .search .btn:focus {
            background: linear-gradient(135deg, #d4651f, #b8571b);
            transform: translateY(-1px);
            box-shadow: 0 6px 20px rgba(239, 119, 36, 0.3);
        }

    .search .form-control {
        border: 2px solid #e0e6ed;
        height: 40px;
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
        font-size: 14px;
        color: #2c3e50;
        width: 200px;
        transition: all 0.3s ease;
        text-transform: none;
        border-right: none;
        background: white;
        border-radius: 20px 0 0 20px;
        padding-left: 16px;
    }

        .search .form-control::placeholder {
            color: #95a5a6;
            font-weight: 400;
        }

        .search .form-control:hover, .search .form-control:focus {
            width: 250px;
            border-color: #ef7724;
            box-shadow: 0 0 0 3px rgba(239, 119, 36, 0.1);
            outline: none;
        }

/* Dropdown menu improvements */
.dropdown-menu {
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    padding: 8px 0;
    margin-top: 8px;
    opacity: 90%;
}

    .dropdown-menu > li > a {
        padding: 12px 20px;
        color: #2c3e50;
        font-weight: 500;
        transition: all 0.2s ease;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #fff;
            background: linear-gradient(135deg, #ef7724, #d4651f);
            margin: 0 8px;
            border-radius: 8px;
        }

/* Clear fix */
.clear {
    display: none; /* Remove clear divs as we're using flexbox */
}

/* Responsive adjustments */
@media (max-width: 991px) {
    header .col-sm-9 {
        padding-left: 15px;
    }

    .r-ight-header {
        gap: 10px;
    }

    .search .form-control {
        width: 160px;
    }

        .search .form-control:hover, .search .form-control:focus {
            width: 200px;
        }
}

@media (max-width: 767px) {
    header {
        padding: 15px;
    }

        header .row {
            flex-direction: column;
            gap: 15px;
        }

        header .col-sm-3,
        header .col-sm-9 {
            flex: none;
            width: 100%;
            padding: 0;
        }

    .logo {
        justify-content: center;
    }

    .r-ight-header {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }

    .search {
        order: -1; /* Move search to top on mobile */
        width: 100%;
    }

        .search .form-control {
            width: calc(100% - 50px);
            max-width: none;
        }

            .search .form-control:hover, .search .form-control:focus {
                width: calc(100% - 50px);
            }

    .username .btn {
        padding: 8px 12px;
    }

    .username-pic img {
        width: 32px;
        height: 32px;
    }

    .add-user {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .r-ight-header {
        gap: 10px;
    }

    .call {
        padding: 6px 10px;
        font-size: 12px;
    }

        .call i {
            font-size: 14px;
            margin-right: 4px;
        }
}
.call{
    display: none !important;
}
/* =============== IMPROVED MENU STYLES =============== */
.menu {
    position: relative;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

    .menu .navbar {
        border-radius: 0;
        min-height: 55px;
        border: none;
    }

    .menu .navbar-default {
        background: linear-gradient(135deg, #2c3e50, #34495e);
        border: none;
    }

    .menu .nav > li > a {
        color: #ecf0f1;
        padding: 0 20px;
        margin: 15px 0;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        position: relative;
    }

        .menu .nav > li > a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 3px;
            bottom: -15px;
            left: 50%;
            background: linear-gradient(135deg, #ef7724, #d4651f);
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }

        .menu .nav > li > a:hover::after,
        .menu .nav > li > a.menu-active::after {
            width: 80%;
        }

    .menu .navbar-default .navbar-nav > li > a {
        color: #ecf0f1;
    }

        .menu .navbar-default .navbar-nav > li > a:focus,
        .menu .navbar-default .navbar-nav > li > a:hover {
            color: #ef7724;
            background: rgba(239, 119, 36, 0.1);
        }

    .menu .navbar-default .navbar-nav > li > .menu-active {
        color: #ef7724;
        background: rgba(239, 119, 36, 0.1);
    }

    .menu .navbar-nav > .open > a,
    .menu .navbar-nav > .open > a:focus,
    .menu .navbar-nav > .open > a:hover {
        background: rgba(239, 119, 36, 0.1);
        color: #ef7724;
    }

    .menu .nav .open > a,
    .menu .nav .open > a:focus,
    .menu .nav .open > a:hover {
        background-color: rgba(239, 119, 36, 0.1);
    }

    .menu .dropdown-menu {
        background: linear-gradient(135deg, #2c3e50, #34495e);
        border-radius: 12px;
        border: none;
        box-shadow: 0 10px 40px rgba(0,0,0,0.2);
        margin-top: 8px;
        padding: 8px 0;
    }

        .menu .dropdown-menu > li > a {
            color: #ecf0f1;
            font-size: 13px;
            text-transform: uppercase;
            padding: 12px 20px;
            font-weight: 500;
            letter-spacing: 0.3px;
            transition: all 0.3s ease;
        }

            .menu .dropdown-menu > li > a:focus,
            .menu .dropdown-menu > li > a:hover {
                background: linear-gradient(135deg, #ef7724, #d4651f);
                color: #ffffff;
                margin: 0 8px;
                border-radius: 8px;
                transform: translateX(4px);
            }

    .menu .icon-down-open-big {
        font-size: 12px;
        margin-left: 8px;
        transition: transform 0.3s ease;
    }

    .menu .dropdown.open .icon-down-open-big {
        transform: rotate(180deg);
    }

    /* Mobile toggle button */
    .menu .navbar-default .navbar-toggle {
        padding: 8px 12px;
        border: 2px solid #ef7724;
        border-radius: 8px;
        font-size: 20px;
        color: #ecf0f1;
        background: rgba(239, 119, 36, 0.1);
        transition: all 0.3s ease;
    }

        .menu .navbar-default .navbar-toggle:focus,
        .menu .navbar-default .navbar-toggle:hover {
            background: linear-gradient(135deg, #ef7724, #d4651f);
            color: white;
            transform: scale(1.05);
        }

    .menu .navbar-default .navbar-collapse,
    .menu .navbar-default .navbar-form {
        border: none;
    }

/* =============== RESPONSIVE IMPROVEMENTS =============== */
@media (max-width: 900px) {
    .call, .username, .add-user {
        margin-left: 15px;
    }

    .search .form-control {
        min-width: 160px;
    }

        .search .form-control:hover, .search .form-control:focus {
            min-width: 200px;
        }
}

@media (max-width: 767px) {
    header {
        padding: 15px;
    }

    .logo {
        margin-bottom: 15px;
        text-align: center;
        justify-content: center;
    }

    .r-ight-header {
        float: none;
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .username {
        float: left;
        margin-left: 0;
    }

    .add-user {
        float: right;
        margin-top: 10px;
        clear: both;
    }

    .search {
        float: left;
        max-width: 100%;
        margin-top: 10px;
        width: 100%;
    }

        .search .form-control {
            min-width: 100%;
            max-width: 100%;
        }

            .search .form-control:hover, .search .form-control:focus {
                min-width: 100%;
            }

    .menu .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
        background: transparent;
        margin: 0;
        border-radius: 0;
        transform: none;
    }

        .menu .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #ef7724;
            background: rgba(239, 119, 36, 0.1);
        }
}

@media (min-width: 768px) {
    .menu .navbar-nav {
        float: none;
        margin: auto;
        display: table;
    }

    .menu .nav > li > a {
        border-right: 1px solid rgba(255,255,255,0.1);
    }

    .menu .nav > li:last-child > a {
        border-right: none;
    }
}

/* =============== ANIMATIONS AND EFFECTS =============== */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-menu {
    animation: slideIn 0.3s ease;
}

.menu .dropdown-menu > li > a {
    position: relative;
    overflow: hidden;
}

    .menu .dropdown-menu > li > a::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        transition: left 0.5s ease;
    }

    .menu .dropdown-menu > li > a:hover::before {
        left: 100%;
    }

/* Loading states and micro-interactions */
.search .form-control:focus + .input-group-addon .btn {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}
/***************************/
@media (min-width:768px){.statistics{ margin:85px 0;}}
.statistic-list{ margin-bottom:30px;}
.statistic-info{ padding:25px; position:relative;}
.statistic-link{ color:#FFFFFF; display:block; font-size:17px; text-transform:uppercase; width:100%;
padding:12px; text-align:center;}
.statistic-info h1{ color:#FFFFFF; font-size:60px; line-height:100%; margin-bottom:15px;}
.statistic-info p{ color:#FFFFFF; font-size:18px; margin:0; font-family: 'avalonbold', sans-serif; position:relative; z-index:2;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  line-height: 120%;}
.statistic-pic{ display:block; position:absolute; top:25px; right:25px;}
.statistic-pic img{ width:100px; height:100px;}
@media (min-width:1200px) and (max-width:1359px){
.statistic-pic img{ width:80px; height:80px;}
}
.statistic-info span{font-size: 16px;font-family: 'avalonnormal', sans-serif;margin-left:15px;}
.statistic-color1 .statistic-info{ background:#3625ad;}
.statistic-color2 .statistic-info{ background:#00a65a;}
.statistic-color3 .statistic-info{ background:#f39c11;}
.statistic-color4 .statistic-info{ background:#ef7724;}
.statistic-color5 .statistic-info{ background:#7370b3;}
.statistic-color6 .statistic-info{ background:#9d9c42;}
.statistic-color7 .statistic-info{ background:#2c79a9;}
.statistic-color8 .statistic-info{ background:#636363;}
.statistic-color9 .statistic-info{ background:#00a65a;}
.statistic-color10 .statistic-info{ background:#5e8352;}
.statistic-color11 .statistic-info{ background:#48a6ba;}
.statistic-color12 .statistic-info{ background:#9ec0e6;}
.statistic-color13 .statistic-info{ background:#fc8080;}

.statistic-color1 .statistic-link{ background:#2d1e94;}
.statistic-color1 .statistic-link:hover{ background:#26197f; color:#FFFFFF;}

.statistic-color2 .statistic-link{ background:#009551;}
.statistic-color2 .statistic-link:hover{ background:#01894b; color:#FFFFFF;}

.statistic-color3 .statistic-link{ background:#d5900f;}
.statistic-color3 .statistic-link:hover{ background:#c6860e; color:#FFFFFF;}

.statistic-color4 .statistic-link{ background:#d76415;}
.statistic-color4 .statistic-link:hover{ background:#b3510d; color:#FFFFFF;}

.statistic-color5 .statistic-link{ background:#6866a2;}
.statistic-color5 .statistic-link:hover{ background:#615f96; color:#FFFFFF;}

.statistic-color6 .statistic-link{ background:#8f8e3a;}
.statistic-color6 .statistic-link:hover{ background:#828135; color:#FFFFFF;}

.statistic-color7 .statistic-link{ background:#286e9a;}
.statistic-color7 .statistic-link:hover{ background:#24648c; color:#FFFFFF;}

.statistic-color8 .statistic-link{ background:#545454;}
.statistic-color8 .statistic-link:hover{ background:#4e4e4e; color:#FFFFFF;}

.statistic-color9 .statistic-link{ background:#009551;}
.statistic-color9 .statistic-link:hover{ background:#01894b; color:#FFFFFF;}
.statistic-color10 .statistic-link{ background:#3a652c;}
.statistic-color10 .statistic-link:hover{ background:#2f5024; color:#FFFFFF;}
.statistic-color11 .statistic-link{ background:#368b9e;}
.statistic-color11 .statistic-link:hover{ background:#1f6d7e; color:#FFFFFF;}
.statistic-color12 .statistic-link{ background:#6e98c6;}
.statistic-color12 .statistic-link:hover{ background:#5584b7; color:#FFFFFF;}
.statistic-color13 .statistic-link{ background:#b03737;}
.statistic-color13 .statistic-link:hover{ background:#902626; color:#FFFFFF;}

/************************/
.taps-page{ /*position:relative; z-index:-1;*/}
.tab-links{/* margin-bottom:-4px;*/ display:table; margin:auto; text-align:center;}
.tab-links > li.active > a, .tab-links > li.active > a:focus, .tab-links > li.active > a:hover {
    color: #fff;
    background-color: #ef7724;
}
.tab-links > li > a {
    border-radius:4px 4px 0 0;
	background-color:#FFFFFF;
	color:#666666;
	font-size:13px;
	padding: 10px;
}
.tab-links > li > a:hover , .tab-links > li > a:focus {background-color:#ef7724; color:#FFFFFF;}
.tab-links > li > a i{font-size:15px;}
@media (max-width:1023px){
.tab-links > li > a {padding: 6px 10px;}
.tab-links > li > a i{ display:none;}
}
@media (max-width:840px){
.tab-links > li { margin-bottom:2px; }
.tab-links > li > a {padding:6px; border-radius: 4px}
.tab-links{ margin-bottom:15px;}
.tab-links > li {float: none; display:inline-block;}
.tab-links > li + li {margin-left: -2px;}
}
/***************************/
.page-content{ background:#FFFFFF; border-radius:5px; padding:20px; min-height:530px; /*position:relative; z-index:1;*/}
@media (max-width:767px){.page-content{padding:15px; min-height:inherit;}}
.table-control{ margin-bottom:15px;}
.search2{ float:right; max-width:360px;}
.search2 .input-group-addon{ padding:0; background:none; border:none;}
.search2 .btn{ padding:0 4px; min-height:36px; border-radius:0 4px 4px 0; border:1px solid #e1e1e1; border-left:none; color:#FFFFFF; font-size:20px; background: #ef7724;}
.search2 .btn:hover , .search .btn:focus{background: #691a32;}

@media (max-width:767px){
.search2{ float:none; max-width:100%; margin:15px 0 0 0;}
}

.btn{ text-transform:uppercase;}
.btn-primary {background-color: #ef7724; border-color: #ef7724;}
.btn-primary:hover , .btn-primary:focus {background-color: #691a32 !important; border-color: #691a32 !important;}

.btn-default {background-color: #691a32; border-color: #691a32; color:#FFFFFF;}
.btn-default:hover , .btn-default:focus {background-color: #ef7724 !important; border-color: #ef7724 !important; color:#FFFFFF !important;}
.table thead{ 
background: #691a32;
background: -moz-linear-gradient(top,  #691a32 0%, #691a32 100%);
background: -webkit-linear-gradient(top,  #691a32 0%,#691a32 100%);
background: linear-gradient(to bottom,  #691a32 0%,#691a32 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2e', endColorstr='#1a1d20',GradientType=0 );
}
.table-bordered{ border-top:none;}
.table-bordered > thead > tr > th {border:none; border-right:1px solid #b0afc9; color:#FFFFFF; font-weight:normal;}
.table-bordered > thead > tr > th:last-child {border-right:none;}
.table > thead > tr > th , .table > tbody > tr > td , .table > tfoot > tr > td{ padding:10px; vertical-align:middle;}

/*********steps**********/
.steps{ margin:0px auto 20px; display:table; max-width:1200px;}
.steps li{ text-align:center; float:left; width:135px; color:#FFF; font-size:14px; font-family: 'avalonnormal', sans-serif;
position:relative;}
.steps a{    text-decoration: none !important;color: white;}
.steps li:before{ border-top:6px solid #691a32; content:" "; position:absolute; width:100%; z-index:-1; left:0; top:25px;}
.steps .step-active:before{ border-color:#ef7724 !important;}
.steps li:first-child::before { width:50%; right:0; left:inherit;}
.steps li:last-child::before { width:50%;}
.steps span{ display:block; margin:0 auto -10px; width:55px; height:55px; border-radius:100% !important; font-size:28px;
padding:14px 0;background:#691a32; color:#FFF;}
.step-active{color:#FFF !important;}
.step-active span{background:#ef7724;}
.steps [class^="icon-"]::before{ width:auto;}

@media (max-width:767px){
.steps{margin:0 auto 10px; display:table;}
.steps li{ width:33%; font-size:11px; margin-bottom:10px;}
.steps span{ width:40px; height:40px; font-size:22px; padding:9px 0;}
.steps li::before { display:none;}
}
/*********************/
.small-title h3{ color:#ef7724; display:table; background:#FFF; padding-right:10px; margin-bottom:-12px; font-size:20px;}
.small-title{ border-bottom:1px solid #ef7724; margin-bottom:30px;}
.form-control[disabled]{ background:#fafafa;}
label{ font-weight:normal;}
.form .radio-inline input[type="radio"] { margin: 2px 0 0 -20px;}
.form .radio{ margin:8px 0 0; min-height:28px;}
.user-pic{ max-width:110px; display:inline-block; margin:2px;}
.user-pic a{ display:block; position:relative;}
.user-pic a i{ position:absolute; top:0; right:0; color:#FFFFFF; background:rgba(0,0,0,.4); font-size:14px; width:20px; height:20px;
border-radius:0 5px 0 5px;}
.user-pic img{ border-radius:5px; border:1px solid #e1e1e1; width:110px; height:auto;}
.user-pic2{ position:relative;}
.user-pic2 img{ padding:15px;}
.pic-cancel-btn{ position:absolute; right:0; top:0; padding:0; background:none; font-size:18px; color:#ef7724;}
/***file Upload***/
.upload{ height: 74px; margin:-14px auto 0; text-align: center;}
.upload input{ border:0; margin:7px 0 0 0; padding:0 5px; background:#FFF; max-width:100%; text-align: center; font-size:12px;}
.upload span{ color:#FFF;}
.fileUpload {
    position: relative;
    overflow: hidden;
	background:#ef7724;
	padding:4px 6px;
	font-size:13px;
	border-radius:4px;
	transition:all .5s;
	text-transform:uppercase;
	display: table;
    margin: auto;
}
.fileUpload:hover, .fileUpload:focus{background:#691a32;}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*********/
.btn-group-center{ display:table; margin:auto;}
.btn-group-center .btn{ margin:0 1px;}
@media (max-width:767px){
.btn-group-center{ display:block;}
.btn-group-center .btn{ margin:4px 0; display:block; width:100%;}
}
.user-status{ margin-top:20px;}
.status-date{ border-bottom:3px solid #ddd; position:relative;}
.status-date span{ font-family: 'avalonbold', sans-serif; background:#FFFFFF; position:absolute; right:30px; top:-7px;
padding:0 10px; color:#ef7724;}
.user-status .media-left img{ width:36px; height:36px; border-radius:100%; max-width:inherit; border:2px solid #ef7724;}
.user-status .media-heading span{font-size:12px; color:#999999; font-family: 'avalonnormal', sans-serif;}
.user-status .media-heading i{color:#999999; font-family: 'avalonnormal', sans-serif; font-style:normal;}
.user-status .media-body{ background:#eee; padding:10px; border-radius:5px;}
.user-status .media-body ul{ list-style:inside circle; font-size:12px;}
@media (min-width:768px){.start-end-inputs .form-control{ width:100px;}}
.start-end-inputs label{ font-size:12px;}

.bootstrap-datetimepicker-widget a:hover , .bootstrap-datetimepicker-widget span:hover , .bootstrap-datetimepicker-widget .picker-switch:hover { color:#FFFFFF;}

.icon-link-table{ background:none; border:none; padding:0; font-size:18px; display:table; margin:auto; color:#ef7724;}
.icon-link-table:hover , .icon-link-table:focus { color:#555;}
.form{ margin-bottom:20px;}
.form .icon-lock-5{ color:#ef7724;}
.Instructor-table{ max-height:350px; overflow-y:auto !important;}
.input-btn .input-group-addon{ background:none; padding:0; border:none;}
.input-btn .form-control:first-child{border-radius:4px;}
.input-btn .input-group-addon .btn{margin-left:3px; padding:2px; font-size:21px; height:36px;}
.modal-title{color:#ef7724;}
.modal-header .close{margin:3px -9px 0 0;}
@media (min-width:768px){.btn-inline-form{ margin-top:21px; display:block;}}
/****************/
.table-colors{ margin-bottom:15px;}
.table-colors li{ display:inline-block; font-size:11px; margin:0 2px; text-transform:uppercase;}
.table-colors li i{ font-size:18px; vertical-align:middle;}
.table-colors .table-color1{color:#009933;}
.table-colors .table-color2{color:#c9ab07;}
.table-colors .table-color3{color:#e07b13;}
.table-colors .table-color4{color:#93c5d6;}
.table-color01{color:#FFF; background:#009933;}
.table-color02{color:#FFF; background:#c9ab07;}
.table-color03{color:#FFF; background:#e07b13;}
.table-color04{color:#FFF; background:#93c5d6;}
.receipt-list-group{ margin:0;}
.receipt-list-group .list-group-item{border-radius:0 !important;}
.receipt-list-group .list-group-item:last-child{ color:#ef7724;}
.receipt-list-group .list-group-item:last-child .badge{ background-color:#ef7724;}
.card-content{ border:1px solid #ddd; width:330px; height:200px; margin:30px auto; padding:10px; background:#FFF;}
.card-content h6{ font-size:11px; text-align:center; color:#ef7724;}
.card-pic , .card-logo {width:100px; float:left;}
.card-pic img{width:100px; height:100px;}
.card-logo img{width:100px; max-height:32px;}
.card-info{ margin-left:110px; font-size:10px; line-height:140%;}
.card-info td{ padding-right:5px; line-height:160%; vertical-align:top;}
.card-content hr{ margin:5px 0; border-top: 2px solid #ef7724;}
.tabs .nav-tabs > li > a { border-radius:0; border:none; background:#eee; color:#666666; margin-right:1px;}
.tabs .nav-tabs > li > a:hover { background:#ef7724; color:#FFFFFF;}
.tabs .tab-content{ padding:15px; border:1px solid #eee;}
.tabs .nav-tabs > li{ margin:0;}
.tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:focus, .tabs .nav-tabs > li.active > a:hover { border:none; background:#ef7724; color:#FFFFFF;}
.tabs .nav-tabs{border-bottom:4px solid #ef7724;}
.alert{padding:10px 15px; border-radius:0;}
.forms-title{ margin:0; color:#ef7724;}
.form hr{margin-top:7px; margin-bottom:0;}
.checkbox-group{ max-height:250px; overflow:auto; border:1px solid #eee; padding:0 15px 15px 15px;}
/***********Calendar-Edit**********/
.fc-toolbar h2{ color:#ef7724; font-size:20px;}
.fc-state-default { background:#ef7724; color:#FFFFFF;box-shadow:none;}
.fc-state-active, .fc-state-down {background: #691a32;box-shadow:none;color:#FFFFFF;}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { color:#666;}
.fc-event{border:1px solid #691a32; background-color:#691a32;}
.fc-event .closeon{ margin:0 0 0 -2px; font-size:15px;}
.fc-event-dot{background-color:#ef7724;}
.fc-view, .fc-view > table { z-index:0;}
/*******select*****
select.form-control::before{
background-image: url(../images/select.png) right center no-repeat #f2f2f2;
outline: transparent solid;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:6px 30px 6px 6px;
}
select.form-control:focus{
background: url(../images/select.png) right center no-repeat #fafafa;

}

select::-ms-expand {
    display: none;
}*/

/**********6/6/2018*********/
.modal-header .close{margin:3px 0 0;}
.close {font-size:26px; color: #fff; text-shadow: none; opacity:1;}
.modal-content{ overflow:hidden;}
.modal-header{ background:#ef7724; border-bottom:none;}
.modal-footer , .modal-header{padding: 10px 15px;}
.modal-title{ text-transform:uppercase; color:#FFFFFF;}
.modal-body{ padding:0px; margin: 10px}
.about{ border:1px solid #CCC; padding:15px; max-width:800px; margin:auto;}
.about span{ background:#eee; padding:20px; display:block; margin-bottom:15px; text-align:center;}
.report-list{ margin-right: -5px; margin-left: -5px;}
.report-list li{ padding:5px;}
.report-list a{ display:block; padding:15px; border:1px solid #ccc; text-align:center; color:#691a32;}
.report-list a:hover , .report-list a:focus{ border:1px solid #691a32; color:#691a32;}
.report-list a i{ display:block; margin-bottom:10px; font-size:46px; color:#ef7724;}
.report-list a:hover i{ color:#691a32;}
.report-sheet{ padding:20px; border:1px solid #eee; max-width:1200px; margin:auto;}
.report-sheet-logo img{ max-width:260px;}
.report-sheet-info{ text-align:right;}
@media (max-width:767px){
.report-sheet{ padding:15px;}
.report-sheet-logo img{ margin:0 auto 15px; max-width:220px; display:table;}
.report-sheet-info{ text-align:center; margin-bottom:15px;}
}
/*****Alerts******/
.validation-summary-valid{ display:none;}
.validation-summary-errors{ display:block;}
.alert ul { list-style:inside disc;}
.alert li { margin-bottom:5px; font-size:12px;}

/*********************** Error 404 *********************/
.error404{max-width:608px; margin:200px auto 0; position:relative; text-align:center;}
.error404 i{ width:100px; height:100px; border-radius:100% !important; color:#FFF; text-align:center; display:block;
background:#691a32; font-size:26px; padding-top:40px; position:absolute; top:-30px; left:-30px;}
.error404 i:after{
content:" ";
display:block;
width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #691a32;
position:absolute;
right:2px;
bottom:2px;
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
}
.error404 span{ width:190px; height:190px; display:inline-block; border-radius:100% !important; color:#FFF; text-align:center;
 font-size:145px; margin:0 -6px; padding-top: 85px;}
.error-no1{background: linear-gradient(-45deg, transparent 70px, #ef7724 0, #ef7724 200px, #ef7724 70px);}
.error-no2{background: linear-gradient(-45deg, transparent 70px, #ef7724 0, #ef7724 200px, transparent 70px);}
.error-no3{background: linear-gradient(-45deg, #ef7724 70px, #ef7724 0, #ef7724 200px, transparent 70px);}
.error404 p{ font-size:20px; color:#999; margin-bottom:15px;}
.error404 h2{ font-size: 35px; margin: 30px 0 15px;color : #ef7724;}
.error404btn{ color:#FFF;padding: 12px 25px;}
.error404btn:hover , .error404btn:focus{ color:#FFF;}

@media (max-width: 767px) {
.error404{max-width:310px;}
.error404 span{ width:90px; height:90px; display:inline-block; border-radius:100% !important; color:#FFF; text-align:center;
 font-size:72px; margin:0 -6px; background:#ef7724;}
.error404 i{ width:50px; height:35px;background:#666; font-size:16px; top:-5px; left:4px; padding-top:15px;}
.error404 i:after{right: 0;bottom: 0;}
.error404 p{ font-size:30px;}
}

/*****Custom****/
.btn-grid{ padding: 3px 1px;}
.fc-event-container .dropdown-menu button {
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
}
td.fc-event-container .open > .dropdown-menu {
    z-index: 100000;
    background-color: #ffffff !important;
    display: flex;
}
div.fc-content-col .open > .dropdown-menu {
    z-index: 100000;
    background-color: #ffffff !important;
   /* margin-top: 309px;
    display: flex;*/
}
.fc-row, .fc-week, .fc-widget-content, .fc-rigid {overflow: visible;}
.fc-event-container .dropdown-menu button:hover, .fc-event-container .dropdown-menu button:focus {
    text-decoration: none;
    color: #337ab7;
    background-color: #e8e8e8;
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    background-repeat: repeat-x;
}
.fc-event-container .dropdown-menu a, .fc-event-container .dropdown-menu button {padding: 3px 10px;}
.fc-day-grid-event .fc-content{background-color:transparent;}
.inline-lable{margin-right: 20px;vertical-align: middle;font-weight:bold;}
.form-inline-txt{text-align:center;color: #ef7724;}

.fc-icon-icon-print-1:after{content:"\e8fb";font-size:14px;font-weight:normal;top:-7%;  font-family: "fontello";}

.fc-icon-icon-cancel:after{content:"\e8d8";font-size:14px;top:-7%;  font-family: "fontello";}
.fc-icon-icon-save:after{content:"\e8bf";font-size:14px;top:-7%;  font-family: "fontello";}
.fc-icon-icon-cancel,.fc-icon-icon-save,.fc-icon-icon-print-1{min-width: 16px;}


.table-sm-td > tbody > tr > td{padding:6px 10px;}

.table-sm-td > tbody > tr > td > form > .btn-sm{padding:2px 5px;}
.select2-container{width:100% !important;}
.select2-container--default .select2-selection--multiple{border-color:#e1e1e1 !important; min-height:36px !important; box-shadow:inset 0 -1px 1px #ffffff; font-size:14px; color:#666 !important;
background: #f2f2f2;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 50%, #e7e7e7 100%);
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 50%,#e7e7e7 100%);
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 50%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e7',GradientType=0 );    padding:4px 6px;    line-height: 1.42857143;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ef7724 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #152148 !important ;
}
.select2-container--default .select2-selection--single {border-color:#e1e1e1 !important; height:36px !important; box-shadow:inset 0 -1px 1px #ffffff; font-size:14px; color:#666 !important;
background: #f2f2f2;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 50%, #e7e7e7 100%);
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 50%,#e7e7e7 100%);
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 50%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e7',GradientType=0 );    padding:4px 6px;    line-height: 1.42857143;}

.select2-container--default .select2-selection--single .select2-selection__arrow{top:4px !important; right:3px !important;}
option:hover{background-color:red;}
.modal{z-index:1050 !important;}
.modal-iframe {border:none !important;}
.modal-body2{padding:20px;}
.fc-title{color:#000;}
/***************pagination******************/
.pagination-container{text-align:center;}
.pagination {margin:0;}
.pagination > li > a, .pagination > li > span {color:#691a32;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #691a32;border-color: #691a32;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 0;border-bottom-right-radius: 0; }
.pagination > li:first-child > a, .pagination > li:first-child > span {border-top-left-radius: 0;border-bottom-left-radius: 0;}
/**************Custom**************/
.popover{
    max-width: 100%; 
}

.divLoading h1{margin:10px; color:#ef7724}
.nested-td{padding: 0 !important;}
.nested-table{margin-bottom:0;}

.statistic-info {
    border-radius: 15px 15px 0 0 !important;
}

.statistic-link {
    border-radius: 0 0 15px 15px;
}