@font-face {
    font-family: 'Open Sans Regular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
    background-color: #f7f7f7;
    overflow-x: hidden;
}

body {
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    /*color: #717171;*/
    background-color: transparent;
    position: inherit !important;
    -webkit-font-smoothing: antialiased;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
}

a {
    color: #2e3e4e;
    text-decoration: none;
    outline: none;
}
a:hover,
a:focus {
    color: #4a647e;
    text-decoration: none;
    outline: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
}

.badge {
    background-color: #bebebe;
}
.badge.up {
    position: relative;
    top: -10px;
    padding: 3px 6px;
}
.badge-sm {
    font-size: 85%;
    padding: 2px 5px !important;
}
label {
    font-weight: normal;
}
.label-sm {
    padding-top: 0;
    padding-bottom: 0;
}
.label-normal {
    font-size: inherit;
}

.tooltip-inner {
    background-color: rgba(0,0,0,0.9);
    background-color: #2e3e4e;
}
.tooltip.top .tooltip-arrow {
    border-top-color: rgba(0,0,0,0.9);
    border-top-color: #2e3e4e;
}
.tooltip.right .tooltip-arrow {
    border-right-color: rgba(0,0,0,0.9);
    border-right-color: #2e3e4e;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(0,0,0,0.9);
    border-bottom-color: #2e3e4e;
}
.tooltip.left .tooltip-arrow {
    border-left-color: rgba(0,0,0,0.9);
    border-left-color: #2e3e4e;
}

.popover-content {
    font-size: 12px;
    line-height: 1.5;
}
.progress-xs {
    height: 6px;
}
.progress-sm {
    height: 10px;
}
.progress-sm .progress-bar {
    font-size: 10px;
    line-height: 1em;
}

/*** BREADCRUMB ***/
.breadcrumb-wrapper {
    background: #fafafa;
    line-height: 49px;
    padding: 0;
    /*border-bottom: #ddd solid 1px;*/
    /*text-transform: uppercase;*/
    font-size: 12px;
    margin:0 -15px;
}

.breadcrumb {
    background-color: transparent;
    list-style: none outside none;
    /*text-transform: uppercase;*/
    padding: 0px 15px;
    float:left;
    margin:0;
}

.breadcrumb a {
    color: #666666;
}

.breadcrumb .current {
    color: #B2B2B2;
}
.breadcrumb > li + li:before {
    color: #666666;
}
/*** BREADCRUMB ***/


/*** LIST GROUP ***/
.list-group {
    border-radius: 2px;
}
.list-group.no-radius .list-group-item {
    border-radius: 0 !important;
}
.list-group.no-borders .list-group-item {
    border: none;
}
.list-group.no-border .list-group-item {
    border-width: 1px 0;
}
.list-group.no-bg .list-group-item {
    background-color: transparent;
}
.list-group-item {
    border-color: #e8e8e8;
    padding-right: 15px;
}
.list-group-item.media {
    margin-top: 0;
}
.list-group-item.active {
    color: #fff;
    border-color: #37485D !important;
    background-color: #37485D !important;
}
.list-group-item.active .text-muted {
    color: #7c94b1;
}
.list-group-item.active a {
    color: #fff;
}
.list-group-alt .list-group-item:nth-child(2n+2) {
    background-color: rgba(0,0,0,0.02);
}
.list-group-lg .list-group-item {
    padding-top: 15px;
    padding-bottom: 15px;
}
.list-group-sp .list-group-item {
    margin-bottom: 5px;
    border-radius: 3px;
}
.list-group-item > .badge {
    margin-right: 0;
}
.list-group-item > .fa-chevron-right {
    float: right;
    margin-top: 4px;
    margin-right: -5px;
}
.list-group-item > .fa-chevron-right + .badge {
    margin-right: 5px;
}
/*** LIST GROUP ***/


@media (min-width: 768px) {
    .app,
    .app body {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .app .hbox.stretch {
        height: 100%;
    }
    .app .vbox > section,
    .app .vbox > footer {
        position: absolute;
    }
    .app .vbox.flex > section > section {
        overflow: auto;
    }
    .hbox {
        display: table;
        table-layout: fixed;
        border-spacing: 0;
        width: 100%;
    }
    .hbox > aside,
    .hbox > section {
        display: table-cell;
        vertical-align: top;
        height: 100%;
        padding: 0;
        float: none;
    }
    .hbox > aside.show,
    .hbox > aside.hidden-sm,
    .hbox > section.show,
    .hbox > section.hidden-sm {
        display: table-cell !important;
    }
    .vbox {
        display: table;
        border-spacing: 0;
        position: relative;
        height: 100%;
        width: 100%;
    }
    .vbox > section,
    .vbox > footer {
        top: 0;
        bottom: 0;
        width: 100%;
    }
    .vbox > header ~ section {
        top: 50px;
    }
    .vbox > section.w-f {
        bottom: 50px;
    }
    .vbox > footer {
        top: auto;
        z-index: 1000;
    }
    .vbox > footer ~ section {
        bottom: 50px;
    }
    .vbox.flex > header,
    .vbox.flex > section,
    .vbox.flex > footer {
        position: inherit;
    }
    .vbox.flex > section {
        display: table-row;
        height: 100%;
    }
    .vbox.flex > section > section {
        position: relative;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }
    .ie .vbox.flex > section > section {
        display: table-cell;
    }
    .vbox.flex > section > section > section {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .aside-xs {
        width: 48px;
    }
    .aside {
        width: 180px;
    }
    .aside-sm {
        width: 150px;
    }
    .aside-md {
        width: 220px;
    }
    .aside-lg {
        width: 250px;
    }
    .aside-xl {
        width: 300px;
    }
    .aside-xxl {
        width: 450px;
    }
    .scrollable {
        -webkit-overflow-scrolling: touch;
    }
    ::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgba(50,50,50,0.3);
    }
    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(50,50,50,0.6);
    }
    ::-webkit-scrollbar-track {
        background-color: rgba(50,50,50,0.1);
    }
    ::-webkit-scrollbar-track:hover {
        background-color: rgba(50,50,50,0.2);
    }
}

