/* arimo-regular - latin */
@font-face {
    font-family: 'Andika';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/andika-v8-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Andika Regular'), local('Andika-Regular'),
    url('../fonts/andika-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/andika-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/andika-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/andika-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/andika-v8-latin-regular.svg#Andika') format('svg'); /* Legacy iOS */
}

body {
    overflow-x: hidden;
    background-color: #dddddd;
    font-family: 'Andika';
    font-size: 15px;
}

.slidebar-form {
    padding: 7px 15px 13px 15px;
}

.slidebar-nav {
    left: 250px;
    list-style: none;
    height: 100%;
    margin: 0;
    margin-left: -250px;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    top: 50px;
    width: 0;
    z-index: 1000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled .slidebar-nav {
    width: 250px;
}

.slidebar-nav .navbar-collapse {
    padding: 0;
    max-height: none;
}

.slidebar-nav ul {
    float: none;
    width: 100%;
}

.slidebar-nav ul:not {
    display: block;
}

.slidebar-nav li {
    float: none;
    display: block;
}

.slidebar-nav li a {
    padding-top: 12px;
    padding-bottom: 12px;
}

.slidebar-nav li:hover {
    /*color: #fff;*/
}

.slidebar-nav li > a:hover {
    color: #fff;
}

.slidebar-nav li a i:hover {
    color: #fff;
}

.slidebar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin: 0;
    padding: 5px 0;
    /*background-color: transparent;*/
    background-color: #dddddd;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.slidebar-nav .open .dropdown-menu > li > a {
    /*padding: 5px 15px 5px 25px;*/
    padding: 10px 0 5px 20px;
}

.slidebar-nav .navbar-brand {
    width: 100%;
}

.slidebar-nav .open > a > b.caret {
    border-top: none;
    border-bottom: 4px solid;
}

.slidebar-nav .navbar-nav {
    margin: 0;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#page-wrapper6 {
    width: 100%;
    position: absolute;
    top: 50px;
}

#wrapper.toggled #page-wrapper6 {
    position: absolute;
    margin-right: -250px;
}

@media (min-width: 768px) {
    #wrapper {
        padding-left: 200px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #page-wrapper6 {
        background: #eee;
        position: relative;
    }

    #wrapper.toggled #page-wrapper6 {
        position: relative;
        margin-right: 0;
    }

    .slidebar-nav {
        width: 200px;
    }

    #wrapper.toggled .slidebar-nav {
        width: 0;
    }
}

.slidebar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.slidebar-toggle:focus {
    outline: 0;
}

.slidebar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.slidebar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.navbar-default .slidebar-toggle {
    /*border-color: #ddd;*/
}

.navbar-default .slidebar-toggle:hover,
.navbar-default .slidebar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .slidebar-toggle .icon-bar {
    background-color: #888;
}

/*
 * White navbar style
 */

#navbar-white { /* #efffff - #ffffff */
    font-size: 14px;
    background-color: #AC1F25;
    /* background: -webkit-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); */
    background: -webkit-linear-gradient(top, rgba(0, 66, 127, 1) 0%, rgba(0, 66, 127, 1) 100%);
    background: linear-gradient(to bottom, #AC1F25 0%, rgba(255, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgb(127, 0, 64) 0%, #AC1F25 100%);
    border: 00px;
    border-radius: 0;
}


.navbar-default { /* #efffff - #ffffff */
    font-size: 14px;
    background-color: #fff;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border: 00px;
    border-radius: 0;
}

#navbar-white.navbar-default .navbar-nav > li > a:hover,
#navbar-white.navbar-default .navbar-nav > li > a:focus,
#navbar-white.navbar-default .navbar-nav > .active > a,
#navbar-white.navbar-default .navbar-nav > .active > a:hover,
#navbar-white.navbar-default .navbar-nav > .active > a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(255, 255, 255, 1);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

#sidebar-white, #column-white, #dashboard-white, #slidebar-white {
    background-color: #fff;
}

#navbar-white.navbar-default .navbar-toggle,
#navbar-white.navbar-default .slidebar-toggle {
    /*border-color: #ccffff;*/
}

