body {
    //background: #ccc;
    font-size: 12px;
}

/*==============HOVER TRANSITIONS===============*/
/*a {
        transition:all 0.4s ease-out 0s;
}
a:hover, a:active {
        outline:0;
        transition: all 0.4s ease-in-out;
}*/
/*==============MAIN WRAPPER===============*/
.main-wrapper {
    margin: auto;
}

/*==============MAIN CONTAINER===============*/
.main-container {
    background: #fff;
    border: 1px solid #ddd;
    overflow: hidden;
    min-height: 800px;
}

/*=============TOP BAR================*/
.top-bar {
    min-height: 40px;
    background: none repeat scroll 0 0 #2D2D2D;
    /*margin-left:-20px;margin-right: -20px;*/
}

.fixed-topbar {
    margin-top: 40px;

}

.fixed-topbar .top-bar {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}

/*============LEFT BAR==============*/
.left-bar {
    width: 220px;
    float: left;
}

.fixed-leftbar .left-bar {
    position: fixed;
    z-index: 9999;
    background: #ccc;
}

.fixed-leftbar .main-container {
    margin-left: 220px;
}


/*==============LOGO================*/
.branding {
    height: 40px;
}

/*=============ADMIN USER NAV================*/
.loged-nav {
    height: 40px;
}

.loged-nav ul {
    margin: 0px 0px 0px 20px;
}

.loged-nav ul>li {
    list-style: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}

.loged-nav ul>li>label {
    display: inline-block;
    text-shadow: 0 1px 0 rgba(000, 000, 000, .4);
    color: #fff;
}

.loged-user {
    padding-top: 10px;
    margin-right: 10px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(000, 000, 000, .3) !important;
}

.log-nav>a {
    color: #fff;
    text-decoration: none;
    height: 40px;
    display: block;
    text-align: center;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(000, 000, 000, .8);
    font-size: 16px;
    padding: 3px;
}

.log-nav>a:hover {
    background: #5b626f;
}

.logged-user-thumb {
    height: 34px;
    width: 34px;
    display: block;
}

.logged-user-thumb img {
    height: 34px;
    width: 34px;
}

.logout-link i {
    position: relative;
    top: 2px;
}

/*==============ADMIN USER NAV DROPDOWN==============*/
.log-nav .dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: -1px;
    margin-right: 0px;
    width: 220px;
    padding: 0px;
}

.log-nav .dropdown-menu ul {
    width: 220px;
    background: #eee;
}

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

.log-nav .dropdown-menu a {
    text-shadow: none;
    color: #444;
    padding: 5px 15px;
    font-size: 12px;
    display: block;
}

.log-nav .dropdown-menu a:hover {
    background: #06C;
    color: #fff;
    text-decoration: none;
}

.log-nav.dropdown.open>a {
    background: #5b626f;
}

.log-nav .dropdown-menu li i {
    font-size: 14px;
}

.loged-user-name {
    line-height: 30px;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 3px;
}

.admin-thumb {
    width: 60px;
    height: 60px;
    background: #fff;
    margin: 7px 0px 7px 10px;
    position: relative;
    border: #333 1px solid;
}

.admin-thumb a {
    background: rgba(255, 255, 255, .6);
    width: 60px !important;
    display: block !important;
    text-align: center !important;
    position: absolute;
    bottom: 0px;
    padding: 0px !important;
}

.admin-thumb a:hover {
    background: rgba(000, 000, 000, .6) !important;
    text-decoration: none;
    color: #fff;
}

/*================SEARCH BAR=================*/
.search-bar {
    background: #d4d4d4;
    padding: 10px;
    border-bottom: #555555 1px solid;
}

.search-input {
    padding: 10px !important;
    -moz-border-radius: 5px 0px 0px 5px !important;
    -webkit-border-radius: 5px 0px 0px 5px !important;
    border-radius: 5px 0px 0px 5px !important;
    width: 116px !important;
}

.btn-search {
    height: 42px;
    width: 42px;
    -moz-border-radius: 0px 5px 5px 0px !important;
    -webkit-border-radius: 0px 5px 5px 0px !important;
    border-radius: 0px 5px 5px 0px !important;
    font-size: 20px;
}

.btn-search i {
    margin-left: -4px;
}

/*==============SIDE LEFT NAV===============*/
.side-navigation {
    margin: 0px;
}

.side-navigation li>ul {
    margin: 0px;
    background: #eee;
}

.side-navigation li {
    list-style: none;
    position: relative;
    border-bottom: rgba(255, 255, 255, .5) 1px solid;
    box-shadow: inset 0 -1px 0 rgba(000, 000, 000, .2);
}

.side-navigation>li>a {
    display: block;
    line-height: 40px;
    text-decoration: none;
    color: #222;
    padding: 0 20px;
}

.side-navigation li a i {
    font-size: 14px;
    margin-right: 5px;
}

.side-navigation li a:hover i {
    color: #fff;
}

.side-navigation li a:hover.active i {
    color: #fff;
}

.side-navigation>li>a:hover {
    background: #6f7683;
    color: #fff;
    text-shadow: 0 1px 0 rgba(000, 000, 000, .4);
}

.side-navigation li>ul {
    border-bottom: #6f7683 1px solid;
    border-top: #6f7683 1px solid;
}

.side-navigation li>ul li a {
    display: block;
    line-height: 40px;
    text-decoration: none;
    color: #222;
    padding: 0 20px;
}

.side-navigation li>ul li a:hover {
    background: #b9c4d8;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.side-navigation li>ul li a:hover i {
    color: #da532c;
}

.side-navigation li {
    position: relative;
}

.side-navigation li .active {
    background: #696969;
    color: #fff;
    text-shadow: 0 1px 0 rgba(000, 000, 000, .4);
}

.side-navigation li .active:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.side-navigation li .active:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    top: 20px;
    right: 0px;
    margin-top: -7px;
}

/*================LEFT NAVIGATION ACCORDION=================*/
.dcjq-icon {
    height: 17px;
    width: 17px;
    display: inline-block;
    background: #D24836 url(../images/nav-expand.png) no-repeat top;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    right: 11px;
    top: 11px;
}

.active .dcjq-icon {
    background: #D24836 url(../images/nav-expand.png) no-repeat bottom;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dcjq-count {
    height: 20px;
    min-width: 16px;
    padding: 0 2px;
    display: inline-block;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: #036;
    line-height: 20px !important;
    vertical-align: text-top;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    margin-top: -3px;
}