.hbox > aside,
.hbox > section {
    padding: 0 !important;
}

.header,
.footer {
    min-height: 50px;
    padding: 0 15px;
}
.header > p,
.footer > p {
    margin-top: 15px;
    display: inline-block;
}

.header > .btn,
.header > .btn-group,
.header > .btn-toolbar,
.footer > .btn,
.footer > .btn-group,
.footer > .btn-toolbar {
    margin-top: 10px;
}
.header > .btn-lg,
.footer > .btn-lg {
    margin-top: 0;
}


.header .nav-tabs,
.footer .nav-tabs {
    border: none;
    margin-left: -15px;
    margin-right: -15px;
}
.header .nav-tabs > li a,
.footer .nav-tabs > li a {
    border: none !important;
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
}
.header .nav-tabs > li a:hover,
.header .nav-tabs > li a:focus,
.footer .nav-tabs > li a:hover,
.footer .nav-tabs > li a:focus {
    background-color: transparent;
}
.header .nav-tabs > li.active a,
.footer .nav-tabs > li.active a {
    color: #717171;
}
.header .nav-tabs > li.active a,
.header .nav-tabs > li.active a:hover,
.footer .nav-tabs > li.active a,
.footer .nav-tabs > li.active a:hover {
    background-color: #f7f7f7;
}
.header .nav-tabs.nav-white > li.active a,
.header .nav-tabs.nav-white > li.active a:hover,
.footer .nav-tabs.nav-white > li.active a,
.footer .nav-tabs.nav-white > li.active a:hover {
    background-color: #fff;
}
.header.navbar,
.footer.navbar {
    min-height: 0;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
    padding: 0;
}
.scrollable {
    overflow-x: hidden;
    overflow-y: auto;
}
.no-touch .scrollable.hover {
    overflow-y: hidden;
}
.no-touch .scrollable.hover:hover {
    overflow: visible;
    overflow-y: auto;
}

@media print {
    html,
    body,
    .hbox,
    .vbox {
        height: auto;
    }
    .vbox > section,
    .vbox > footer {
        position: relative;
    }
}

.page-content {
    background-color: #F9F9F9;
}

.text-active,
.active > .text {
    display: none !important;
}
.active > .text-active {
    display: inline-block !important;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.flag {width:24px;height:24px;display: inline-block;vertical-align: middle}
.flag-bg {background:url(../images/flags/bg.png) no-repeat 0 0;}
.flag-en {background:url(../images/flags/en.png) no-repeat 0 0;}

#nav {
    /*background-color: #E4E9F0;*/
}

.navbar-header {
    position: relative;
}
.navbar-header > .btn {
    position: absolute;
    font-size: 1.3em;
    padding: 9px 16px;
    line-height: 30px;
    left: 0;
}
.navbar-header .navbar-brand + .btn {
    right: 0;
    top: 0;
    left: auto;
}

.navbar-brand {
    float: none;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    display: inline-block;
    padding: 0 15px;
    font-weight: bold;
}
.navbar-brand:hover {
    text-decoration: none;
}
.navbar-brand img {
    max-height: 20px;
    margin-top: -4px;
    vertical-align: middle;
}

