html {
    position:absolute;
    min-height:100%;
    min-width:100%;
}

body{
    font-size: 14px!important;
    height:100vh;
}

header{
    /*position:absolute;*/
    /*z-index:999;*/
    background-color:#ffffff;
    width:100%;
}

#main {
    max-height: 100vh;
    overflow: auto;
    flex-grow:1 1 1px;
    padding-bottom: 40px;
    /*padding-top: 80px;*/
}
/*.bcontent {    
    padding-bottom:40px;
    padding-top:80px;
    height:100vh;
    overflow:auto;
    padding-left: 10px;
    padding-right: 10px;
}*/
.sitefooter {
    position:absolute;
    bottom: 0px;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 40px;
    background-color: #ffffff;
    padding-top:10px;
    padding-left:10px;
    /*z-index:1000;*/
}

#dashboardPanel {
    position: relative;
    top: 0;
    height:100%;
    flex: 1 1 1px;
    max-height: 100%;
    overflow:hidden;
    /*margin-bottom: -40px;*/
}

#tabStrip {
    /*    position:absolute;*/
    /*    top: 0;*/
    flex-grow: 1;
    flex-shrink:1;
    flex-basis:auto;
    overflow:hidden;
    height:100%;
    max-height: 100%;
    /*    width:99%;*/
}

#tabStrip-1, #tabStrip-2, #tabStrip-3, #tabStrip-4, #tabStrip-5, #tabStrip-6, #tabStrip-7, #tabStrip-8 {
    flex: 1 1 auto;
    overflow: hidden;
    height: 100%;
    max-height: 100%;
}

#dashboard1, #dashboard2, #dashboard3, #dashboard4, #watchlist, #searchResult, #atcGrid, #trafficGrid{
    height: 100%;
    max-height: 100%;
    overflow: auto;
    flex: 1 1 auto;
    padding-left: 0px;
    padding-right: 0px;
}

#trafficGridWrapper{
    height: 100%;
    max-height: 100%;
    padding-bottom: 46px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
    flex: 1 1 auto;
}

/*Expand Panel*/

.expandprompt {
    color:white;
    vertical-align: middle;
}

#expandPanel, #submitPanel, #utilityPanel{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:1031;
    padding-bottom:50px;
}

#subForm{

}

@media screen and (min-width: 601px) {
    h2.expandHead, h2.submitHead, h2.utilityHead {
        padding-top: 5px;
        font-size: large;
    }
}
@media screen and (max-width: 600px) {
    h2.expandHead, h2.submitHead, h2.utilityHead {
        padding-top:5px;
        font-size: medium;
    }
}

#modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background-color: #ffffff;
    opacity: 0.75;
    filter: alpha(opactity=75);
}

#exRunDates.k-grid .k-header{
    /*display:none;*/
}

.expandform{
/*    overflow-y:auto;*/
}

/*End Expand Panel*/


#basicSearchForm {
    width: auto;
    overflow-x:hidden;
    padding:10px;
}

.sidebarscroll{
   position:absolute;
   bottom:0;
   top:110px;
   overflow-y:auto;
}

    
#basicSearchForm h2, h3 {
    text-align:center;
}

#basicSearchForm .form-control, .sfFormControl {
    margin-left:10px;
    margin-right:10px;
    width:92%;
}

#basicSearchForm .form-control, .sfFormControlNarrow {
    margin-left: 10px;
    margin-right: 10px;
    width: 50%;
}

.sidebar{
      z-index: 999999;
      position: fixed;
      top: 0px;
      bottom: 0px;
      padding:10px;
      width: 300px;
}

.sidebarClose {
    left:-300px;

}

.sidebarOpen {
    left:0;
}

.sfFormControl .k-dropdown, .k-combobox, .k-datepicker{
    width: 100%!important;
}

.boxFix *,
.boxFix *::before,
.boxFix *::after {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.proofImg{
    width:100%;
}
.fieldhead{
    text-align:right;
}

.expand {
    /*    padding-right:10px;
    margin-bottom:5px!important;
    padding-bottom: 3px!important;
    padding-top:3px!important;*/
}

.expand .form-control, .expand .form-control-static{
    height: 1.65em!important;
}

.expand .k-dropdown, .expand .k-textbox, .expand .k-listbox{
    width:100%;
}

.form-dialog{
   width:95%;
}

.adjacket .k-content{
    /*min-height:400px;
    max-height:400px;*/
    height:400px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-top:10px;
}

.adjacket .k-grid tr:not(.k-state-selected):hover {
    background: none;
    color: inherit;
}

.adjacket .k-grid tr.k-alt:not(.k-state-selected):hover {
    background: #f5f5f5;
}

/*.sfFormControl .k-datepicker{
    width: 100%!important;
}*/

#proofToolbar, #rdControls{
    border:none!important;
}