.active .nav-instruction {
    color: #FFF;
}

.nav-instruction {
    display: block;
    font-size: 11px !important;
    line-height: normal !important;
    padding-bottom: 12px;
    margin-left: 23px;
    margin-top: -5px;
    color: #666;
}

/*================SHORTCUT BAR===============*/
.shortcut-bar {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #DDDDDD;
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.shortcut-items {
    margin: 0px;
}

.shortcut-items li {
    list-style: none;
    width: 90px;
    height: 90px;
    display: inline-block;
    margin: 10px 8px 10px 8px;
    position: relative;
}

.shortcut-items li a {
    width: 90px;
    height: 90px;
    display: inline-block;
    background: none repeat scroll 0 0 #f6881f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;padding-top: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.shortcut-items li a i {
    height: 32px;
    width: 32px;
    display: inline-block;
    line-height: 32px;
    font-size: 30px;
    margin-top: 16px;
}

.shortcut-items li a .shortcut-label {
    display: block;

}

.shortcut-items li a:hover {
    background: #0d3455;
    color: #fff;
    text-shadow: 0 1px 0 rgba(000, 000, 000, .8);
}

.shortcut-items .count-noty,
.board-widget-wrap .count-noty {
    background: none repeat scroll 0 0 rgba(20, 183, 44, 0.81);
    border: #fccabf 2px solid;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    padding: 2px 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 10px;
    line-height: 20px;
}

.board-widget-wrap .count-noty {
    line-height: 20px;
}

/*==============TOP NOTIFICATION BAR================*/
.notification-bar {
    margin: 0px;
}

.notification-bar ul {
    margin: 0px;
}

.notification-bar li {
    list-style: none;
}

.notification-bar>li {
    list-style: none;
    display: inline-block;
}

.notification-bar>li>a {
    color: #fff;
    text-shadow: 0 1px 0 rgba(000, 000, 000, .5);
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    position: relative;
}

.notification-bar>li>a i {
    font-size: 20px;
    width: 40px;
    height: 36px;
    display: inline-block;
    line-height: 30px;
    margin-top: 4px;
}

.notification-bar>li>a .count-noty {
    background: rgba(220, 83, 44, .75);
    border: #fccabf 2px solid;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    padding: 1px 5px;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 7px;
    top: 3px;
    line-height: 20px;
}

/*==============NOTIFICATION DROPDOWN================*/
.notification-bar .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 220px;
    margin-top: -1px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.notification-bar .dropdown-menu>ul {
    margin: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}

.notification-bar .dropdown-menu li a {
    padding: 6px 10px 5px 10px;
    border-bottom: #ccc 1px solid;
    display: block;
}

.notification-bar .dropdown-menu li a:hover {
    background: #eee !important;
    color: #28406f;
    text-decoration: none;
}

.notification-list {
    margin: 0px;
    /*   height: 215px; */
    overflow: auto;
}

.notification-list li {
    list-style: none;
    background: #f9f9f9;
    position: relative;
}

.notification-list li a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 6px 6px 5px 6px !important;
    font-size: 11px;
    line-height: normal;
}

.notification-list li i {
    display: inline-block;
    height: 18px;
    width: 18px;
    line-height: 17px;
    text-align: center;
    margin-right: 5px;
    color: #fff;
    float: left;
}

.notification-time {
    color: #aaa !important;
    display: block;
}

.notification-intro {
    margin-left: 26px;
    display: inline-block;
    /*  margin-top: -19px */
}

.dropdown-thumb {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 5px;
}

.dropdown-menu .msg-list {
    /*  height:215px; */
    overflow: auto;
}

.msg-list li i {
    font-size: 11px !important;
    margin: -5px 0px -3px 0px !important;
    display: inline-block !important;
    color: #036;
    font-weight: bold;
    font-style: normal;
}

.notification-meta {
    display: block;
    color: #aaa;
}

.msg-list a {
    white-space: normal !important;
    padding: 0px !important;
    margin: 0px;
    font-size: 11px !important;
    line-height: normal !important;
    color: #555;
    padding: 5px !important;
}

.msg-list li a:hover,
.notification-list li a:hover {
    background: #f8f8f8;
    -moz-box-shadow: 0px 1px 0px #fff inset;
    -webkit-box-shadow: 0px 1px 0px #fff inset;
    box-shadow: 0px 1px 0px #fff inset;
}

.msg-list a:focus {
    background: none !important;
    color: #666 !important;
}

.notification-bar>li>.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 12px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #3e4960;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(62, 73, 96, 0.2);
    content: '';
}

.notification-bar>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 13px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #3e4960;
    border-left: 6px solid transparent;
    content: '';
}

.notification-bar .action-btn {
    margin: 0px;
}

.notification-bar .action-btn .btn {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
}

.dropdown-head {
    background: #e5e5e5;
    padding: 5px 5px 3px 5px;
    border-bottom: #ccc 1px solid;
}

.dropdown-head h6 {
    margin: 0px;
    padding: 0 5px 5px 8px;
    font-size: 13px;
    font-weight: normal;
}

/*==============BREADCRUMB==============*/
.breadcrumb {
    margin: 20px 0;
}

