/*====================
BOOTSTRAP RESET
======================*/

body {
    /* Esli Tamaño de tipografia en tablas */
    font-size: 11px;
    padding-top: 60px;
    line-height: 18px;
    color: #333;
    background: #f9f9f9;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    color: #999999;
}

h1 {
    font-size: 30px;
    line-height: 36px;
}

h1 small {
    font-size: 18px;
}

h2 {
    font-size: 24px;
    line-height: 36px;
}

h2 small {
    font-size: 18px;
}

h3 {
    font-size: 18px;
    line-height: 27px;
}

h3 small {
    font-size: 14px;
}

h4,
h5,
h6 {
    line-height: 18px;
}

h4 {
    font-size: 14px;
}

h4 small {
    font-size: 12px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}

.page-header h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
}

.navbar .nav>li>a {
    padding: 9px 10px 11px;
    line-height: 19px;
    color: #999999;
    text-decoration: none;
    text-shadow: none;
}

.top-nav {
    margin-left: 210px;
}

.navbar .nav .active>a,
.navbar .nav .active>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #222222;
}

.navbar .nav li.dropdown a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar .nav li.dropdown.open .caret,
.navbar .nav li.dropdown.open.active .caret,
.navbar .nav li.dropdown.open a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: transparent;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    color: #FFF;
}

.navbar .nav li.dropdown.active>.dropdown-toggle:hover {
    color: #ffffff;
}

.navbar .nav>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 4px 0;
    margin: 1px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    white-space: nowrap;
}

