/* 
DME Base Theme
Author: Eric Remington
        Updater: John Allen

Color Cheats:
masthead bg: tan- FFFFCC
menu bg: blue - 6699CC
header bg: green - 99cc99

        new logo / custom boostrap colors:
            dark blue / primary: 1d355e :: 1d355e
            green / success:     8dc63f :: 8dc63f
            light blue / info:   0088d21
            orange / warning:    f78d2d :: f78d2d
            red / danger:        c92127 :: c92127
        Dark Tints
            dark blue / primary: 1E3445
            green / success:     3c763d
            light blue / info:   2563A8
            orange / warning:    8a6d3b
            red / danger:        a94442
        Light Tints
            dark blue / primary: cadae8
            green / success:     dff0d8
            light blue / info:   d9edf7
            orange / warning:    fcf8e3
            red / danger:        f2dede


red - 990033
gray - 333333
lt gray - DDDDDD

fusion green: 99cc66
fusion yellow: ffcc66
fusion blue: 6699CC
fusion red: 993333
fusion orange: cc6633

*/

/* Standard tags */
body
{
	margin: 0;
	padding: 0;
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

h1, h2, h3, h4,h5, h6, p, ul, ol, li, dl, dt, dd, form, label, img {
	margin: 0;
	border: 0;
	padding: 0;
    line-height:1.4em;
}

h1
{
    font-size: 20px;
    font-weight:bold;
    line-height:1em;
}

h2
{
	font-size: 18px;
    font-weight:bold;
}

h3
{
	font-size: 16px;
    font-weight:bold;
}

h4 { font-size: 14px; font-weight:bold; }
h5 { font-size: 12px; font-weight:normal; }
h6 { font-size: 10px; font-weight:normal; }

ul {list-style:none;}

.header
{
	padding:  10px 14px;
	background-color: #1E3445;
	margin-bottom: 5px;
    border-radius:6px;
}

.header h1, .header h2, .header h3
{
	color:#FFF;
}

.subheader
{
	padding: 3px 6px 3px 6px;
	background-color: #aec0ce;
}

p 
{
    font-size: 14px;
    /*margin-left: 5px;*/
    padding-bottom: 3px;
}

/* Form Elements */
label
{
   font-size: 14px; 
}

#maincontent
{
padding-top: 10px;
text-align: left;
}

#breadcrumb
{
	color: #6699CC;
}

.leftcolumn
{
	width: 48%;
	float:left;
	padding: 4px;
}

.rightcolumn
{
	width: 48%;
	float:right;
	padding: 4px;
}

.sidebar_menu
{
	width: 275px;
	float:left;
	padding: 4px;
	overflow:hidden;
}

.sidebar_content
{
    width: 525px;
	padding: 4px;
	float:right;
}

.contentbox 
{
	
}

#masthead
{
    padding: 10px 0;
    height:80px;
}
.menuPanel { padding: 0 15px;}

#traxionlogo {
   
}

#brandedlogo
{
	float:right;
}

#logininfo
{
  	color: white;
    padding-top:10px;
}
@media (min-width: 768px) {
    #logininfo
    {
	    float: right;
    }
}

#logininfo span { position:relative; top: -2px; font-weight:bold; }

#logininfo a, #logininfo a:link, #logininfo a:visited {
  	font-size: 16px;
	text-decoration: none;
	color: white;
  	padding-left: 15px;
    padding-top:2px;
    display: inline-block;

}


#logininfo a:hover
{
    color:#ffe000;
}


#accountmenubar
{
    width: 100%;
    height: 20px;
    margin-bottom:10px;
}

#username
{
	display:block;
    float: right;
    padding: 3px 5px 3px 3px;
    font-weight: bold;
    width: 49%;
    text-align: right;
}

#organizationblock
{
	display:block;
	padding: 10px 0;
	text-align:right;
	color: #000000;
	float:right;
}
#orgModal #orgTree {
    height:300px;
    overflow:auto;
    
}
#orgModal .modal-dialog {
    position:absolute;
    z-index:1060;
}
.CurrentOrganizationLabel {
    pointer-events:none;
}

.controlcontainer
{
    text-align: left;
    width: 100%;
    margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto; 
}


.chartwrapper, #chartwrapper
{
    /* IE Hacking for centering */
    text-align: center;
    /* make the fusion chart under the menu*/
    z-index:0;
    margin-bottom:40px;
}
.chartcontainer
{
	margin: 10px 0;
	display: inline-block;
    vertical-align: middle;

}


#footer
{
    text-align: left;
    width: 100%;
    background-color: White;
    height: 16px;
    color: #ACACAC;
    clear:both;
    margin-top: 25px;
}

#footer p
{
    padding-left: 15px;
    font-size: 12px;
}


