/*Overwrites for libraries*/

/* Bootstrap */

h1, .h1 {
    font-size: 46px;
    margin-bottom: 40px;
    
}
.panel {
    border-radius: 0px;
    box-shadow: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.panel-default {
    border-color: gray;
}
.panel-title {
    font-size: 18px;
}
.panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
}
.panel-heading {
    padding: 8px 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.panel-default > .panel-heading {
    background-color: #e5e5e5;
    border-color: #e2e2e2;
    color: #333;
}
.label {
	font-family : "Arial", sans-serif;
	font-size: 80%;
}
.label-normal {
    background-color: #bababa;
    color: black;
}
.label-error {
    background-color: red;
    color: white;
}
.label-big {
	font-size: 100%;
}
.bg-alert {
	background-color: red;
	color: white;
	padding: 0px 2px 0px 2px;
	font-weight: bold;
}
.form-group {
    margin-bottom: 8px;
}
.form-control {
    height: 28px;
    padding: 2px;
}
.form-horizontal .control-label {
    padding-right: 0;
}
select.btn-mini {
    height: 1.8em;
    line-height: 14px;
    font-size: 12px;
    border: 1px solid lightgrey;
}
small, .small {
    font-size: 85% !important;
}

/* this is optional (see below) */
select.btn {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
    padding-right: 16px;
}

select.btn-mini + .caret {
    margin-left: -20px;
    margin-top: 9px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-width: 2px;
    color:black;
 }
 .nav-tabs > li.active > a {
 	
 }
 .nav-tabs-bold > li > a {
    font-weight: bold;
    text-transform: uppercase;
}
.nav-tabs > li > a {
    background-color: #f2f2f2;
} 

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.4;
}
.btn-primary [class^="icon-"], 
.btn-primary [class*=" icon-"] {
    color: #FFFFFF;
}
.btn-warning {
     color: black;
}
.iconcaret-down-after:after {
	font-family: 'UV_icomoon_ultimateawesome';
	content: "\e6be";
}
    
label {
     font-weight: normal;
		 color: darkslategrey;
		 font-size: 12px;
}
th,td, th {
/*	padding:0.5em; */
	vertical-align: top;
}
.table-max-condensed > thead > tr > th, 
.table-max-condensed > tbody > tr > th, 
.table-max-condensed > tfoot > tr > th, 
.table-max-condensed > thead > tr > td, 
.table-max-condensed > tbody > tr > td, 
.table-max-condensed > tfoot > tr > td {
    padding: 0px;
}

/*
table.dataTable thead th {
     padding: 1px !important;
}
#autoDataTable > tbody {
    position: relative;
    top: 10px;
}
.autotable-title {
     height: 2em;
 }
 #autoDataTable tfoot {
    left: -0px;
    position: relative;
    top: 7px;
}
table.dataTable tfoot th {
     padding: 3px 18px 3px 0 !important;
}
*/
.table > thead > tr > th {
    vertical-align: middle;
}
.table.table-bordered.table-condensed.dataTable.DTTT_selectable tr {
    height: 1.5em;
}

tr {  }
thead th, tfoot th, td.pseudoheader, tr.pseudoheader {
	background-color: #eee;
/*	margin: 0px 0 1px 0 ;*/
	font-weight: normal;
   font-size: 85%;	
}
.pseudoheader-bg {
	background-color: #eee;	
}

td.success,th.success {
  background-color: #dff0d8 !important;
}

td.error, th.error {
  background-color: #f2dede !important;
}

td.warning,th.warning {
  background-color: #fcf8e3 !important;
}

td.info, th.info {
  background-color: #d9edf7 !important;
}
tr:hover > td.success {
  background-color: #d0e9c6 !important;
}

tr:hover > td.error {
  background-color: #ebcccc !important;
}

tr:hover > td.warning {
  background-color: #faf2cc !important;
}

tr:hover > td.info {
  background-color: #c4e3f3 !important;
}	
.dl-iconlist > dt{
	width: auto;
}
.dl-iconlist > dd{
	margin-left: 20px;
	margin-bottom: 0.5em;
}

.btn-xxs, .btn-group-xxs > .btn {
    border-radius: 3px;
    font-size: 9px;
    line-height: 1.5;
    padding: 1px 5px;
}
/*//Twitter Typeahead CSS
//Updated 22 August 2013*/

.topr {
	float: right;
	font-size: 85%;
	color: gray;
}
#topsearchbox hr {
/* divider in dd */
	margin: 0px;
	padding: 0px;
	background-color: lightgrey;
	height: 1px;
}
.twitter-typeahead {
/*    width: 100%;*/
    position: relative;
}
.ttddline {
	border-bottom: 2px solid gray;
	padding-bottom: 4px;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
    width:100%;
/*    height: 34px;*/
    position: absolute;
    top:0;
    left:0;
}

.twitter-typeahead .tt-hint {
    color:#a1a1a1;
    z-index: 1;
/*    padding: 6px 12px;*/
    border:1px solid transparent;
}