.dropdown .dropdown-menu .nav-header {
    display: block;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.breadcrumb .active {
    color: #333;
}

.btn-group>.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.pagination {
    padding-top: 8px;
    margin: 0px;
}

.pagination ul {
    margin-bottom: 0;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
    list-style: none;
}

.pagination li {
    display: inline;
}

.pagination a {
    display: inline-block;
    padding: 0 8px;
    line-height: 22px;
    text-decoration: none;
    text-transform: uppercase;
    background: #dadada;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #bdbdbd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dadada 0%, #bdbdbd 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#bdbdbd', GradientType=0);
    /* IE6-9 */
    border: 1px solid #9f9f9f;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    margin-right: 3px;
}

.pagination a:hover,
.pagination .active a {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
}

.pagination .active a {
    color: #666;
    cursor: pointer;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination li a {
    border-left-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination li:first-child a,
.pagination li:first-child span {
    border-left-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination li:last-child a,
.pagination li:last-child span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pager {
    margin-bottom: 18px;
    margin-left: 0;
    text-align: center;
    list-style: none;
    *zoom: 1;
}

.pager:before,
.pager:after {
    display: table;
    content: "";
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager a {
    display: inline-block;
    padding: 5px 14px;
    background: #dadada;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #bdbdbd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dadada 0%, #bdbdbd 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#bdbdbd', GradientType=0);
    /* IE6-9 */
    border: 1px solid #9f9f9f;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.pager a:hover {
    text-decoration: none;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
}

.input-append .add-on,
.input-prepend .add-on {
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
    font-size: 12px;
}

select,
input[type="file"] {
    height: 30px;
    /* In IE7, the height of the select element cannot be changed by height, only font-size */
    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */
    line-height: 30px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu {
    font-size: 12px;
}

label,
input,
button,
select,
textarea {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

blockquote p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 22.5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background: #45484d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    text-shadow: 0px -1px 0px rgba(000, 000, 000, .9), 0px 1px 0px rgba(255, 255, 255, 0.2);
    border: #000 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip {
    position: absolute;
    z-index: 9020;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}


/*===TAB===*/

.nav-tabs>li {
    margin: 5px 0 -1px 5px;
}

.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs {
    border-bottom: 0;
}

.tabs-below .nav {
    margin-bottom: 5px;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: none;
}

.tab-content>.active,
.pill-content>.active {
    display: block;
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below>.nav-tabs>li>a:hover {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #ddd #ddd;
}

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

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

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    margin-bottom: 0px;
    border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left>.nav-tabs>li>a:hover {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    margin-bottom: 0px;
    border-left: 1px solid #ddd;
}

.tabs-right>.nav-tabs>li {
    margin: 5px 5px 5px 0
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right>.nav-tabs>li>a:hover {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.widget-box .well {
    margin: 0;
}

.white-box {
    background-color: #FFFFFF !important;
    border: medium none !important;
    border-radius: 0 0 3px 3px !important;
    box-shadow: none !important;
}

.btn {
    padding: 4px 10px 4px;
    font-size: 13px;
}

.btn i {
    margin-left: -5px;
    margin-right: 2px;
}

.navbar .btn-navbar {
    margin-bottom: 5px;
}


/*=========================
Form Validation
===========================*/

.controls label.error {
    color: #F00;
    font-size: 11px;
    display: inline-block;
    background: url(../img/alert.png) no-repeat scroll left center transparent;
    padding-left: 20px;
}

.controls input.error {
    display: inline-block;
    margin-right: 10px;
    border-color: #B94A48;
    color: #B94A48;
}

.controls input.valid {
    margin-right: 10px;
    display: inline-block;
    border-color: #468847;
    color: #468847;
}

a {
    outline: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

#sidebar {
    width: 210px;
    height: 100%;
    position: fixed !important;
    left: 0px;
    overflow: auto;
    top: -1px;
    z-index: 3000;
}

#main-content {
    margin-left: 210px;
}

.logo {
    height: 40px;
    width: 270px;
    float: left;
}

.side-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.side-nav li a {
    display: block;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 10px;
    font-size: 11px;
    font-weight: bold;
}

.side-nav li a:hover {
    width: 200px !important;
}

.side-nav li a:hover>.white-icons {
    background: url(../img/sprite-icons/icon-black.png) no-repeat;
}

.side-nav li ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.side-nav li ul li a {
    color: #666;
    text-transform: none !important;
    font-weight: normal;
    font-size: 12px;
    padding-left: 30px;
}

.side-nav li ul li .sidenav-icon {
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}

.side-nav li ul li .sidenav-icon .sidenav-link-color {
    width: 10px;
    height: 40px;
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
}

.side-nav li a .sidenav-icon {
    height: 20px;
    width: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.side-nav li a .sidenav-icon {
    background: url(../img/sidenav-sprite.png) no-repeat;
}

.side-nav li ul li a .sidenav-icon {
    background: url(../img/sidenav-sprite.png) -80px 0 !important;
}

.side-nav li a .dashboard-n-icon {
    background-position: -30px 0 !important;
}

.side-nav li a:hover .dashboard-n-icon {
    background-position: 0px 0 !important;
}

.side-nav li a .form-n-icon {
    background-position: -30px -30px !important;
}

.side-nav li a:hover .form-n-icon {
    background-position: 0px -30px !important;
}

.new-update {
    background: #f9f9f9;
    padding-top: 10px;
    border-top: #CCC 1px solid;
}

.new-update h2 {
    font-size: 12px;
    padding: 0px 10px;
    border: #d8d8d8 1px solid;
    background: #fff;
    margin: 0px 10px 10px 10px;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.new-update h5 {
    font-size: 12px;
    padding: 0 10px;
}

.new-update p {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 11px;
    line-height: normal;
}

.side-news {
    border-bottom: #999 1px solid;
    margin-bottom: 10px;
}

.branding {
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.navbar .nav .btn {
    padding: 4px 5px !important;
}

.navbar-fixed-top .dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #f9f9f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 0px;
}

.navbar-fixed-top .dropdown-menu:after {
    border-bottom: 6px solid #f9f9f9 !important;
}

#side-accordion .accordion-group {
    border: none;
    margin: 0px;
}

.accordion-header a {
    display: block;
    padding: 11px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

#side-accordion .nav-icon {
    top: -2px;
}

.breadcrumb {
    padding: 4px 14px;
    margin: 0 0 18px;
    list-style: none;
    font-size: 11px;
    background: #f1f1f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dbdbdb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0);
    /* IE6-9 */
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9;
    box-shadow: inset 0 1px 0 #f9f9f9;
}

.breadcrumb li {
    display: inline-block;
    *display: inline;
    text-shadow: 0 1px 0 #ffffff;
    *zoom: 1;
}

.breadcrumb .divider {
    padding: 0 5px;
    color: #999999;
}

.breadcrumb .active a {
    color: #333333;
}

.stat-block {
    margin-bottom: 20px;
    padding: 10px;
    background: #f1f1f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dbdbdb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0);
    /* IE6-9 */
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9;
    box-shadow: inset 0 1px 0 #f9f9f9;
}

.stat-block ul:after {
    clear: both;
}

.stat-block ul:after {
    content: "";
    display: table;
}

.stat-block ul {
    margin: 0px;
    padding: 0px;
}

.stat-block li {
    list-style: none;
    float: left;
}

.stat-block li span {
    display: block;
}

.stat-block .stat-graph {
    width: auto;
    background: #FFF;
    padding: 5px 10px;
    border: #d7d7d7 1px solid;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
}

.stat-block .stat-count {
    width: 90px;
}

.stat-block .stat-count span:last-child {
    color: #2750a2;
    font-weight: bold;
}

.stat-block .stat-count span:first-child {
    color: #666;
    font-size: 11px;
    font-weight: bold;
}

.stat-block .stat-percent {
    width: 40px;
    float: right !important;
    text-align: center !important;
}

.label-green {
    font-weight: bold;
    color: #117104;
    font-size: 11px;
}

.label-red {
    font-weight: bold;
    color: #dc1212;
    font-size: 11px;
}

.widget-block {
    margin-bottom: 20px;
    background: #f1f1f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dbdbdb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0);
    /* IE6-9 */
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9;
    box-shadow: inset 0 1px 0 #f9f9f9;
}

.widget-block .widget-box {
    background: #fff;
    border-top: #d2d2d2 1px solid;
    -webkit-box-shadow: inset 0 0 5px #ddd;
    -moz-box-shadow: inset 0 0 5px #ddd;
    box-shadow: inset 0 0 5px #ddd;
}

.widget-block .widget-content {
    background: #eee;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.widget-block .widget-content .widget-box {
    margin-top: 0px !important;
}

.widget-block .widget-content .widget-box .table {
    margin-bottom: 0px !important;
}

.table-default {
    background: #fff;
}

.widget-block .widget-head {
    height: 40px;
    position: relative;
    background: #f1f1f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dbdbdb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0);
    /* IE6-9 */
    border-bottom: 1px solid #c2c2c2;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
}

.collapsible-widget .widget-head {
    cursor: pointer;
}

.widget-block .widget-head .h-icon {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    background: url(../img/collapse.gif) no-repeat;
}

.widget-block .active .h-icon {
    background-position: left !important
}

.widget-block .inactive .h-icon {
    background-position: right !important
}

.widget-block .widget-head h5 {
    padding-left: 10px;
    padding-top: 11px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0px;
}

.widget-block .widget-bottom {
    height: 40px;
    background: #f1f1f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dbdbdb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0);
    /* IE6-9 */
    border-top: 1px solid #c2c2c2;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
}

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

.nonboxy-widget .widget-head {
    font-size: 12px;
    border-bottom: #bbb 2px solid;
    height: 40px;
    margin-bottom: 10px;
    position: relative;
}

.nonboxy-widget .widget-head h5 {
    line-height: 40px;
    text-transform: uppercase;
}

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

.nonboxy-widget .widget-table {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapsed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFF;
    margin-bottom: 0px;
}

.nonboxy-widget .widget-searchbox ul,
.nonboxy-widget .widget-selectbox ul {
    padding: 0px !important;
}

.nonboxy-widget .widget-bottom .pagination ul {
    margin-left: 0px;
}

.user-thumb {
    background: #e4e4e4;
    padding: 5px;
    height: 40px;
    width: 40px;
    display: block;
    margin: auto;
}

.widget-block .user-tbl tr th {
    color: #666;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 11px;
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9;
    box-shadow: inset 0 1px 0 #f9f9f9;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.widget-block .user-tbl tr th,
.user-tbl tr td {
    vertical-align: middle !important;
}

.widget-block .user-tbl .center,
.widget-block .task-tbl .center,
.widget-block .order-tbl .center,
.widget-block .post-tbl .center {
    text-align: center;
}

.center {
    text-align: center !important;
}

.right-align {
    text-align: right !important;
}

.widget-content form {
    margin: 0px !important;
}

.widget-searchbox ul,
.widget-selectbox ul {
    margin: 0px;
    padding: 10px 10px 0 10px;
}

.widget-searchbox li,
.widget-selectbox li {
    float: left;
    display: inline-block;
    list-style: none;
}

.widget-searchbox ul:after,
.widget-selectbox ul:after {
    clear: both;
}

.widget-searchbox ul:after,
.widget-selectbox ul:after {
    content: "";
    display: table;
}

.widget-searchbox input[type=text] {
    width: 140px;
}

.widget-selectbox .data-select {
    width: 140px;
}

.widget-searchbox .input-prepend,
.widget-selectbox .input-prepend {
    margin-bottom: 10px !important;
}

.widget-searchbox .row-counts,
.widget-selectbox .row-counts {
    padding-top: 6px;
    text-transform: uppercase;
    font-size: 11px;
    color: #666;
}

.top-search {
    width: 205px;
}

.top-search form {
    margin-bottom: 0px;
    padding: 10px 10px 5px 15px;
}

.top-search input[type=text] {
    width: 140px;
}

.widget-control {
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: #c9c9c9 1px solid;
}

.widget-control .btn {
    border: none !important;
    -webkit-border-radius: 0px 3px 0 0;
    -moz-border-radius: 0px 3px 0 0;
    border-radius: 0px 3px 0 0;
    line-height: 32px;
}

.widget-control .caret {
    margin-top: 13px;
}

.widget-control .dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #f9f9f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0px solid rgba(0, 0, 0, 0.2);
    border-top: 0px;
}

.user-position {
    display: block;
    font-weight: bold;
    color: #d45c03;
}

.top-search-icon,
.lang-icons {
    height: 14px;
    width: 16px;
    display: inline-block;
    position: relative;
    top: -1px;
}

.alert-noty {
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    vertical-align: text-top;
    line-height: 12px;
    color: #fff;
    padding: 1px 2px;
    margin-left: 5px;
    background: #ff670f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff670f 0%, #c43e00 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff670f), color-stop(100%, #c43e00));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff670f 0%, #c43e00 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff670f 0%, #c43e00 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff670f 0%, #c43e00 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ff670f 0%, #c43e00 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#c43e00', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 2px #666;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 2px #666;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 2px #666;
    border: #bf2702 1px solid;
    text-shadow: 0px -1px 0px rgba(000, 000, 000, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.navbar .nav.pull-right {
    margin-right: 0;
    margin-left: 10px;
}

.priority {
    display: block;
}

.index-graph,
.graph-wrap {
    background: #ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    overflow: visible;
    text-align: center;
    border: #bbb 1px solid;
    padding: 3px;
}

.graph-wrap {
    margin-bottom: 20px;
}

.chart-block {
    border: #bbb 1px solid;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 10px;
}

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

.summary ul li {
    height: 52px;
    clear: both;
    margin-bottom: 14px;
}

.summary ul li .summary-icon {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 10px;
    padding: 6px;
    background: #fff;
    border: #ddd 1px solid;
    -webkit-box-shadow: inset 0 0 3px #eee;
    -moz-box-shadow: inset 0 0 3px #eee;
    box-shadow: inset 0 0 3px #eee;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.summary ul li:hover .summary-icon {
    background: #eee;
    border: #aaa 1px solid;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in-out;
}

.summary ul li .count {
    font-size: 18px;
    font-weight: bold;
    color: #318933;
    display: block;
    padding-top: 8px;
}

.summary ul li .summary-title {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: #ab4000;
}

#customize-theme {
    height: 94%;
    width: 250px;
    border-left: #bbb 1px solid;
    background: #fff;
    position: fixed;
    right: -251px;
    z-index: 1000;
    top: 40px;
}

#customize-theme .switch {
    width: 50px;
    height: 100px;
    background: #e5e5e5;
    position: absolute;
    left: -20px;
    top: 2px;
    border: #bbb 1px solid;
    border-right: 0px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.themer-content {
    height: 100%;
    width: 230px;
    background: #e5e5e5;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e5e5e5 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e5e5e5 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e5e5e5 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e5e5e5 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to right, #e5e5e5 0%, #ffffff 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    position: fixed;
    padding: 10px;
}

.themer-content fieldset {
    border: #ccc 1px solid;
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 34px;
    border-radius: 4px;
    background: #f9f9f9;
    margin-bottom: 10px;
}

.themer-content legend {
    padding: 3px 3px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: normal;
    margin: 0px;
    border: none;
    background: none;
    width: auto;
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.themer-content h5 {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 13px;
}

.themer-content .color-input {
    width: 55px !important;
    font-size: 11px;
}

.themer-content label {
    font-size: 11px;
}

.themer-content ul {
    margin: 0px;
    list-style: none;
}

.themer-content ul li {
    display: inline-block;
    float: left;
    margin-left: 3px;
}

#theme-accordion .accordion-group {
    border: none !important;
}

.theme-accordion-header a {
    height: 30px;
    background: #4c4c4c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #262626 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(100%, #262626));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4c4c4c 0%, #262626 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4c4c4c 0%, #262626 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4c4c4c 0%, #262626 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4c4c4c 0%, #262626 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#262626', GradientType=0);
    /* IE6-9 */
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    border: #333 1px solid;
    color: #fff;
    line-height: 30px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
    margin-bottom: 10px;
}

.themer-content .btn {
    width: 90% !important;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.event-list {
    margin: 10px;
}

.event-list li {
    clear: both;
    margin-bottom: 10px;
    list-style: none;
}

.event-list li:after {
    clear: both;
}

.event-list li:after {
    content: "";
    display: table;
}

.event-list .evnt-date {
    width: 40px;
    float: left;
    font-size: 28px;
    font-weight: bold;
    padding-top: 5px;
    color: #2f6d91;
}

.event-list .evnt-date span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
}

.event-list .event-info {
    width: 138px;
    float: left;
}

.event-list .event-info span {
    color: #1a798b;
}

.event-list .event-info p {
    font-size: 11px;
    line-height: 14px;
}

.site-stat {
    margin: 10px;
}

.site-stat h5 {
    text-transform: uppercase;
    color: #434745;
    margin-bottom: 10px;
}

.site-stat ul {
    margin: 0px 0px 10px 0px;
}

.site-stat ul li {
    list-style: none;
    text-transform: none;
    padding: 5px 10px;
    border: #dedede 1px solid;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 11px;
}

.site-stat ul li:hover {
    background: #f9f9f9;
    cursor: pointer;
}

.site-stat ul li span {
    display: inline-block;
    float: right;
    font-size: 10px;
    font-weight: bold;
}

.site-stat ul li .up {
    background: url(../img/up.png) no-repeat right;
    padding-right: 15px;
    color: #117104;
}

.site-stat ul li .down {
    background: url(../img/down.png) no-repeat right;
    padding-right: 15px;
    color: #d73131;
}

<!-- INDICADORES DE TICKETS ESLI -->.site-stat ul li .dum {
    background: url(../img/img_ticket_espera.png) no-repeat right;
    padding-right: 15px;
    color: #d73131;
}

.site-stat ul li .ticket_espera {
    background: url(../img/img_ticket_espera.png) no-repeat right;
    padding-right: 15px;
    color: #FF0000;
}

.site-stat ul li .ticket_seguimiento {
    background: url(../img/img_ticket_otro.png) no-repeat right;
    padding-right: 15px;
    color: #000066;
}

.site-stat ul li .ticket_cerrado {
    background: url(../img/img_ticket_cerrado.png) no-repeat right;
    padding-right: 15px;
    color: #003300;
}

.site-stat ul li .ticket_normal {
    background: url(../img/img_ticket.png) no-repeat right;
    padding-right: 15px;
    color: #000000;
}

<!-- FIN INDICADORES DE TICKETS ESLI -->.accordion-content:last-child {
    margin-bottom: 3px;
}

.task-tbl h5 {
    font-size: 12px;
}

.task-tbl tr th,
.task-tbl tr td,
.order-tbl tr th,
.order-tbl tr td,
.post-tbl tr th,
.post-tbl tr td {
    vertical-align: middle !important;
}

.post-tbl ul {
    margin: 0px;
    list-style: none;
}

.post-by,
.post-date {
    font-size: 11px;
}

.post-by a,
.post-date a {
    color: #666;
}

.multiline-input select,
.multiline-input input[type=text],
.multiline-input textarea {
    display: block;
    margin-bottom: 9px;
}

#signupform label.checked {
    padding-left: 21px;
    background: url(../img/checked.png) no-repeat left !important;
}

.remove-element {
    height: 20px;
    width: 20px;
    display: inline-block;
    text-indent: -999999px;
    background: url(../img/sprite-icons/icons-a.png) 0 -1260px;
}

.add-element {
    height: 20px;
    width: 20px;
    display: inline-block;
    text-indent: -999999px;
    background: url(../img/sprite-icons/icons-a.png) 0 -540px;
}

.extend-bar {
    height: 20px;
    display: block;
}

.content-wizard {
    border: #CCC 1px solid;
}

.content-wizard ul.anchor li {
    float: left;
    display: inline-block;
    list-style: none;
    margin-right: 30px;
}

.content-wizard ul.anchor,
.form-wizard ul.anchor {
    clear: both;
}

.content-wizard .stepContainer {
    background: #FFF;
    padding: 20px;
}

.content-wizard .loader {
    position: relative;
    display: none;
    float: left;
    margin: 2px 0 0 2px;
    padding: 8px 10px 8px 40px;
    border: 1px solid #FFD700;
    color: #5A5655;
    background: #FFF url(../img/progress.gif) no-repeat 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 998;
}

.content-wizard ul.anchor {
    margin: 0px;
    padding: 10px 10px 0 10px;
    background: #f3f3f3;
    border-bottom: #ccc 1px solid;
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
}

.content-wizard ul.anchor li a {
    text-decoration: none;
    display: inline-block;
}

.content-wizard ul.anchor li a.selected .stepNumber {
    width: 40px;
    height: 40px;
    background: rgb(255, 103, 15);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 103, 15, 1) 0%, rgba(229, 82, 13, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 103, 15, 1)), color-stop(100%, rgba(229, 82, 13, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 103, 15, 1) 0%, rgba(229, 82, 13, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 103, 15, 1) 0%, rgba(229, 82, 13, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 103, 15, 1) 0%, rgba(229, 82, 13, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 103, 15, 1) 0%, rgba(229, 82, 13, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#e5520d', GradientType=0);
    /* IE6-9 */
    text-shadow: 0px 1px 0px rgba(000, 000, 000, .5), 0px 1px 0px rgba(000, 000, 000, 0.2);
    color: #FFF;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.content-wizard ul.anchor li a.selected .stepDesc {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #d44908;
    float: left;
    padding: 3px;
    text-transform: uppercase;
}

.content-wizard ul.anchor li a.selected .stepDesc small {
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    color: #666;
}

.content-wizard ul.anchor li a.done .stepNumber {
    width: 40px;
    height: 40px;
    background: rgb(41, 154, 11);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(37, 127, 10, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(41, 154, 11, 1)), color-stop(100%, rgba(37, 127, 10, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(37, 127, 10, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(37, 127, 10, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(41, 154, 11, 1) 0%, rgba(37, 127, 10, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(41, 154, 11, 1) 0%, rgba(37, 127, 10, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#257f0a', GradientType=0);
    /* IE6-9 */
    text-shadow: 0px 1px 0px rgba(000, 000, 000, .5), 0px 1px 0px rgba(000, 000, 000, 0.2);
    color: #FFF;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.content-wizard ul.anchor li a.done .stepDesc {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #227708;
    float: left;
    padding: 3px;
}

.content-wizard ul.anchor li a.done .stepDesc small {
    display: block;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

.content-wizard ul.anchor li a.disabled {
    cursor: default;
}

.content-wizard ul.anchor li a.disabled .stepNumber {
    width: 40px;
    height: 40px;
    background: #ccc;
    color: #FFF;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    float: left;
}

.content-wizard ul.anchor li a.disabled .stepDesc {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    color: #999;
    font-weight: bold;
    float: left;
    padding: 3px;
    text-transform: uppercase;
}

.content-wizard ul.anchor li a.disabled .stepDesc small {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    text-transform: none;
}

.content-wizard .msgBox {
    position: relative;
    display: none;
    float: left;
    margin: 0px;
    padding: 5px;
    border: 1px solid #397a04;
    background-color: #bedfa3;
    color: #1cb115;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 999;
    min-width: 200px;
}

.content-wizard .msgBox .content {
    padding: 2px 0 0 5px;
    float: left;
}

.content-wizard .msgBox .close {
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #CCC;
    display: block;
    float: right;
    margin: 0 0 0 5px;
    outline-style: none;
    padding: 0 2px 0 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.content-wizard .msgBox .close:hover {
    color: #EA8511;
    border: 1px solid #EA8511;
}

.content-wizard .buttonNext {
    display: inline-block;
    float: right;
    margin: 1px 2px 0 3px;
    padding: 5px 8px;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    outline-style: none;
    background: #7abcff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7abcff), color-stop(44%, #60abf8), color-stop(100%, #4096ee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
    border: 1px solid #2d77c3;
    -webkit-box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0px 1px 0px rgba(000, 000, 000, .5), 0px 1px 0px rgba(000, 000, 000, 0.2);
}

.content-wizard .buttonDisabled {
    color: #F8F8F8 !important;
    background: #ccc !important;
    border: 1px solid #bbb !important;
    cursor: text;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none !important;
}

.content-wizard .buttonPrevious {
    display: inline-block;
    float: right;
    margin: 1px 2px 0 3px;
    padding: 5px 8px;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    outline-style: none;
    background: #7abcff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7abcff), color-stop(44%, #60abf8), color-stop(100%, #4096ee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #ccc;
    border: 1px solid #2d77c3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0px 1px 0px rgba(000, 000, 000, .5), 0px 1px 0px rgba(000, 000, 000, 0.2);
}

.content-wizard .buttonFinish {
    display: inline-block;
    float: right;
    margin: 1px 2px 0 3px;
    padding: 5px 8px;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    outline-style: none;
    background: #7abcff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7abcff), color-stop(44%, #60abf8), color-stop(100%, #4096ee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
    webkit-box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #bbd9f4, 0 0 3px #ccc;
    border: 1px solid #2d77c3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.actionBar {
    background: #f3f3f3;
    padding: 10px;
    border-top: #bbb 1px solid;
}

.actionBar:before,
.actionBar:after {
    display: table;
    content: "";
}

.actionBar:after {
    clear: both;
}

.vertical-wizard {
    background: #fff;
}

.vertical-wizard .anchor {
    width: 21%;
    float: left;
    background: none !important;
    webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.vertical-wizard .anchor li {
    padding: 10px;
}

.vertical-wizard .stepContainer {
    float: right;
    width: 73%;
}

.vertical-wizard .actionBar {
    clear: both;
}

.vertical-wizard .stepContainer .content {
    overflow: auto;
    height: 250px;
}

.data-tbl-simple {
    background: #fff;
}

.data-tbl-striped {
    background: #fff;
}

.data-tbl-striped td {
    vertical-align: middle;
}

.data-tbl-striped tr th:first-child,
.data-tbl-striped tr td:first-child {
    text-align: center;
}

.t-complete {
    text-decoration: line-through;
}

.tbl-tools-searchbox {
    padding: 5px 20px 1px 20px;
    /*ESLI Arriba en buscador tabla padding:20px 20px 15px 20px;*/
    background: #eee;
    webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
}

.tbl_tools {
    background: #f9f9f9;
    border-bottom: #ccc 1px solid;
}

.tbl-tools-searchbox input,
.tbl-tools-searchbox select {
    margin: 1px;
    /*ESLI Margen de las herramientas*/
}

.table_top {
    padding: 10px 0 15px 0;
}

.table_top input,
.table_top select,
.tbl-searchbox input,
.tbl-searchbox select {
    margin: 0px;
}

.tbl-searchbox {
    padding: 20px 20px 15px 20px;
    border-bottom: #ddd 1px solid;
}

.widget-bottom .dataTables_paginate {
    padding-top: 8px;
    padding-right: 10px;
}

.dataTables_length {
    width: 40%;
    float: right;
    text-align: right;
}

.lengthLabel {
    display: inline-block;
    float: right;
    padding-top: 5px;
    padding-right: 10px;
}

.lenghtMenu {
    display: inline-block;
    float: right;
}

.dataTables_filter {
    width: 40%;
    float: left;
    text-align: left;
}

.dataTables_filter input {
    /*Esli Filtro de Busqueda de la Tabla*/
    border: 1px solid #D8D8D8;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px 2px 5px 25px;
    background: #fff url(../img/sprite-icons/icons-a.png) no-repeat 3px -896px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.dataTables_filter input:focus {
    box-shadow: 0 0 4px #bbb;
    -webkit-box-shadow: 0 0 4px #bbb;
    -moz-box-shadow: 0 0 4px #bbb;
    border: 1px solid #bbb;
}

.dataTables_info {
    width: 40%;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}


/* Pagination nested */

.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}

.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_disabled_previous {
    background: url('../img/tbl-img/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
    background: url('../img/tbl-img/back_enabled.png') no-repeat top left;
}

.paginate_enabled_previous:hover {
    background: url('../img/tbl-img/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
    background: url('../img/tbl-img/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
    background: url('../img/tbl-img/forward_enabled.png') no-repeat top right;
}

.paginate_enabled_next:hover {
    background: url('../img/tbl-img/forward_enabled_hover.png') no-repeat top right;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

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

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

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

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

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

th:active {
    outline: none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
}

.top,
.bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #e1f0f8;
    border: 2px solid #b0cedd;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers a:active {
    outline: none
}

.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #9F9F9F;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px 8px;
    margin-left: 3px;
    cursor: pointer;
    font-size: 11px;
    *cursor: hand;
}

.paging_full_numbers a.paginate_button {
    background: #dadada;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #bdbdbd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadada 0%, #bdbdbd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dadada 0%, #bdbdbd 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#bdbdbd', GradientType=0);
    /* IE6-9 */
    border: 1px solid #9f9f9f;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
}

.paging_full_numbers a.paginate_button:hover {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
}

.paging_full_numbers a.paginate_active {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
    color: #444;
    font-size: 11px;
    font-weight: bold;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}

.paging_full_numbers a.paginate_button_disabled {
    background: #ccc;
    color: #aaa !important;
    text-shadow: none;
    border: #bbb 1px solid;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.paging_full_numbers a.paginate_button_disabled:hover {
    background: #ccc;
}


/*
 * Sorting classes for columns
 */


/* For the standard odd/even */

tr.odd td.sorting_1 {
    background-color: #ebebeb;
    /*Esli Cambio de color */
}

tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}

tr.even td.sorting_1 {
    background-color: #f6f6f6;
}

tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

tr.even td.sorting_3 {
    background-color: #F9F9FF;
}


/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author: (Shared on MafiaShare.net)      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     LGPL / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2010 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Colour dictionary:
 *   Button border         #d0d0d0
 *   Button border hover   #999999
 *   Hover background      #f0f0f0
 *   Action blue           #4b66d9
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 *   MISC                  Minor misc styles
 */


/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */

.tbl_tools {
    border-top: #CCC 1px solid;
}

div.DTTT_container {
    position: relative;
    float: left;
    margin: 15px;
}

button.DTTT_button {
    position: relative;
    float: left;
    height: 30px;
    margin-right: 5px;
    padding: 3px 10px;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    cursor: pointer;
    *cursor: hand;
    font-size: 11px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

button.DTTT_button::-moz-focus-inner {
    border: none !important;
    padding: 0;
}


/*
 * BUTTON_STYLES
 * Action specific button styles
 */

button.DTTT_button_csv {
    padding-right: 30px;
    background: #eee url(../img/table-tools/csv.png) no-repeat center right;
}

button.DTTT_button_csv_hover {
    padding-right: 30px;
    border: 1px solid #ccc;
    background: url(../img/table-tools/csv_hover.png) no-repeat center right;
}

button.DTTT_button_xls {
    padding-right: 30px;
    background: #eee url(../img/table-tools/xls.png) no-repeat center right;
}

button.DTTT_button_xls_hover {
    padding-right: 30px;
    border: 1px solid #ccc;
    background: url(../img/table-tools/xls_hover.png) no-repeat center right;
}

button.DTTT_button_copy {
    padding-right: 30px;
    background: #eee url(../img/table-tools/copy.png) no-repeat center right;
}

button.DTTT_button_copy_hover {
    padding-right: 30px;
    border: 1px solid #ccc;
    background: url(../img/table-tools/copy_hover.png) no-repeat center right;
}

button.DTTT_button_pdf {
    padding-right: 30px;
    background: #eee url(../img/table-tools/pdf.png) no-repeat center right;
}

button.DTTT_button_pdf_hover {
    padding-right: 30px;
    border: 1px solid #ccc;
    background: url(../img/table-tools/pdf_hover.png) no-repeat center right;
}

button.DTTT_button_print {
    padding-right: 30px;
    background: #eee url(../img/table-tools/print.png) no-repeat center right;
}

button.DTTT_button_print_hover {
    padding-right: 30px;
    border: 1px solid #ccc;
    background: url(../img/table-tools/print_hover.png) no-repeat center right;
}

button.DTTT_button_text {}

button.DTTT_button_text_hover {
    border: 1px solid #ccc;
    background-color: #f0f0f0;
}

button.DTTT_button_collection {
    padding-right: 17px;
    background: url(../img/table-tools/collection.png) no-repeat center right;
}

button.DTTT_button_collection_hover {
    padding-right: 17px;
    border: 1px solid #ccc;
    background: url(../img/table-tools/collection_hover.png) no-repeat center right;
}


/*
 * SELECTING
 * Row selection styles
 */

table.DTTT_selectable tbody tr {
    cursor: pointer;
    *cursor: hand;
}

tr.DTTT_selected.odd {
    background-color: #9FAFD1;
}

tr.DTTT_selected.odd td.sorting_1 {
    background-color: #9FAFD1;
}

tr.DTTT_selected.odd td.sorting_2 {
    background-color: #9FAFD1;
}

tr.DTTT_selected.odd td.sorting_3 {
    background-color: #9FAFD1;
}

tr.DTTT_selected.even {
    background-color: #B0BED9;
}

tr.DTTT_selected.even td.sorting_1 {
    background-color: #B0BED9;
}

tr.DTTT_selected.even td.sorting_2 {
    background-color: #B0BED9;
}

tr.DTTT_selected.even td.sorting_3 {
    background-color: #B0BED9;
}


/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

div.DTTT_collection {
    width: 150px;
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    overflow: hidden;
    z-index: 2002;
}

div.DTTT_collection_background {
    background: transparent url(../img/table-tools/background.png) repeat top left;
    z-index: 2001;
}

div.DTTT_collection button.DTTT_button {
    float: none;
    width: 100%;
    margin-bottom: 2px;
    background-color: white;
}


/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    background-color: #3f3f3f;
    color: white;
    padding: 10px 30px;
    opacity: 0.9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
}

.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}


/*
 * MISC
 * Minor misc styles
 */

.DTTT_disabled {
    color: #999;
}


/* =====================
 * Table ColVis styles
 */

.ColVis {
    float: right;
    /*margin: 15px 12px;*/
	margin: 7px 12px;
}

.ColVis_Button {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 3px 5px;
    height: 30px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    font-size: 11px;
    cursor: pointer;
    *cursor: hand;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

button.ColVis_Button::-moz-focus-inner {
    border: none !important;
    padding: 0;
}

.ColVis_text_hover {
    border: 1px solid #999;
    background-color: #f0f0f0;
}

div.ColVis_collectionBackground {
    background-color: black;
    z-index: 1100;
}

div.ColVis_collection {
    position: relative;
    width: 150px;
    background-color: #f3f3f3;
    padding: 3px;
    border: 1px solid #ccc;
    z-index: 1102;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.ColVis_collection button.ColVis_Button {
    background-color: white;
    width: 100%;
    float: none;
    margin-bottom: 2px;
}

div.ColVis_catcher {
    position: absolute;
    z-index: 1101;
}

.disabled {
    color: #999;
}

button.ColVis_Button {
    text-align: left;
}

div.ColVis_collection button.ColVis_Button:hover {
    border: 1px solid #999;
    background-color: #f0f0f0;
}

span.ColVis_radio {
    display: inline-block;
    width: 20px;
}

span.ColVis_title {
    position: relative;
    top: -2px;
}


/* ===========
NOTIFICATIONS
==============*/


/* noty bar */

.noty_bar {
    position: fixed;
    display: none;
    z-index: 9999999;
}


/* noty_message */

.noty_bar .noty_message {
    text-align: center;
}


/* noty close button */

.noty_bar .noty_close {
    cursor: pointer;
}


/* noty modal */

.noty_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10000;
    opacity: 0.6;
    display: none;
    left: 0;
    top: 0;
}


/* noty container for noty_layout_topLeft & noty_layout_topRight */

ul.noty_cont {
    position: fixed;
    z-index: 10000000;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 300px;
}

ul.noty_cont li {
    position: relative;
    float: left;
    clear: both;
    list-style: none;
    padding: 0px;
    margin: 10px 0 0 0;
    width: 300px;
    /* Fix for: http://bugs.jquery.com/ticket/2278 */
}

ul.noty_cont.noty_layout_topLeft {
    left: 20px;
    top: 20px;
}

ul.noty_cont.noty_layout_topRight {
    right: 40px;
    top: 20px;
}

ul.noty_cont.noty_layout_bottomLeft {
    left: 20px;
    bottom: 20px
}

ul.noty_cont.noty_layout_bottomRight {
    right: 40px;
    bottom: 20px
}

ul.noty_cont.noty_layout_topRight li {
    float: right
}


/* LAYOUTS */


/* noty_layout_top */

.noty_bar.noty_layout_top {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


/* noty_layout_bottom */

.noty_bar.noty_layout_bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


/* noty_layout_center */

.noty_bar.noty_layout_center {
    top: 40%;
}


/* noty_layout_topLeft & noty_layout_topRight */

.noty_bar.noty_layout_topLeft,
.noty_bar.noty_layout_topRight,
.noty_bar.noty_layout_bottomLeft,
.noty_bar.noty_layout_bottomRight {
    width: 100%;
    clear: both;
    position: relative;
}

.noty_bar.noty_layout_topLeft .noty_message,
.noty_bar.noty_layout_topRight .noty_message,
.noty_bar.noty_layout_bottomLeft .noty_message,
.noty_bar.noty_layout_bottomRight .noty_message {
    text-align: left;
}


/* noty_layout_topCenter */

.noty_bar.noty_layout_topCenter {
    top: 20px;
}


/* CORE STYLES*/


/* noty bar */

.noty_bar.noty_theme_default {
    background: rgb(238, 238, 238);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}


/* if you use noty with customContainer you can access noty with this way 
	*	 .noty_custom_container noty will add automaticly this class to your customContainer
	*	 .noty_theme_default 		your theme
	*	 .noty_layout_inline		your layout 
	*/


/* custom container */

.noty_custom_container.noty_theme_default.noty_layout_inline {
    position: relative;
}


/* custom growl container */

.noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline {
    position: static;
}


/* custom noty bar */

.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar {
    border-width: 1px;
    border-style: solid;
    position: static;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message {
    font-size: 13px;
    padding: 4px;
}

.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons {
    margin-top: -1px;
}


/* noty_message */

.noty_bar.noty_theme_default .noty_message {
    padding: 8px 8px;
    font-size: 16px;
    font-weight: bold;
    width: auto;
    overflow: hidden;
}

.noty_bar.noty_theme_default.noty_closable .noty_message {
    padding: 8px 34px 8px 14px;
}


/* noty_buttons */

.noty_bar.noty_theme_default .noty_message .noty_buttons {
    float: right;
    font-size: 13px;
    margin-left: 4px;
}


/* noty_button */

.noty_bar.noty_theme_default .noty_message .noty_buttons button {
    margin-left: 5px;
}

.noty_buttons button {
    box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
    -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
    -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0px -1px 0px rgba(000, 000, 000, .5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    line-height: 22px;
    text-align: center;
    color: #fff;
    padding: 0 6px;
    cursor: pointer;
}


/* noty close button */

.noty_bar.noty_theme_default .noty_close {
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg==');
    width: 20px;
    height: 20px;
}


/* noty modal */

.noty_modal.noty_theme_default {
    opacity: 0.7;
}


/* LAYOUTS */


/* noty_layout_top */

.noty_bar.noty_theme_default.noty_layout_top {
    border-bottom: 2px solid #eee;
}


/* noty_layout_bottom */

.noty_bar.noty_theme_default.noty_layout_bottom {
    border-top: 2px solid #eee;
}

.noty_bar.noty_theme_default.noty_layout_center .noty_close {
    top: 8px;
}

.noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons {}

.noty_text {
    padding-top: 0px;
    display: inline-block;
    line-height: 20px;
}


/* noty_layout_topLeft & noty_layout_topRight */

.noty_bar.noty_theme_default.noty_layout_center,
.noty_bar.noty_theme_default.noty_layout_topLeft,
.noty_bar.noty_theme_default.noty_layout_topRight,
.noty_bar.noty_theme_default.noty_layout_bottomLeft,
.noty_bar.noty_theme_default.noty_layout_bottomRight {
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.noty_bar.noty_theme_default.noty_layout_center .noty_message,
.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message,
.noty_bar.noty_theme_default.noty_layout_topRight .noty_message,
.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message,
.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message {
    font-size: 13px;
    font-weight: normal;
}

.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons {
    float: none;
    border-top: 1px solid #000;
    margin-left: 0;
    margin-top: 10px;
    padding-top: 10px;
    text-align: right;
}


/* noty_layout_topCenter */

.noty_bar.noty_theme_default.noty_layout_topCenter {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message {
    font-weight: normal;
    font-size: 13px;
}

.noty_bar.noty_theme_default.noty_layout_topCenter .noty_close {
    top: 50%;
    margin-top: -10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.noty_bar.noty_theme_default.noty_layout_topCenter.noty_success {
    border: 1px solid #50C24E;
}

.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons {
    margin-left: 15px;
    margin-top: 0px
}


/* NOTIFICATION TYPES */


/* noty_alert */

.noty_bar.noty_theme_default.noty_alert {
    background-color: #fff;
    border-color: #000;
}


/* noty_error */

.noty_bar.noty_theme_default.noty_error {
    background: rgb(226, 22, 22);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 22, 22, 1)), color-stop(100%, rgba(160, 0, 0, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e21616', endColorstr='#a00000', GradientType=0);
    /* IE6-9 */
    color: #fff;
    border-color: #000;
}

.noty_bar.noty_theme_default.noty_error .noty_message {
    font-weight: bold;
}


/* noty_success */

.noty_bar.noty_theme_default.noty_success {
    background: rgb(0, 110, 46);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 110, 46, 1)), color-stop(100%, rgba(0, 51, 27, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#00331b', GradientType=0);
    /* IE6-9 */
    color: #0F6;
    border-color: #000;
}


/* noty_alert */

.noty_bar.noty_theme_default.noty_information {
    background: rgb(104, 179, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(104, 179, 255, 1)), color-stop(100%, rgba(47, 142, 237, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#68b3ff', endColorstr='#2f8eed', GradientType=0);
    /* IE6-9 */
    border-color: #000;
    color: #fff;
}


/**CLE EDITOR**/

.cleditorMain {
    border: 1px solid #999;
    padding: 0 1px 1px;
    background-color: white
}

.cleditorMain iframe {
    border: none;
    margin: 0;
    padding: 0
}

.cleditorMain textarea {
    border: none;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    font: 10pt Arial, Verdana;
    resize: none;
    outline: none/* webkit grip focus */
}

.cleditorToolbar {
    background: url('../img/toolbar.gif') repeat
}

.cleditorGroup {
    float: left;
    height: 26px
}

.cleditorButton {
    float: left;
    width: 24px;
    height: 24px;
    margin: 1px 0 1px 0;
    background: url('../img/buttons.gif')
}

.cleditorDisabled {
    opacity: 0.3;
    filter: alpha(opacity=30)
}

.cleditorDivider {
    float: left;
    width: 1px;
    height: 23px;
    margin: 1px 0 1px 0;
    background: #CCC
}

.cleditorPopup {
    border: solid 1px #999;
    background-color: white;
    position: absolute;
    font: 10pt Arial, Verdana;
    cursor: default;
    z-index: 10000
}

.cleditorList div {
    padding: 2px 4px 2px 4px
}

.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {
    padding: 0;
    margin: 0;
    background-color: Transparent
}

.cleditorColor {
    width: 150px;
    padding: 1px 0 0 1px
}

.cleditorColor div {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 1px 1px 0
}

.cleditorPrompt {
    background-color: #F6F7F9;
    padding: 4px;
    font-size: 8.5pt
}

.cleditorPrompt input,
.cleditorPrompt textarea {
    font: 8.5pt Arial, Verdana;
}

.cleditorMsg {
    background-color: #FDFCEE;
    width: 150px;
    padding: 4px;
    font-size: 8.5pt
}


/* ========================================================
   Progress bars
   ===================================================== */

.progress {
    height: 20px;
    background: #ebebeb;
    border-radius: 10px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    overflow: visible;
}

.progress .bar {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.progress>span {
    position: relative;
    float: left;
    margin: 0 -1px;
    min-width: 30px;
    height: 18px;
    line-height: 16px;
    text-align: right;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #bfbfbf #b3b3b3 #9e9e9e;
    background-color: #cccccc;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: rgb(238, 238, 238);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.progress>span span {
    padding: 0 8px;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}

.progress>span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 18px;
    border-radius: 10px;
    background: url("../img/progress.png") 0 0 repeat-x;
}

.progress .green {
    border-color: #78b337 #6ba031 #568128;
    background-color: #85c440;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7dc8e), color-stop(70%, #99ce5f), color-stop(100%, #85c440));
    background-image: -webkit-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);
    background-image: -moz-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);
    background-image: -ms-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);
    background-image: -o-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);
    background-image: linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);
}

.progress .red {
    border-color: #c73321 #b12d1e #8e2418;
    background-color: #db3a27;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea8a7e), color-stop(70%, #e15a4a), color-stop(100%, #db3a27));
    background-image: -webkit-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);
    background-image: -moz-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);
    background-image: -ms-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);
    background-image: -o-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);
    background-image: linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);
}

.progress .orange {
    border-color: #f0ad24 #eba310 #c5880d;
    background-color: #f2b63c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8da9c), color-stop(70%, #f5c462), color-stop(100%, #f2b63c));
    background-image: -webkit-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);
    background-image: -moz-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);
    background-image: -ms-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);
    background-image: -o-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);
    background-image: linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);
}

.progress .blue {
    border-color: #459fd6 #3094d2 #277db2;
    background-color: #5aaadb;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aed5ed), color-stop(70%, #7bbbe2), color-stop(100%, #5aaadb));
    background-image: -webkit-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);
    background-image: -moz-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);
    background-image: -ms-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);
    background-image: -o-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);
    background-image: linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);
}


/* ========================================================
   Calendar
   ===================================================== */

#sidebar .cal {
    border-left: none;
    border-right: none;
}

.cal {
    display: block;
    width: 216px;
    border: #aaa 1px solid;
    margin: auto;
}

.cal a:hover {
    text-decoration: none;
}

.cal caption {
    display: block;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 -1px black;
}

.cal caption a {
    display: block;
    line-height: 40px;
    padding: 0 10px;
    color: #e2e2e2;
    font-size: 15px;
}

.cal caption a:hover {
    color: #fff;
}

.cal caption .prev {
    float: left;
}

.cal caption .next {
    float: right;
}

.cal th,
.cal td {
    width: 30px;
    text-align: center;
    text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}

.cal th:first-child,
.cal td:first-child {
    border-left: 0;
}

.cal th {
    font-size: 8px;
    text-transform: uppercase;
    color: #696969;
    line-height: 20px;
    background: #f3f3f3;
    border-left: 1px solid #f3f3f3;
}

.cal td {
    font-size: 11px;
    font-weight: bold;
    border-top: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
}

.cal td a {
    clear: both;
    display: block;
    position: relative;
    color: #666;
    line-height: 28px;
    background: #d8d8d8
}

.cal td a:hover,
.cal td.off a {
    background: #f3f3f3;
}

.cal td.off a {
    color: #b3b3b3;
}

.cal td.active a,
.cal td a:active {
    margin: -1px;
    color: #f3f3f3;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background: #eb9a53;
    border: 1px solid #b3621b;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
}

.cal td.active:first-child a,
.cal td:first-child a:active {
    border-left: 0;
    margin-left: 0;
}

.cal td.active:last-child a,
.cal td:last-child a:active {
    border-right: 0;
    margin-right: 0;
}

.cal tr:last-child td.active a,
.cal tr:last-child td a:active {
    border-bottom: 0;
    margin-bottom: 0;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}


/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
    background: url(../img/colorbox-img/overlay.png) repeat 0 0;
}

#colorbox {}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(../img/colorbox-img/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(../img/colorbox-img/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(../img/colorbox-img/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(../img/colorbox-img/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(../img/colorbox-img/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(../img/colorbox-img/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(../img/colorbox-img/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(../img/colorbox-img/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/colorbox-img/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(../img/colorbox-img/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxLoadingOverlay {
    background: url(../img/colorbox-img/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(../img/colorbox-img/loading.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/colorbox-img/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}


/*

  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/

.cboxIE6 #cboxTopLeft {
    background: url(../img/colorbox-img/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(../img/colorbox-img/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(../img/colorbox-img/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(../img/colorbox-img/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(../img/colorbox-img/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(../img/colorbox-img/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(../img/colorbox-img/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(../img/colorbox-img/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src=this.src ? this.src: this.currentStyle.backgroundImage.split('"')[1], this.style.background="none", this.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


/*---DROP CAP---*/

p .dropcap {
    float: left;
    font-size: 48px;
    display: block;
    line-height: 80%;
    margin: 3px 8px 3px 0px;
    padding: 0px;
    color: #275683;
}

p .dropcapM {
    float: left;
    font-size: 300%;
    display: block;
    line-height: 80%;
    margin: 3px 8px 3px 0px;
    padding: 0px;
    color: #a32407;
}

p .dropcapB {
    float: left;
    font-size: 48px;
    text-align: center;
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    line-height: 50px;
    margin: 3px 8px 3px 0px;
    padding: 10px;
    border-radius: 100px;
    background: #333;
}

p .dropcapC {
    float: left;
    font-size: 36px;
    text-align: center;
    width: 30px;
    height: 30px;
    color: #fff;
    display: block;
    line-height: 30px;
    margin: 3px 8px 3px 0px;
    padding: 10px;
    border-radius: 100px;
    background: #0e354a;
}

p .dropcapG {
    float: left;
    font-size: 24px;
    text-align: center;
    width: 30px;
    height: 30px;
    color: #fff;
    display: block;
    line-height: 30px;
    margin: 3px 8px 3px 0px;
    padding: 10px;
    border-radius: 100px;
    background: #a33b13;
}

p .dropcapL {
    float: left;
    font-size: 18px;
    text-align: center;
    width: 18px;
    height: 18px;
    color: #333;
    display: block;
    line-height: 18px;
    margin: 3px 8px 3px 0px;
    padding: 10px;
    border-radius: 100px;
    background: #ddd;
    border: #333 1px solid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

blockquote.quote_blue {
    padding: 10px 15px;
    border-left: 4px solid #09F !important;
    margin: 20px 0px;
    border-bottom: #09F 1px solid !important;
    border-top: #09F 1px solid !important;
    border-right: #09F 1px solid !important;
    background: #e7f2f8;
    color: #06C;
}

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

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

.box-tab {
    border: #CCC 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 20px;
}

.box-tab .tab-content {
    padding: 10px 18px;
}

.box-tab .tabs-below .nav-tabs {
    border-top: #bbb 1px solid;
    padding-bottom: 5px;
    margin-bottom: 0px;
    background: #cccccc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
    /* IE6-9 */
}

.box-tab .nav-tabs {
    padding-top: 0px;
    margin-bottom: 10px;
    background: rgb(246, 246, 246);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(237, 237, 237, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
}

.box-tab .nav-tabs .active a {
    background: #fff !important;
}

.box-tab .tabs-left .nav-tabs {
    margin-bottom: 0px;
    border-right: #bbb 1px solid;
}

.box-tab .tabs-right .nav-tabs {
    margin-bottom: 0px;
    border-left: #bbb 1px solid;
}

.box-tab .tabs-left .tab-content {
    padding-left: 0px !important;
}

.box-tab .tabs-right .tab-content {
    padding-right: 0px !important;
}


/*===SELECT BOX===*/


/* @group Base */

.chzn-container {
    font-size: 12px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    /*  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
*/
    z-index: 999;
}


/* @end */


/* @group Single Chosen */

.chzn-container-single .chzn-single {
    background: #f7f7f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0);
    /* IE6-8 */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d8d8d8;
    /*	-moz-box-shadow: 0 0 0 2px #dfebf4;
	-webkit-box-shadow: 0 0 0 2px #dfebf4;
	box-shadow: 0 0 0 2px #dfebf4;
*/
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 8px;
    color: #444444;
    text-decoration: none;
}

.chzn-container-single .chzn-default {
    color: #999;
}

.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url(../img/chosen-sprite.png) right top no-repeat;
}

.chzn-container-single .chzn-single abbr:hover {
    background-position: right -11px;
}

.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}

.chzn-container-single .chzn-single div b {
    background: url(../img/chosen-sprite.png) no-repeat 0 0;
    display: block;
    width: 100%;
    height: 100%;
}

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}

.chzn-container-single .chzn-search input {
    background: #fff url(../img/chosen-sprite.png) no-repeat 100% -21px;
    background: url(../img/chosen-sprite.png) no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url(../img/chosen-sprite.png) no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url(../img/chosen-sprite.png) no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url(../img/chosen-sprite.png) no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url(../img/chosen-sprite.png) no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url(../img/chosen-sprite.png) no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #d8d8d8;
    font-family: sans-serif;
    font-size: 1em;
}

.chzn-container-single .chzn-drop {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}


/* @end */

.chzn-container-single-nosearch .chzn-search input {
    position: absolute;
    left: -9000px;
}


/* @group Multi Chosen */

.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    border: 1px solid #d8d8d8;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
}

.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
    color: #666;
    background: transparent !important;
    border: 0 !important;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default {
    color: #999;
}


/*--Multiple--*/

.chzn-container-multi .chzn-choices .search-choice {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    /*  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
*/
    color: #333;
    border: 1px solid #d8d8d8;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 0px 3px;
    position: relative;
    cursor: default;
}

.chzn-container-multi .chzn-choices .search-choice-focus {
    background: #d4d4d4;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url(../img/chosen-sprite.png) right top no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
    background-position: right -11px;
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: right -11px;
}


/* @end */


/* @group Results */

.chzn-container .chzn-results {
    margin: 0 0px 0px 0;
    max-height: 240px;
    padding: 0 0 0 0px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0;
}

.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}

.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item;
}

.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
    background: transparent;
}

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}

