:root {
    --primary-color: #112e52;
}



.tab-title {
    padding: 8px;
    text-align: center;
    background: #112e51;
    color: white;
    font-size: 28px;
}

.section-title {
    font-size: 16px;
    font-weight: 500;
}

.instructions {
    font-weight: 500;
    color: navy;
}

/* menu item */
[contentEditable="true"]:focus,
[href]:focus,
[tabindex]:focus,
iframe:focus {
    outline: 0.08rem transparent;
    outline-offset: 0;
}

/* change the label to the filters to be smaller not hr 4*/
.entitylist-filter-option-group-label {
    font-size: 16px;
    padding-right: 4em;
    background:  rgb(213, 212, 220);;
}

/* add margin left for outline around box */
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-left: 5px;

}

.bar.progress-bar {
    background: #2a2328;
}

.navbar-static-top.navbar {
    min-height: 90px;
    background-color: var(--primary-color);
}

#site-footer {
    color: white;
    background-color: #333;
}

.entitylist-download.btn {
    background-color: #333;
}

.fake.form-control {
    width: 10%;
}


.btn-link, .btn.btn.btn-link.btn-filter-clear:active {
   border-color: black;
    color: #112e52;
    background-color: rgb(213, 212, 220);
    border-radius:5px;
    font-weight: bold ;
    margin-left: 10px;

}

.btn-link:hover, .btn-link:focus {
  border-color: black;
    color: white;
    background-color:  rgb(71, 70, 70);
    border-radius:5px;
    font-weight: bold ;
        text-decoration: none;

}

/* apply button */


.btn-default, .btn.btn-default.btn-entitylist-filter-submit:active{

    color: #112e52; /* remove blue font */
     border-color: black;
     background-color: rgb(213, 212, 220);
    border-radius:5px;
    font-weight: bold ;
}

.btn-default:hover,   .btn-default:focus {
    border-color: black;
    color: white;
    background-color:  rgb(71, 70, 70);
    border-radius:5px;
    font-weight: bold ;
}


/* move apply button to the left of the page */
div.pull-right {
    float: left !important;
}

/****** create button ************/
.btn-primary {
    background-color: #112e52;
    color: white;
    border-color: gray;
    transition-duration: 0.4s;
    border-radius:5px;
}


/* advanced form tab colors */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color:  #112e52;
    border-color: #3a3d3f
}


/* color outside of buttons  and checkbox*/
button:not([disabled]):focus,input:not([disabled]):focus,select:not([disabled]):focus,textarea:not([disabled]):focus {
  /*     outline: .25rem solid #2491ff; */
      outline: .15rem solid #12055c;
      outline-offset: 0
}

[contentEditable=true]:focus,[href]:focus,[tabindex]:focus,iframe:focus {
 /*   outline: .25rem solid #2491ff; */
    outline: .10rem solid #12055c;
    outline-offset: 0
}

/* create button and ?? */
a.btn.btn-primary.pull-right.action.create-action {
    color: white;
    background-color: #112e52;
    border-color: gray;
    transition-duration: 0.4s;
    border-radius:5px;

} 

a.btn.btn-primary.pull-right.action.create-action:hover {
    color: white;
    background-color: rgb(71, 70, 70);
    border-color:  #041a5e ;
    text-decoration:none;
    border-radius:5px;
}

/*Download button */
a.entitylist-download.btn.btn-info.pull-right.action {
    color: white;
    border-radius:5px;
}

/*Next Buttom */
input#NextButton.btn.btn-primary.button.next:hover {
    color: rgb(255, 255, 255);
    background-color:gray;
    border-radius:3px;
    border-color:  #041a5e ;

}

/* submit and processing button on form */
input#UpdateButton.btn.btn-primary.button.submit-btn:active, input#UpdateButton.btn.btn-primary.button.submit-btn:hover {
    
    background-color: gray;    
    outline: .10rem solid #12055c;
    border-color: #12055c;
} 
/*
input#UpdateButton.btn.btn-primary.button.submit-btn:hover {
    
    background-color: gray;
} 
*/


/* paging */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: #112e52!important;
    border-color: rgb(46, 44, 44);

}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
    z-index: 2;
  
    color: #112e52;
    font-weight: bold;
    background-color: #eee;
    border-color: #ddd;
}
/* another one referencing same thing - just for documentation

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #232222;
    border-color: rgb(46, 44, 44);
    cursor: default
}
*/

