/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
 [ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

/********** Remove Helvetica Neue *******************/
html, body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}
.tooltip {
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}
.popover {
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}

/*********** Logo link *******************************/
.logo-link-ita {
    padding-top: 12px;
}
.logo-link-zws {
    padding-top: 16px;
}

/********* Customized styles ************************/
html, body {
    font-size: 14px;
    background: #F0F8FD;
    color: #555;
    /*width: 100%;
    /*height: 100%;*/
}

hr {
    color: #ccc;
    background-color: #ccc;
    border-top: 1px solid #ccc;
}
hr.narrow {
    margin-top: 2px;
    margin-bottom: 2px;
}
.v2-hr {
    margin-right: -15px;
    margin-left: -15px;
}
a {
    color: #006f9e;
    text-decoration: none;
}
a:hover, a:focus {
    color: #006f9e;
    text-decoration: underline;
}
label {
    color: #000;
    font-weight: 700 !important;
    margin-bottom: 5px;
}
.form-group {
    margin-bottom: 20px !important;
}
.form-control {
    padding: 6px !important;
}
.nopad {
    padding: 0 !important;
}
.alert {
    padding: 5px 10px !important;
}

.v2-panel {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    padding: 15px;
    margin: 15px;
    margin-top: 0;
    min-height: 500px;
}
.v2-tabs-panel {
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 15px;
    min-height: 500px;
}
.v2-expand-button {
    color: #bbb;
    cursor: pointer;
}
.v2-expand-button:hover {
    color: #555;
}
.v2-expand-row-expanded {
    background: #F0F8FD;
}
.v2-panel .container-fluid {
    padding: 0 !important;
}
.text-info {
    color: #0070B2 !important;
}
.alert-success {
    color: #2D8000 !important;
    background-color: #EEFCE4 !important;
    border-color: #2D8000 !important;
}

/* approvals list */

.approvals-list {
    margin-top: 15px;
}
.approvals-list table th {
    position: relative;
}
.approvals-list table th div {
    margin-bottom: 5px;
}
.approvals-list table th .btn.fa-remove {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 10px;
    border: none;
    color: #808080 !important;
}
.approvals-list table th .chosen-container {
    width: calc(100% - 15px) !important;
}
.approvals-list table > thead > tr > th {
    vertical-align: top;
}
.approvals-list .table .table {
    background-color: transparent;
}

/* navbar */

.navbar-sm .navbar-primary .navbar .navbar-brand {
    padding-top: 5px;
}
.navbar-primary .navbar, 
.navbar-primary .navbar .container-fluid {
    background: #00487B;
}
.navbar-primary .navbar .nav>li>a {
    background: #00487B;
    color: #a8b2c5; 
}
.navbar-primary .navbar .nav>li>a i {
    margin-right: 5px; 
}
.navbar-primary .navbar .nav .dropdown-menu>li>a {
    background: #00487B;
    color: #a8b2c5; 
}
.navbar-primary .navbar .nav .dropdown-menu {
    background: #00487B;
}
.navbar-primary .navbar .nav>li.dropdown.open>a {
    background: #00487B;
}
.navbar-primary .navbar .nav li.dropdown.open .dropdown-menu li a:hover, 
.navbar-primary .navbar .nav li.dropdown.open .dropdown-menu li a:focus {
    background: #00487B;
}
.navbar-primary .navbar .nav>li>a:hover, 
.navbar-primary .navbar .nav>li>a:focus {
    background: #00487B;
}
.nav .open>a, 
.nav .open>a:hover, 
.nav .open>a:focus {
    background: #00487B;
}
.dropdown-menu>li>a {
    padding: 10px 20px;
}
.navbar-nav {
    border-left: 1px solid #2357a3;
}
.navbar-primary .navbar .nav .active>a, .navbar .nav .active>a:hover {
    background: #00487B;
}
.navbar-primary .navbar .nav .active>a {
    font-weight: 700;
}
.navbar-content-submenu {
    top: 50px;
    width: 250px;
    border: 0;
    margin: 0 !important;
    background-color: #F0F8FD;
    z-index: 999;
}
.navbar-content-submenu-list li:hover {
    background-color: transparent;
}
.navbar-content-submenu-list li a:hover {
    text-decoration: underline;
    background: transparent;
}

.navbar-content-submenu-content {
    left: 255px;
 }