.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}

.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}

.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    z-index: 1;
}

.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}

.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}

.chzn-container .chzn-results-scroll-down span {
    background: url(../img/chosen-sprite.png) no-repeat -4px -3px;
}

.chzn-container .chzn-results-scroll-up span {
    background: url(../img/chosen-sprite.png) no-repeat -22px -3px;
}


/* @end */


/* @group Active  */

.chzn-container-active .chzn-single {
    /*	-moz-box-shadow: 0 0 0 2px #dfebf4;
	-webkit-box-shadow: 0 0 0 2px #dfebf4;
	box-shadow: 0 0 0 2px #dfebf4;
  border: 1px solid #5897fb;
*/
}

.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #d8d8d8;
    /*  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
*/
    background-color: #eee;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
}

.chzn-container-active .chzn-single-with-drop div {
    background: transparent;
    border-left: none;
}

.chzn-container-active .chzn-single-with-drop div b {
    background-position: -18px 1px;
}

.chzn-container-active .chzn-choices {
    /*  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
*/
    border: 1px solid #d8d8d8;
}

.chzn-container-active .chzn-choices .search-field input {
    color: #111 !important;
}


/* @end */


/* @group Disabled Support */

.chzn-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

.chzn-disabled .chzn-single {
    cursor: default;
}

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default;
}