#serverinfo 
{
    font-size: 9px;
    position:relative; 
    z-index:3; 
    left:20px; 
    top:-45px; 
    visibility:hidden;
    border: solid #ACACAC 1px;
    padding: 5px;
    width: 250px;
    text-align:left;
}

.errorblock
{
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
	border: solid 1px #990033;
}

.errorText
{
    font-size: 12px;
    color: #ffe000;
    text-shadow:2px 2px 2px #333;
    font-weight:bold;
}

.minilink
{
    font-size: 6px;
    color: #993333;
    text-decoration: underline;
    margin-left: 8px;
}

dl
{
    margin: 0 25px 0 10px;
}
dt
{
    font-size: 16px;
    font-weight: bold;
}
dd
{
    margin-bottom: 2em;
}


/* * * * * * * * * * Page Specific Formatting Section * * * * * * * * * * * */
.login-col
{
    height:100%;
}
#loginbanner {
    background-image:url(/images/loginscreen.jpg);
    background-position:left top;
    background-size:contain;
    background-repeat:no-repeat;
    height:486px;
    width:100%;
}
@media(max-width:768px){
    #loginbanner {
       background-position:right top;
       background-size:unset;
    }
}
#tempmtArea {
    margin: 0 auto;
    margin-top:50px;
    width: 80%;
    min-width:230px;
    max-width:275px;
    background-color: rgba(255, 255, 255, 0.75);
}
#tempmtArea p {
     line-height:1.6em;
     margin: 10px 0;
}
#loginarea {
    width:80%;
    min-width:230px;
    max-width:275px;
    border: 1px solid #FFF;
    border-radius:5px;
    box-shadow: rgba(0,0,0,.4) 0px 0px 20px;  
    background-color: #dadada;
    margin: 0 auto;
    margin-top:50px;
}
   

#logincontrol
{
    padding: 15px;
    font-size:12px;
    color:#959595;
}
#logincontrol label {
    font-size:20px;
    font-weight:normal;
}
#logincontrol .form-group{
    margin:0;
}
#logincontrol .form-group .checkbox {
    margin:0;
}
#logincontrol .form-group .checkbox label {
    font-size: 14px;
    color:#333;
}
#logincontrol .login-btn{
    font-size:20px;
    padding: 3px 20px;
    margin: 10px 0;
    background-color:#4272ba;
}
#logincontrol a{ 
    color:#4272ba; 
    text-decoration:underline; 
    font-size:14px; 
}

#loginheader
{
 color: #FFF;
 background-color:#959595;
 /*font-weight: bold;*/
 padding:15px;
 font-family:'Times New Roman', Times, serif;
 font-size:26px;
}

#loginfiller
{
    clear:both;
    color:#FFFFFF;
}


/* * * * * * * * * * User Account Formatting Section * * * * * * * * * * * */
/*#user-admin-div 
{
    margin-top: 15px;
    width: 98%;
}
*/
#organizationlist fieldset {  
	width: 100%;
    margin: 0 25px 0 0;  
    padding: 10px;
}

/* * * * * * * * * * Form Formatting Section * * * * * * * * * * * */

.form_wrapper
{
    font-size: 12px;
    margin-bottom: 10px;
}

.form_wrapper label
{
}

.form_wrapper span
{
    float: left;  
    width: 150px;  
    margin-right: 20px;
/*    text-align: right;  if you want to change alignment of form labels*/
}

.form_wrapper fieldset ol li input
{
    width: 150px; 
}

.form_wrapper fieldset 
{
	width: auto;
    margin: 0px 10px 0px 10px;  
    padding: 10px;
}

legend {  
    margin-left: 25px;  
    font-weight: bold;
    padding: 3px;
}
.form_wrapper fieldset ol {  
    padding: 0px 0 0 0;  
    list-style: none;
}
.form_wrapper fieldset li {  
    float: left;  
    clear: left;  
    padding-top: 3px;
    padding-bottom: 3px; 
    list-style: none;
    margin-left: 25px;
    width: 95%;
}

/* * * * * * * * * * End Form Formatting Section * * * * * * * * * * * */

/* * * * * * * * * * Survey Formatting Section * * * * * * * * * * * */

.surveywrapper ul
{
    list-style: none;
    margin-left: 25px;
}

.answergroup
{
}

.answertext
{
    font-size: 12px;
    margin: 4px 4px 4px 25px;
}

/* * * * * * * * * * End Survey Formatting Section * * * * * * * * * * * */


/* * * * * * * * * * Data List Formatting Section * * * * * * * * * * * */

.infobar
{
    padding-bottom: 10px;
    position: relative;
    width: auto;
}