.navbar-content-submenu-list li a {
    padding: 12px 10px;
    color: #808080 !important;
    font-weight: 700 !important;
}
.navbar-content-submenu-list li a:hover {
    color: #0070B2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.navbar-content-submenu-list li a.active {
    color: #0070B2 !important;
    font-weight: 700 !important;
}
.navbar-content-submenu-list {
    background-color: transparent;
    margin: 0 !important;
    margin-top: 12px !important;
    padding-left: 3px !important;
}
.v2-submenu-navbar-content {
    padding-left: 250px;
}

/* tabs */

.nav-tabs {
    border-bottom: 1px solid #ccc;
}
.nav-tabs>li {
    margin-right: 8px;
    cursor: pointer;
}
.nav-tabs>li:last-child {
    margin-right: 0;
}
.nav-tabs>li>a {
    padding: 10px 11px;
    border: 1px solid #ccc;
    color: #808080;
    margin-right: 0;
    font-weight: 700;
}
.nav-tabs>li>a:hover {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    border-color: #ccc;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
    background: #fff;
    color: #000;
    font-weight: 700;
    border: 1px solid #ccc;
    border-bottom-color: transparent;
}

.tabs-left > li > a {
    border: none;
    border-right: 1px solid #ccc;
}
/*
.tabs-left,
.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
    border: none;
}
*/
.v2-tab-changed a {
    color: #0070B2 !important;
}

.nav-tabs > li.v2-tab-add-button {
    margin-top:8px;
}

.nav-tabs > li.v2-tab-add-button > a {
    padding: 2px 6px;
    color: #0070B2 !important;
    background-color: #E8F4FC !important;
    border-color: #0070B2 !important;
    margin-right: 0;
    font-weight: 700;
    border-radius: 4px !important;
}
.nav-tabs>li.v2-tab-add-button>a:hover {
    text-decoration: none;
    color: #00487B !important;
    background-color: #E8F4FC !important;
    border-color: #00487B !important;
}

/* buttons */

.v2-btn {
    padding: 5px 10px !important;
    font-size: 14px !important;
	font-weight: 700 !important;
    border-radius: 3px !important;
}
.v2-btn-icon {
    font-size: 25px !important;
}
.v2-btn.btn-xs {
    padding: 1px 5px !important;
}
.v2-btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #333 !important;
}
.v2-btn-default:hover {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #000 !important;
}
.v2-btn-primary {
    color: #0070B2 !important;
    background-color: #E8F4FC !important;
    border-color: #0070B2 !important;
}
.v2-btn-primary:hover {
    color: #00487B !important;
    background-color: #E8F4FC !important;
    border-color: #00487B !important;
}
.v2-btn-danger {
    color: #FF1D1D !important;
    background-color: #FEEEEE !important;
    border-color: #FF1D1D !important;
}
.v2-btn-danger:hover {
    color: #D50000 !important;
    background-color: #FEEEEE !important;
    border-color: #D50000 !important;
}

/* well */

.well {
    padding: 10px 15px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    margin-bottom: 0 !important;
}
.navbar-content-title {
    padding-left: 0;
    font-size: 21px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 0;
    color: #000;
}

/* filter */

.filterBox > div {
    padding: 0;
}
.filterBoxDataTable {
    padding: 5px 0px;
}

.dataTableScrollWrapper {
    overflow-x: scroll;
    width:100%;
}

div.dataTables_length label,
div.dataTables_filter label {
    margin-bottom: 0;
    font-weight: 700;
}

div.ColVis {
    margin-bottom: 0;
}

.input-group > a.input-group-addon {
    color: white;
}

.ZWSDynamicList th {
    background-color: white;
    color: black;
    border: none !important;
}

/* table + datatable */

table {
    background-color: #fff;
}

thead th, thead tr {
    color: #555 !important;
    font-weight: 700 !important;
    background: transparent !important;
}
thead th {
    border-bottom: 2px solid #ccc;
    white-space: nowrap;
}
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after {
    position: static !important;
    bottom: auto !important;
    right: auto !important;
    display: inline-block !important;
    position: relative;
    top: 2px;
    margin-left: 10px;
}
.batch-change-row {
    background-color: #F0F8FD !important;
}

/* wizard */

#employeesMultiEditSteps {
    margin-bottom: 15px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    width: 17px !important;
    height: 17px !important;
    background: #0070B2 !important;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #ccc !important;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    display: none;
}
.bs-wizard > .bs-wizard-step > .progress {
    height: 1px !important;
    margin: 18px 0 !important;
    background-color: #ccc !important;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    background: #0070B2 !important;
}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #808080 !important;
    font-size: 14px !important;
}
.employees-multi-edit-bold {
    color: #0070B2 !important;
}

/* btn + input-group-btn */