/*========BOX WIDGET==========*/
.box-widget {
    border: #6f7683 0px solid;
    margin-bottom: 20px;
    background: #fff;
    -moz-box-shadow: inset 0px 0px 5px rgba(50, 50, 50, .1);
    -webkit-box-shadow: inset 0px 0px 5px rgba(50, 50, 50, .1);
    box-shadow: inset 0px 0px 5px rgba(50, 50, 50, .1);
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.widget-head {
    position: relative;
}

.box-widget .widget-head {
    min-height: 45px;
    background: #F2F2F2;
    /* Old browsers */
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    -moz-box-shadow: inset 0px 0px 4px rgba(000, 000, 000, .2);
    -webkit-box-shadow: inset 0px 0px 4px rgba(000, 000, 000, .2);
    box-shadow: inset 0px 0px 4px rgba(000, 000, 000, .2);
}

.box-widget .widget-head h4 {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 45px;
    margin: 0;
    padding-left: 13px;
    text-shadow: -1px 1px 0 rgba(000, 000, 000, .3);
}

.widget-action ul {
    margin: 0px;
}

.widget-action ul li {
    list-style: none;
    display: inline-block;
}

.box-widget .widget-head .widget-action {
    padding-top: 3px;
    margin-right: 10px;
}

.box-widget .widget-head .widget-action a {
    color: #fff;
}

.h-icon {
    border-right: 1px solid rgba(000, 000, 000, .3);
    box-shadow: -1px 0 0 rgba(255, 255, 255, .3) inset;
    display: inline-block;
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45px;
    color: #fff;
    text-shadow: -1px 1px 0 rgba(000, 000, 000, .2);
    font-size: 18px;
}

.h-icon i {
    margin-top: -1px;
    width: 45px;
    height: 45px;
    display: block;
    line-height: 45px;
}

.box-padding {
    padding: 20px;
}

.box-padding form {
    margin: 0px;
}

.square-widget {
    margin-bottom: 20px;
}

.square-widget .widget-head {
    border-bottom: #ddd 1px solid;
    margin-bottom: 20px;
}

.square-widget .widget-head h4 {
    font-size: 16px;
    font-weight: normal;
}

.square-widget .widget-head h4 i {
    margin-right: 5px;
}

.widget-action a {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-top: 8px;
}

.widget-action a i {
    height: 20px;
    width: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.box-widget .widget-progressbar {
    height: 7px;
    width: 100px;
    margin-top: 18px;
    margin-right: 10px;
}

.square-widget .widget-progressbar {
    height: 7px;
    width: 100px;
    margin-top: 18px;
    margin-right: 0px;
}

.square-widget .widget-loader {
    margin: 10px 10px 0px 10px;
}

.box-widget .widget-loader {
    margin: 10px 10px 0px 10px;
}

.square-widget .notification-bar {
    margin-top: 0px;
}

.box-widget .notification-bar {
    margin-top: 5px;
}

.square-widget .notification-bar>li>a i {
    color: #5c5847;
}

.box-widget .pull-right .notification-bar>li>.dropdown-menu:before,
.square-widget .pull-right .notification-bar>li>.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: auto !important;
    right: 12px !important;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #3e4960;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(62, 73, 96, 0.2);
    content: '';
}

.box-widget .pull-right .notification-bar>li>.dropdown-menu:after,
.square-widget .pull-right .notification-bar>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: auto !important;
    right: 13px !important;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #3e4960;
    border-left: 6px solid transparent;
    content: '';
}

.box-widget .widget-animated-progress {
    width: 100px;
    margin-top: 16px;
    margin-left: 10px;
    margin-right: 10px;
}

.square-widget .widget-animated-progress {
    width: 100px;
    margin-top: 16px;
    margin-left: 10px;
    margin-right: 0px;
}