.infobar ul
{
    margin-left: 25px;
    list-style-type: none;
}
.infobar ul li
{
   height: 24px;
   clear:both;
}
.infobar ul li span
{
   height: 24px;
    width: 150px;
    float:left;
    display:block;
    padding-top: 3px;
}
.infobar ul li b
{
    float:left;
    font-size: 18px;
    font-weight: bold;
}
.infobar ul li i
{
    font-size: 16px;
    font-style:normal;
}

.addedinfo
{
    position:absolute;
    top: 0;
    right: 25px;
    vertical-align:top;
    text-align:right;
    width: 285px;
}
.addedinfo a
{
    
}

.info_block
{
    margin: 5px;
}

.info_block h2
{
    margin-bottom: 5px;
}

.info_block p
{
    margin-left: 15px;
}

.round_graybar_wrapper
{
    padding: 10px;
    background: #f5f5f5;    
    margin-bottom: 4px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.stat_list_horz
{
}
.stat_list_horz ul
{
    text-align:center;
}
.stat_list_horz ul li
{
    padding: 3px 15px 3px 15px;
    font-size: 24px;
    font-weight: bold;
    display:inline;
}

.stat_list_horz ul li b
{
    margin-left: 5px;
    font-size: 14px;
    font-weight: normal;
}

.stat_list_horz ul li p
{
    margin-left: 5px;
    font-size: 12px;
    font-weight: normal;
}

.stat_list_vert
{
}
.stat_list_vert ul
{
    background: #FFFFFF;
    padding: 3px;
    list-style-type:none;
}
.stat_list_vert ul li
{
    width: 300px;
    padding: 3px 9px 3px 9px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
}

.stat_list_vert ul li b
{
    margin-left: 5px;
    font-size: 14px;
    font-weight: normal;
}

.stat_list_vert ul li p
{
    margin-left: 5px;
    font-size: 12px;
    font-weight: normal;
}

/* Web Parts Styles */
#catalog_zone
{
    position:absolute;
    top: 185px;
    left: 5px;
    width: 185px;
    height: 475;
    background: #FFFFFF;
    float: left;
    border: 2px solid #333333;
    overflow:scroll;
    font-size: 9px;
}

#dashboard_wrapper
{
    /* IE Hacking for centering */
    text-align: center;
    /* make the fusion chart under the menu*/
    z-index:0;
}
#dashboard_container
{
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto; 	
	min-width: 800px;
}

.part_zone
{
    width:400px;
    float: left;
}

.part_style table
{
    border: #FFFFCC;
}

.part_style
{
    font-size: 11px;
    font-weight: bold;
}

.part_chrome
{
    color: #FFFFCC;
    border-color: #333333;
    border-width: 3px;
}

.part_title_style {
    background-color:#333333; 
    font-size:8px; 
 }
                 
.part_title_style table tr td span {
     font-size:12px;
     font-weight:bold;
     padding-right: -10px; 
     color: #FFFFCC;
}

.part_title_verb
{
    color: #FFFFCC;
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
}

    .header-info { margin: -5px; }
    .header-info div { text-align:center; border:1px solid #FFF; padding:10px; min-height:76px; }
    .header-info p { font-size:12px; }
    .header-info h1 { line-height:1.5em;  }
    .header-info h3 { line-height: 1.9em; }
    .header-info h5 { line-height: 2.5em; font-weight:bold; }
    .header-info h5 em { line-height : 1em; }
    .header-info img { margin:8px; }
@media (max-width: 321px) {
    .header-info { margin: -5px;  }
    .header-info div { border:1px solid #FFF; padding:10px;min-height:70px; }
    .header-info p { font-size:3vw; }
    .header-info h1 { line-height:1.5em; font-size:5.5vw; }
}

.stat-box {
    margin:10px 0;
    padding:7px;
    border: 1px solid #bce8f1;
    border-top-color:#a6e1ec;
    border-radius:3px;
    background-color: #d9edf7;
    text-align:center;
    color:#2563A8;
}

.stat-box-lg {
    height:100px;
    margin-right:10px;
    position:relative;
    padding:26px 20px 0;
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6;
    border-top-color:#c9e2b3;
}
.stat-box-lg h1 { font-size:26px; }
.stat-box-sm h1 { font-size:16px; }
.stat-box-lg p, .stat-box-sm p { font-size:10px; color:#333; }
.stat-box-lg p {  margin-top:17px }
.stat-box-sm { height:45px; }

@media (min-width: 479px) { 

    .stat-box {
        margin:10px 0;
        padding:7px;
    }

    .stat-box-lg {
        height:100px;
        margin-right:10px;
        position:relative;
        padding:26px 20px 0;
    }
    .stat-box-lg h1 { font-size:36px; }
    .stat-box-sm h1 { font-size:18px; }
    .stat-box-lg p, .stat-box-sm p { font-size:12px; }
    .stat-box-lg p {  margin-top:17px }
    .stat-box-sm { height:45px; }
}

#marketing-overview {
    font-size:11px;
}
#marketing-overview div.alert, 
#marketing-overview div.well { margin:10px 0; padding:19px; }

#marketing-overview div.alert span,
#marketing-overview div.well span
 { 
    font-size:30px;
    font-weight:bold;
}

div.overview-panel{
    height:410px;
    overflow:auto;
}


/* * * * * * * * * * Bootstrap Overrides * * * * * * * * * * * */

.valign-center {

}
@media (min-width: 479px) {
    .valign-center {
        display:flex;
        align-items:center;
    }
}
.btn-link {
    line-height:normal;
    padding:0;
    vertical-align:unset;
}

.navbar {
    border-radius: 4px;
    border: none;
    margin-bottom: 0;
    min-height: 0;
    position: relative;
}
@media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFF;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: transparent;
        color: #ffe000;
    }
}
.navbar-default {
    border-color: none;
    background-color:#4072b8;
}
.navbar-nav > li > a {
    padding: 10px 15px;
}
@media(max-width:1000px) {
    .navbar-nav > li > a {
        padding: 10px;
    }
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.navbar-default .navbar-nav > li > a:focus,
 .navbar-default .navbar-nav > li > a:hover {
    background-color: #234b84;
    color: #fff;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #234b84;
    color: #fff;
}
.dropdown-menu > li > a:focus,
 .dropdown-menu > li > a:hover {
    background-color: #4072b8;
    color: #fff;
}

.panel .table { margin-bottom: 1px; }

.table { font-size: 12px; }


.callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 20px 0;
    padding: 20px;
}
.callout h3 {
    margin-bottom: 5px;
    margin-top: 0;
}
.callout p:last-child {
    margin-bottom: 0;
}
.callout code {
    border-radius: 3px;
}
.callout + .callout {
    margin-top: -5px;
}
.callout-danger {
    border-left-color: #a94442;
}
.callout-danger h3 {
    color: #a94442;
}
.callout-warning {
    border-left-color: #8a6d3b;
}
.callout-warning h3 {
    color: #8a6d3b;
}
.callout-info {
    border-left-color: #2563A8;
}
.callout-info h3 {
    color: #2563A8;
}
.callout-success {
    border-left-color: #3c763d;
}
.callout-success h3 {
    color: #3c763d;
}

.alert-primary {
    background-color: #cadae8;
    border-color: #4A80AB;
    color: #1d355e;
}

.label-as-badge {
    border-radius: 1em;
}
.inline {display:inline;}

input { max-width: 250px; }
/*.radio label, .checkbox label {
    padding-left: 0;
}*/

.checkboxoverride {
    margin:20px;
}
.modal-header.bg-primary,
.modal-header.bg-info,
.modal-header.bg-success,
.modal-header.bg-warning,
.modal-header.bg-inverse {
    border-radius: inherit;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.bg-inverse {
    background-color: #333;
    color:#FFF;
}
.bg-alt {
    background-color: #f0f0f0;
}
text-alt { color:#333; }

.bg-inverse .close, .bg-primary .close { color:#FFF; opacity:1; }

.text-info { color: #0088d2; }

.form-group-xs .input-group input.form-control,
.form-group-xs input.form-control {
    font-size:10px;
    padding: 3px 5px;
    height: 24px;
    border-radius: 2px 0 0 2px;
}
.form-group-xs .input-group .input-group-addon {
    font-size:10px;
    padding: 3px 5px;
    height: 24px;
    border-radius: 0 2px 2px 0;
}
.form-group-xs select.form-control {
    height:24px;
    font-size:12px;
    padding: 3px 5px;
    border-radius: 2px 0 0 2px;
    width:70px;
}

/*datatables bootstrap overides*/
.dt-bootstrap div.row {
    margin:0;
}
.dt-bootstrap div.row div.col-sm-12 {
    padding:0;
}

table.dataTable thead > tr > th {
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space:nowrap;
}

.dt-bootstrap .row:nth-child(3) {
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #dedede;
    background-color:#efefef;
}

/*Bootstrap like pagination styling for gridviews*/
.pagination-dme {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
 
.pagination-dme table > tbody > tr > td {
    display: inline;
}
 
.pagination-dme table > tbody > tr > td > a,
.pagination-dme table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #0088d2;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.pagination-dme table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.pagination-dme table > tbody > tr > td:first-child > a,
.pagination-dme table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.pagination-dme table > tbody > tr > td:last-child > a,
.pagination-dme table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.pagination-dme table > tbody > tr > td > a:hover,
.pagination-dme table > tbody > tr > td > span:hover,
.pagination-dme table > tbody > tr > td > a:focus,
.pagination-dme table > tbody > tr > td > span:focus {
    color: #005685;
    background-color: #eeeeee;
    border-color: #dddddd;
}