#RulesBtnEmployeesMultiselect,
#ExcludeRulesBtnEmployeesMultiselect,
#btnEmployeesMultiselect > .btn {
    border: 1px solid #ccc !important;
    border-left: 1px solid #fff !important;
    margin-left: -1px;
    left: -1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
#RulesBtnEmployeesMultiselect,
#ExcludeRulesBtnEmployeesMultiselect {
    height: 42px;
    line-height: 30px;
}
#btnEmployeesMultiselect {
    padding-top: 25px !important;
}
#btnPrevYear,
#btnNextYear,
#DayRuleNavigation_CurrentRuleBtnPrev,
#DayRuleNavigation_CurrentRuleBtnNext {
    color: #000 !important;
    background-color: #fff !important;
}
#editPublicHolidayCurrentYear,
#DayRuleNavigation_CurrentRule_chosen a {
    border-radius: 0 !important;
}
#btnPrevYear,
#DayRuleNavigation_CurrentRuleBtnPrev {
    border: 1px solid #ccc !important;
    right: -1px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    position: relative;
}
#btnNextYear,
#DayRuleNavigation_CurrentRuleBtnNext {
    border: 1px solid #ccc !important;
    left: -1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    position: relative;
}

/* small improvements */

.template-layout-block {
    background-color: #fff !important;
    min-height: auto !important;
}
.template-layout-button button {
    margin-top: 25px !important;
}
.ui-datepicker-trigger {
    border-color: transparent;
    background-color: transparent;
    color: #000;
}
#PublicHolidaysDataTable_grouping {
    max-width: 190px;
}

/* dashboard */

.form-toolbar-container select.form-control + .chosen-container.chosen-container-single .chosen-single {
    background-color: #fff !important;
}
.dashboard-widget-selected {
    border-color: transparent !important;
    box-shadow: 0 !important;
}

/* dochazka */

ts-toolbar-plugin button.v2-btn-default,
ts-toolbar-plugin button.v2-btn-default:hover {
    border-color: #ccc !important;
    background-color: #fff !important;
    color: #555 !important;
    font-weight: 400 !important;
}
ts-toolbar-plugin button.dropdown-toggle {
    border-left: 0 !important;
    left: -2px;
}
.form-toolbar-container input {
    background-color: #fff !important;
}
ts-toolbar-plugin a.v2-btn-default,
ts-toolbar-plugin a.v2-btn-default:hover {
    border-color: #ccc !important;
    background-color: #fff !important;
    color: #555 !important;
    font-weight: 400 !important;
}

/* login */

.loginBox {
    width: 350px !important;
}
.loginBox > img {
    width: 130px !important;
    height: auto;
}
.loginForm {
    margin-bottom: 0 !important;
}
.loginWrap table {
    background: transparent !important;
}
.loginWrap td {
    opacity: 1 !important;
    background: transparent !important;
}
.mobileLinks {
    margin: 40px auto 0 auto !important;
}
.loginForm .v2-panel {
    min-height: auto;
}

/* select columns */