.widget-header-action .dropdown-menu {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.widget-header-action .dropdown-menu li a {
    padding: 3px 15px;
}

.widget-header-action .dropdown-menu li a:hover {
    background: #0081C2;
}

/*=======LEFT SIDE TOGGLE========*/
.left-toggle {
    height: 40px;
    width: 40px;
    display: block;
    background: #000;
    position: absolute;
    top: 0px;
    left: -10px;
    cursor: pointer;
    display: none;
}

a:hover.left-toggle {
    text-decoration: none;
}

.left-toggle i {
    height: 40px;
    width: 40px;
    display: block;
    color: #FFF;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
}

/*=======SMALL WIDGETS========*/
.board-widget-wrap {
    line-height: normal;
    position: relative;
    background: #81928f;
    margin-bottom: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
}

.board-widget-wrap a {
    text-decoration: none;
    color: #333;
    padding: 15px;
    display: block;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.board-widget-wrap a:hover {
    color: #C30;
    background: #efeadd;
}

.board-widget-wrap a:hover .board-widget-intro {
    color: #06C;
}

.board-widget-wrap i {
    font-size: 20px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
}

.board-widget-label {
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding-left: 30px;
    line-height: 26px;
    padding-bottom: 5px;
}

.board-widget-intro {
    display: inline-block;
    color: #666;
}

.stat-widget-wrap {
    padding: 3px;
    background: #ccc;
    margin-bottom: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.stat-widget-container {
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.stat-widget-wrap ul {
    margin: 0px;
}

.stat-widget-wrap ul li {
    list-style: none;
}

.stat-widget-icon {
    height: 40px;
    width: 40px;
    display: inline-block;
}

.stat-widget-icon i {
    line-height: 40px;
    font-size: 40px;
}

.stat-widget-info span {
    display: block;
    text-align: right;
}

.stat-widget-count {
    font-size: 24px;
    padding-top: 5px;
}

.stat-widget-label {
    font-size: 14px;
    padding-top: 5px;
}

.stat-btn {
    display: block !important;
    text-align: center;
    margin-top: 10px;
}

.graph-widget-wrap {
    padding: 3px;
    background: #ccc;
    margin-bottom: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.graph-widget-wrap h6 {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: center;
}

.graph-widget-wrap h6 i {
    font-size: 14px;
}

.graph-widget-container {
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.graph-widget-wrap ul {
    margin: 0px;
}

.graph-widget-wrap ul li {
    list-style: none;
}

.mini-graph {
    text-align: center;
    margin-bottom: 10px;
}

.breadcrumb {
    background: #e4e8ef;
}

/*=======TYPOGRAPHY========*/
.page-header {
    margin-bottom: 20px;
    margin-top: 20px;
}

.page-header h1 {
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    margin-top: 0px;
}

.page-header h1 i {
    margin-right: 5px;
}

.page-header h1 small {
    font-size: 14px;
}

.elements-wrap {
    padding: 15px 15px;
    border-bottom: #CCC 1px solid;
}

.elements-wrap:hover {
    background: #ddd;
}

.elements-wrap:last-child {
    border-bottom: 0px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

/*=== blockquotes ===*/
blockquote p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
}

blockquote.quote_blue {
    padding: 10px 15px;
    border-left: 4px solid #2d6e99 !important;
    margin: 20px 0px;
    border-bottom: #2d6e99 1px solid !important;
    border-top: #2d6e99 1px solid !important;
    border-right: #2d6e99 1px solid !important;
    background: #cce4f4;
    color: #3e5c70;
}

blockquote.quote_orange {
    padding: 10px 15px;
    border-left: 4px solid #F30 !important;
    margin: 20px 0px;
    border-bottom: #F30 1px solid !important;
    border-top: #F30 1px solid !important;
    border-right: #F30 1px solid !important;
    background: #fde5de;
    color: #cc2d00;
}

blockquote.quote_pink {
    padding: 10px 15px;
    border-left: 4px solid #FF1493 !important;
    margin: 20px 0px;
    border-bottom: #FF1493 1px solid !important;
    border-top: #FF1493 1px solid !important;
    border-right: #FF1493 1px solid !important;
    background: #fff;
    color: #FF1493;
}

/*====LISTING====*/
.tick_icn,
.alarm_icn,
.award_icn,
.help_icn,
.clip_icn,
.err_icn,
.flag_icn,
.folder_icn,
.globe_icn,
.heart_icn,
.info_icn,
.medal_icn,
.pin_icn,
.plus_icn,
.trophy_icn,
.decimal_order,
.upper_roman,
.lower_roman,
.upper_alpha,
.lower_alpha {
    margin: 0 0 10px 0;
    list-style: none;
}

.tick_icn li {
    line-height: 18px;
    background: url(../images/list-icons/tick.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.alarm_icn li {
    line-height: 18px;
    background: url(../images/list-icons/alarm.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.award_icn li {
    line-height: 18px;
    background: url(../images/list-icons/award.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.help_icn li {
    line-height: 18px;
    background: url(../images/list-icons/ask.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.clip_icn li {
    line-height: 18px;
    background: url(../images/list-icons/clip.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.err_icn li {
    line-height: 18px;
    background: url(../images/list-icons/err.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.flag_icn li {
    line-height: 18px;
    background: url(../images/list-icons/flag.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.folder_icn li {
    line-height: 18px;
    background: url(../images/list-icons/folder.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.globe_icn li {
    line-height: 18px;
    background: url(../images/list-icons/globe.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.heart_icn li {
    line-height: 18px;
    background: url(../images/list-icons/heart.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.info_icn li {
    line-height: 18px;
    background: url(../images/list-icons/info.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.medal_icn li {
    line-height: 18px;
    background: url(../images/list-icons/medal-gold.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.pin_icn li {
    line-height: 18px;
    background: url(../images/list-icons/pin.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.plus_icn li {
    line-height: 18px;
    background: url(../images/list-icons/plus.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.trophy_icn li {
    line-height: 18px;
    background: url(../images/list-icons/trophy.png) no-repeat 0 -2px;
    padding-left: 24px;
}

.decimal_order li {
    list-style: decimal;
    margin-left: 20px;
}

.upper_roman li {
    list-style: upper-roman;
    margin-left: 20px;
}

.lower_roman li {
    list-style: lower-roman;
    margin-left: 20px;
}

.upper_alpha li {
    list-style: upper-alpha;
    margin-left: 20px;
}

.lower_alpha li {
    list-style: lower-alpha;
    margin-left: 20px;
}

.user-thumbnil {
    width: 50px;
    height: 50px;
    float: left;
}

.user-thumbnil img {
    padding: 0px;
    background: #ccc;
}

.element-content {
    margin-left: 60px;
    height: 50px;
}

.element-content ul {
    margin: 0px;
}

.elements-wrap .btn-toolbar {
    margin: 10px 0px 0px 0px;
}

.btn-toolbar {
    margin: 0px;
}

.btn-toolbar i {
    margin-top: 1px !important;
}

.element-content ul li {
    list-style: none;
    line-height: normal;
}

.widget-search-bar {
    padding: 15px;
    border-bottom: #ccc 1px solid;
}

.widget-search-bar form {
    margin: 0px;
}

.widge-bottom-bar {
    padding: 15px 15px 10px 15px;
}

.widge-bottom-bar .pagination {
    margin: 0px;
}

.element-meta span {
    padding-right: 20px;
}

.item-block {
    text-align: center;
    background: #fff;
    border: #ddd 1px solid;
    padding: 15px;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.item-block h3 {
    font-size: 16px;
    color: #056fad !important;
}

.item-block h3,
.item-block p {
    margin-top: 5px;
    color: #333;
    margin-bottom: 0px;
}

.item-block .icon-block {
    width: 80px;
    height: 80px;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    padding: 10px;
    margin: auto;
}

.green-block {
    background: #9ec22d;
}

.blue-block {
    background: #1889cb;
}

.orange-block {
    background: #c16a1c;
}

.gray-block {
    background: #b5b5b5;
}

.violet-block {
    background: #AB56E7;
}

.tur-block {
    background: #3B9C9C;
}

.brown-block {
    background: #A52A2A;
}

.item-icon {
    width: 60px;
    height: 60px;
    background: #e3ebef;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    display: block;
    position: relative;
}

.item-icon span {
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
}

.item-icon span a {
    height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #323f58;
}

.item-icon span a i {
    height: 40px;
    width: 40px;
    display: block;
    font-size: 30px;
    text-align: center;
    line-height: 38px;
}

.item-icon:hover {
    background: #fff !important;
}

.item-icon a:hover {
    text-decoration: none;
}

/*==STRIPPED FORM==*/
.form-stripped .form-group {
    border-bottom: #ddd 1px solid;
    padding: 20px 20px;
    margin: 0px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.form-stripped .form-actions {
    margin-top: 0px;
    background: none;
}

.form-fieldset .default-fieldset {
    margin: 20px;
}

.form-fieldset .default-fieldset .default-fieldset {
    margin: 0px;
    padding: 10px;
}

.element-instruction {
    font-size: 11px;
    color: #009600;
    font-style: italic;
    display: block;
    line-height: normal;
}

/*==BOX FORM==*/
.form-box {
    padding: 20px;
}

/*==SCROLL TOP==*/
.scroll-top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: -4px;
    right: 20px;
    background: #45484d;
    /* Old browsers */
    display: none;
    z-index: 1000;
}

.scroll-top a {
    width: 40px;
    height: 40px;
    display: block;
    color: #fff;
}

.scroll-top a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    margin-left: 5px;
}

/*===TAGS INPUT===*/
div.tagsinput {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 5px;
    width: 300px;
    height: 100px;
    overflow-y: auto;
}

div.tagsinput span.tag {
    border: 1px solid #a5d24a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    background: #cde69c;
    color: #638421;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: helvetica;
    font-size: 13px;
}

div.tagsinput span.tag a {
    font-weight: bold;
    color: #82ad2b;
    text-decoration: none;
    font-size: 11px;
}

div.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 5px;
    background: transparent;
    color: #000;
    outline: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.tagsinput div {
    display: block;
    float: left;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}

/*======RIGHT SHORTCUT BAR=====*/
.right-shortcut-bar {
    width: 60px;
    height: 100%;
    background: rgba(204, 204, 204, .9);
    position: fixed;
    top: 0px;
    z-index: 1000;
}

.right-shortcut-bar-items {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.right-shortcut-bar ul {
    margin: 0px;
}

.right-shortcut-bar ul li {
    width: 40px;
    height: 40px;
    margin: 10px;
    list-style: none;
}

.right-shortcut-bar ul li a {
    width: 40px;
    height: 40px;
    display: block;
    color: #222;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background: #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.right-shortcut-bar ul li a:hover,
.right-shortcut-bar ul li a:focus {
    text-decoration: none;
    background: #495161;
    color: #fff;
    text-shadow: 0 1px 0 rgba(000, 000, 000, .8);
}

.right-shortcut-bar ul li a i {
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
}

.bar-hide {
    right: -60px;
}

.bar-show {
    right: 0px;
}

.right-toggle {
    width: 25px;
    height: 30px;
    background: rgba(204, 204, 204, .9);
    position: absolute;
    top: 25px;
    left: -25px;
    z-index: 1001px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.right-toggle a {
    color: #333;
    width: 25px;
    height: 30px;
    display: block;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.right-toggle a:hover,
.right-toggle a:focus {
    color: #000;
    text-decoration: none;
}

.right-toggle a i {
    width: 25px;
    height: 30px;
    display: block;
    line-height: 30px;
    text-align: center;
    margin: 0px;
    font-size: 18px;
}

/*Colors*/
.gray {
    background: #e8e8e8;
}

.light-gray {
    background: #eee;
}

.brown {
    background: #b51c44;
}

.blue-violate {
    background: #5b3ab6;
}

.dark-yellow {
    background: #e88a05;
}

.magenta {
    background: #a300aa;
}

.blue {
    background: #3498DB;
}

.orange {
    background: #ce4b27;
}

.bondi-blue {
    background: #0093a8;
}

.green {
    background: #009600;
}

/*=======NICE SCROLL=======*/
.recent-users-scroll,
.support-ticket-scroll {
    height: 335px;
}

/*====ICHCEK====*/
.styled-chekbox {
    display: inline-block;
    padding-top: 6px;
}

.checkbox-label {
    display: inline-block;
    position: relative;
    left: 10px;
    top: -4px;
    margin-right: 20px;
}

.code-area {
    margin: 15px 20px 20px 20px;
}

/**BASIC TABLE**/
.data-meta {
    margin-bottom: 5px;
}

.data-meta ul {
    list-style: none;
    margin: 0px;
}

.data-meta ul li {
    display: inline-block;
    margin-right: 20px;
}

.data-meta ul li a {
    display: inline-block;
    text-decoration: none;
    color: #666;
    font-weight: bold;
}

.data-meta ul li a:hover {
    color: #06F;
}

.block-head thead th {
    background: #fbfbfb;
    /* Old browsers */
}

.table-well {
    margin: 0px;
}

.no-border {
    border: 0px !important;
}

.square-widget .tbl-search-bar {
    padding: 0px;
}

.square-widget .tbl-search-bar ul {
    margin: 0px;
}

.tbl-search-bar {
    padding: 3px;
}

.tbl-search-bar form {
    margin: 0px;
}

.tbl-search-bar ul {
    list-style: none;
    margin: 0px 10px 0 5px;
    padding-top: 0px;
}

.tbl-search-bar ul li {
    display: inline-block;
}

.tbl-search-bar .search-select {
    width: 100px;
    position: relative;
    top: 2px;

}

.sorting_asc {
    background: url("../images/tbl-img/sort_asc.png") no-repeat right center;
    cursor: pointer;
}

.sorting_desc {
    background: url("../images/tbl-img/sort_desc.png") no-repeat right center;
    cursor: pointer;
}

.sorting {
    background: url("../images/tbl-img/sort_both.png") no-repeat right center;
    cursor: pointer;
}

.sorting_asc_disabled {
    background: url("../images/tbl-img/sort_asc_disabled.png") no-repeat right center;
    cursor: pointer;
}

.sorting_desc_disabled {
    background: url("../images/tbl-img/sort_desc_disabled.png") no-repeat right center;
    cursor: pointer;
}

th:active {
    outline: medium none;
}

.search-pane {
    margin-bottom: 10px;
}

.search-pane .search-bar ul {
    margin: 0px 10px 0 0px;
}

.table-action {
    height: 45px;
    display: inline-block;
    float: right;
    line-height: 45px;
    text-align: center;
    border-left: 1px solid rgba(000, 000, 000, .3);
    box-shadow: 1px 0 0 rgba(255, 255, 255, .3) inset;
    position: relative;
}

.table-action .caret {
    margin-top: 17px;
    text-decoration: none;
    color: #fff;
}

.table-action>a {
    text-decoration: none;
    height: 45px;
    display: block;
    padding: 0 15px;
    color: #fff;
}

.table-action .dropdown-menu>li a {
    text-align: left;
}

.table-action .dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: -1px;
}

.table-action .dropdown-menu a {
    padding: 3px 8px;
}

.table-action .dropdown-menu a:hover {
    background: #007ab9;
}

.table-action .dropdown-menu a i {
    margin-right: 3px;
}

.table-action-btn .btn {
    padding: 4px 5px;
    margin-top: 5px;
}

.table-action-btn .dropdown-menu {
    -moz-border-radius: 4px 0px 4px 4px;
    -webkit-border-radius: 4px 0px 4px 4px;
    border-radius: 4px 0px 4px 4px;
    margin-top: -1px;
    margin-right: 0px;
    border: #ccc 1px solid;
}

/**====GALLERY PAGE====**/
.caption h3 {
    font-size: 18px;
    line-height: normal;
}


/*ERROR-PAGE*/
.error-wrap {
    width: 410px;
    margin: 5% auto;
    font-family: 'Dosis', sans-serif;
    color: #d97155;
}

.error-code {
    font-size: 80px;
    font-family: 'Dosis', sans-serif;
    font-weight: 700;
    width: 150px;
    line-height: 70px;
    vertical-align: text-top;
}

.error-message {
    width: 250px;
}

.error-message h4 {
    font-size: 20px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    line-height: normal;
    margin: 0px 0px 5px 0;
    color: #ff4747;
}

.error-message p {
    font-size: 14px;
    line-height: normal;
}

.error-body {
    background: url(../images/error-shadow.png) no-repeat bottom;
    padding-bottom: 17px;
    padding-top: 20px;
}

.error-instruction {
    background: #e2e2e2;
    position: relative;
}

.error-instruction .indicator {
    width: 40px;
    height: 27px;
    background: url(../images/top-arrow.png) no-repeat;
    display: block;
    position: absolute;
    top: -25px;
    left: 55px;
}

.error-instruction ol {
    margin: 0px;
    padding: 20px 20px 20px 26px;
    list-style: inside decimal-leading-zero;
    padding-right: 106px;
}

.error-instruction ol li {
    color: #d97155;
    font-size: 14px;
}

.error-instruction .left-border {
    width: 5px;
    background: #d97155;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.error-instruction .go-home {
    width: 96px;
    height: 100%;
    background: #4f7083;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
}

.error-instruction .go-home:hover {
    background: #d97155;
}

.go-home i {
    font-size: 34px;
    color: #fff;
    position: relative;
    top: 30%;
}



/**=====DATA TABLE====**/
.lenghtMenu {
    color: #fff;
}

.lengthLabel {
    padding-top: 3px;
    padding-right: 5px;
}

.box-widget .dataTables_filter,
.box-widget .dataTables_length {
    color: #fff;
}

.dataTables_filter {
    float: left;
    padding: 10px 10px 0 10px;
}

.dataTables_length {
    float: right;
    padding: 10px 10px 0 10px;
}

.tbl-pagination {
    margin: 10px 15px;
}

.tbl-pagination .pagination {
    margin: 0px;
}

.tbl-data-info {
    padding: 15px 20px;
}

.square-widget .tbl-pagination {
    margin: 10px 0px;
}

.square-widget .tbl-data-info {
    padding: 10px 0px;
}

.square-widget .dataTables_filter {
    padding: 0px;
}

.square-widget .dataTables_length {
    padding: 0px;
}

.search-pane .open .btn {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

/**==LOGIN PAGE===**/
.login-wrap {
    width: 280px;
    margin: 0% auto;
    padding: 15% 0%;
}

.login-head {
    min-height: 48px;
    background: #6e7683;
    /* Old browsers */
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    -moz-box-shadow: inset 0px 0px 4px rgba(000, 000, 000, .2);
    -webkit-box-shadow: inset 0px 0px 4px rgba(000, 000, 000, .2);
    box-shadow: inset 0px 0px 4px rgba(000, 000, 000, .2);
}

.login-head h3 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    line-height: 45px;
    padding-left: 15px;
    margin: 0px;
}

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

.login-form ul {
    margin: 0px;padding: 0;
}

.logme {
    margin: 0px;
    border: 1px solid #ddd;
}

.login-form ul li {
    list-style: none;
    position: relative;
}
.wrap-form {
  background: #fff;
  padding: 10%;
}
.login-user-input {
    height: 40px;
    padding: 12px 13px 12px 40px !important;
   width: 100%;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 0px solid !important;
    border-top: 0px !important;
    margin: 0px !important;
}

.login-pass-input {
    height: 40px;
    padding: 12px 13px 12px 40px !important;
   width: 100%;
    -moz-border-radius: 0px 0px 5px 5px !important;
    -webkit-border-radius: 0px 0px 5px 5px !important;
    border-radius: 0px 0px 5px 5px !important;
    border: 0px solid !important;
    border-top: #ddd 1px solid !important;
    margin: 0px !important;
}

.login-form ul li i {
    font-size: 20px;
    position: absolute;
    left: 0px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #666;
}

.backend-login-btn {
    background: #6e7683;
    border: 0px !important;
    box-shadow: none;
    padding: 12px;
    color: #fff;
}

.backend-login-btn:hover {
    color: #fff;
}

.rem-check {
    margin-right: 7px;
    position: relative;
    top: -3px;
}

.login-initial {
    margin: 10px 0px;
}

.login-initial li {
    list-style: none;
}

/*===jQuery UI===*/
.ui-progressbar {
    height: 10px !important;
    position: relative;
}

#progressbar .progress-label {
    position: absolute;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    top: -4px;
    left: 3px;
}

#flotTip {
    padding: 3px 5px;
    background-color: #000;
    z-index: 100;
    color: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    border: 2px solid #000;
}

/*Preview-Style*/
.elem-style {
    margin: 0px;
}

.elem-style li {
    list-style: none;
    margin: 10px;
}

.elem-list-style {
    margin: 0px;
    text-align: center;
}

.elem-list-style li {
    list-style: none;
    margin: 10px;
}

.elem-list-style li a {
    display: inline-block;
    text-align: center;
    padding: 5px 20px;
    background: #ddd;
}

.series-list label {
    display: inline-block;
    padding-bottom: 5px;
    font-weight: normal;
}

.white {
    background: #fff !important;
}

.white.border {
    border: #eee 1px solid;
}

/*INVOICE PAGE*/
.invoice-info {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.invoice-info label {
    font-weight: bold;
    display: inline-block;
    width: 10em;
}

.invoice-cal td span {
    display: block;
    text-align: right;
}

.amount-due {
    font-weight: bold;
    font-size: 18px !important;
    padding: 10px 0;
}

.invoice-type {
    width: 100px;
}

.invoice-qty {
    width: 50px;
    text-align: center !important;
}

.invoice-amount,
.invoice-unit {
    text-align: right !important;
    width: 100px;
}


/*PROFILE PAGE*/

.profile-thumb {
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 150px;
}

.profile-thumb .list-item {
    list-style: none;
    margin: 10px 0;
}

.profile-thumb .list-item li a {
    color: #666;
    padding: 5px 0;
    display: block;
    border-bottom: #ddd 1px solid;
}

.profile-thumb .list-item li a:hover {
    text-decoration: none;
    color: #09C;
}

.profile-info {
    display: inline-block;
    float: left;
    width: 70%;
}

.profile-info ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.profile-title {
    margin-top: 0px;
    margin-bottom: 0px;
}

.profile-intro li label {
    display: inline-block;
    font-weight: bold;
    width: 10em;
    color: #666;
}

.profile-toolbar {
    margin-top: 0px;
    margin-bottom: -40px;
}

.profile-info h4 {
    font-weight: normal;
    border-left: #888 5px solid;
    padding-left: 10px;
}

.activity-timeline {
    border-left: #666 2px solid;
    position: relative;
    width: 100px;
    margin-left: 29px;
    margin-bottom: 20px;
}

.activity-timeline {
    margin-top: 20px;
}

.indivdual-entry {
    position: relative;
    left: -51px;
    display: inline-block;
    text-align: center;
    width: 100px;
    margin-bottom: -40px;
}

a.post-indicator {
    margin-top: 0px;
    width: 34px;
    height: 34px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
    display: inline-block;
    text-align: center;
    list-style: none;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: #ccc 1px solid;
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(000, 000, 000, 0.1);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(000, 000, 000, 0.1);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(000, 000, 000, 0.1);
    margin-bottom: 10px;
}

.date-range {
    display: inline-block;
    width: 50px;
}

.post-list {
    position: relative;
    left: 110px;
    width: 300px;
    text-align: left;
    top: -75px;
    background: #f9f9f9;
    /* Old browsers */
    -moz-box-shadow: 0px 1px 0px #FFFFFF inset;
    -webkit-box-shadow: 0px 1px 0px #FFFFFF inset;
    box-shadow: 0px 1px 0px #FFFFFF inset;
    border: #ddd 1px solid;
    padding: 5px 10px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.post-list:after,
.post-list:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.post-list:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #f9f9f9;
    border-width: 7px;
    top: 20px;
    margin-top: -10px;
}

.post-list:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #ccc;
    border-width: 8px;
    top: 20px;
    margin-top: -11px;
}

.timeline-thumblist li {
    width: 60px;
    float: left;
}

.activity-intro {
    font-size: 13px !important;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

.post-list p {
    line-height: normal;
    font-size: 11px;
}

.post-indicator i {
    margin-top: 0px;
}

.post-indicator span {
    background: #FFF;
    display: block;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: #ccc 1px solid;
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(000, 000, 000, 0.1);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(000, 000, 000, 0.1);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(000, 000, 000, 0.1);
    margin: 2px;
}

.timeline-title {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    position: relative;
    left: -31px;
    background: #fff;
    margin-bottom: 40px;
}

.title-info {
    width: 300px;
    position: absolute;
    left: 90px;
    top: 0px;
}

.title-info h3 {
    margin: 5px 0 0 0;
    text-transform: uppercase;
    font-weight: normal;
    line-height: normal;
    font-size: 20px;
}

.activity-timeline .more {
    position: absolute;
    left: -18px;
    bottom: 0px;
    padding: 5px;
}

.timeline-filelist {
    border-top: #ddd 1px dashed;
    margin-bottom: 10px !important;
}

.timeline-filelist li a {
    display: block;
    background: #fff;
    padding: 3px 5px;
    border-bottom: #ddd 1px dashed;
    border-left: #ddd 1px dashed;
    border-right: #ddd 1px dashed;
}


/*== SEARCH PAGE==*/
.list-wrap {
    margin: 0 auto;
}

.list-wrap p {
    margin-bottom: 0px;
}

.list-search-bar {
    margin: 20px;
}

.list-search-bar .pagination,
.list-search-bar .input-append {
    margin: 0px;
}

.list-wrap header {
    border-bottom: 1px solid #b6bdbe;
    margin: 15px 22px;
    margin-bottom: 35px;
    padding-top: 20px;
    position: relative;
}

.list-wrap footer {
    border-top: 1px solid #b6bdbe;
    padding-bottom: 40px;
    margin: 15px 22px;
}

.list-wrap header .list-style-buttons {
    position: absolute;
    right: 0;
}

.list-wrap ul {
    margin: 0px;
}

.list-wrap h3 {
    margin: 0px;
    line-height: normal;
}

/** list view **/
ul.list {
    list-style: none;
    width: 100%;
}

ul.list li {
    display: block;
    background: #f8f8f8;
    padding: 10px 15px;
    border-bottom: #ddd 1px solid;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

ul.list li:first-child {
    border-top: #ddd 1px solid;
}

ul.list li.alt {
    background: #f1f1f1;
}

ul.list li section.left {
    display: block;
    float: left;
    width: 450px;
    position: relative;
    font-size: 11px;
    line-height: normal;
}

ul.list li section.right {
    display: block;
    float: right;
    width: 250px;
    text-align: right;
}

ul.list li section.left img.thumb {
    float: left;
    margin-right: 10px;
}

ul.list .right .rate-it {
    display: block;
    width: 250px !important;
    text-align: right !important;
    margin-bottom: 5px;
}

ul.list li section.left img.featured-banner {
    position: absolute;
    left: -18px;
    top: 35px;
}

ul.list li section.left h3 {
    font-weight: bold;
    color: #707375;
    font-size: 14px;
    margin-bottom: 5px;
}

ul.list li section.left span.meta {
    color: #93989b;
    font-weight: normal;
    font-size: 12px;
    display: block;
    margin-bottom: 3px;
}

ul.list li section.right span.price {
    font-weight: bold;
    display: block;
    color: #069;
    font-size: 14px;
    margin-bottom: 3px;
    text-align: right;
}

ul.list li section.right a.firstbtn {
    margin-right: 7px;
}

/** grid view **/
ul.grid {
    list-style: none;
    margin: 20px auto;
}

ul.grid li {
    position: relative;
    display: block;
    float: left;
    width: 220px;
    padding: 5px 22px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul.grid li.third {
    border: 0;
}

ul.grid li section.left {
    position: relative;
}

ul.grid li section.right {
    /* nothing */
}

ul.grid li section.left img.featured-banner {
    position: absolute;
    top: 0;
}

ul.grid li section.left h3 {
    margin-top: 5px;
    font-weight: bold;
    color: #707375;
    font-size: 14px;
}

ul.grid li section.left span.meta {
    display: block;
    color: #93989b;
    font-weight: normal;
    font-size: 1.1em;
    margin-bottom: 7px;
}

ul.grid li section.right span.price {
    font-weight: bold;
    display: block;
    color: #069;
    font-size: 16px;
}

ul.grid li section.right span.darkview {
    opacity: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 100%;
    margin: 0 15px;
    background: rgba(40, 45, 55, 0.25);
    overflow: hidden;
    text-align: center;
    padding-top: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.25s linear 0s;
    -o-transition: opacity 0.25s linear 0s;
    border: #aaa 1px solid;
    cursor: pointer;
}

ul.grid li:hover section.right span.darkview {
    opacity: 1;
}

ul.grid li section.right span.darkview a.firstbtn {
    display: block;
    margin-bottom: 10px;
}

.spark-tip {
    display: block;
    padding: 0px 10px 10px 0px;
    border: red 2px soild;
}

/*==Product List==*/
/* Main container */
.product-h {
    padding-left: 15px;
}

.cbp-vm-switcher {

    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* options/select wrapper with switch anchors */
.cbp-vm-options {
    text-align: right;
    border-bottom: 1px solid #ccc;
}

.cbp-vm-options a {
    display: inline-block;
    width: 40px;
    height: 33px;
    overflow: hidden;
    white-space: nowrap;
    color: #d0d0d0;
    margin: 2px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected {
    color: #47a3da;
}



/* General style of switch items' list */

.cbp-vm-switcher ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Clear eventual floats */
.cbp-vm-switcher ul:before,
.cbp-vm-switcher ul:after {
    content: " ";
    display: table;
}

.cbp-vm-switcher ul:after {
    clear: both;
}

.cbp-vm-switcher ul li {
    display: block;
    position: relative;
}

.cbp-vm-image {
    display: block;
    margin: 0 auto;
}

.cbp-vm-image img {
    display: inline-block;
    max-width: 100%;
    border: none;
}

.cbp-vm-title {
    margin: 0;
    padding: 0;
}

.cbp-vm-price {
    color: #c0c0c0;
}

.cbp-vm-add {
    color: #fff;
    background: #47a3da;
    padding: 10px 20px;
    border-radius: 2px;
    margin: 20px 0 0;
    display: inline-block;
    transition: background 0.2s;
}

.cbp-vm-add:hover {
    color: #fff;
    background: #02639d;
}

.cbp-vm-add:before {
    margin-right: 5px;
}



/* Individual view mode styles */

/* Large grid view */
.cbp-vm-view-grid ul {
    text-align: center;
}

.cbp-vm-view-grid ul li {
    width: 33%;
    text-align: center;
    padding: 25px;
    margin: 20px 0 0;
    display: inline-block;
    min-height: 420px;
    vertical-align: top;
}

.cbp-vm-view-grid .cbp-vm-title {
    font-size: 2em;
}

.cbp-vm-view-grid .cbp-vm-details {
    max-width: 300px;
    min-height: 70px;
    margin: 0 auto;
}

.cbp-vm-view-grid .cbp-vm-price {
    margin: 10px 0;
    font-size: 1.5em;
}


/* List view */
.cbp-vm-view-list li {
    padding: 20px 0;
    white-space: nowrap;
}

.cbp-vm-view-list .cbp-vm-image,
.cbp-vm-view-list .cbp-vm-title,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-price,
.cbp-vm-view-list .cbp-vm-add {
    display: inline-block;
    vertical-align: middle;
}

.cbp-vm-view-list .cbp-vm-image {
    width: 10%;
}

.cbp-vm-view-list .cbp-vm-title {
    font-size: 1.3em;
    padding: 0 10px;
    white-space: normal;
    width: 23%;
}

.cbp-vm-view-list .cbp-vm-price {
    font-size: 1.3em;
    width: 10%;
}

.cbp-vm-view-list .cbp-vm-details {
    width: 37%;
    padding: 0 15px;
    overflow: hidden;
    white-space: normal;
}

.cbp-vm-view-list .cbp-vm-add {
    margin: 0;
}

@media screen and (max-width: 66.7em) {
    .cbp-vm-view-list .cbp-vm-details {
        width: 30%;
    }
}

@media screen and (max-width: 57em) {
    .cbp-vm-view-grid ul li {
        width: 49%;
    }
}

@media screen and (max-width: 47.375em) {
    .cbp-vm-view-list .cbp-vm-image {
        width: 20%;
    }

    .cbp-vm-view-list .cbp-vm-title {
        width: auto;
    }

    .cbp-vm-view-list .cbp-vm-details {
        display: block;
        width: 92%;
        margin: 10px 0;
    }

    .cbp-vm-view-list .cbp-vm-add {
        margin: 10px;
    }
}

@media screen and (max-width: 40.125em) {
    .cbp-vm-view-grid ul li {
        width: 100%;
    }
}




@media (max-width:980px) {
    .merge-left {
        margin-left: -220px;
        position: absolute;
        top: 0px;
    }

    .merge-right {
        right: -220px;
    }

    .top-bar {
        margin-left: 0px;
        margin-right: 0px;
    }

    .main-wrapper {
        position: relative;
    }

    .left-toggle {
        display: block;
    }

    .branding {
        text-align: center;
    }

    .notification-bar>li>a i {
        line-height: 36px;
    }

    .fixed-leftbar .main-container {
        margin-left: 0px;
    }

}

@media (max-width:767px) {
    body {
        padding-right: 0px;
        padding-left: 0px;
    }

    .main-container {
        padding: 0 20px;
    }

    .branding {
        text-align: center;
        background: #172327;
    }

    .left-toggle {
        left: 15px;
    }
	 .img1{display:none;
     }

}

@media (max-width:685px) {
    .responsive-log-mnu {
        margin-right: 10px;
        display: inline-block;
        float: right;
        position: relative;
    }

    .responsive-notification-mnu {
        z-index: 1000;
        display: inline-block;
        float: left;
    }
}

/*@saurabh*/

.dropdown-toggle a {
    color: #fff !important;
}

.widget-content {
    border: 1px solid #DDDDDD;
}

.box-widget .pull-left {
    color: #D24836 !important;
}

.box-widget .h-icon {
    color: #333;
}

.left-bar {
    background: none repeat scroll 0 0 #F2F2F2;
   
}

.main-wrapper {}

.brandinglogin {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    text-align: center;
    padding: 4px;
    margin-bottom: 0px;
}
.branding1 {
  text-align: center;
  padding: 7px;
}
.branding a {
    position: absolute;
    z-index: 2147483647;
}

.outborder {
    border: 1px solid #ddd;
    width: 100%;
}

.btnleft {
    float: left;
    padding-right: 10px;
}

.required label:after {
    color: #e32;
    content: '*';
    display: inline;
    font-weight: bold;
}

.main-wrappertwo {
    *background: #f7f7f7;
    *overflow: hidden;
}

.lbranding {
    text-align: center;
    padding-bottom: 10px;
    background-color: #f4faff;
}

.lform {
    border: 1px solid #ddd;padding: 0;
}

.loginbg {
    /* background: url(http://system.bdmvinternational.com/images/bg.jpg) no-repeat; */
    background-size: 100%;
}