/*==TAGEDIT==*/

div.tagsinput {
    overflow-y: auto;
}

div.tagsinput span.tag {
    border: 1px solid #0f7abb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    float: left;
    padding: 3px 5px;
    text-decoration: none;
    background: #62a3bb;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: helvetica;
    font-size: 13px;
}

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

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

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

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

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


/*===JQUERY UNIFORM ==*/


/* @end */


/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/


/* Global Declaration */

div.selector,
div.selector span,
div.checker span,
div.radio-btn span,
div.uni-uploader,
div.uni-uploader span.action,
div.button,
div.button span {
    background-image: url(../img/sprite-icons/uniform-sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

.selector,
.radio-btn,
.checker,
.uni-uploader,
.button,
.selector *,
.radio-btn *,
.checker *,
.uni-uploader *,
.button * {
    margin: 0;
    padding: 0;
}


/* Select */

div.selector {
    background-position: -483px -130px;
    line-height: 26px;
    height: 26px;
}

div.selector span {
    background-position: right 0px;
    height: 26px;
    line-height: 26px;
}

div.selector select {
    /* change these to adjust positioning of select element */
    top: 0px;
    left: 0px;
}

div.selector:active,
div.selector.active {
    background-position: -483px -156px;
}

div.selector:active span,
div.selector.active span {
    background-position: right -26px;
}

div.selector.focus,
div.selector.hover,
div.selector:hover {
    background-position: -483px -182px;
}

div.selector.focus span,
div.selector.hover span,
div.selector:hover span {
    background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
    background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
    background-position: right -78px;
}

div.selector.disabled {
    background-position: -483px -234px;
}

div.selector.disabled span {
    background-position: right -104px;
}


/* Checkbox */

div.checker {
    width: 19px;
    height: 19px;
}

div.checker input {
    width: 19px;
    height: 19px;
}

div.checker span {
    background-position: 0px -260px;
    height: 19px;
    width: 19px;
}

div.checker:active span,
div.checker.active span {
    background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
    background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
    background-position: -57px -260px;
}

div.checker span.checked {
    background-position: -76px -260px;
}

div.checker:active span.checked,
div.checker.active span.checked {
    background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
    background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
    background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
    background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
    background-position: -171px -260px;
}


/* Radio */

div.radio-btn {
    width: 18px;
    height: 18px;
}

div.radio-btn input {
    width: 18px;
    height: 18px;
}

div.radio-btn span {
    height: 18px;
    width: 18px;
    background-position: 0px -279px;
}

div.radio-btn:active span,
div.radio-btn.active span {
    background-position: -18px -279px;
}

div.radio-btn.focus span,
div.radio-btn:hover span {
    background-position: -36px -279px;
}

div.radio-btn.focus:active span,
div.radio-btn:active:hover span,
div.radio-btn.active:hover span,
div.radio-btn.active.focus span {
    background-position: -54px -279px;
}

div.radio-btn span.checked {
    background-position: -72px -279px;
}

div.radio-btn:active span.checked,
div.radio-btn.active span.checked {
    background-position: -90px -279px;
}

div.radio-btn.focus span.checked,
div.radio-btn:hover span.checked {
    background-position: -108px -279px;
}

div.radio-btn.focus:active span.checked,
div.radio-btn:hover:active span.checked,
div.radio-btn.focus.active span.checked,
div.radio-btn.active:hover span.checked {
    background-position: -126px -279px;
}

div.radio-btn.disabled span,
div.radio-btn.disabled:active span,
div.radio-btn.disabled.active span {
    background-position: -144px -279px;
}

div.radio-btn.disabled span.checked,
div.radio-btn.disabled:active span.checked,
div.radio-btn.disabled.active span.checked {
    background-position: -162px -279px;
}


/* Uploader */

div.uni-uploader {
    background-position: 0px -297px;
    height: 28px;
}

div.uni-uploader span.action {
    background-position: right -409px;
    height: 24px;
    line-height: 24px;
}

div.uni-uploader span.filename {
    height: 24px;
    /* change this line to adjust positioning of filename area */
    margin: 2px 0px 2px 2px;
    line-height: 24px;
}

div.uni-uploader.focus,
div.uni-uploader.hover,
div.uni-uploader:hover {
    background-position: 0px -353px;
}

div.uni-uploader.focus span.action,
div.uni-uploader.hover span.action,
div.uni-uploader:hover span.action {
    background-position: right -437px;
}

div.uni-uploader.active span.action,
div.uni-uploader:active span.action {
    background-position: right -465px;
}

div.uni-uploader.focus.active span.action,
div.uni-uploader:focus.active span.action,
div.uni-uploader.focus:active span.action,
div.uni-uploader:focus:active span.action {
    background-position: right -493px;
}

div.uni-uploader.disabled {
    background-position: 0px -325px;
}

div.uni-uploader.disabled span.action {
    background-position: right -381px;
}

div.button {
    background-position: 0px -523px;
}

div.button span {
    background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
    background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
    background-position: right -673px;
}

div.button.active,
div.button:active {
    background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
    background-position: right -703px;
    color: #555;
}

div.button.disabled,
div.button:disabled {
    background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
    background-position: right -733px;
    color: #bbb;
    cursor: default;
}


/* PRESENTATION */


/* Button */

div.button {
    height: 30px;
}

div.button span {
    margin-left: 13px;
    height: 22px;
    padding-top: 8px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 2px;
    padding-right: 15px;
}


/* Select */

div.selector {
    width: 190px;
    font-size: 12px;
}

div.selector select {
    min-width: 190px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    border: solid 1px #fff;
}

div.selector span {
    padding: 0px 25px 0px 2px;
    cursor: pointer;
}

div.selector span {
    color: #666;
    width: 158px;
    text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
    color: #bbb;
}


/* Checker */

div.checker {
    margin-right: 5px;
    margin-left: -20px;
    margin-top: -2px;
}


/* Radio */

div.radio-btn {
    margin-right: 0px;
    margin-left: -20px;
    margin-top: -2px;
}


/* Uploader */

div.uni-uploader {
    width: 190px;
    cursor: pointer;
}

div.uni-uploader span.action {
    width: 85px;
    text-align: center;
    text-shadow: #fff 0px 1px 0px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
}

div.uni-uploader span.filename {
    color: #777;
    width: 82px;
    border-right: solid 1px #bbb;
    font-size: 11px;
}

div.uni-uploader input {
    width: 190px;
}

div.uni-uploader.disabled span.action {
    color: #aaa;
}

div.uni-uploader.disabled span.filename {
    border-color: #ddd;
    color: #aaa;
}


/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector,
.checker,
.button,
.radio-btn,
.uni-uploader {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.selector select:focus,
.radio-btn input:focus,
.checker input:focus,
.uni-uploader input:focus {
    outline: 0;
}


/* Button */

div.button a,
div.button button,
div.button input {
    position: absolute;
}

div.button {
    cursor: pointer;
    position: relative;
}

div.button span {
    display: -moz-inline-box;
    display: inline-block;
    line-height: 1;
    text-align: center;
}


/* Select */

div.selector {
    position: relative;
    padding-left: 10px;
    overflow: hidden;
}

div.selector span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.selector select {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity: 0);
    height: 25px;
    border: none;
    background: none;
}


/* Checker */

div.checker {
    position: relative;
}

div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}

div.checker input {
    opacity: 0;
    filter: alpha(opacity: 0);
    display: inline-block;
    background: none;
}


/* Radio */

div.radio-btn {
    position: relative;
}

div.radio-btn span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}

