.modal-header, .modal-header h4 { display:inline-block !important;}
.nav-icon{}
.nav-value{line-height:1.2;}

.drop-down-icon{margin-right:12px;}

.dropdown-menu{ !important;width:256px !important;font-size:14px !important; position:fixed !important;
 right:4px; top:64px;
 cursor:pointer;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.dropdown-menu span{vertical-align: text-bottom;line-height: 1.5;}

.dropdown-menu .li{padding:16px; height:20px; }
#id_messages{display: inline-block;position: fixed; top: 72px; right: 8px; width: 256px; min-height: 80px; z-index:100000;}
.message{font-size: 13px; font-family: Roboto; margin-left: 12px;margin-right: 12px;}

text-align-center{text-align:center;}
.hidden{display:none !important;}
.dropdown-toggle{ line-height:4; font-size:14px; height: 100%;text-align: center; width: 100%;    
    color: white !important;
    background: rgb(32,32,32); border-left: solid 1px rgb(16,16,16);}

.user-setting{float:right !important; display:inline-block;     background: peachpuff;
    height: 100%;
    width: 128px;
    cursor:pointer;
    text-align: center;}

.header-link{font-size:24px; line-height:1.76;display:inline-block; color:rgb(232,232,232) !important; font-family:Roboto;}
.header-link:hover {color:white !important; text-decoration:none;}

.user-dropdown{ padding-right:16px; height:64px; z-index:100000; cursor:pointer; }
.fileinput-filename { padding: 8px;}
.no-padding{padding:0px !important;}

.modal { z-index: 99999999999999999999999999999999999999; }
.modal-body {width: 100%;text-align: center; overflow:auto !important;   }

.modal-body-center {margin: 0 auto;display: inline-block;}

.alert { padding: 12px 12px !important;}

.info-list span 
{
        display:block;
        padding-bottom: 2px;
        font-size:12px;
        font-weight:bold;
        position:relative;
}

body { background: rgb(240,240,240) !important;}

.navbar-default-header{ width: 100%;display:block; height: 64px;     background: #323232;
    font-size: 32px;
    line-height: 1.6;
    padding-left: 32px;}

.navbar-brand{display: block;height: 64px;}

.breadcrumb{ background:white !important;}

.body-content 
{
    padding: 24px !important;
    display:block;
    position:relative !important;
    background: white;
    border: 1px solid rgb(240,240,240);
    border-radius: 4px;
    margin-bottom:24px;
}

.navbar 
{ 
    display:block !important;
    border-bottom:2px solid rgb(180,180,180) !important;
    border-radius:0px !important;    
}

.navbar-toggle{background:#323232 !important; color:white !important;}
.navbar-toggle span{ background:white !important;}

.collapse{ width:100%; padding-left:0px !important; padding-right:0px !important;}

nav{
padding:0px !important;
margin:0px !important;
display:block;
position:relative !important;
margin-bottom:48px !important;
}

.navbar-toggle-div{display:none;}

.global-nav{
background-color:white;
display:block !important;
width:100%;
padding:0px !important;
margin:0px !important;
height:96px;
}
.collapsing{
margin:0px !important;
background:red !important;
padding:0px !important;
}
.global-nav .active a{ color:rgb(64,128,255) !important;}
.global-nav a{
    display:inline-block !important;
    text-align: center;  
    font-size: 14px;
    padding: 8px;
    color:rgb(96,96,96) !important;
    width:160px;height:96px;
   line-height:1.64 !important;
   margin-top:8px;
}
.global-nav a:hover{color:rgb(48,96,200) !important; cursor: pointer;text-decoration:none; background:none !important;}

.form-control-short {height: 64px;}

/* styles for validation helpers */
.sorter { cursor: pointer;}

.noscroll {
    overflow: hidden;
    padding-right: 0px !important;
    margin-right: 0px !important;
}


dark-text {color:rbg(96,96,96);}

.page-header-content{padding:0px !important;}

.page-heading {
    font-weight: 500;  
    font-family:Roboto, 'Segoe UI', Tahoma, sans-serif;
    margin-bottom:8px !important;
    vertical-align: Top;
    margin: 0px 0px 32px 0px;
    line-height: 1;
}

.container{max-width:1024px !important;}

.flex-container 
{
    display: flex;
    height: 64px;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.full-width {width: 100%;}

@media screen and (max-width: 1114px){.container{max-width:92% !important;}}

@media screen and (max-width: 768px){
 .global-nav{height: auto !important; margin-bottom:2px !important; padding-top:8px !important;padding-bottom:8px !important; }
 .global-nav a { width:100% !important;height:64px; display:block !important;}
 .navbar{ border-bottom:0px solid rgb(180,180,180) !important;}
.navbar-toggle-div{height:50px; width:100%; background:#323232; display:block;}

}