#navbar-white.navbar-default .navbar-toggle:hover,
#navbar-white.navbar-default .navbar-toggle:focus,
#navbar-white.navbar-default .slidebar-toggle:hover,
#navbar-white.navbar-default .slidebar-toggle:focus {
    background-color: #ffffff;
}

#navbar-white.navbar-default .navbar-nav > li > a,
#navbar-white.navbar-default .navbar-brand {
    color: #fff;
}

#navbar-white.navbar-default .navbar-toggle .icon-bar,
#navbar-white.navbar-default .navbar-toggle:hover .icon-bar,
#navbar-white.navbar-default .navbar-toggle:focus .icon-bar,
#navbar-white.navbar-default .slidebar-toggle .icon-bar,
#navbar-white.navbar-default .slidebar-toggle:hover .icon-bar,
#navbar-white.navbar-default .slidebar-toggle:focus .icon-bar {
    background-color: #888686;
    border: #fff;
}

.navbar-brand {
    padding: 00px;
}

.navbar-brand > img {
    height: 120%;
    width: auto;
    padding: 2px 45px;
}

.slidebar-nav li.nav-item {
    display: block;
    white-space:nowrap;
    /*padding: 1px;*/
    color: #000;
    text-decoration: none;
    background: transparent;
}

.slidebar-nav li.nav-item a:hover, .slidebar-nav li.active.nav-item a {
    color: #fff !important;
    background: #AC1F25 !important;
}

.slidebar-nav li.dropdown {
    display: block;
    padding: 1px;
    color: #000;
    text-decoration: none;
    background: transparent;
}

.slidebar-nav li.dropdown:hover {
    color: #fff !important;
    /*background: #AC1F25 !important;*/
    background: #dddddd !important;
}

.slidebar-nav li.dropdown a {
    color: #000;
}

.slidebar-nav li a i {
    margin: 0 0.5rem 0 0;
}

.slidebar-nav li.dropdown a {
    color: #000;
}

.slidebar-nav li.dropdown a .caret {
    position: absolute;
    top: 20px;
    right: 1rem;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #AC1F25;
}

.navbar-right .dropdown .dropdown-menu > li > a {
    /*color: #000;*/
}

#divSearch .form-control {
    box-shadow: none !important;
    border-radius: 2px !important;
    border-bottom: 00px solid #AC1F25 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.btn-search {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
}

.breadcrumb-custom {
    background-color: #fff;
    border-radius: 00px;
}

.breadcrumb-custom > li > a {
    color: #000;
    text-decoration: none;
}

.breadcrumb-custom > li.active {
    color: #AC1F25;
}

.navbar-right > li > ul > li > a {

}

.navbar-right > li > ul > li > a > i {
    margin: 0 0.5rem 0 0;
}

.navbar-right > li > ul > li > a:hover {
    color: #fff;
    background: #AC1F25;
}

.btn-search:hover {
    color: #fff;
    background-color: #AC1F25;
    border-color: #fff;
}

.btn-theme {
    background: #AC1F25;
    color: #fff;
}

.btn-theme:hover {
    background: #fff;
    color: #AC1F25;
    border: 1px solid #000;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.slidebar-nav li.active a i {
    color: #fff;
}

.slidebar-nav li a i {
    width: 20px;
    margin: 0 0.5rem 0 0;
    font-size: 14px;
    color: #000;
    text-align: center;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #AC1F25;
}

.slidebar-nav li a:hover i, .slidebar-nav li.active a:hover i {
    width: 20px;
    margin: 0 0.5rem 0 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.li-a {
    color: #000;
}

td.details-control {
    background: url(../images/details_open.png) no-repeat center center;
    cursor: pointer;
    width: 18px;
}
tr.shown td.details-control {
    background: url(../images/details_close.png) no-repeat center center;
}
#loading {
    background: url("../images/ajax-loader.gif") no-repeat scroll 50% 10% #FFF;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.loader {
    color: white;
    top: 60px;
    right: 10px;
    /* margin-left: -53px; */
    position: fixed;
    /* padding: 3px; */
    width: 100px;
    height: 100px;
    background: url(../images/360.gif) no-repeat center;
    background-size: 60px 60px;
    z-index: 4;
}