div.radio-btn input {
    opacity: 0;
    filter: alpha(opacity: 0);
    text-align: center;
    display: inline-block;
    background: none;
}


/* Uploader */

div.uni-uploader {
    position: relative;
    overflow: hidden;
    cursor: default;
}

div.uni-uploader span.action {
    float: left;
    display: inline;
    padding: 2px 0px;
    overflow: hidden;
    cursor: pointer;
}

div.uni-uploader span.filename {
    padding: 0px 10px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

div.uni-uploader input {
    opacity: 0;
    filter: alpha(opacity: 0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    float: right;
    height: 25px;
    border: none;
    cursor: default;
}

.tbl_length {
    width: 50px;
}

.data-tbl-inbox tr td:first-child,
.data-tbl-inbox tr th:first-child {
    text-align: center;
}

.check-list {
    width: 1% !important;
}

.col-half {
    width: 20% !important;
}

.inbox-editor {
    width: 100% !important;
}

.actionsBox {
    font-style: normal;
    left: 50%;
    position: absolute;
    top: -50px;
    opacity: 0;
    cursor: move;
    z-index: 9000;
}

.actionsBox .menu {
    color: #47708F;
    line-height: 15px;
    text-shadow: 1px 1px 0px #fff;
    padding: 7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid #0e6fa8;
    background: rgb(122, 188, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(122, 188, 255, 1)), color-stop(44%, rgba(96, 171, 248, 1)), color-stop(100%, rgba(64, 150, 238, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
    /* IE10+ */
    background: linear-gradient(top, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
}

.actionsBox .menu .button {
    padding: 4px 7px;
    border: 1px solid #3B87AF;
    background: #e8f4fa;
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0.38, rgb(230, 243, 249)), color-stop(0.88, rgb(245, 249, 250)));
    background: -moz-linear-gradient( center bottom, rgb(230, 243, 249) 38%, rgb(245, 249, 250) 88%);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.actionsBox .menu .button:hover {
    background: #fff;
}

.actionsBox .menu span {
    padding: 4px 7px;
    border: 1px solid #3B87AF;
    background: #e8f4fa;
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0.38, rgb(230, 243, 249)), color-stop(0.88, rgb(245, 249, 250)));
    background: -moz-linear-gradient( center bottom, rgb(230, 243, 249) 38%, rgb(245, 249, 250) 88%);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.actionsBox .submenu {
    display: none;
    width: 120px;
    margin-left: 59px;
    top: 46px;
    right: 10px;
    background: #fff;
    border: 1px solid #3b87af;
    border-top: none;
    -moz-box-shadow: 0px 1px 4px #ddd;
    -webkit-box-shadow: 0px 1px 4px #ddd;
    box-shadow: 0px 1px 4px #ddd;
}

.actionsBox .submenu a {
    display: block;
    cursor: pointer;
    padding: 10px 15px;
    border-top: 1px solid #D9EAF2;
}

.actionsBox .submenu a.last {
    -moz-border-radius: 0px 0px 10px 10px;
}

.actionsBox .submenu a.first {
    border-top: none;
}

.actionsBox .submenu a:hover {
    background-color: #f9f9f9;
}

.actionsBox .menu a.open,
.actionsBox .menu a.closed {
    border: 1px solid #3B87AF;
    padding: 4px 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 5px;
}

.actionsBox .menu a.open {
    background: #fff url(../img/open.png) no-repeat center center;
}

.actionsBox .menu a.closed {
    background: #fff url(../img/closed.png) no-repeat center center;
}

.actionsBox .menu a.open:hover,
.actionsBox .menu a.closed:hover {
    opacity: 1.0;
}


/*--Action */

.action-icons {
    height: 20px;
    width: 20px;
    display: inline-block;
    text-indent: -999999px;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 3px;
}

.the-icons {
    margin: 0px;
    list-style: none;
}

.slider-elements {
    margin-bottom: 20px;
}

.colorbox_elem {
    list-style: none;
    margin: 0px;
}

.colorbox_elem li {
    margin-bottom: 10px;
}

.login-container {
    width: 370px;
    margin: 10% auto;
    background: #ccc;
    background: rgba(0, 0, 0, 0.1);
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.less {
    background: none !important;
}

.less .well-login {
    background: none !important;
    border: none !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.well-login {
    padding: 18px;
    border: #ccc 1px solid;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.1);
}

.login-container .login-input {
    width: 204px !important;
    padding-left: 30px;
}

.forgot-pass h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}

.user-name {
    background: #fff url(../img/sprite-icons/cs_h.png) no-repeat 5px -856px !important;
}

.user-pass {
    background: #fff url(../img/sprite-icons/cs_h.png) no-repeat 5px -458px !important;
}

.remember-me {
    margin-top: 10px;
}

.rem {
    margin-top: 10px;
    clear: both;
}

.remember-me .checker {
    margin-left: 0px;
}

.login-container .login-btn {
    width: 240px !important;
}


/*=============
Accotrdion
===============*/

.boot-accordion .accordion-heading {
    background: rgb(238, 238, 238);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.boot-accordion .collapse {
    border-radius: 0px 0px 4px 4px !important;
    -moz-border-radius: 0px 0px 4px 4px !important;
    -webkit-border-radius: 0px 0px 4px 4px !important;
}

.boot-accordion .accordion-inner {
    background: #fff;
}


/*===Accordion===*/

.accordion-basic div p {
    padding: 10px;
    margin: 0px;
}

.accordion-basic .title {
    cursor: pointer;
    display: block;
    height: 38px;
    background: rgb(238, 238, 238);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    text-decoration: none;
    line-height: 38px;
    padding: 0 15px 0 30px;
    font-weight: bold;
    color: #1F1F1F;
}

.accordion-basic a.last {
    -moz-border-radius: 0px 0px 3px 3px;
}

.accordion-basic a.selected {
    -moz-border-radius: 0px 0px 0px 0px !important;
}

.accordion-basic a:hover {
    background: rgb(229, 229, 229);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}

.accordion-basic a.selected {
    color: black;
    background: rgb(229, 229, 229);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}

.switch-board {
    margin-bottom: 20px;
}

.switch-board ul {
    text-align: center;
    margin: 0px;
    list-style: none;
}

.switch-board ul li {
    width: 130px;
    display: inline-block;
    margin: 10px;
    background: #ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    overflow: visible;
    text-align: center;
    border: #bbb 1px solid;
}

.switch-board ul li a {
    display: block;
    text-align: center;
    padding: 15px 0;
    background: rgb(249, 249, 249);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(245, 245, 245, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(245, 245, 245, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(245, 245, 245, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(245, 245, 245, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(245, 245, 245, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(245, 245, 245, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
    /* IE6-9 */
    margin: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #ccc 1px solid;
}

.switch-board ul li a:hover {
    background: #f6f6f6;
    border: #bbb 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    box-shadow: 0 0 5px #ccc;
}

.switch-board ul li .widget-link {
    display: block;
}

.switch-board .srabon-sprite {
    height: 40px;
    width: 40px;
    display: inline-block;
    margin-bottom: 5px;
    background: url(../img/sprite-icons/icon_sl.png) no-repeat
}

.switch-board-round {
    margin-bottom: 20px;
}

.switch-board-round ul {
    text-align: center;
    margin: 0px;
    list-style: none;
}

.switch-board-round ul li {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 10px;
    background: #ebebeb;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    overflow: visible;
    text-align: center;
    border: #CCC 1px solid;
}

.switch-board-round ul li a {
    display: block;
    width: 74px;
    height: 74px;
    text-align: center;
    background: #FFF;
    margin: 2px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    border: #bbb 1px solid;
}

.switch-board-round .srabon-sprite {
    height: 40px;
    width: 40px;
    display: inline-block;
    margin-top: 15px;
    background: url(../img/sprite-icons/icon_sl.png) no-repeat
}

.switch-board-round ul li a:hover {
    background: #f6f6f6;
    border: #bbb 1px solid;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    box-shadow: 0 0 5px #ccc;
}


/*============================
Board Stat
==============================*/

.board-stats {
    margin-bottom: 20px;
    text-align: center;
}

.statistics-wrap {
    padding: 3px;
    border: #bbb 0px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eee;
}

.statistics-block {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
    border: #d8d8d8 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 4px rgba(000, 000, 000, 0.1) inset;
    -webkit-box-shadow: 0 0 4px rgba(000, 000, 000, 0.1) inset;
    box-shadow: 0 0 3px rgba(000, 000, 000, 0.1) inset;
}

.stat-chart {
    margin: 15px 15px 5px 15px;
}

.stat-info {
    padding: 0 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #069;
}

.dashboard-row {
    margin-bottom: 20px;
}

.dashboard-wid-wrap {
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.dashboard-wid-content a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 10px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
    border: #d8d8d8 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 4px rgba(000, 000, 000, 0.1) inset;
    -webkit-box-shadow: 0 0 4px rgba(000, 000, 000, 0.1) inset;
    box-shadow: 0 0 3px rgba(000, 000, 000, 0.1) inset;
    text-align: center;
}

.dashboard-wid-content a:hover {
    color: #069;
    background: rgb(229, 229, 229);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.dasboard-icon-title {
    display: block;
    padding-top: 5px;
}


/*====================
ERROR PAGE
======================*/

.error-wrap {
    margin-top: 10%;
}

.errorcode {
    font-size: 60px;
    text-align: right;
}

.errorcode span {
    display: inline-block;
    padding: 5px 10px;
    background: rgb(134, 134, 134);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(134, 134, 134, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(134, 134, 134, 1)), color-stop(100%, rgba(86, 86, 86, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(134, 134, 134, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(134, 134, 134, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(134, 134, 134, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(134, 134, 134, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#565656', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    border: #505050 1px solid;
    height: 60px;
    line-height: 57px;
    color: #FFF;
    font-family: 'Oswald', sans-serif;
}

.error-title {
    color: #FFF;
    color: #0d78b6;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
}

.error-title span {
    padding: 5px 0px;
    font-size: 60px;
    height: 60px;
    line-height: 57px;
    display: inline-block;
}

.error-message {
    margin-bottom: 20px;
    font-weight: normal;
}

.error-message span {
    color: #aa3d3d;
}

.error-instruction {
    margin: 0px;
    padding-top: 10px;
}

.error-instruction {
    list-style: disc;
    margin-left: 13px;
}


/*--Left Side--*/

#error404 .leftSide {
    width: 600px;
    margin-left: 20px;
    float: left;
    position: relative;
}

#error404 .error-page-cntainer {
    padding-top: 5%;
}

#error404 .leftSide h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

#error404 .leftSide h3 span {
    display: block;
    font-size: 180%;
    color: #da6233;
}

#error404 .leftSide h4 {
    color: #3d6d23;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 5px 0;
}

#error404 .leftSide .bubble {
    width: 200px;
    height: 250px;
    background: url(../img/bubble.png) no-repeat left;
    position: absolute;
    right: 40px;
    top: 0px;
    padding-left: 80px;
    padding-top: 50px;
}

#error404 .leftSide .bubble p {
    padding-right: 40px;
}

.errorCode {
    height: 180px;
    font-size: 190px;
    padding-top: 190px;
    line-height: 180px;
    font-family: 'Oswald', sans-serif;
    position: relative;
    left: -10px;
}


/*--Right Side--*/

#error404 .rightSide h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#error404 .rightSide h3 span {
    color: #da6233;
}

#error404 .rightSide {
    padding-top: 100px;
    float: right;
    margin-right: 20px;
    position: relative;
}

.rightSide ol {
    margin-bottom: 20px;
}

.rightSide ol li {
    line-height: 1.6667em;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 20px;
}

.rightSide ol li a {
    color: #1d8ac2;
    text-decoration: underline;
}


/*--Search Box--*/

.rightSide .search-box {
    height: 55px;
    margin-bottom: 15px;
}

.rightSide .search-box ul {
    width: auto;
    overflow: hidden;
}

.rightSide .search-box ul li {
    float: left;
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.search-box ul li.search-text-box {
    width: 220px;
    height: 40px;
    background: url(../img/search-box.png) no-repeat;
}

.input-text {
    width: 172px;
    background: url(../img/search-text-box.png) no-repeat;
    border: 0px;
    margin: 10px;
    padding: 7px 5px 8px 24px;
}

.search-box ul li.search-button {
    width: 50px;
    height: 55px;
}

.input-button {
    width: 50px;
    height: 55px;
    background: url(../img/go.png) no-repeat;
    cursor: pointer;
    border: 0px;
    color: transparent;
    text-indent: -999999px;
    display: block;
    line-height: 0;
    font-size: 0;
}

::-moz-selection {
    background-color: #de764d;
    color: #fff;
}


/*===============
Theme Settings
=================*/

.color-block {
    margin-left: 10px;
}

.theme-color {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}

.theme-settings {
    margin-left: 10px;
}

.theme-settings .btn-group {
    padding: 0px;
}

.theme-settings label {
    margin-right: 10px;
}

.side-hide {
    display: none !important;
}

.right-sidebar {
    left: auto !important;
    right: -1px !important;
    border-left: #1D1C1C 1px solid;
}

.merge-left {
    margin-right: 210px !important;
    margin-left: 0px !important;
}

.full-fluid {
    margin: 0px !important;
}


/*======================
Themes Color Thumbs
========================*/

.theme-default {
    background: #383838;
    /* Old browsers */
    background: -moz-linear-gradient(top, #383838 0%, #1d1c1c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383838), color-stop(100%, #1d1c1c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #383838 0%, #1d1c1c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #383838 0%, #1d1c1c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #383838 0%, #1d1c1c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #383838 0%, #1d1c1c 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1d1c1c', GradientType=0);
    /* IE6-9 */
}

.theme-blue {
    background: rgb(0, 108, 169);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 108, 169, 1) 0%, rgba(0, 78, 122, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 108, 169, 1)), color-stop(100%, rgba(0, 78, 122, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 108, 169, 1) 0%, rgba(0, 78, 122, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 108, 169, 1) 0%, rgba(0, 78, 122, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 108, 169, 1) 0%, rgba(0, 78, 122, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 108, 169, 1) 0%, rgba(0, 78, 122, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#006ca9', endColorstr='#004e7a', GradientType=0);
    /* IE6-9 */
}

.theme-chayam {
    background: rgb(91, 192, 222);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(91, 192, 222, 1) 0%, rgba(47, 150, 180, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(91, 192, 222, 1)), color-stop(100%, rgba(47, 150, 180, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(91, 192, 222, 1) 0%, rgba(47, 150, 180, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(91, 192, 222, 1) 0%, rgba(47, 150, 180, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(91, 192, 222, 1) 0%, rgba(47, 150, 180, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(91, 192, 222, 1) 0%, rgba(47, 150, 180, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
    /* IE6-9 */
}

.theme-orange {
    background: rgb(231, 147, 52);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(231, 147, 52, 1) 0%, rgba(211, 88, 22, 1) 50%, rgba(209, 80, 19, 1) 51%, rgba(183, 44, 7, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 147, 52, 1)), color-stop(50%, rgba(211, 88, 22, 1)), color-stop(51%, rgba(209, 80, 19, 1)), color-stop(100%, rgba(183, 44, 7, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(231, 147, 52, 1) 0%, rgba(211, 88, 22, 1) 50%, rgba(209, 80, 19, 1) 51%, rgba(183, 44, 7, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(231, 147, 52, 1) 0%, rgba(211, 88, 22, 1) 50%, rgba(209, 80, 19, 1) 51%, rgba(183, 44, 7, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(231, 147, 52, 1) 0%, rgba(211, 88, 22, 1) 50%, rgba(209, 80, 19, 1) 51%, rgba(183, 44, 7, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(231, 147, 52, 1) 0%, rgba(211, 88, 22, 1) 50%, rgba(209, 80, 19, 1) 51%, rgba(183, 44, 7, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e79334', endColorstr='#b72c07', GradientType=0);
    /* IE6-9 */
}

.theme-light-blue {
    background: rgb(158, 166, 175);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(158, 166, 175, 1) 0%, rgba(89, 106, 114, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(158, 166, 175, 1)), color-stop(100%, rgba(89, 106, 114, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(158, 166, 175, 1) 0%, rgba(89, 106, 114, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(158, 166, 175, 1) 0%, rgba(89, 106, 114, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(158, 166, 175, 1) 0%, rgba(89, 106, 114, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(158, 166, 175, 1) 0%, rgba(89, 106, 114, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9ea6af', endColorstr='#596a72', GradientType=0);
    /* IE6-9 */
}

.theme-light-red {
    background: rgb(131, 7, 7);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(131, 7, 7, 1) 0%, rgba(254, 0, 0, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(131, 7, 7, 1)), color-stop(100%, rgba(254, 0, 0, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(131, 7, 7, 1) 0%, rgba(254, 0, 0, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(131, 7, 7, 1) 0%, rgba(254, 0, 0, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(131, 7, 7, 1) 0%, rgba(254, 0, 0, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(131, 7, 7, 1) 0%, rgba(254, 0, 0, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#830707', endColorstr='#fe0000', GradientType=0);
    /* IE6-9 */
}

.theme-dark {
    background: rgb(73, 73, 73);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(24, 24, 25, 1) 50%, rgba(20, 20, 20, 1) 51%, rgba(7, 7, 7, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 73, 73, 1)), color-stop(50%, rgba(24, 24, 25, 1)), color-stop(51%, rgba(20, 20, 20, 1)), color-stop(100%, rgba(7, 7, 7, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(24, 24, 25, 1) 50%, rgba(20, 20, 20, 1) 51%, rgba(7, 7, 7, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(24, 24, 25, 1) 50%, rgba(20, 20, 20, 1) 51%, rgba(7, 7, 7, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(24, 24, 25, 1) 50%, rgba(20, 20, 20, 1) 51%, rgba(7, 7, 7, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(73, 73, 73, 1) 0%, rgba(24, 24, 25, 1) 50%, rgba(20, 20, 20, 1) 51%, rgba(7, 7, 7, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#070707', GradientType=0);
    /* IE6-9 */
}

.theme-gray {
    background: rgb(191, 191, 191);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(191, 191, 191, 1) 0%, rgba(150, 150, 150, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(191, 191, 191, 1)), color-stop(100%, rgba(150, 150, 150, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(191, 191, 191, 1) 0%, rgba(150, 150, 150, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(191, 191, 191, 1) 0%, rgba(150, 150, 150, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(191, 191, 191, 1) 0%, rgba(150, 150, 150, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(191, 191, 191, 1) 0%, rgba(150, 150, 150, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#969696', GradientType=0);
    /* IE6-9 */
}

.theme-chrome {
    background: rgb(25, 166, 211);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(25, 166, 211, 1) 0%, rgba(8, 83, 161, 1) 50%, rgba(6, 68, 146, 1) 51%, rgba(2, 40, 110, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(25, 166, 211, 1)), color-stop(50%, rgba(8, 83, 161, 1)), color-stop(51%, rgba(6, 68, 146, 1)), color-stop(100%, rgba(2, 40, 110, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(25, 166, 211, 1) 0%, rgba(8, 83, 161, 1) 50%, rgba(6, 68, 146, 1) 51%, rgba(2, 40, 110, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(25, 166, 211, 1) 0%, rgba(8, 83, 161, 1) 50%, rgba(6, 68, 146, 1) 51%, rgba(2, 40, 110, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(25, 166, 211, 1) 0%, rgba(8, 83, 161, 1) 50%, rgba(6, 68, 146, 1) 51%, rgba(2, 40, 110, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(25, 166, 211, 1) 0%, rgba(8, 83, 161, 1) 50%, rgba(6, 68, 146, 1) 51%, rgba(2, 40, 110, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#19a6d3', endColorstr='#02286e', GradientType=0);
    /* IE6-9 */
}

.theme-pink {
    background: rgb(175, 85, 178);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(175, 85, 178, 1) 0%, rgba(89, 48, 109, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(175, 85, 178, 1)), color-stop(100%, rgba(89, 48, 109, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(175, 85, 178, 1) 0%, rgba(89, 48, 109, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(175, 85, 178, 1) 0%, rgba(89, 48, 109, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(175, 85, 178, 1) 0%, rgba(89, 48, 109, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(175, 85, 178, 1) 0%, rgba(89, 48, 109, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#af55b2', endColorstr='#59306d', GradientType=0);
    /* IE6-9 */
}


/*------------
Buttons Icons
--------------*/

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

.all_buttons ul li {
    width: 260px;
    float: left;
    margin-bottom: 3px;
}

.big-icon li .dashboard-icons-colors,
.big-icon li .dashboard-icons {
    margin-top: -10px;
}

.big-icon li {
    margin-bottom: 10px !important;
}


/*!
* Colorpicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/

.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url(../img/saturation.png);
    cursor: crosshair;
    float: left;
}

.colorpicker-saturation i {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
    display: block;
    height: 1px;
    background: #000;
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -1px;
}

.colorpicker-hue {
    background-image: url(../img/hue.png);
}

.colorpicker-alpha {
    background-image: url(../img/alpha.png);
    display: none;
}

.colorpicker {
    *zoom: 1;
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 55px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.colorpicker:before,
.colorpicker:after {
    display: table;
    content: "";
}

.colorpicker:after {
    clear: both;
}

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

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

.colorpicker div {
    position: relative;
}

.colorpicker.alpha {
    min-width: 140px;
}

.colorpicker.alpha .colorpicker-alpha {
    display: block;
}

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url(../img/alpha.png);
    background-position: 0 100%;
}

.colorpicker-color div {
    height: 10px;
}

.input-append.color .add-on i,
.input-prepend.color .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}


/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/

.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*.dow {
border-top: 1px solid #ddd !important;
}*/
}

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

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

.datepicker>div {
    display: none;
}

.datepicker table {
    width: 100%;
    margin: 0;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker td.old,
.datepicker td.new {
    color: #999999;
}

.datepicker td.active,
.datepicker td.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
    background-color: #0044cc;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
    background-color: #003399 \9;
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker td span:hover {
    background: #eeeeee;
}

.datepicker td span.active {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    background-color: #0044cc;
}

.datepicker td span.active:active,
.datepicker td span.active.active {
    background-color: #003399 \9;
}

.datepicker td span.old {
    color: #999999;
}

.datepicker th.switch {
    width: 145px;
}

.datepicker thead tr:first-child th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
    background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

<!-- ESLI -->* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .1s linear 0;
    -moz-transition: all .1s linear 0;
    transition: all .1s linear 0;
}

.post {
    position: relative;
    margin: 1.5em;
    padding: 10px 20px;
    background: #f8f8f8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    width: auto;
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    text-align: center;
}

.calendar {
    top: 0px;
    left: 0px;
    padding-top: 5px;
    width: 80px;
    background: #ededef;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
    background: -moz-linear-gradient(top, #ededef, #ccc);
    font: bold 30px/60px "Lucida Sans Unicode", Arial Black, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #000;
    text-shadow: #fff 0 1px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    -moz-box-shadow: 0 2px 2px #888;
    -webkit-box-shadow: 0 2px 2px #888;
    box-shadow: 0 2px 2px #888;
}

.calendar em {
    display: block;
    font: 12px/30px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: #00365a 0 -1px 0;
    background: #04599a;
    background: -webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a));
    background: -moz-linear-gradient(top, #04599a, #00365a);
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #00365a;
}

.calendar:before,
.calendar:after {
    content: '';
    float: left;
    position: absolute;
    top: 5px;
    width: 8px;
    height: 8px;
    background: #111;
    z-index: 1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 1px #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
    box-shadow: 0 1px 1px #fff;
}

.calendar:before {
    left: 11px;
}

.calendar:after {
    right: 11px;
}

.calendar em:before,
.calendar em:after {
    content: '';
    float: left;
    position: absolute;
    top: -5px;
    width: 4px;
    height: 14px;
    background: #dadada;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
    background: -moz-linear-gradient(top, #f1f1f1, #aaa);
    z-index: 2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.calendar em:before {
    left: 13px;
}

.calendar em:after {
    right: 13px;
}