.k-upload-button input {
    z-index: 2000 !important;
}

.expand .k-grid tbody .k-grid-delete {
    min-width: 0;
    border: none;
}

.expand .k-grid tbody .k-grid-delete .k-icon {   
    margin: 0;
}



#utMyQueryList, #utMyProfile{
    margin: 0;
    position: absolute !important;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 5px;
    top: 50px;
    width: 95% !important;
}

#submit{
    /*height:100%;
    max-height:100%;
    flex: 1 1 auto;
    overflow:auto;*/
}

#submit-1, #submit-2, #submit-4, #submit-5, #submit-6, #submit-7, #submit-8, #submit-9, #submit-10 {
    /*  margin: 0;
    position: absolute !important;
    overflow-y: auto;
    overflow-x: hidden;
    /*bottom: 5px;
    top: 5px;
    width: 95% !important;*/
    flex: 1 1 1px;
    padding-bottom: 16px !important;
    overflow-y: scroll !important;
}



#expand-1, #expand-2, #expand-3, #expand-4, #expand-5, #expand-6, #expand-7 {
    /*    margin: 0;
    position: absolute !important;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 5px;
    top: 43px;
    width: 95% !important;*/
    flex: 1 1 1px;
    padding-bottom: 16px !important;
    overflow-y: scroll !important;
}

#submit-3 {
    /*margin: 0;
    position: absolute !important;
    bottom: 5px;
    top: 5px;
    width: 95% !important;*/
    flex: 1 1 1px;
    padding-bottom: 16px !important;
    overflow-y: scroll !important;
}

#panel-editor {
    position: absolute!important;
    bottom:5px;
    width: 95%!important;

}



#submit .k-tabstrip-items {
    display: none;
}

#acaAIWizard .k-tabstrip-items{
    display:none;
}

#notePanel {
    /*position: absolute !important;
    top:0;
    width:100%;*/
    z-index: 4010;
}

.keditor {
    height:400px!important;
}

.k-pager-wrap {
    justify-content: flex-start;
}

.k-pager-refresh {
    order: 9 !important;
    margin-left: 14px !important;
}

.k-pager-info {
    justify-content: flex-start;
    order: 10 !important;
}

.fullWidth{
    width:100%!important;
}

div.k-dropzone em {
    visibility: visible;
    display:inline;
}

.padTop{
    padding-top: 10px;
}

.k-clear-selected, .k-upload-selected {
    display: none !important;
}

.green{
    background-color:green !important;
    color:white;
}

#notCompatible {
    background-color: #f2dede;
    color: #a94442;
    padding: 10px;
}

#utUserGrid {
    position: absolute !important;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 10px;
    top: 170px;
    width:95%;
}

#utUserGridNew {
    height: 99%;
    width: 99%;
}


#opOrphanGrid {
    position: absolute !important;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 10px;
    top: 170px;
    width: 95%;
}


#utUserManager{
    margin:0px !important;
    padding:0 !important;
}
#utUserProfile {
    z-index: 2000 !important;
    position: absolute !important;
    overflow-y: auto;
    overflow-x: hidden;
    top: 40px;
    width: 95%
}

.alert {
    position:absolute !important;
    z-index: 5000!important;
    width:100%;
    margin-left:auto;
    margin-right:auto;

}

.submitClose {    
    float: right;
}

button.submitWindow {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

#exHistory table{
    table-layout:fixed;
    width:100%;
}

/*ViewNotes Styles*/
#notesList {
    height: 70vh;
    max-height: 70vh;
    overflow-y:auto;
}

.k-grid-delete{
    min-width: 1px!important;
    border:none;
    margin:0px;
}

/*Five9 Chat Widget*/
.five9-chat-button {
    height: 38px;
    font-size: 20px !important;
}

#five9-popout-button {
    float: right;
}

#watermark{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    opacity:0.5;
}


/*Account Notes Styles*/
button.hasNotes {
    background-color: lightgreen;
}

.anHeader {
    background-color:#e9ecef;
}

.anHeader{
    padding:5px;
}

.anHeader h3 {
    font-size: medium;
    text-align: left;
}

.anListItem {
    padding:10px;
}
#anNewNote {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
#anNotesList {
    margin-top:10px;
}

#anNoteEditor button {
    margin-bottom: 10px;
    margin-right:10px;
}

#trafficFilters{
    margin-bottom:15px!important;
}

#exTrafficSelectors .k-picker, .tfTrafficSelectors .k-picker {
    width:25%!important;
    margin-bottom:15px!important;
    margin-right:10px;
}

.acaResult{
    width: 100%!important;
}
.acaResult .k-list-scroller .k-list .k-list-content ul li:nth-of-type(odd) {
    background: #edecef;
 }