.skip-to-content {
    background-color: black;
    color: white;
    padding: .1rem 2rem .1rem 2rem;
}

.skip-to-content a {
    color: white
}

#privateModeText {
    display: none;
}

/* TRACR text area in header */
#site-header .navbar-header {
    padding: 1.5rem 2rem 1.5rem 2rem;
    height: auto;
}

@media (min-width: 1200px) { 
    #site-header .navbar-header {
        padding: 1.5rem 2rem 0 2rem;
        height: 160px;
    }        
 }


#site-brand {
    display: flex;
    align-items: center;
}

#site-brand h1 {
    font-size: 1.1rem;
}

@media (min-width: 700px) { 
    #site-brand h1 {
        font-size: 1.6rem;
    }
}

#site-logo {
    width: 60px;
    height: 60px;
    margin-right: 0.5rem;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
}

/* navigation bar */
#site-header {
    background-color: var(--primary-color);
}

#site-header #main-navbar {
    float: left;
    clear: both;
    margin-top: 1rem;
    color: white;
}

#site-header #main-navbar .navbar.menu-bar {
    margin: 0;
    position: relative;
}

@media (min-width: 1200px) { 
    #site-header #main-navbar .navbar.menu-bar {
        position: absolute;
    }
}

#main-menu-toggle-btn {
    margin-top: 1.6rem;
    background-color: var(--primary-color) !important;
}

#site-header #main-navbar .navbar-nav > .weblink > a {
    color: white !important;
}

#site-header #main-navbar .navbar-nav > .weblink.open > a {
   /*  color: #666 !important; */
    color:  #112e52 !important;
    

    font-weight: bold;

}

.navbar-nav > .open a {
    background: #ddd !important;
/*     color: #666 !important; */
    color: rgb(56, 55, 55);
  

}

/* dropdown menu on list pages and top menu bar*/
/* submenu on list pages */
ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
  /*   min-width: 130px;   8/30  */
    padding: 1px 0;
    margin: 1px 0 0;
    list-style: none;
    text-align: left;
    background-color: rgb(209, 212, 212);
    border: 0;
}

/* view selections on the List pages */
ul.view-select.nav.nav-pills.pull-left ul.dropdown-menu {
    min-width: 220px;
}

/* this highlights the drop down that is active within list active/inactive menu */
ul.view-select.nav.nav-pills.pull-left .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #f5f5f5;
    color: black;
    padding: 1px 1px;
}


/* view dropdown on list page highlight active and focus lie */
ul.view-select.nav.nav-pills.pull-left .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

/* submenu on list pages */
/* @media (max-width: 1199px) */
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    margin-top: 0;
    box-shadow: none;
}

.navbar-nav .open .dropdown-menu li {
    position: static;
    float: none; 
 /*   background: red; */
}

/*dropdown menu */
li.weblink.dropdown.open li:hover {
 /* width: 120px; */
 /*   color: rgb(178, 13, 13); */
  background-color: rgba(209, 212, 212, 0.698);
  background: rgb(4, 27, 142);

}

/*dropdown menu */
li.weblink.dropdown.open li:active {
    width: 120px;
    color: rgb(178, 13, 13);
    background-color: rgba(209, 212, 212, 0.698);
}

.navbar-nav .open .dropdown-menu li {
    position: static;
    float: none;
    font-size: 12px;
}

.navbar-nav .open .dropdown-menu li:active {
    position: static;
    float: none;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    margin-left: 3px; /* 8-30 */
}

/* remove divider */
.dropdown-menu .divider {
    height: 0px;
    margin: 0;
    overflow: hidden;
    background-color: transparent;
}

/* may want to maniupluate more */
ul.dropdown-menu li:hover {
    background: rgb(4, 27, 142);
}

.dropdown-menu > li > a {
    display: block;
    padding: 1px 1px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

/* list dropdown menu  changed width- hover */
/*sublits and etc...*/
.dropdown-menu > li > a {
    display: block;
    padding: 1px 5px;
    clear: both;
    font-weight: bold;
    line-height: 1.42857;
    color: #333;
    min-width: 130px; /*keep*/
}

/* keep for padding - top menu dropdown and edit/view menu */
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    padding: 1px 1px;
    background-color: rgb(235, 239, 239);
}