.header .navbar-nav li {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.header .navbar-header a {
    color: #fff;
}

.nav-primary {
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.nav-primary li {
    line-height: 1.5;
}


/*.nav-primary li a {
    color: #57697E;
    font-weight: 700;
    line-height: 42px;
    padding: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
}*/

.nav-primary li > a > i {
    margin: -12px -15px;
    line-height: 44px;
    width: 44px;
    float: left;
    margin-right: 10px;
    font-size: 14px;
    border-right: 1px solid rgba(255,255,255,0.05);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.nav-primary li > a > i:before {
    position: relative;
    z-index: 2;
}
.nav-primary li > a > i > b {
    position: absolute;
    left: -42px;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: left .25s;
    transition: left .25s;
}

.nav-primary ul.nav > li > a {
    padding: 11px 15px;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    border-top: 1px solid transparent;
    border-color: rgba(255,255,255,0.05);
    transition: color .3s ease-in-out 0s;
}

.nav-primary li a:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    color: #303B49;
}

.nav-primary ul.nav > li > a.active .text {
    display: none;
}
.nav-primary ul.nav > li > a.active .text-active {
    display: inline-block !important;
}
.nav-primary ul.nav > li:hover > a,
.nav-primary ul.nav > li:focus > a,
.nav-primary ul.nav > li > a:hover,
.nav-primary ul.nav > li > a:focus,
.nav-primary ul.nav > li > a:active,
.nav-primary ul.nav > li.active > a {
    color: #fff;
    background-color: inherit;
    background-color: rgba(0,0,0,0.10) !important;
    text-shadow: none;
}
.nav-primary ul.nav > li:hover > a > i.icon,
.nav-primary ul.nav > li:focus > a > i.icon,
.nav-primary ul.nav > li > a:hover > i.icon,
.nav-primary ul.nav > li > a:focus > i.icon,
.nav-primary ul.nav > li > a:active > i.icon,
.nav-primary ul.nav > li.active > a > i.icon {
    color: #fff;
}
.nav-primary ul.nav > li:hover > a > i > b,
.nav-primary ul.nav > li:focus > a > i > b,
.nav-primary ul.nav > li > a:hover > i > b,
.nav-primary ul.nav > li > a:focus > i > b,
.nav-primary ul.nav > li > a:active > i > b,
.nav-primary ul.nav > li.active > a > i > b {
    left: 0 !important;
}

.nav-primary ul.nav > li li a {
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
}
.nav-primary ul.nav > li.active > ul {
    display: block;
}
.nav-primary ul.nav ul {
    display: none;
}

/*.nav-primary li a:hover i {
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}*/

/*.nav-primary li a i {
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}*/
/*

.nav-primary ul.nav > li.active > ul {
    display: block;
}
.nav-primary ul.nav ul {
    display: none;
    background-color: #f4f6f9;
}

.nav-primary ul.nav > li > a.active {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #303B49;
}

.nav-primary ul.nav > li > a.active .nav-open {
    display: none;
}
.nav-primary ul.nav > li > a.active .nav-close {
    display: inline-block !important;
}

.nav-primary ul.nav > li > a .nav-close {
    display: none;
}
*/



@media print {
    .visible-print { display: block ! important; }
    tr.visible-print { display: table-row ! important; }
    th.visible-print, td.visible-print { display: table-cell ! important; }
    .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none ! important; }
}





@media (min-width: 768px) {
    .visible-nav-xs {
        display: none;
    }
    .nav-xs {
        width: 55px;
    }

    .nav-xs .nav-scroll,
    .nav-xs .slimScrollDiv,
    .nav-xs .slim-scroll {
        overflow: visible !important;
    }
    .nav-xs .nav-title,
    .nav-xs .slimScrollBar,
    .nav-xs .slimScrollRail {
        display: none !important;
    }
    .nav-xs .scrollable {
        overflow: visible;
    }
    .nav-xs .nav-primary > ul > li > a {
        position: relative;
        padding: 0;
        font-size: 11px;
        text-align: center;
        height: 55px;
        overflow: hidden;
        border: none;
    }
    .nav-xs .nav-primary > ul > li > a span {
        color: #fff !important;
        display: table-cell;
        vertical-align: middle;
        height: 55px;
        width: 55px;
        position: relative;
        z-index: 2;
    }
    .nav-xs .nav-primary > ul > li > a span.pull-right {
        display: none !important;
    }
    .nav-xs .nav-primary > ul > li > a i {
        width: auto;
        float: none;
        display: block;
        font-size: 19px;
        margin: 0;
        line-height: 55px;
        border: none !important;
        color: #fff !important;
        overflow: visible;
        -webkit-transition: margin-top 0.2s;
        transition: margin-top 0.2s;
    }
    .nav-xs .nav-primary > ul > li > a i b {
        left: 0 !important;
        -webkit-transition: top 0.2s;
        transition: top 0.2s;
    }
    /*.nav-xs .nav-primary > ul > li > a i:before {
        -webkit-transition: top 0.2s;
        transition: top 0.2s;
    }*/
    .nav-xs .nav-primary > ul > li > a .badge {
        position: absolute;
        right: 6px;
        top: 4px;
        z-index: 3;
    }
    .nav-xs .nav-primary > ul > li:hover > a i,
    .nav-xs .nav-primary > ul > li:focus > a i,
    .nav-xs .nav-primary > ul > li:active > a i,
    .nav-xs .nav-primary > ul > li.active > a i {
        margin-top: -55px;
    }
    .nav-xs .nav-primary > ul > li:hover > a i b,
    .nav-xs .nav-primary > ul > li:focus > a i b,
    .nav-xs .nav-primary > ul > li:active > a i b,
    .nav-xs .nav-primary > ul > li.active > a i b {
        height: 55px;
        top: 55px;
    }
    .nav-xs .nav-primary > ul ul {
        display: none !important;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 1050;
        width: 220px;
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
        /*border: 1px solid #ddd;*/
        border: 1px solid rgba(0,0,0,0.24);
        border-left:none;
        background-clip: padding-box;
        background-color: #374B5E !important;

    }
    .nav-xs .nav-primary li:hover > ul,
    .nav-xs .nav-primary li:focus > ul,
    .nav-xs .nav-primary li:active > ul {
        display: block !important;
    }
    .nav-xs.nav-xs-right .nav-primary > ul ul {
        left: auto;
        right: 100%;
    }
    .nav-xs > .vbox > .header,
    .nav-xs > .vbox > .footer {
        padding: 0 12px;
    }
    .nav-xs .hidden-nav-xs {
        display: none;
    }
    .nav-xs .visible-nav-xs {
        display: inherit;
    }
    .nav-xs .nav-user {
        padding: 9px 0;
    }
    .nav-xs .nav-user .avatar {
        float: none !important;
        margin-right: 0;
    }
    .nav-xs .nav-user .dropdown > a {
        display: block;
        text-align: center;
    }
    .nav-xs .navbar-header {
        float: none;
    }
    .nav-xs .navbar-brand {
        display: block;
        padding: 0;
    }
    .nav-xs .navbar-brand img {
        margin-right: 0;
    }
    .nav-xs .navbar {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .navbar-fixed-top-xs {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 1100;
    }
    .navbar-fixed-top-xs + * {
        padding-top: 50px;
    }
    html,
    body {
        overflow-x: hidden;
        min-height: 100%;
    }
    .nav-primary .dropdown-menu {
        position: relative;
        float: none;
        left: 0;
        margin-left: 0;
        padding: 0;
    }
    .nav-primary .dropdown-menu a {
        padding: 15px;
        border-bottom: 1px solid #eee;
    }
    .nav-primary .dropdown-menu li:last-child a {
        border-bottom: none;
    }
    .navbar-header {
        text-align: center;
        color: #fff;
    }
    .nav-user {
        margin: 0;
        padding: 15px;
    }
    .nav-user.open {
        display: inherit !important;
    }
    .nav-user .dropdown-menu {
        display: block;
        position: static;
        float: none;
    }
    .nav-user .dropdown > a {
        display: block;
        text-align: center;
        font-size: 18px;
        padding-bottom: 10px;
    }
    .nav-user .avatar {
        width: 160px !important;
        float: none !important;
        display: block;
        margin: 20px auto;
        padding: 5px;
        background-color: rgba(255,255,255,0.1);
        position: relative;
    }
    .nav-user .avatar:before {
        content: "";
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 5px;
        top: 5px;
        border: 4px solid #fff;
        border-radius: 500px;
    }
    .nav-off-screen {
        position: absolute;
        left: 0;
        top: 0px;
        bottom: 0;
        width: 75%;
        visibility: visible;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .nav-off-screen .nav-primary {
        display: block !important;
    }
    .nav-off-screen .navbar-fixed-top-xs {
        width: 75%;
    }
    .nav-off-screen.push-right .navbar-fixed-top-xs {
        left: 25%;
    }
    .nav-off-screen.push-right {
        left: auto;
        right: 0;
    }
    .nav-off-screen.push-right + * {
        -webkit-transform: translate3d(-75%,0px,0px);
        transform: translate3d(-75%,0px,0px);
    }
    .nav-off-screen + * {
        background-color: #f7f7f7;
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translate3d(0px,0px,0px);
        transform: translate3d(0px,0px,0px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(75%,0px,0px);
        transform: translate3d(75%,0px,0px);
        overflow: hidden;
        position: absolute;
        width: 100%;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
    }
    .nav-off-screen + * .nav-off-screen-block {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1950;
    }
    .navbar + section .nav-off-screen {
        top: 50px;
    }
    .navbar + section .nav-off-screen + * {
        top: 50px;
    }
    .slimScrollDiv,
    .slim-scroll {
        overflow: visible !important;
        height: auto !important;
    }
    .slimScrollBar,
    .slimScrollRail {
        display: none !important;
    }
}


/*.navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-nav > li.open > a {
    background-color: #2e3c4d !important;
}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    color: #fff;
}*/

/*
.header .navbar-nav a {
    color: rgba(255, 255, 255, 0.5);
}

.header .navbar-nav a:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    color: #fff;
}
*/


/*********************************************************/
.panel-tab { background: #f9f9f9; }
.panel-tab:before, .panel-tab:after { display: table; line-height: 0; content: ""; }
.panel-tab:after { clear: both; }
.tab-bar { list-style: none; margin: 0; padding:0; }
.tab-bar:before, .tab-bar:after { display: table; line-height: 0; content: ""; }
.tab-bar:after { clear: both; }
.tab-bar.right > li { float: right; }
.tab-bar.right > li.active:first-child a { border-right: none; }
.tab-bar.grey-tab { background: #e6e6e6; }
.tab-bar.grey-tab li.active a { border: transparent; background: #f9f9f9; }
.tab-bar.grey-tab li.active a:hover, .tab-bar.grey-tab li.active a:focus { border: transparent; }
.tab-bar.grey-tab li a { color: #bbb; border-radius: 0px; border: transparent; text-shadow: 0 1px 0 #fff; }
.tab-bar.bg-primary li:not(.active) a, .tab-bar.bg-info li:not(.active) a, .tab-bar.bg-success li:not(.active) a, .tab-bar.bg-warning li:not(.active) a, .tab-bar.bg-danger li:not(.active) a { /*color: #fff;*/ text-shadow: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.tab-bar.bg-primary li:not(.active) a:hover, .tab-bar.bg-info li:not(.active) a:hover, .tab-bar.bg-success li:not(.active) a:hover, .tab-bar.bg-warning li:not(.active) a:hover, .tab-bar.bg-danger li:not(.active) a:hover, .tab-bar.bg-primary li:not(.active) a:focus, .tab-bar.bg-info li:not(.active) a:focus, .tab-bar.bg-success li:not(.active) a:focus, .tab-bar.bg-warning li:not(.active) a:focus, .tab-bar.bg-danger li:not(.active) a:focus { -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.tab-bar > li { display: inline-block; float: left; }
.tab-bar > li.active:first-child a { border-left: none; }
.tab-bar > li.active a { background: #fff; color: #777; }
.tab-bar > li a { display: block; padding: 10px; text-shadow: 0 1px #fff; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.tab-bar > li a:hover, .tab-bar > li a:focus { text-decoration: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.tab-bar > li a i { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.tab-bar > li a:hover i { -webkit-animation-name: swing; animation-name: swing; }
/*********************************************************/
/* Dropdowns */

/*
.dropdown-menu {
    position: absolute;
    top: 105%;
    left: 0;
    z-index: 1050;
    display: none;
    float: left;
    min-width: 150px;
    padding: 5px;
    margin: 5px 0 0;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    background: #fff;
    text-align: left;
}

.dropdown-menu {
    line-height: 1.6em;
    text-transform: none;
    *//*font-size: 13px;*//*
}

.dropdown-menu .divider {
    margin: 6px 1px;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .header {
    font-weight: bold;
    padding: 5px 5px 10px;
    margin: 0 0 5px;
    color: #888;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.4em;
    border-bottom: #e5e5e5 solid 1px;
}*/

/*
.dropdown-menu li a {
    display: block;
    padding: 3px 20px 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    white-space: nowrap;
    position: relative;
}
*/

/*
.dropdown-menu:before{
    position: absolute;
    top: -7px;
    left: 7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 8px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.dropdown-menu.pull-right:before{
    left: auto;
    right: 7px;
}

.dropdown-menu.pull-right:after{
    right: 8px;
    left: auto;
}
*/

.dropdown-arrow:before{
    position: absolute;
    top: -7px;
    left: 7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-arrow:after {
    position: absolute;
    top: -7px;
    left: 7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid transparent;
    content: '';
}

.navbar-right .dropdown-arrow:before , .dropdown-arrow.dropdown-menu-right:before{
    left: auto;
    right: 7px;
}

.navbar-right .dropdown-arrow:after , .dropdown-arrow.dropdown-menu:after{
    right: 7px;
    left: auto;
}


.open > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.open > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.open.dropup > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.dropdown-menu.menu-primary li a:hover, .dropdown-menu.menu-primary li a:focus, .dropdown-menu.menu-primary .dropdown-submenu:hover > a, dropdown-menu.menu-primary .dropdown-submenu:focus > a {
    background: #37485d;
    border-color: #2b394a;
    color: #fff !important;
}

/*@media (min-width:769px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}*/




/*** TABLE ***/
.table .check-col { width: 20px; }
.table .progress { margin-bottom: 0; vertical-align: middle; }
.table a { text-decoration: none; }
.table caption { padding-top: 3px; padding-bottom: 4px; color: #222222; text-align: left; text-transform: uppercase; font-weight: bold; }
.table caption h3, .table caption h4 { margin: 0 0 5px; text-transform: none; }
.table caption small { color: #6bd2db; text-transform: none; }
.table caption span { color: #6bd2db; }
.table th, .table td { border-top-color: #d3d5d9; }
.table thead th { background: #e1e4ea; }

.table-bordered { border-color: #d3d5d9; }
.table-bordered th, .table-bordered td { border-left-color: #d3d5d9; }

.table-bordered thead + tbody tr:first-child th,
.table-bordered thead + tbody tr:first-child td,
.table-bordered tfoot + tbody tr:first-child th,
.table-bordered tfoot + tbody tr:first-child td { border-top: 0; }

.table-content { margin: 0; border-collapse: separate; border-left: 0; *border-collapse: collapse; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.table-content th, .table-content td { border-left: 1px solid #d3d5d9; }

.table-content th:first-child,
.table-content td:first-child,
.table-content th:first-child,
.table-content td:first-child { border-left: none; }

.table-content thead + tbody tr:first-child th,
.table-content thead + tbody tr:first-child td,
.table-content tfoot + tbody tr:first-child th,
.table-content tfoot + tbody tr:first-child td,
.table-content caption + thead tr:first-child th,
.table-content caption + tbody tr:first-child th,
.table-content caption + tbody tr:first-child td,
.table-content colgroup + thead tr:first-child th,
.table-content colgroup + tbody tr:first-child th,
.table-content colgroup + tbody tr:first-child td,
.table-content thead:first-child tr:first-child th,
.table-content tbody:first-child tr:first-child th,
.table-content tbody:first-child tr:first-child td { border-top: 0; }

.table tr.condensed th { padding: 4px 8px; }
.table-light th, .table-light td { border-top: none !important; border-left: none !important; }
.table-light thead th, .table-light thead td { border-bottom: 1px solid #c8cbcf; background: transparent !important; }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { border-top-color: #b3d58f; border-bottom-color: #b3d58f; background: #ebfbda; }
.table-tool { position: relative; padding: 4px 10px; border-top: 1px solid #c0c3c9; font-weight: bold; *zoom: 1; }
.table-tool:before, .table-tool:after { display: table; content: ""; line-height: 0; }
.table-tool:after { clear: both; }
.table-tool .btn-toolbar { margin-top: 0; margin-bottom: 0; }
th.action { text-align: center; }
th.text-right { text-align: right; }
td.action { text-align: right; }
td.action a.icon { display: inline-block; padding-right: 2px; padding-left: 2px; font-size: 12px; color: #333333; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); *display: inline; *zoom: 1; }
td.action a.icon:hover{opacity: 1; filter: alpha(opacity=100);}

.table ul.actions { display: none; position: absolute; right: 0; }
.table tbody tr:hover ul.actions { display:block; }

/*.table .hover-actions { display: none; position: absolute; right: 0; }*/
.table tbody tr .hover-actions { display: none;   }
.table tbody tr:hover .hover-actions { display:block; }

.hover-actions .dropdown-menu {
    margin-top:-15px;
}

/*.hover-table-menu .dropdown-menu {
    margin-top:-50%;
}*/

/*** TABLE ***/

/*** DATATABLE ***/

.dataTable caption { display: table-caption; margin: 0; padding: 3px 10px 4px; border-top: 1px solid #2B2D38; color: white; text-align: left; text-transform: uppercase; text-shadow: 0px -1px 0 #000000; font-weight: bold; background-color: #3b3e4a; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.dataTable caption.caption-m { margin-right: -1px; margin-left: -1px; }

.dataTable thead th, .dataTable thead td, .dataTable tfoot th, .dataTable tfoot td { color: #222222; vertical-align: top; text-shadow: 0 1px 0 #ffffff; vertical-align: middle !important;}
.dataTable thead th, .dataTable thead td { border-bottom: 1px solid #c0c3c9; border-left-color: #c0c3c9; }
.dataTable tfoot th, .dataTable tfoot td { border-top: 1px solid #c0c3c9; border-left-color: #c0c3c9; }
.dataTable tfoot.total th, .dataTable tfoot.total td, .dataTable tfoot .total th, .dataTable tfoot .total td { padding-top: 4px; padding-bottom: 4px; border-top-color: #d9b751; border-left-color: #d9b751; background: #ffdf7d; }

.dataTable.table-bordered { border-color: #d6d8dc; }
.dataTable.table-bordered thead th, .dataTable.table-bordered thead td { border-left-color: #d3d5d9; }
.dataTable.table-bordered tbody th, .dataTable.table-bordered tbody td { border-left-style: dotted; border-left-color: #d3d5d9; }
.dataTable.table-bordered tr th:first-child, .dataTable.table-bordered tr td:first-child { border-left: 1px solid #d6d8dc; }
.dataTable.table-bordered caption + thead th, .dataTable.table-bordered caption + thead td { border-bottom-color: #d3d5d9; }
.dataTable.table-content tbody th, .dataTable.table-content tbody td { border-left-style: dotted; border-left-color: #d3d5d9; }
.dataTable.table-content th:first-child, .dataTable.table-content td:first-child { border-left: none; }
.dataTable.table-light thead th, .dataTable.table-light thead td { border-bottom-color: #c8cbcf; }
.dataTable tbody td { border-top-color: #d3d5d9; }
.dataTable.table-hover tbody tr:first-child td, .dataTable.table-hover tbody tr:first-child:hover td { border-top: 1px solid white; }
.dataTable thead .filter th, .dataTable.table-bordered thead .filter th { border-top: none; border-bottom-color: #c0c3c9; border-left-color: #c0c3c9; background: #d1d6dd; color: #484b55; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.dataTable .filter th .filter_wrap { position: relative; display: block; vertical-align: top; }
.dataTable .filter th .filterColumn, .dataTable .filter th .filter_column { display: inline-block; *display: inline; float: left; width: 100%; *z-index: 1; }
.dataTable .filter, .dataTable .filter input, .dataTable .filter select { font-size: 13px; }
.dataTable .filter th .text_filter, .dataTable .filter th .number_filter { padding-right: 0; padding-left: 0; width: 99.59%; text-indent: 4px; }
.dataTable .filter th .select_filter { width: 100%; cursor: pointer; }
.dataTable .filter th .filter_date_range input, .dataTable .filter th .filter_number_range input { float: right; margin-bottom: 1px; width: 60%; }
.dataTable .filterColumn .range-label-to, .dataTable .filterColumn .range-label-from { display: inline-block; float: left; *display: inline; *z-index: 1; }
.dataTable.table-content th.border-left, .dataTable.table-content td.border-left{  border-left: 1px solid #c0c3c9; }

.dataTable thead th.sorting, .dataTable thead th.sorting_asc, .dataTable  thead th.sorting_desc, .dataTable thead td.sorting, .dataTable thead td.sorting_asc, .dataTable  thead td.sorting_desc { cursor: pointer; }
.dataTable thead th.sorting .column-sorter, .dataTable thead th.sorting_asc .column-sorter, .dataTable thead th.sorting_desc .column-sorter, .dataTable thead th.sorting_disabled .column-sorter { display: inline-block; float: right; margin: 0 0 0 0.208em; width: 9px; height: 16px; *display: inline; *z-index: 1; }

.dataTable thead th.sorting_asc, .dataTable thead th.sorting_desc { background-color: #edeef3;}
.dataTable thead th.sorting .column-sorter { background: url('../images/table/arrow-sorting.png') no-repeat right center; opacity: 0.5; filter: alpha(opacity=50); }
.dataTable thead th.sorting_asc .column-sorter { background: url('../images/table/arrow-sorting-asc.png') no-repeat right center; }
.dataTable thead th.sorting_desc .column-sorter { background: url('../images/table/arrow-sorting-desc.png') no-repeat right center; }
.dataTable thead th.sorting_disabled, thead td.sorting_disabled { cursor: default !important; color: #666666; }
.dataTable thead th.sorting_disabled .column-sorter { background: none; }


table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
    background-color: #EBF0F9;
}

.dataTable-header-row, .dataTable-footer-row { padding:5px; border-radius:0; }
.dataTable-header-row {border-bottom:1px solid;}
.dataTable-footer-row {border-top:1px solid;}
.dataTable-header-row:before,.dataTable-header-row:after , .dataTable-footer-row:before, .dataTable-footer-row:after { display: table; content: " "; }
.dataTable-header-row:after , .dataTable-footer-row:after { clear: both; }

.dataTable-pagination { border-radius: 4px 4px 4px 4px; display: inline-block; padding-left: 0; float:right; margin: 0; }
.dataTable-pagination li { display: inline; }
.dataTable-pagination > li > a, .dataTable-pagination > li > span { color: #428BCA; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; }
.dataTable-pagination  > li:first-child > a, .dataTable-pagination  > li:first-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0; }
.dataTable-pagination > li:last-child > a, .dataTable-pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.dataTable-pagination > .disabled > span, .dataTable-pagination > .disabled > span:hover, .dataTable-pagination > .disabled > span:focus, .dataTable-pagination > .disabled > a, .dataTable-pagination > .disabled > a:hover, .dataTable-pagination > .disabled > a:focus { background-color: #FFFFFF; border-color: #DDDDDD; color: #999999; cursor: not-allowed; }


.DTTT_Print .dataTable {
    width:100% !important;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding: 0 20px 0 40px;
    text-align: center;
    font-size: 1.2em;
    color:#57697e !important;background-color:#e4e9f0;border-color:#c1cad5;
   /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);*/
}

/*** DATATABLE ***/


label.required-icon:after {
    font-weight: 700;
    text-decoration: inherit;
    font-size: 95%;
    vertical-align:top;
    color:#dc143c;
    content: ' *'
}


.modal .modal-dialog{ background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 4px; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.45); padding: 4px; }
.modal .modal-header { font-size: 18px; background-color: #37485D; color: #fff; border-radius: 4px 4px 0 0; }
.modal .modal-footer { background: none repeat scroll 0 0 #DAE2E4; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; border-top: 1px solid #E5E5E5; border-radius: 0 0 4px 4px; padding: 10px; }
.modal button.close { color: #fff; }
.confirm-dialog .btn { width: 90px; }

.widget-filters-container.open { display: block; }
.widget-filters-container.open > .widget-filters-wrapper { -webkit-animation-name: swing; animation-name: swing; }
.widget-filters-container { bottom: 0; display: none; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 80px; z-index: 100; padding:0; }
.widget-filters-container .widget-filters-wrapper { position: relative; margin: 0; z-index: 101; }
.widget-filters-container .panel-body { padding:5px 15px; }
.widget-filters-container .nav-tabs { margin-top: -47px; float:right; }

textarea.form-control:focus,
select[multiple]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(250, 167, 34, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(250, 167, 34, 0.6);
}


form.form-border .form-group { border-bottom: 1px solid #F1F5FC; margin-bottom: 0; padding-bottom: 15px; padding-top: 15px; }
form.form-border .form-group:first-child { padding-top: 0; }
form.form-border .form-group:last-child { padding-bottom: 0; border-bottom: none; }

.form-condensed.form-border .form-group { padding-bottom: 7px; padding-top: 7px; }

.no-touch .hover-action { display: none; }
.no-touch .hover:hover .hover-action { display: inherit; }
/********* SPINNER **********/
.spinner .input-group-addon { padding:0 3px; }
.spinner .form-control { /* padding:6px 3px;*/ }
.spinner .input-group-addon a.spin-up, .spinner .input-group-addon a.spin-down { color: #999999; display: block; /*height: 10px;*/ overflow: hidden; position: relative; text-align: center; }
.spinner.input-group-sm a.spin-up, .spinner.input-group-sm a.spin-down { font-size:9px; }
/********* SPINNER **********/

.quick-menu-icon a {color: #333333;opacity: 0.5; filter: alpha(opacity=50); }
.quick-menu-icon a:hover { opacity: 1; filter: alpha(opacity=100); }


.panel-heading .nav { border: medium none; font-size: 13px; margin: -10px -15px -11px; }
.panel-heading .nav-tabs > li > a { line-height: 1.5; }
.panel-heading .nav > li > a { border-radius: 0 0 0 0; border-width: 0; margin: 0; }
.panel-heading .nav-tabs > li > a:hover, .panel-heading .nav-tabs > li > a:focus { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); border-width: 0; }
.panel-heading .nav-tabs > li.active > a, .panel-heading .nav-tabs > li.active > a:hover, .panel-heading .nav-tabs > li.active > a:focus { color: #717171; background: #fff; }
.panel-body .panel-list-group { padding-left: 0; }
.panel-list-group .panel-list-item { border-top: 1px solid #DDDDDD; display: block; margin-bottom: -1px; padding: 10px 15px; position: relative; }
/*** WIZARD ***/

.widget-wizard{overflow: hidden;position: relative;}
.widget-wizard:before,.widget-wizard:after{display:table;line-height:0;content:""}
.widget-wizard:after{clear:both}
.widget-wizard ul.steps{width:4000px;padding:0;margin:0;list-style:none outside none}
.widget-wizard ul.previous-disabled li.complete{cursor:default}
.widget-wizard ul.previous-disabled li.complete:hover{color:#468847;cursor:default;background:#f3f4f5}
.widget-wizard ul.previous-disabled li.complete:hover .chevron:before{border-left-color:#f3f4f5}
.widget-wizard ul.steps li{position:relative;float:left;/*height:46px;*//*padding:0 20px 0 30px;*/margin:0;font-size:16px;/*line-height:46px;*/color:#57697e;cursor:default;background:#e4e9f0}
.widget-wizard ul.steps li a {display: block;padding:11px 20px 12px 30px;}
.widget-wizard ul.steps li .chevron{position:absolute;top:0;right:-14px;z-index:1;display:block;border:24px solid transparent;border-right:0;border-left:14px solid #c1cad5}
.widget-wizard ul.steps li .chevron:before{position:absolute;top:-24px;right:1px;display:block;border:24px solid transparent;border-right:0;border-left:14px solid #e4e9f0;content:""}
.widget-wizard ul.steps a.complete{color:#fff;background:#8ec165}
.widget-wizard ul.steps a.complete .badge{color:#fff;background:#37485d}
.widget-wizard ul.steps a.complete:hover{cursor:pointer;background:#81ba53}
.widget-wizard ul.steps a.complete .chevron{border-left-color:#81ba53}
.widget-wizard ul.steps a.complete .chevron:before{border-left-color:#8ec165}
.widget-wizard ul.steps a.complete:hover .chevron{border-left-color:#79b549}
.widget-wizard ul.steps a.complete:hover .chevron:before{border-left-color:#81ba53}
.widget-wizard ul.steps li.active a.complete{cursor:pointer;color:#fff;background:#37485d}


.widget-wizard ul.steps li.active{color:#fff;background:#37485d}
.widget-wizard ul.steps li.active .chevron{border-left-color:#2b394a}
.widget-wizard ul.steps li.active .chevron:before{border-left-color:#37485d}
.widget-wizard ul.steps li.active a.complete:hover .chevron{border-left-color:#2b394a;}
.widget-wizard ul.steps li.active a.complete:hover .chevron:before{border-left-color:#37485d;}
.widget-wizard ul.steps li.active .badge {color:#57697e;background-color:#e4e9f0}
/*.widget-wizard ul.steps li:first-child{padding-left:20px;border-radius:4px 0 0 4px}*/
.widget-wizard ul.steps li.active a {color:#fff;}
.widget-wizard .actions .btn-prev i{margin-right:5px}
.widget-wizard .actions .btn-next i{margin-left:5px}
/*
.widget-wizard .step-content .step-pane{display:none}
.widget-wizard .step-content .active{display:block}
.widget-wizard .step-content .active .btn-group .active{display:inline-block}
*/


.widget-wizard .actions {
    /*background-color: #E5E5E5;*/
   /* border-left: 1px solid #D4D4D4;*/
    /*float: right;*/
    line-height: 46px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    /*vertical-align: middle;*/
    z-index: 2;
}
/*** WIZARD ***/

.product-for-contractor-branch {
   /* border-style:solid; border-width:1px;
    padding-right:10px;
    margin-bottom: 10px !important;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.40)!important;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.40)!important;box-shadow:0 1px 3px rgba(0,0,0,0.40)!important;
*/}

.product-for-contractor-branch-date {
    float: right;
    padding:0!important;
    margin:0!important;
}

.panel-collapsible-tools {
    position: absolute;
    right:0;
    top:-4px;
}

.clipboard-container {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    z-index: 100;
    /*display: none;*/
    opacity: 0;
}
.clipboard {
    width: 1px;
    height: 1px;
    padding: 0px;
}

.divider-vertical {
    padding:0 !important;
}

.line { background-color: rgba(0, 0, 0, 0); border-top: 1px solid #E8E8E8; font-size: 0; height: 2px; margin: 10px 0; overflow: hidden; }
.alert-growl {
    border-radius: 10px;
    background-color: rgb(25, 25, 25);
    background-color: rgba(25, 25, 25, 0.9);
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.9);
    color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgba(25, 25, 25, 0.8);
}
.alert-growl button.close {
    color: rgb(255, 255, 255);
    opacity: 1;
}
.alert-growl img {
    float: left;
    padding: 0px 5px 0px 0px;
}

hr.notyfy-separator { clear: both; margin-top: 5px; margin-bottom: 5px; border: 0; height: 1px; background-image: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); }
.notyfy-animated { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.mc-master-list{
    /*height:300px;*/
}

/*** DATE RANGE PICKER ***/
.daterangepicker-element{ background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); color: #333333; padding: 8px; line-height: 18px; cursor: pointer; }
.daterangepicker.dropdown-menu{ width:100%; z-index:3000 }
.daterangepicker.opensleft .ranges,.daterangepicker.opensleft .calendar{ margin:4px }
.daterangepicker.opensright .ranges,.daterangepicker.opensright .calendar{float:right;margin:4px}
.daterangepicker .ranges{ text-align:left }
.daterangepicker .calendar{display:none;max-width:270px}
.daterangepicker.show-calendar .calendar{ display:inline-block }
.daterangepicker .calendar.single .calendar-date{border:0}
.daterangepicker .calendar th,.daterangepicker .calendar td{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;white-space:nowrap;text-align:center;min-width:32px}
.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label{ display: inline-block; margin-bottom: 0; vertical-align: middle; }
.daterangepicker .ranges input{ display: inline-block; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #FFFFFF; }
.daterangepicker .ranges ul{list-style:none;margin:0;padding:0}
.daterangepicker .ranges li{ margin-left:5px; display: inline-block; font-size:13px;background:#f5f5f5;border:1px solid #f5f5f5;color:#08c;padding:3px 12px;margin-bottom:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}
.daterangepicker .ranges li.active,.daterangepicker .ranges li:hover{background:#08c;border:1px solid #08c;color:#fff}
.daterangepicker .calendar-date{border:1px solid #ddd;padding:4px;border-radius:4px;background:#fff}
.daterangepicker .calendar-time{text-align:center;margin:8px auto 0 auto;line-height:30px}
.daterangepicker{position:absolute;background:#fff;top:100px;left:20px;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.daterangepicker.opensleft:before{position:absolute;top:-7px;right:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}
.daterangepicker.opensleft:after{position:absolute;top:-6px;right:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}
.daterangepicker.opensright:before{position:absolute;top:-7px;left:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}
.daterangepicker.opensright:after{position:absolute;top:-6px;left:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}
.daterangepicker table{width:100%;margin:0}
.daterangepicker td,.daterangepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;white-space:nowrap}
.daterangepicker td.off{color:#999}
.daterangepicker td.disabled{color:#999}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:#eee}
.daterangepicker td.in-range{background:#ebf4f8;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:#3071a9;color:#fff}
.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{ padding:1px; height:auto; margin:0; cursor:default; display:inline-block; background-color: #FFFFFF; ackground-image: none; border: 1px solid #CCCCCC; }
.daterangepicker select.monthselect{margin-right:2%;width:56%}
.daterangepicker select.yearselect{width:40%}
.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.ampmselect{width:50px;margin-bottom:0}
.daterangepicker_start_input{ display: inline-block; margin-bottom: 0; vertical-align: middle; }
.daterangepicker_end_input{ display: inline-block; margin-bottom: 0; vertical-align: middle; }
.daterangepicker th.month{width:auto}

@media (min-width: 768px) {
    .daterangepicker.dropdown-menu{ width: 50%; }
}
@media (min-width: 992px) {
    .daterangepicker.dropdown-menu{  width:  41.66666666666667%; }

}

/*** DATE RANGE PICKER ***/

/*********** MULTI SELECT ******************/
.ms-container{background:transparent url('../images/multi-select-switch.png') no-repeat 50% 50%;/*width:370px*/}
.ms-container:after{content:".";display:block;height:0;line-height:0;font-size:0;clear:both;min-height:0;visibility:hidden}
.ms-container .ms-selectable,.ms-container .ms-selection{background:#fff;color:#555;float:left;width:45%}
.ms-container .ms-selection{float:right}
.ms-container .ms-list{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-ms-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;height:200px;padding:0;overflow-y:auto}
.ms-container .ms-list.ms-focus{border-color:rgba(82,168,236,0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);outline:0;outline:thin dotted \9}
.ms-container ul{margin:0;list-style-type:none;padding:0}
.ms-container .ms-optgroup-container{width:100%}
.ms-container .ms-optgroup-label{margin:0;padding:5px 0 0 5px;cursor:pointer;color:#999}
.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{border-bottom:1px #eee solid;padding:2px 10px;color:#555;font-size:14px}
.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{cursor:pointer;color:#fff;text-decoration:none;background-color:#08c}
.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled{background-color:#eee;color:#aaa;cursor:text}
/*********** MULTI SELECT ******************/
.btn-list { padding: 20px 10px; white-space: normal; }
.btn-list:hover { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; animation-name: pulse; }
.panel-body .inquiry-item:hover { -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.panel-body .inquiry-item { height:70px; display: table; margin:0 auto; cursor: pointer; }
.panel-body .inquiry-item .title { font-size: 20px; text-align:center; display: table-cell; vertical-align: middle; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; }
.panel-body .template-list-item { height:70px; display: table; margin:0 auto; }
.panel-body .template-list-item .title { text-align:center; display: table-cell; vertical-align: middle; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.panel-body .template-list-item .title:hover { -webkit-transform: scale(0.85); transform: scale(1.5); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
/*************** JPLIST ********************/
.jplist-pagingprev , .jplist-pagingmid , .jplist-pagingnext { float:left; }
.jplist-hidden { display: none; }
.jplist-pagingprev button, .jplist-pagingmid button , .jplist-pagingnext button { background-image: none; border: 1px solid #c1cad5; border-radius: 4px 4px 4px 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; margin-right:3px; color:#57697e !important;background-color:#e4e9f0; }
.jplist-pagingprev button:hover, .jplist-pagingmid button:hover , .jplist-pagingnext button:hover ,.jplist-pagingprev button:focus, .jplist-pagingmid button:focus , .jplist-pagingnext button:focus {color:#57697e !important;background-color:#d4dce7;border-color:#a9b5c5}
.jplist-pagingmid button.jplist-current { color:#fff !important;background-color:#37485d;border-color:#2b394a; }
.jplist-pagingmid button.jplist-current:hover , .jplist-pagingmid button.jplist-current:focus { color:#fff !important;background-color:#2e3c4d;border-color:#1c2530; }

/*************** JPLIST ********************/