/* Profile container */
.profile {
    /*margin: 20px 0;*/
    margin-bottom: 20px;
}

/* Profile sidebar */
.profile-sidebar {
    padding: 20px 0 10px 0;
    background: #fff;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.profile-userpic-aside img {
    float: none;
    margin: 0 auto;
    margin-top: 5px;
    width: 30%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.profile-user-title-aside {
    text-align: center;
}

.profile-user-aside-title-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-user-aside-title-job {
    text-transform: uppercase;
    color: #da6267;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-usertitle-job {
    text-transform: uppercase;
    color: #da6267;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

.profile-user-aside {
    text-align: center;
}

.profile-userbuttons .btn {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 15px;
    margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
    margin-right: 0px;
}

.profile-usermenu {
    margin-top: 30px;
}

.profile-usermenu ul li {
    border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
    border-bottom: none;
}

.profile-usermenu ul li a {
    color: #93a3b5;
    font-size: 14px;
    font-weight: 400;
}

.profile-usermenu ul li a i {
    margin-right: 8px;
    font-size: 14px;
}

.profile-usermenu ul li a:hover {
    background-color: #fafcfd;
    color: #da6267;
}

.profile-usermenu ul li.active {
    border-bottom: none;
}

.profile-usermenu ul li.active a {
    color: #da6267;
    background-color: #eeeeee;
    border-left: 2px solid #da6267;
    margin-left: -2px;
}

/* Profile Content */
.profile-content {
    padding: 20px;
    background: #fff;
    min-height: 460px;
}

.panel-custom-test {
    max-width: 354px;
    box-shadow: none;
}

.panel-custom-test .panel-heading {
    color: #fff;
    background-color: #23bace;
    border-radius: 0;
    border-bottom: 0;
    padding: 0;
}

.panel-custom-test .panel-heading .media-left,
.panel-custom-test .panel-heading .media-body {
    vertical-align: middle;
}

.panel-custom-test .panel-heading .panel-icon {
    background-color: #1fa8ae;
    padding: 9px 10px;
    font-size: 1.6em;
    top: 0;
}

.panel-custom-test .panel-heading .panel-title {
    font-size: 18px;
}

.panel-custom-test .panel-body {
    padding: 15px 0 0 0;
    border: 1px solid #f9f9f9;
}

.dots {
    /*margin: 40px auto;*/
    text-align: center;
}

.dot {
    display: inline-block;
    border-radius: 50%;
    width: 50%;
    background-color: #EEE;
    height: 10px;
    width: 10px;
    margin: 0 2px;
}

.dot.dot-active {
    background-color: green;
}

.dot.dot-in-active {
    background-color: #AC1F25;
}

.dot.dot-mid-in-active {
    background-color: purple;
}

.dot.dot-sm {
    height: 10px;
    width: 10px;
}

.dot.dot-lg {
    margin: 0 4px;
    height: 20px;
    width: 20px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.btn-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
    background-color: #E6E6E6;
}

.fieldset-border {
    border: 1px solid #DBDEE0 !important;
    padding: 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

.legend-border {
    font-size: 1.1em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    color: #428BCA;
    padding: 5px 15px;
    border: 1px solid #DBDEE0 !important;
    margin: 0;
    /*background: #DBDEE0;*/
}

.form-inline .form-group {
    margin-right: 10px;
}

.send-tama-panel > .panel-body {
    padding: 00px;
}

.products > .panel-body {
    padding: 10px;
}

.products > .panel-body h4 {
    font-size: 16px;
    color: #000;
}

.send-tama-panel > .panel-body > img {
    width: 100%;
    height: 100%;
}

.send-tama-panel > .panel-footer {
    text-align: center;
}

.product-name {
    color: #000;
}

.product-name:hover, .product-name:active {
    color: #AC1F25;
}

.wizard {
    background: #fff;
}

.wizard .nav-tabs {
    position: relative;
    /*margin: 40px auto;*/
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tab i {
    color: #555555;
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #eeeeee;

}

.wizard li.active span.round-tab i {
    color: #AC1F25;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 235px;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #AC1F25;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media ( max-width: 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 5px;
    /* margin-bottom: 5px; */
    border: none;
    /* border-top: 1px solid rgba(34, 36, 38, .1); */
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
    text-align: center;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
    text-align: center;
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

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

.navbar-default .navbar-nav > li > a.li-a:hover, .navbar-default .navbar-nav > li > a.li-a:focus, .navbar-default .navbar-nav > li > a.li-a > i:hover, .navbar-default .navbar-nav > li > a.li-a > i:focus {
    color: #fff;
    /*background-color: transparent;*/
}

.slidebar-nav li.nav-item.active > a {
    color: #fff;
    text-decoration: none;
    background: #AC1F25;
}

.slidebar-nav li.nav-item a.li-a:hover, .slidebar-nav li.active.nav-item a.li-a {
    color: #fff !important;
    background: #AC1F25 !important;
}

/*
 *  STYLE 15
 */

#slidebar-white::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

#slidebar-white::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#slidebar-white::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#AC1F25), to(#337ab7), color-stop(.6, #818181));
}

.table-responsive {
    overflow-x: inherit;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

.popover > .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff;
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px;
}

.custom-header {
    text-align: center;
    padding: 3px;
    background: #000;
    color: #fff;
}

.cc-panel > .panel-body {
    padding: 00px;
}

.products > .panel-body {
    padding: 10px;
}

.products > .panel-body h4 {
    font-size: 16px;
    color: #000;
}

.cc-panel > .panel-body > img {
    width: 100%;
    height: 140px;
}

.cc-panel > .panel-footer {
    text-align: center;
}

.info-card {
    float: left;
    margin: 10px;
    -webkit-perspective: 600px;
}

.front, .back {
    background: #FFF;
    border-radius: 10px;
    transition: -webkit-transform 1s;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    border: 1px solid #dddddd;
}

.front {
    overflow: hidden;
    width: 100%;
    height: 250px;
    position: absolute;
    z-index: 1;
}

.back {
    /*padding: 20px;*/
    padding-top: 0px;
    width: 100%;
    height: 250px;
    -webkit-transform: rotateY(-180deg);
    /*overflow: scroll;*/
}

.info-card:hover .back {
    -webkit-transform: rotateY(0);
}

.info-card:hover .front {
    -webkit-transform: rotateY(180deg);
}

.card-image {
    width: 100%;
    height: 250px;
}

.panel-cards {
    /* border-color: #337ab7; */
}

.panel-cards > .panel-heading {
    color: #fff;
    background-color: #AC1F25;
    border-color: #ffffff;
}

/* Search in the navigation bar */

.form-control.selectize-control {
    height: 34px;
}

.selectize-dropdown-content img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    float: left;
}

.selectize-control::after {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: ' ';
    z-index: 2;
    position: absolute;
    display: block;
    top: 10px;
    right: 34px;
    width: 16px;
    height: 16px;
    background: url("../images/spinner.gif");
    background-size: 16px 16px;
    opacity: 0;
}

.selectize-control.loading::after {
    opacity: 1;
}

#qrySearch-selectized {
    width: 100%;
}

.selectize-input {
    min-width: 200px !important;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header,
.selectize-dropdown .no-results {
    padding: 5px 8px;
}

.selectize-dropdown .active.create,
.selectize-dropdown .active.no-results {
    color: #495c68;
}

.selectize-dropdown .create,
.selectize-dropdown .no-results {
    color: rgba(48, 48, 48, 0.5);
}

.ticket-h5 {
    margin-top: 2px;
}

#messages {
    max-height: 225px;
    overflow: auto;
}

.chat-box {
    margin: 0 auto !important;
    text-align: center;
}

.chat-btn {
    margin-top: 8px;
}

.created_at {
    float: right;
    margin-right: 10px;
    font-family: monospace;
}

#messages p {
    background: #f5f5f5;
    padding: 5px;
    margin-right: 7px;
    border-radius: 7px;
}

.badge,
.label {
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.badge.bg-light,
.label.bg-light {
    text-shadow: none;
}

.badge {
    background-color: #cfdadd;
}

.badge.up {
    position: relative;
    top: -10px;
    padding: 3px 6px;
    margin-left: -10px;
}

.badge-sm {
    padding: 2px 5px !important;
    font-size: 85%;
}

.label-sm {
    padding-top: 0;
    padding-bottom: 1px;
}

.badge-white {
    padding: 2px 6px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.badge-empty {
    color: inherit;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.bg-danger {
    color: #ffffff;
    background-color: #f05050;
}

/* Conversation */

.conversation {
    /*height: calc(100% - 12px);*/
    position: relative;
    background: #eeeeee;
    /*background: #efe7dd url("https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg") repeat;*/
    z-index: 0;
}

.conversation ::-webkit-scrollbar {
    transition: all .5s;
    width: 5px;
    height: 1px;
    z-index: 10;
}

.conversation ::-webkit-scrollbar-track {
    background: transparent;
}

.conversation ::-webkit-scrollbar-thumb {
    background: #b3ada7;
}

.conversation .conversation-container {
    height: calc(100% - 68px);
    /*box-shadow: inset 0 10px 10px -10px #000000;*/
    overflow-x: hidden;
    padding: 0 16px;
    margin-bottom: 5px;
}

.conversation .conversation-container:after {
    content: "";
    display: table;
    clear: both;
}

/* Messages */

.message {
    color: #000;
    clear: both;
    line-height: 18px;
    font-size: 15px;
    padding: 8px;
    position: relative;
    margin: 8px 0;
    max-width: 85%;
    word-wrap: break-word;
    z-index: -1;
}

.message:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}

.metadata {
    display: inline-block;
    float: right;
    padding: 0 0 0 7px;
    position: relative;
    bottom: -4px;
}

.metadata .time {
    color: rgba(0, 0, 0, .45);
    font-size: 11px;
    display: inline-block;
}

.metadata .tick {
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: 4px;
    height: 16px;
    width: 16px;
}

.metadata .tick svg {
    position: absolute;
    transition: .5s ease-in-out;
}

.metadata .tick svg:first-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
}

.metadata .tick svg:last-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
}

.metadata .tick-animation svg:first-child {
    -webkit-transform: perspective(800px) rotateY(0);
    transform: perspective(800px) rotateY(0);
}

.metadata .tick-animation svg:last-child {
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
}

.message:first-child {
    margin: 16px 0 8px;
}

.message.received {
    background: #fff;
    border-radius: 0px 5px 5px 5px;
    float: left;
}

.message.received .metadata {
    padding: 0 0 0 16px;
}

.message.received:after {
    border-width: 0px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: -10px;
}

.message.sent {
    background: #e1ffc7;
    border-radius: 5px 0px 5px 5px;
    float: right;
}

.message.sent:after {
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent transparent #e1ffc7;
    top: 0;
    right: -10px;
}

/* Compose */

.conversation-compose {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    overflow: hidden;
    height: 50px;
    width: 100%;
    z-index: 2;
}

.conversation-compose div,
.conversation-compose input {
    background: #fff;
    height: 100%;
}

.conversation-compose .emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 5px 0 0 5px;
    flex: 0 0 auto;
    margin-left: 8px;
    width: 48px;
}