div.ColVis_collectionBackground {
    opacity: 0 !important;
}
ul.ColVis_collection {
    min-width: 230px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    box-shadow: none !important;
}
ul.ColVis_collection li,
ul.ColVis_collection li:hover {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/********* WYSIWIG Editor ***************************/
.wysiwyg-editor {
    overflow-y: scroll;
    height: 300px;
    background-color: white;
	border-collapse: separate; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 4px; 
	box-sizing: content-box; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}

/* Fix bootstrap container padding */
.container-remove-padding {
    padding: 0 !important;
}

.chosen-container, .chosen-drop {
    width: 100% !important;
}

.dataTables_length .chosen-container, .dataTables_length .chosen-drop {
    width: inherit !important;
}

.dataTables_filter .chosen-container, .dataTables_filter .chosen-drop {
    width: inherit !important;
}

.chosen-container .chosen-drop {
    z-index: 10000 !important;
}

/* Full screen dialog */
.modal-full {
    width: 98%;
    height: 92%;
    padding: 0;
}

/* dialog blue header */
.modal-header {
    background-color: #00487B !important;
}
.modal-title, .bootstrap-dialog-title, .modal-header > .close {
    color: white !important;
}
.modal-title {
    font-weight: 700;
}

/* Remove HOT sticky headers */
.ht_clone_top, .ht_clone_left, .ht_clone_corner {
    display: none !important;
}

.form-report
{
    position: relative;
}

.templates-editor-canvas-a4-portrait
{
    width:1000px;
    height:1414px;
    position: relative;
	background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.templates-editor-canvas-a4-landscape
{
    width:1414px; 
    height:1000px;
    position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.templates-editor-canvas-export
{
	height:100%;
    position: relative;
	background-color: #fff;
}

.templates-editor-canvas-a4-portrait-view
{
    width:1000px; 
    position: relative;
	background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.templates-editor-canvas-a4-landscape-view
{
    width:1414px; 
    position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.templates-editor-canvas-a3-portrait-view
{
    width:1414px; 
    position: relative;
	background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.templates-editor-canvas-a3-landscape-view
{
    width:2000px; 
    position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}


.templates-editor-canvas-dashboard-widget-view
{
    height:100%;
    padding:20px;
}

.templates-editor-canvas-dashboard-widget
{
    width:720px;
    height:100%;
    background: #fff;
    border: 1px solid #b0d0ff;
    padding: 20px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);

}

.templates-editor-canvas-message
{
    height:100%;
    position: relative;
	padding: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.glyphicon-refresh-animate {
    -webkit-animation:spin 0.7s linear infinite;
    -moz-animation:spin 0.7s linear infinite;
    animation:spin 0.7s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/***************** Field validation ******************/

.field-validation-error {
    color: #b94a48;
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    /*
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    */
    color: #b94a48;
    border-color: #b94a48;
}

.input-validation-error:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}

.validation-summary-errors {
    /*font-weight: bold;*/
    color: #b94a48;
}
.validation-summary-errors ul {
    padding-left: 0;
}
.validation-summary-errors ul li {
	list-style-type: none;
}

 .validation-summary-valid {
        display: none;
    }

/***************** Required field ******************/
.required-field label:after {
    content: " *";
    font-weight: bold;
    color: red;
}

/***************** table cell centering ******************/
.table tbody>tr>td.vert-align{
    vertical-align: middle;
}
.table tbody>tr>td.center{
    text-align: center;
}
.table tbody > tr > td.limit-width {
    width:50px;
}

/****************** Context submenu ***************/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>.dropdown-menu{
    display:none;
}
.dropdown-submenu:hover>.dropdown-menu{
    display:block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{
    left:-175%;
    margin-left:10px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    width:175%;
}
.dropdown-header span {cursor:default}

.accordion-toggle {
	cursor: pointer;
	background-color: #fcfcfc;
}



/********************* jQuery UI Calendar is displayed above others **********************/
#ui-datepicker-div {
    z-index: 10000 !important;
}

/********************* jQuery UI Calendar timepicker button *****************************/
.ui-datepicker-trigger {
    position: relative;
    float: right;
    margin-top: -30px;
    margin-right: 4px;
}

/********************* Textarea disable resize only vertically ******************************************/
textarea {
	resize: vertical;
}

/*********************** Readonly ***********************************************************************/
.disabled-subform input {
    pointer-events: none;
}

.disabled-subform label {
    pointer-events: none;
}

/********************** Sum icon ************************************************************************/
.fa-sum:before {
    content: "\03a3";
    font-family: sans-serif;
}

/********************* Max text in choices ***************************************************************/
li.search-choice {
    max-width: 250px !important;
    text-overflow: ellipsis !important;
}

/********************* Up choices ***********************************************************************/
.chosen-container .chosen-drop.dropup {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 50px;
}

.chosen-container.chosen-with-drop .chosen-single.dropup {
    background-image: none;
}

.chosen-container.chosen-with-drop .chosen-drop.dropup {
    box-shadow: none;
    margin-bottom: -16px;
}

/************************* Popover ***********************************************************************/
.popover {
    max-width: unset !important;
    position: fixed;
}

.colorpickerplus {
    z-index: 10000 !important;
}

/************************* Filter tags *******************************************************************/
/* adapted from http://maxwells.github.io/bootstrap-tags.html */
.filter-tag {
    font-size: 14px;
    padding: .4em .4em .4em;
    margin: 3px 7px;
    background-color: #0070B2;
    cursor: pointer;
    display: inline-block;
}

.filter-tag a {
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
}

.filter-tag a:hover {
    opacity: 1.0
}

.filter-tag .remove {
    vertical-align: bottom;
    top: 0;
}

.filter-tag a {
    margin: 0 0 0 .3em;
}

.filter-tag a .fa-white {
    color: #fff;
    margin-bottom: 2px;
}

/* restore search clear icon*/
input[type="search"]::-webkit-search-cancel-button {
    /*Bootstrap 3 override*/
    -webkit-appearance: searchfield-cancel-button !important;
    cursor: pointer !important;
}

div[data-floating-footer] {
    padding: 15px 0px 15px 0px;
}