/* Color Theme: https://coolors.co/b7ada5-a39a93-8e8780-7a736e-66605c-514d49-3d3a37-292625-141312-000000*/

/***********************************************
* bootstrap overrides for buttons
***********************************************/
.btn  {
    background: none;
}

.btn:hover,
.open > .dropdown-toggle.btn-default {
    background: none;
    color: #000000;
}

.btn-default,
.btn-default:active,
.btn-default.active,
.btn-default:focus,
.btn-default.focus {
    background: none;
}


.btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus {
    background: none;
    color: #141312;
    border-color: #cccccc;
}

.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    background: none;
    border-color: #000000;
    color: #000000;
}


.btn-success,
.btn-success:active,
.btn-success.active,
.btn-success:focus,
.btn-success.focus {
    background: none;
    color: #4cae4c;
    border-color: #4cae4c;
}

.btn-success:hover,
.open > .dropdown-toggle.btn-success {
    background: none;
    color: #4cae4c;
    border-color: #4cae4c;
}

.btn-dirty,
.btn-dirty:active,
.btn-dirty.active,
.btn-dirty:focus,
.btn-dirty.focus {
    background: lightgrey;
    color: #141312;
    border-color: #cccccc;
}

.btn-dirty:hover,
.open > .dropdown-toggle.btn-dirty {
    background: darkgrey;
    color: #141312;
    border-color: #cccccc;;
}


.btn-info,
.btn-info:active,
.btn-info.active,
.btn-info:focus,
.btn-info.focus {
    background: none;
    color: #141312;
    border-color: #ffffff;
}

.btn-info:hover,
.open > .dropdown-toggle.btn-info {
    background: none;
    border-color: #000000;
    color: #000000;
}


.btn-warning,
.btn-warning:active,
.btn-warning.active,
.btn-warning:focus,
.btn-warning.focus {
    background: none;
    color: #514D49;
    border-color: #514D49;
}

.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
    background: none;
    color: #514D49;
    border-color: #514D49;
}


.btn-danger,
.btn-danger:active,
.btn-danger.active,
.btn-danger:focus,
.btn-danger.focus {
    background: none;
    color: #141312;
    border-color: #cccccc;
}

.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
    background: none;
    border-color: #514D49;              /* red */
    color: #514D49;                     /* red */
}

.rec-btn-file {
    position: relative;
    overflow: hidden;
}


.rec-btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-small-text {
    font-size:13px;
}


/* Links
-------------------------------------------------- */
/*
a,
a:focus,
a:hover {
  color: #235A9F;
  outline: none;
  text-decoration: none;
}
*/

/***********************************************
* bootstrap overrides and custom styles for sticky footer
***********************************************/
html {
    position: relative;
    min-height: 100%;
    font-size: 16px;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 30px;
}


#footer .rec-container-fix {
    position: absolute;
    bottom: 0;
    /* Set the fixed height of the footer here */
    height: 30px;

    padding-top: 5px;
    background-color: #000000;

    text-align: center;
    color: #fff;
    font-size: 14px;
}

#footer a {
    color: #fff;
}


/***********************************************
* bootstrap overrides for header
***********************************************/
h1 {
    font-size: 24px;
}

.page-header {
    background-color:#000000;
    color:#FFFFFF;
    position:relative;
    /*min-height: 70px;*/
    padding-bottom: 0px;
    margin-bottom: 0;
}

.page-title {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.page-title img{
    margin-left: 40px;
}

.page-title-left {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.page-title-left img{
    margin-right: 40px;
    height: 70px;
}

.page-title-left h1{
    margin: 0;
}


/***********************************************
* bootstrap overrides for disabled form controls
***********************************************/

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #E6E6E6;
  opacity: 1;
}


/***********************************************
* bootstrap additions to enable dropdown submenues (see: http://stackoverflow.com/questions/18023493/bootstrap-3-dropdown-sub-menu-missing)
***********************************************/
.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: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:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/***********************************************
* custom recapp styles: grids in table look
***********************************************/
.rec-grid-header {
    font-weight: bold;
    border-bottom: 2px solid #DDD;
}

.rec-grid-row {
    line-height:35px;
    min-height:35px;
    border-bottom: 1px solid #DDD;
}

.rec-grid-subrow {
    line-height:34px;
    height:34px;
    border-bottom: 1px solid #DDD;
    font-size:13px;
    background-color:#EEE;
}

.rec-grid-subsubrow {
    line-height:35px;
    height:35px;
    border-bottom: 1px solid #DDD;
    font-size:11px;
    background-color:#EEE;
}
/*
.rec-grid-subrow .btn {
    font-size:13px;
}
*/
.rec-grid-row:hover, .rec-grid-subrow:hover {
    background-color: #f5f5f5;
}

/***********************************************
* special color classes
***********************************************/
.rec-recapp-red, .rec-recapp-red:hover {
    color: #cb2313;     /* red */
}
.rec-recapp-orange {
    color: #ffc107;
}