/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {

}

ul.alertList { margin:0 0 0 1.2em; padding:0px; list-style:square; }

/* REMOVE BORDER-RADIUS */
.alert,
.btn,
.btn-xs,
.btn-sm,
.btn-md,
.btn-lg,
.btn-label,
.form-control { border-radius:0 !important; }

/* COLORS */
h1,h2,h3,h4,h5,h6,
label { color:#385063; }

/* BUTTONS */
.btn-default,
.btn-default:hover { color: #385063; }
.btn-primary { color: #FFF; background-color: #286090; }
.btn-primary:hover { color: #FFF; background-color: #337AB7; }
.btn { font-weight:bold; }

/* AJAX SWITCH DEFAULT BUTTONS */
.switchDefault { }
.switchDefault i.ion-ios-circle-outline,
.switchDefault i.ion-android-checkmark-circle,
.switchDefault i.ion-ios-reload { display:inline-block; width:1em; text-align:center; }
.switchDefault i.ion-android-checkmark-circle,
.switchDefault i.ion-ios-reload,
.switchDefault.checked i.ion-ios-circle-outline { display:none; }
.switchDefault.checked i.ion-android-checkmark-circle { display:inline-block; }
.switchDefault.loading i.ion-ios-circle-outline,
.switchDefault.loading i.ion-android-checkmark-circle { display:none; }
.switchDefault.loading i.ion-ios-reload { display:inline-block; }

/* BOOTSTRAP RADIO-BUTTON CORRECTION */
.input-group-btn label.btn input[type="checkbox"],
.input-group-btn label.btn input[type="radio"] { margin:0px; display:none; }
.input-group-btn label.btn { border-right:0px; }
.input-group-btn label.btn input[type="radio"] + .icon:before {
    font-family:"Ionicons";
    content: "\f372";
    color:#ddd;
}
.input-group-btn label.btn input[type="radio"]:checked + .icon:before {
    font-family:"Ionicons";
    content: "\f374";
    color:#C9302C;
}

/* TABLES */
.table > thead:first-child > tr:first-child > th { background-color:#286090; color:#fff; }
.table.td-middle td { vertical-align:middle; }
.table > thead > tr > th { padding:0px; border-right:1px solid #f0f0f0; font-family:'Ubuntu',sans-serif; }
.table > thead > tr > th > span,
.table > thead > tr > th > a { padding:8px; display:block; }
.table > thead > tr > th > a { color:#fff; background-color:#286090; }
.table > thead > tr > th > a:hover { background-color:#337AB7; }

/* TABLE BUTTON ORDER */
.btn-order span { font-family:"Ionicons"; color:#ddd; float:right;}
.btn-order:hover { text-decoration:none; }
.btn-order.asc span:before { content: "\f123"; }
.btn-order.desc span:before { content: "\f126"; }
.btn-order.active { background-color:#337AB7; }
.btn-order.active span { color:#fff; }

/* TABLE LISTS */
.small-list { margin:0; padding:0; }
.small-list-no-liststyle { list-style:none; margin:0; padding:0; }

/* STRIPED TABLE ROWS */
.table-hover > tbody > tr:hover { background-color: #F4F8FC !important; }
.table-hover .rowlink tr:hover td{ background-color:#F4F8FC; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #FAFCFE; }
.table > thead > tr > th { border-bottom: 2px solid #f0f0f0; color: #385063; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #f0f0f0;
}

/* IMAGES */
img.img-thumb-xs,
.thumb img.img-thumb-xs { height:35px;}
img.img-thumb-form { height:9.7em; }

/* HELPER */
.spacer,.spacer2,.spacer3.spacer4 { display:block; }
.spacer { height:1em; }
.spacer2 { height:2em; }
.spacer3{ height:3em; }
.spacer4 { height:4em; }
.col-no-padding { padding-left:0px; padding-right:0px; }

/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar { color:#fff; background-color:#385063; }
.navbar-left { margin-left:-16px; }
/*
// optional Background-Image
.navbar::after,
.footer::after{
  content: "";
  background:url(/tpl/default/img/bar_bg.jpg) top left repeat-x #385063;
  opacity: 0.25;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
  display:block;
}
*/
#navbar > ul > li > a { color:#fff; }
.navbar-toggle {
    border: 2px solid #fff;
    padding:2px 15px 0px 15px;
    font-size:2em;
    line-height:27px;
    margin-top:7px;
}
.navbar-brand {
    font-family:'Ubuntu',sans-serif; color:#fff;
}
.navbar-brand:hover {
    color:#428BCA;
}
.navbar-brand i {
    color:#337AB7;
}
.navbar-brand small {
    font-family:sans-serif;
    font-size:10px;
}
.navbar-fixed-top {
    border:none;
    border-bottom: 1px solid #314755;
}
.nav li > a:focus,
.nav li > a:hover {
    color:#fff;
    background-color:#337AB7;
    text-decoration:none;
}
.nav li.active > a {
    font-weight:bold;
    background-color:#286090;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #337AB7;
}
.navbar-nav > li > a > i { padding-top:20px; }
.navbar-nav .mod-container { padding:0px 20px; min-width: 300px; max-width:480px; color:#000; }
.navbar-right .dropdown-menu { background-color:#385063; padding-top:0px; }
.dropdown-footer { padding:15px 0px 10px 0px; margin:0px 0px 0 20px; }

.dropdown-module .mod_profile { padding:20px; background-color:#fff; }

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}
.nav-sidebar ul { list-style:none; padding:0px; }
.nav-sidebar ul li a { display:block; }
.nav-sidebar ul li a { padding:10px 35px; }
.nav-sidebar ul ul li a { padding:10px 50px; }

/* SIDEBAR TOP */
#combar-top { height:40px; margin:0px; padding:0px; background-color:#FAFCFE; color:#000; border-bottom:1px solid #eee; }

/* TOOLBAR */
#toolBar { display:block; background-color:#FAFCFE; border-bottom:1px solid #eee; height:43px; position:fixed; top:49px; left:0px; right:0px; z-index:1000; margin:0 -15px; }
ul.toolBar { list-style:none; margin:0px; padding:0px; float:right; height:40px; }
ul.toolBar li { list-style:none; float:left; display:block; margin:4px 3px 0 0; }
#toolBar .langSelect { margin:4px 0 0 3px; }
#toolBar .langSelect .btn { padding:4px; }
#toolBar .langSelect img { width:auto; height:22px; }

/*
ul.toolBar li a small,
ul.toolBar li button small { color:#3C4A57; font-family:sans-serif; font-size:10px; line-height:30px; }
*/

/*
 * Main content
 */
.main{ padding-top:66px !important; }
.toolbar .main { padding-top: 108px !important; }
.no-combar .main{ padding-top:5px; }
.main .alert { }
.main .page-header { margin:0px 0px 0.5em 0px; }



.nav-header {
    padding-bottom: 4px;
    margin: 20px 0px 20px 0px;
    border-bottom: 1px solid #EEE;
}

/* MENU XS */
ul.menu-xs { margin-left:0px; padding:0px; list-style:none; }
ul.menu-xs li a:before {
    font-family:"Ionicons";
    content: "\f10a";
    color:#385063;
    display:inline;
    margin-right:8px;
}
ul.menu-xs li a { color:#000; }
ul.menu-xs li a:hover { background-color:transparent; color:#337AB7; cursor:pointer;  }
ul.menu-xs li a:hover:before {
    color:#337AB7;
}

/* MODULES */
.mod-container { }
.mod-title { }

/* FORMS */
form .result { line-height:32px; text-align:right; font-weight:bold; color:#385063; }
.input-flag { height:1.6em; width:auto; float:right; display:inline-block; }
.lang-field input { border-color: #286090; }
.checkbox-inline input + span { font-weight:normal; }
.checkbox-inline input:checked + span { font-weight:bold; }

/* DATATABLES */
.dt-rowReorder-float { display:none !important; }
.table-flag { height:1.6em; width:auto; display:inline-block; }

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 50px;
    line-height:50px;
    background-color:#385063;
    color:#fff;
    z-index:1000;
}
.footer a { color:#777; }
.footer a:hover { color:#fff; text-decoration:none; }

/* ION ICONS SPIN */
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(359deg); } }
@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(359deg); } }
@keyframes spin { 0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); } }
.ion-spin { -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }


/* WEBFONTS */
.btn,
h1,h2,h3,h4,h5,h6,
label { font-family: 'Ubuntu',sans-serif; }

.text-dark { color:#385063; }

/* TABS */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color:#337AB7; color:#fff; }

/* DATATABLES */
pre.rgb { padding:4px 8px; text-align:center; display:inline; }
div.DTE_Bubble { z-index:1040 !important; }
table.dataTable.stripe tbody > tr.even.selected, table.dataTable.stripe tbody > tr.even > .selected, table.dataTable.display tbody > tr.even.selected, table.dataTable.display tbody > tr.even > .selected {
    background-color: #e3e9f5 !important;
}
table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
    background-color: #ebeff5 !important;
}