.conversation-compose .input-msg {
    border: 0;
    flex: 1 1 auto;
    font-size: 16px;
    margin: 0;
    outline: none;
    min-width: 50px;
}

.conversation-compose .photo {
    flex: 0 0 auto;
    border-radius: 0 0 5px 0;
    text-align: center;
    position: relative;
    width: 48px;
}

.conversation-compose .photo:after {
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    top: 0;
    right: -10px;
}

.conversation-compose .photo i {
    display: block;
    color: #7d8488;
    font-size: 24px;
    transform: translate(-50%, -50%);
    position: relative;
    top: 50%;
    left: 50%;
}

.conversation-compose .send {
    background: transparent;
    border: 0;
    cursor: pointer;
    flex: 0 0 auto;
    margin-left: 8px;
    margin-right: 8px;
    padding: 0;
    position: relative;
    outline: none;
}

.conversation-compose .send .circle {
    background: #008a7c;
    border-radius: 50%;
    color: #fff;
    position: relative;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conversation-compose .send .circle i {
    font-size: 24px;
    margin-left: 5px;
}

/* Small Screens */

@media (max-width: 768px) {
    .marvel-device.nexus5 {
        border-radius: 0;
        flex: none;
        padding: 0;
        max-width: none;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .marvel-device > .screen .chat {
        visibility: visible;
    }

    .marvel-device {
        visibility: hidden;
    }

    .marvel-device .status-bar {
        display: none;
    }

    .screen-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .conversation {
        height: calc(100vh - 55px);
    }

    .conversation .conversation-container {
        height: calc(100vh - 120px);
    }
}

.chat-sender {
    display: block;
    margin-bottom: 5px;
    margin-top: -5px;
}

.settings {
    position: fixed;
    top: 120px;
    right: -240px;
    z-index: 1050;
    width: 240px;
    -webkit-transition: right 0.2s;
    transition: right 0.2s;
}

.settings.active {
    right: -1px;
}

.settings > .btn {
    position: absolute;
    top: -1px;
    left: -42px;
    padding: 10px 15px;
    background: #f6f8f8 !important;
    border-color: #dee5e7;
    border-right-width: 0;
}

.settings .i-checks span b {
    display: inline-block;
    float: left;
    width: 50%;
    height: 20px;
}

.settings .i-checks span b.header {
    height: 10px;
}

.dropdown-container {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    max-width: 330px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-container > .dropdown-menu {
    position: static;
    z-index: 1000;
    float: none !important;
    padding: 10px 0;
    margin: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 330px;
    overflow-y: auto
}

.dropdown-container > .dropdown-menu + .dropdown-menu {
    padding-top: 0
}

.dropdown-menu > li > a {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-decoration: none;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.dropdown-toggle {
    cursor: pointer
}

.dropdown-header {
    white-space: nowrap
}

.open > .dropdown-container > .dropdown-menu, .open > .dropdown-container {
    display: block
}

.dropdown-toolbar {
    padding-top: 6px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 0 0
}

.dropdown-toolbar > .form-group {
    margin: 5px -10px
}

.dropdown-toolbar .dropdown-toolbar-actions {
    float: right
}

.dropdown-toolbar .dropdown-toolbar-title {
    margin: 0;
    font-size: 14px
}

.dropdown-footer {
    padding: 5px 20px;
    border-top: 1px solid #ccc;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 0 4px 4px
}

.anchor-block small {
    display: none
}

@media (min-width: 992px) {
    .anchor-block small {
        display: block;
        font-weight: normal;
        color: #777777
    }

    .dropdown-menu > li > a.anchor-block {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media (min-width: 992px) {
    .dropdown.hoverable:hover > ul {
        display: block
    }
}

.dropdown-position-topright {
    top: auto;
    right: 0;
    bottom: 100%;
    left: auto;
    margin-bottom: 2px
}

.dropdown-position-topleft {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0;
    margin-bottom: 2px
}

.dropdown-position-bottomright {
    right: 0;
    left: auto
}

.dropmenu-item-label {
    white-space: nowrap
}

.dropmenu-item-content {
    position: absolute;
    text-align: right;
    max-width: 60px;
    right: 20px;
    color: #777777;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

small.dropmenu-item-content {
    line-height: 20px
}

.dropdown-menu > li > a.dropmenu-item {
    position: relative;
    padding-right: 66px
}

.dropdown-submenu .dropmenu-item-content {
    right: 40px
}

.dropdown-menu > li.dropdown-submenu > a.dropmenu-item {
    padding-right: 86px
}

.dropdown-inverse .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.9)
}

.dropdown-inverse .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #2b2b2b
}

.dropdown-inverse .dropdown-menu > li > a {
    color: #cccccc
}

.dropdown-inverse .dropdown-menu > li > a:hover, .dropdown-inverse .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #262626
}

.dropdown-inverse .dropdown-menu > .active > a, .dropdown-inverse .dropdown-menu > .active > a:hover, .dropdown-inverse .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #337ab7
}

.dropdown-inverse .dropdown-menu > .disabled > a, .dropdown-inverse .dropdown-menu > .disabled > a:hover, .dropdown-inverse .dropdown-menu > .disabled > a:focus {
    color: #777777
}

.dropdown-inverse .dropdown-header {
    color: #777777
}

.table > thead > tr > th.col-actions {
    padding-top: 0;
    padding-bottom: 0
}

.table > thead > tr > th.col-actions .dropdown-toggle {
    color: #777777
}

.notifications {
    list-style: none;
    padding: 0
}

.notification {
    display: block;
    padding: 9.6px 12px;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
    text-decoration: none
}

.notification:last-child {
    border-bottom: 0
}

.notification:hover, .notification.active:hover {
    background-color: #f9f9f9
}

.notification.active {
    background-color: #f4f4f4
}

.notification-title {
    font-size: 15px;
    margin-bottom: 0
}

.notification-desc {
    margin-bottom: 0
}

.notification-meta {
    color: #777777
}

a.notification:hover {
    text-decoration: none
}

.dropdown-notifications > .dropdown-container, .dropdown-notifications > .dropdown-menu {
    width: 300px;
    max-width: 300px;
    margin-left: -250px;
}

.dropdown-notifications .dropdown-menu {
    padding: 0
}

.dropdown-notifications .dropdown-toolbar, .dropdown-notifications .dropdown-footer {
    padding: 9.6px 12px
}

.dropdown-notifications .dropdown-toolbar {
    background: #fff
}

.dropdown-notifications .dropdown-footer {
    background: #eeeeee
}

.notification-icon {
    margin-right: 6.8775px
}

.notification-icon:after {
    position: absolute;
    content: attr(data-count);
    margin-left: -6.8775px;
    margin-top: -6.8775px;
    padding: 0 4px;
    min-width: 13.755px;
    height: 13.755px;
    line-height: 13.755px;
    background: red;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 11.004px;
    font-weight: 600;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.notification .media-body {
    padding-top: 5.6px
}

.btn-lg .notification-icon:after {
    margin-left: -8.253px;
    margin-top: -8.253px;
    min-width: 16.506px;
    height: 16.506px;
    line-height: 16.506px;
    font-size: 13.755px
}

.btn-xs .notification-icon:after {
    content: '';
    margin-left: -4.1265px;
    margin-top: -2.06325px;
    min-width: 6.25227273px;
    height: 6.25227273px;
    line-height: 6.25227273px;
    padding: 0
}

.btn-xs .notification-icon {
    margin-right: 3.43875px
}
.dropdown-menu .notification > a {
    padding: 0;
}
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.mail-box .sm-side {
    background: none repeat scroll 0 0 #e5e8ef;
    border-radius: 4px 0 0 4px;
    width: 25%;
}
.mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 4px 4px 0;
    width: 75%;
}
.mail-box .sm-side .user-head {
    background: none repeat scroll 0 0 #00a8b3;
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px;
}
.user-head .inbox-avatar {
    float: left;
    width: 65px;
}
.user-head .inbox-avatar img {
    border-radius: 4px;
}
.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}
.user-head .user-name h5 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 15px;
}
.user-head .user-name h5 a {
    color: #fff;
}
.user-head .user-name span a {
    color: #87e2e7;
    font-size: 12px;
}
a.mail-dropdown {
    background: none repeat scroll 0 0 #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}
.inbox-body {
    padding: 20px;
}
.btn-compose {
    background: none repeat scroll 0 0 #ff6c60;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.btn-compose:hover {
    background: none repeat scroll 0 0 #f5675c;
    color: #fff;
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}
ul.inbox-nav li a {
    color: #6a6a6a;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.inbox-nav li a i {
    color: #6a6a6a;
    font-size: 16px;
    padding-right: 10px;
}
ul.inbox-nav li a span.label {
    margin-top: 13px;
}
ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: uppercase;
}
ul.labels-info li {
    margin: 0;
}
ul.labels-info li a {
    border-radius: 0;
    color: #6a6a6a;
}
ul.labels-info li a:hover, ul.labels-info li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.labels-info li a i {
    padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px;
}
.inbox-head {
    background: none repeat scroll 0 0 #41cac0;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 20px;
}
.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px;
}
.inbox-head .sr-input {
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px;
}
.inbox-head .sr-btn {
    background: none repeat scroll 0 0 #00a6b2;
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
}
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 12px !important;
}
.table-inbox tr td:hover {
    cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}