.twitter-typeahead .tt-query {
    z-index: 2;
    /*border-radius: 4px!important;*/
    /* add these 2 statements if you have an appended input group */
/*    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;*/
    /* add these 2 statements if you have an prepended input group */
    /* border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important; */
}
#shopping {
	margin-bottom: 1em;
}
#abovemenu .tt-dropdown-menu,
#cpsearcharea .tt-dropdown-menu
{
    min-width: 160px;
    margin-top: 0px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    /* PROBLEM at 2 lines below?*/
    border-right-width: 2px;
    border-bottom-width: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    left: auto !important;
    right: 0px !important;
}
.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 0px;
    padding: 0px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
/*    left: auto !important;
    right: 0px !important;*/
    cursor: pointer;
    
}

#topsearchbox .tt-dropdown-menu {
	right: 0px !important;
	left: auto !important;
	width: 200%;
}
#topsearchbox .tt-hint {
	color: red !important;
	display: none;
}
.tt-header {
	color: gray;
	padding: 0px 5px 5px 5px;
	border-bottom: 1px solid lightgrey;
	margin-bottom: 5px; 
}
/*.tt-suggestions, .twitter-typeahead {
	    font-size: 1em;
}*/
.tt-suggestion {
    display: block;
    padding: 3px 20px;
    font-size: 1em;
    background-color: white;
    /*width: 30em;*/
}

.tt-suggestion.tt-is-under-cursor, .tt-cursor  {
    color: #fff;
    background-color: #0081c2;
  }
.tt-suggestion.tt-is-under-cursor .topr, .tt-cursor .topr {
    color: white
  }
	
.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
    background-color: #0081c2;
}

.tt-suggestion p {
    margin: 0;
}



.modal-dialog {
    max-width: 90%;
    margin: auto;
    width: auto;
}
.badge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* BLUEIMP Gallery */
.blueimp-gallery {
	background-color: black;
}
.slide {
	background-color: black;
}


.blueimp-gallery > .glryheader {
   /*background-color: darkslategrey;*/
   background-color: black;   
    display: table;
    left: 10px;
    /*max-width: 200px;*/
   color: yellow; /*#FFFFFF;*/
   font-style: normal;
    opacity: 100;
    padding: 5px;
    position: absolute;
    top: 10px;
    font-size: 150%;
}


.blueimp-gallery > .glrytitle {
    color: white !important;
    background-color: black;
    font-size: 120%;
    font-style: normal;
    font-weight: bold;
    margin: 10px auto;
    opacity: 1 !important;
    position: absolute;
    text-align: center;
    top: calc(80% + 0.8em);
    width: 100%;
}

.blueimp-gallery > .slides > .slide > .slide-content {
    height: auto;
    margin: 50px auto;
    max-height: 75%;
    max-width: 100%;
    opacity: 1;
}
.blueimp-gallery > .glrydescriptionwrapper {
	/*background-color: red;*/
} 
.blueimp-gallery > .glrydescription {
    color: #fff;
    display: block;
    font-weight: normal;
    /*margin-left: 18%;
    margin-right: 18%;*/
    position: absolute;
    text-align: center;
    top: calc(80% + 3.5em);
    background-color: black;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}
.blueimp-gallery > .credit {
  position: absolute;
  top: 100px;
  left: 50px;

  color: #fff;
  font-size: 80%;
}
.blueimp-gallery-controls > .credit {
  display: block;
}
.blueimp-gallery > .copyright {
  position: absolute;
  top: 130px;
  left: 50px;
  color: #fff;
  font-size: 80%;
  display: block;
}
.blueimp-gallery > .glryrights {
    background-color: black;
    color: lightgrey;
    display: table;
    font-size: 80%;
    left: 10px;
    max-width: 200px;
    position: absolute;
    top: 60%;
}
.blueimp-gallery > .glryrights .copyright {
	margin-top:10px;
}
.blueimp-gallery > .glrydates {
    background-color: black;
    color: lightgrey;
    display: table;
    font-size: 80%;
    left: 10px;
    max-width: 200px;
    position: absolute;
    top: 66%;
}
.blueimp-gallery > .indicator > li {
    height: 20px;
    /*opacity: 1;*/
    width: 20px;
}

/* TAGS INPUT */
.bootstrap-tagsinput {
    border-radius: 0;
    /*min-width: 500px;*/
    width: 100%;
    margin-bottom: 0px !important;
}
.bootstrap-tagsinput .label-default{
	color: black;
	background-color: lightgrey;
	font-weight: normal;
	font-size: 90%;
	font-family: inherit;
}
.bootstrap-tagsinput .tag {
    color: black !important;
}

/* TOOLTIP */

.tooltip-inner{
   font-family: Lucida Sans Unicode, serif;
    max-width:300px;
    width: 400px;
    padding:3px 8px;
    color: black;
    text-align:center;
    text-decoration:none;
    background-color: #fffacd;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid black;
    }
		
		/* SWITCH */
	.has-switch span.switch-default {
      padding: 3px;
	}
	
.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}
.btn-arrow-right {
    padding-left: 36px;
}
.btn-arrow-left {
    padding-right: 36px;
}
.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 5px; /* move it down because of rounded corners */
    width: 22px; /* same as height */
    height: 22px; /* button_outer_height / sqrt(2) */
    background: inherit; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
}
.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-arrow-left:before,
.btn-arrow-left:after {
    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}
.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
    left: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
    right: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
    z-index: 1;
}
.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
    background-color: white;
}