.dropdown-menu {
    min-width: 140px;
    background-color: rgb(209, 212, 212);
}

/* top nav bar dropdown menu */
.dropdown-menu > .active > a:focus {
    background-color: transparent;
}

/* change scrolling filter to only 3 items verse  more */
.entitylist-filter-option-group-box-overflow {
    max-height: 100px;
    overflow-y: auto;
}

/* list menu dropdown change font color */
a.details-link.launch-modal {
    color: black;
}

a.edit-link.launch-modal {
    color: black;
}

.edit-link.launch-modal {
    color: black;
}

li a.delete-link {
    color: black;
}

/* changes size of the pop up modal */
@media (min-width: 1400px) {
    .modal-dialog {
        width: 1400px;
        margin: 10px auto;
        margin: -left 1px;
    }
}

@media (min-width: 900px) {
    .modal-dialog {
        width: 1000px;
        margin: 10px auto;
        margin: -left 1px;
    }
}

#mainContent {
    padding: 0 2rem 0 2rem;
}

/*keep */
.modal-dialog.modal-lg {
    width: 1400px;
    margin: 10px auto;
    margin: -left 1px;
}

.crmEntityFormView fieldset {
    padding: 3 3px 3px;
}

.clearfix.cell.crmquickform-cell {
    background: transparent;

    border-style: solid;
    border-color: rgb(181, 177, 177);
    border-width: 2px;
}

.fieldset {
    display: block;
    margin-inline-start: 1px;
    margin-inline-end: 1px;
    padding-block-start: 0em;
    padding-inline-start: 0em;
    padding-inline-end: 0em;
    padding-block-end: 0em;
    min-inline-size: min-content;
    border-width: 0px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
    background: white;
}
tbody {
    background: white;
    background: transparent;
}

table.section {
    background: white;
}

/******  forms with search magnifer */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: white;
    opacity: 1;
}
input.form-control {
    border: 1px solid #949494;
}

/* dropdown fields */
.form-control {
    display: block;
    width: 100%;
    height: 35px; /* leave important */
    padding: 6px 6px;
    font-size: 15px;
    line-height: 1.42857;
    color: #555;
}

.text.form-control.readonly {
    background: rgb(235, 228, 228);
    background: transparent;
}
input#tracr_persfullname.text.form-control.readonly {
    font-size: 24px;
    font-weight: 120px;
    color: black;
    background-color: transparent;
    border: none;
}

div.modal-lg.modal-dialog {
    width: 95%;
}

element.style {
    width: 40px;
    height: 40px;
    padding-bottom: 10px;
    margin: 0px 10px;
}

section.modal.fade.modal-form.modal-form-edit.in {
    margin-top: 20px;
    width: 95%;
}

html[dir="ltr"] .crmEntityFormView .cell div.info div.validators {
    margin: 10 10 10 10px;
    margin: 0 0 0 0px;
    float: left;
}

.crmEntityFormView .cell {
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 3px;
    width: 100%;
}

/*

div#mainContent.wrapper-body h1 {
    background-color: rgb(209, 212, 212);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    
    }
 

 
.modal-title {

       background-color: #d6d4d4 ;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 5px;   
    }
 
*/

h3 {
    font-size: 18px;
}    


.tab-title {
    padding: 8px;
    text-align: center;
    background: #ccc;
    color: #1b1b1c;
    font-size: 28px;
    border-top: 2px ridge #777070;
}
.modal-title {
    background-color: #162e51 ;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    Color: #efefef;
}
div#mainContent.wrapper-body h1 {
    background-color:  #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    color: white;
    margin-bottom: 15px;
}

.section-title {
    font-size: 16px;
    font-weight: 500;
    background: #ddd;
}

h1 {
        font-size: 2em;
         margin: 0 ; /*.67em;  */
        font-weight: bold;
    }
/*profile */
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #112e52;
    color: #112e52;
    font-weight: bold;
}

body {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.42857;
    color: #666;
    background-color: #fff;
    margin: 0;
}

/* displaying as block caused issues */
iframe.quickform {
    /* display: block; */
    border: none;
    height: 0;
    width: 100%;
}

input#tracr_lastfirstname.text.form-control.readonly {
    font-size: 24px;
    font-weight: 120px;
    color: black;
    background-color: transparent;
    border: none;
}