.table-inbox tr td .fa-star {
    color: #d5d5d5;
}
.table-inbox tr.unread td {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: 600;
}
ul.inbox-pagination {
    float: right;
}
ul.inbox-pagination li {
    float: left;
}
.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 10px;
}
.inbox-pagination a.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 15px;
}
.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}
.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}
.inbox-pagination a.np-btn {
    margin-left: 5px;
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}
.fileinput-button {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #e6e6e6;
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}
.btn-send, .btn-send:hover {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
}
.btn-send:hover {
    background: none repeat scroll 0 0 #009da7;
}
.modal-header h4.modal-title {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}
.modal-body label {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}
.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px;
}
.sender-info {
    margin-bottom: 20px;
}
.sender-info img {
    height: 30px;
    width: 30px;
}
.sender-dropdown {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777;
    font-size: 10px;
    padding: 0 3px;
}
.view-mail a {
    color: #ff6c60;
}
.attachment-mail {
    margin-top: 30px;
}
.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}
.attachment-mail ul li img {
    width: 100%;
}
.attachment-mail ul li span {
    float: right;
}
.attachment-mail .file-name {
    float: left;
}
.attachment-mail .links {
    display: inline-block;
    width: 100%;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.files .progress {
    width: 200px;
}
.fileupload-processing .fileupload-loading {
    display: block;
}
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}
* + html .fileinput-button {
    margin: 1px 0 0;
    padding: 2px 15px;
}
@media (max-width: 767px) {
    .files .btn span {
        display: none;
    }
    .files .preview * {
        width: 40px;
    }
    .files .name * {
        display: inline-block;
        width: 80px;
        word-wrap: break-word;
    }
    .files .progress {
        width: 20px;
    }
    .files .delete {
        width: 60px;
    }
}
ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/pre_loader.gif') center no-repeat #fff;
}
.plans-panel {
    color: #000;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 35px;
}

.plans-panel-img {
    width: 100%;
    height: 125px;
}
.container-img {
    position: relative;
    /*width: 50%;*/
}
.image-img {
    opacity: 1;
    display: block;
    width: 200px;
    margin: 0 auto;
    /*max-width: auto;*/
    height: auto;
    max-height: 300px;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle-img {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 200px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.container-img:hover .image-img {
    opacity: 0.1;
}

.container-img:hover .middle-img {
    opacity: 1;
}

.text-img {
    /*background-color: #4CAF50;*/
    color: #000;
    font-size: 18px;
    font-weight: 600;
    /*padding: 16px 32px;*/
}

.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#000000;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
.tree li a.currentActive {
    text-decoration: none;
    color: #ff0000;
}
ul.dropdown-cart{
    min-width:250px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top:14px;
}

.media,.media-body{
    overflow:hidden;
    zoom:1
}
.media,.media .media{
    margin-top:15px
}
.media:first-child{
    margin-top:0
}
.media-object{
    display:block
}
.media-heading{
    margin:0 0 5px
}
.media>.pull-left{
    margin-right:10px
}
.media>.pull-right{
    margin-left:10px
}
.media-list{
    padding-left:0;
    list-style:none
}