@import url("normalize.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300,600);
@import url(https://fonts.googleapis.com/css?family=Montserrat|Open+Sans);



/*----------------------------------------------------------
    Global Styles
-----------------------------------------------------------*/

html{}

body { font-size: 12px; font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, Sans-Serif; color: #232323; background-color: #fff; }

html,body{ margin:0; padding:0;}

h1, h2, h3, h4, h4, h5, h5{ }

h1, .h1{ font-size:36px;}

h2, .h2{font-size:30px; font-size:26px;}

h3, .h3{font-size: 24px;}

h4, .h4{ font-size: 18px;}

h5, .h5{  font-size: 14px;}

h6, .h6{  }

a,a:visited{ color: #D6001C; color:teal; color:#232323; text-decoration:underline; }
a:hover { color: #666; }
a.inactive { color: #D6001C; }
a.active { color: #000;  }

header, footer, nav, section { display: block; }

hr{ box-sizing: border-box; border:0; background:none; border-bottom:1px dotted;}


/*----------------------------------------------------------
    Helper Classes
-----------------------------------------------------------*/.

.clearFix { clear: both; }
.no-underline{text-decoration:none!important;}
.underline{text-decoration:underline!important;}

.shift-text{text-indent:-9999px; visibility:hidden;}


.lighter-text{font-weight:lighter;}
.dotted-underline{  border-bottom: 1px dotted;  margin-bottom: 20px;  margin-top: 10px; padding-bottom: 10px;}
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }


.nowrap{white-space:nowrap;}

.white-text{color:#fff!important;}

.red-text{color:#d72027!important;}

.gray-text{color:#6d6e71!important;}

/*----------------------------------------------------------
    Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #f00; padding: 3px 0; display: inline-block; display:block; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #f00; background-color: #fee; }

.validation-summary-errors { font-weight: bold; color: #f00; }

.validation-summary-valid { display: none; }

/*----------------------------------------------------------
    Editor Label/Field styles + basic form styles
-----------------------------------------------------------*/
[type=checkbox]:not(:checked){vertical-align: -webkit-baseline-middle;}

.editor-label, .display-label { margin: 1em 0 0; padding: 0px;  font-weight:bold;}
.editor-label { margin: 1em 0 0; padding: 0px;}
.editor-field { margin: 0.3em 0 0; display:block; position:relative;}
.editor-field input { width: 390px; height: 30px; }
.editor-field select { width: 390px; height: 40px; }
.editor-field textarea { width: 390px; height: 120px; }

.editor-field label{margin-top:5px; margin-bottom:5px;}

.topical-block { background: #f1f6f5 none repeat scroll 0 0; border: 1px solid #d5d5d5; display: block; line-height: 24px; margin: 20px 0; min-height: 250px; text-decoration: none;  transition: all 0.2s ease 0s; outline:0; opacity:1;}
.topical-block p{color: #303641 !important; margin: 10px !important;}

@media only screen and (max-width: 640px) {
  .editor-field input { width: 100%; min-width:200px; height: 30px; }
  .editor-field select { width: 100%; min-width:200px; height: 30px; }
  .editor-field textarea { width: 100%; min-width:200px; height: 120px; }
}



input[type="file"] { width: 290px; }

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    padding: 8px 10px;
    transition: all 0.2s ease 0s;
	min-height: inherit;
	
	vertical-align:top;
	

	
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus {
    border: 1px solid #d6001c;
    outline: medium none;
}



input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    display: inline;
    padding: 0;
    vertical-align: sub;
    width: 27px;
	min-width:27px;
	height:auto;
}

/*----------------------------------------------------------
    Frequency group and sub type classes
-----------------------------------------------------------*/

.frequency-group { }

.frequency-base { }

.frequency-weekly { }

.frequency-monthly { }


@media only screen and (min-width: 768px) {

    .frequency-group input[type="text"] { width: 50px; text-align: center; }

    .frequency-group select { margin-right: 5px; max-width: 120px; }

}



/*----------------------------------------------------------
    Global Generic Button class
-----------------------------------------------------------*/

button, input[type="button"], input[type="reset"], input[type="submit"], .leftNav a, .add a, .button, a.button, .btn { font-family:'Open Sans', sans-serif; font-size: 13px; width:auto; height: auto; background:#3DB7E4; padding: 7.5px 20px !important; border: none; color: #fff; box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); position: relative; text-decoration: none; outline: 0; margin-bottom:10px; display:inline-block; border-radius:3px !important; vertical-align:middle;}

.push-right{float: right;}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .leftNav a:hover, .add a:hover, .button:hover, a.button :hover,
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .leftNav a:active, .add a:active, .button:active, a.button :active,
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .leftNav a:focus, .add a:focus, .button:focus, a.button :focus, .btn:hover, .btn:focus, .btn.focus{background-color: #38A6CF; color:#fff;}

/*button, input[type="button"], input[type="reset"], input[type="submit"], .leftNav a, .add a, .button, a.button, .btn { cursor: pointer; font-size: 13px; font-weight: bold; min-width: 80px; height: auto; background:none; padding: 7.5px 20px; border: 0; color: #D6001C; font-style: normal; font-weight: normal; position: relative; text-decoration: none; outline: 0;  transition: all 0.2s ease 0s; width:auto; white-space:nowrap; margin-bottom:10px; display:inline-block; border-radius:0; vertical-align:middle; border:2px solid #D6001C; text-transform:uppercase; font-weight:700;}



button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .leftNav a:hover, .add a:hover, .button:hover, a.button :hover,
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .leftNav a:active, .add a:active, .button:active, a.button :active,
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .leftNav a:focus, .add a:focus, .button:focus, a.button :focus, .btn:hover, .btn:focus, .btn.focus{ background-color: #D6001C; color:#fff; border:2px solid #D6001C;}*/



/*----------------------------------------------------------
    Global Solid Type Button Classes
-----------------------------------------------------------*/

button.btn-solid, input.btn-solid[type="button"], input.btn-solid[type="reset"], input.btn-solid[type="submit"], .leftNav.btn-solid a, .add.btn-solid a, .button.btn-solid, a.button.btn-solid, .btn.btn-solid {font-family:'Open Sans', sans-serif; font-size: 13px; min-width: 80px; height: auto; background:gray; padding:8px 20px;  color: #fff; position: relative; text-decoration: none; outline: 0; margin-bottom:10px; display:inline-block; border-radius:0; vertical-align:middle;}



button.btn-solid:hover, input.btn-solid[type="button"]:hover, input.btn-solid[type="reset"]:hover, input.btn-solid[type="submit"]:hover, .leftNav.btn-solid a:hover, .add.btn-solid a:hover, .button.btn-solid:hover, a.button.btn-solid :hover,
button.btn-solid:active, input.btn-solid[type="button"]:active, input.btn-solid[type="reset"]:active, input.btn-solid[type="submit"]:active, .leftNav.btn-solid a:active, .add.btn-solid a:active, .button.btn-solid:active, a.button.btn-solid :active,
button.btn-solid:focus, input.btn-solid[type="button"]:focus, input.btn-solid[type="reset"]:focus, input.btn-solid[type="submit"]:focus, .leftNav.btn-solid a:focus, .add.btn-solid a:focus, .button.btn-solid:focus, a.button.btn-solid :focus, .btn.btn-solid:hover, .btn.btn-solid:focus, .btn.btn-solid.focus{ background-color: #38A6CF; color:#fff; }


/*button.btn-solid, input.btn-solid[type="button"], input.btn-solid[type="reset"], input.btn-solid[type="submit"], .leftNav.btn-solid a, .add.btn-solid a, .button.btn-solid, a.button.btn-solid, .btn.btn-solid { cursor: pointer; font-size: 14px; font-weight: bold; min-width: 80px; height: auto; background:gray; padding: 8px 20px; border: 0; color: #fff; font-style: normal; font-weight: normal; position: relative; text-decoration: none; outline: 0;  transition: all 0.2s ease 0s; width:auto; white-space:nowrap; margin-bottom:10px; display:inline-block; border-radius:0; vertical-align:middle; border:2px solid gray; text-transform:uppercase; font-weight:700;}



button.btn-solid:hover, input.btn-solid[type="button"]:hover, input.btn-solid[type="reset"]:hover, input.btn-solid[type="submit"]:hover, .leftNav.btn-solid a:hover, .add.btn-solid a:hover, .button.btn-solid:hover, a.button.btn-solid :hover,
button.btn-solid:active, input.btn-solid[type="button"]:active, input.btn-solid[type="reset"]:active, input.btn-solid[type="submit"]:active, .leftNav.btn-solid a:active, .add.btn-solid a:active, .button.btn-solid:active, a.button.btn-solid :active,
button.btn-solid:focus, input.btn-solid[type="button"]:focus, input.btn-solid[type="reset"]:focus, input.btn-solid[type="submit"]:focus, .leftNav.btn-solid a:focus, .add.btn-solid a:focus, .button.btn-solid:focus, a.button.btn-solid :focus, .btn.btn-solid:hover, .btn.btn-solid:focus, .btn.btn-solid.focus{ background-color: #333; color:#fff; border:2px solid #333;}

/*--*/--------------------------------------------------------
    Header Styles
-----------------------------------------------------------*/

/*Header*/
#header { height: 72px; background: #D6001C; color: #ffffff; /*font-family: Museo-300;*/ font-weight: normal; font-style: normal; min-width: 990px; background:#333; background:#ffffff; box-shadow:0 0 11px 0 #ccc}


@media only screen and (max-width: 768px) {
    #header { width: 100%; max-width:none; min-width:300px; }
}




/*fixed width header, remove comment out if want*/

.headerBox { display: block; height: 57px; margin: 0 auto; padding: 0; position: relative; text-align: left; width: 990px; }
.headerBox { width: 100%; }

.logo { background: url(../Images/wm-logo-red.svg) no-repeat scroll 0 0 transparent; float: left; height: 25px; width: 178px; margin-top: 24px; margin-left: 40px; margin-right: 20px; }


.logo-white{background: url(../Images/wm-logo-white.svg) no-repeat scroll 0 0 transparent;}

.logo-black{background: url(../Images/wm-logo-black.svg) no-repeat scroll 0 0 transparent;}

.logo-red{background: url(../Images/wm-logo-red.svg) no-repeat scroll 0 0 transparent;}

.logo h1 { margin: 0px; }
.logo h1 a { display: block; height: 25px; outline: 0 none; text-indent: -9999px; width: 180px; }

.headerTitle { width: 700px; height: 72px; }


@media only screen and (max-width: 768px) {

    .headerTitle { width: auto;   display: block;  float: left; }

}

.headerTitle h1, .headerTitle h1 a { color: #d6001c; font-size: 14px; letter-spacing: 1px; line-height: 72px; margin: 0; padding: 0; text-transform: uppercase; float: left; font-weight:800; text-decoration: none; outline:0;}

.headerTitle h1 a:hover { color: #d6001c; text-decoration: none; }

@media only screen and (max-width: 640px) {

	.logo {margin-right:0;}
	
   .headerTitle {display:none;}

    .headerTitle h1 { font-size:12px; line-height:normal; letter-spacing:normal; }
}



/*----------------------------------------------------------
    Top Bar styles
-----------------------------------------------------------*/

.sideChunk { float: left; }

.userBox { float: right; margin-right: 0px; margin-top: 0px; text-align: right; display:block; position:relative; z-index:9999;}

.topBar { float: right; height: auto; padding-right: 40px; padding-top: 17px; display: block; position: relative; z-index: 100;  }

.topBar a { color: #333; font-weight: bold; padding: 0 4px; padding: 0; text-decoration:none;}

.topBarIcon { font-size: 28px !important; margin-right: 5px; margin-left: 5px; vertical-align:middle; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; }

.topBarIcon:hover { color: darkred; }

@media only screen and (max-width : 768px) {

.topBar{padding-right:10px;}

}


/*-----------------------------------------------------------------------------------------------------
 Mobile icon navigation
------------------------------------------------------------------------------------------------------*/

.menu-navigation { float: right; }

.menu-nav-wrapper { float: right; padding: 0; padding: 0px 0px 0 0; }

.menu-nav-wrapper select{color:#333;}
.menu-nav-wrapper input{color:#333;}

.menu-nav-wrapper ul { margin:0; padding:0; }

.menu-nav-wrapper ul li { display: inline-block; vertical-align:top; line-height: 35px; }

.menu-nav-wrapper ul li a { display: block; font-size: 28px; text-align: center; width: 46px; color:#333; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s;}

.menu-nav-wrapper ul li a:hover {color: #D6001C; }

.menu-nav-wrapper ul li a span { text-indent: -9999px; position: absolute; top: -9999px; display:none;}




#menu-icon-solid { display: none; height: auto; width: 50px; text-align: center; font-size: 30px; }

#menu-icon-solid i {  }

#menu-icon-solid span { text-indent: -9999px; position: absolute; top: -9999px; }

.nav-domain-drop-item { vertical-align:bottom;}

.nav-domain-drop-item select { min-width:185px;}

.nav-domain-drop-item span{ min-width:185px;  padding-right: 35px; background:#fff; color:#333;}


.nav-domain-drop-item label { padding:10px;}

@media only screen and (max-width : 768px) {

    .menu-navigation { }

    .menu-nav-wrapper { float: right; height: 56px; width: 50px; padding: 0; }

    .menu-nav-wrapper ul li { display: block;  color:#d72027; }

    .menu-nav-wrapper ul li a { display: block; float: none; font-size: 23px; text-align: left; text-decoration: none; width: 100%; color:#d72027; }

    .menu-nav-wrapper ul, .menu-nav-wrapper nav:active ul { display: none; position: absolute; padding: 20px; background: #fff; border: 3px solid #444; right: 20px; top: 57px; width: 50%; width: auto; border-radius: 0; z-index: 99; min-width:250px; text-align:left;}
	
	

    .menu-nav-wrapper ul nav li { text-align: center; width: 100%; padding: 10px 0; margin: 0; }

    .menu-nav-wrapper ul li a span { font-size: 15px; padding-left: 5px; position: relative; text-decoration: none; text-indent: 0; top: 0; display:inline;}


    .menu-navigation:hover ul { display: block; }

    #menu-icon-solid { display: inline-block; margin-top:-3px; padding-bottom:5px; }

    .nav-domain-drop-item select { min-width:135px; width:100%; }

    .nav-domain-drop-item label { padding-left:0;}
	
	
	.nav-domain-drop-item span{background:none; padding-right:0;}
	
}



/*----------------------------------------------------------
    custom styled global domain dropdown, only >1024+
-----------------------------------------------------------*/

@media only screen and (min-width : 769px) {

#client_drop_down:hover{color:#3DB7E4;}

#client_drop_down select { background: transparent; width: 170px; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; color: #fff; line-height: 1; border: 0; border-radius: 0; height: 24px; -webkit-appearance: none; }

.nav-domain-drop-item.type1 { background: transparent none repeat scroll 0 0; height: 38px; overflow: hidden; position: relative; /*width: 190px;*/  }



.nav-domain-drop-item.type1 select { background: transparent none repeat scroll 0 0 !important; color: #333; display: block; width: auto; overflow:hidden; position: relative; z-index: 999; padding-right: 50px; text-align: left; border: 0; 

text-align-last:right; /*text-align:last necessary for chrome select boxes*/ 
-ms-text-align-last: left;
  -moz-text-align-last: left;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  height:34px;
  padding-top: 0;
  padding-bottom: 0;
}





.nav-domain-drop-item.type1 select::-ms-expand {
    display: none;
}


.nav-domain-drop-item.type1:after { content: "\f107"; color: #333; font-family: FontAwesome; font-size: 18px; font-style: normal; font-weight: normal; left: auto; padding-right: 0.5em; position: absolute; right: 0; text-decoration: inherit; display:block; float:right; right:0; top:6px; width:30px;}

.nav-domain-drop-item.type1 select > option { background:white; color: #333; text-align:left;}


.nav-domain-drop-item.type1 span{display:block; position:relative; z-index:99;}



}


/* IE10+ CSS styles only, adds border because select text-align not allowed */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     
     .nav-domain-drop-item.type1{border:1px solid white;}
}







/*----------------------------------------------------------
    Global Icon
-----------------------------------------------------------*/

.wms-icon { background: #d72027 none repeat scroll 0 0; border-radius: 35px; width:64px; background-clip: content-box; }

.fa-search-plus{position: absolute;
    top: 65px;
    left: -42px;
    color: #fff;
    font-size:90px !important;
}

/*----------------------------------------------------------
    Global Side Bar Navigation
-----------------------------------------------------------*/

    .global-menu-navigation { float: none;  position: fixed; position:relative; display:table-cell; z-index: 999; margin-top: 0px; background:#202a39; height:100%; min-height:530px; vertical-align:top; min-width:54px;    left: -1px; min-width:1px;}

    .global-menu-nav-wrapper { padding: 0; padding: 5px 10px 0 0;  padding: 0; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; }
	
		@media only screen and (min-width : 768px) {
	
	.global-menu-nav-wrapper{min-height:400px;}
	
	}
	
	
		@media only screen and (min-width : 1024px) {
	
	.global-menu-nav-wrapper{min-height:600px;}
	
	}
	
	
	@media only screen and (min-width : 1400px) {
	
	.global-menu-nav-wrapper{min-height:800px;}
	
	}
	

	

    .global-menu-nav-wrapper ul li { display: inline-block; border: 0; display: block; line-height: 35px; margin-top: 0px; padding: 7px 0px; transition: all 0.2s ease 0s; overflow:hidden;}

    .global-menu-nav-wrapper ul li:hover { }


    .global-menu-nav-wrapper ul li a {   color: #fff;
    display: table;
    float: none;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    width: 100%;
	padding-left:10px;
	padding-right:10px;
	}

    .global-menu-nav-wrapper ul, .global-menu-nav-wrapper nav:active ul {  background: #202a39 none repeat scroll 0 0;
    border-radius: 0;
    display: block;
    height: 100%;
    left: 0;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: auto;
    transition: all 0.2s ease 0s;
    width: auto;
	padding-top:10px;
	
    z-index: 99;}
	


    .global-menu-nav-wrapper ul nav li { text-align: center; width: 100%; padding: 10px 0; margin: 0; }

    .global-menu-nav-wrapper ul li a span { 
    color: #fff;
    display: table-cell;
    overflow: hidden;
    padding-left: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-indent: -1000px;
    top: 0;
    transition: all 0.2s ease 0s;
    white-space: nowrap;
    width: 100%; 
	vertical-align:top;
	
	}


	
.global-menu-navigation:hover ul li a span{color: #fff; text-indent:0px; padding-left: 10px;}

    .global-menu-nav-wrapper ul li a:hover span {   color:#d6001c; color:#ccc;}
	
    .global-menu-nav-wrapper ul li a > .wms-icon {  
    display: table-cell;
    position: relative;
    transition: all 0.2s ease 0s;
    width: 34px; 
	background:none;

	border-radius:0;
	opacity:0.5;
	
	}

    .global-menu-nav-wrapper ul li a:hover > .wms-icon { background: darkred; background:#364255; background:none; opacity:1; }

    .global-menu-navigation:hover ul { display: block; width: 230px; left:0; height:100%; }
	

	
	

    #menu-icon-global-home { display: none; width: 57px; text-align: center; font-size: 30px; color: white; background: #d72027 none repeat scroll 0 0; display: inline-block; transition: all 0.2s ease 0s;  text-align:left; padding-left:14px; display:none;}

	#menu-icon-global-home span { text-indent: -9999px; position: absolute; top: -9999px; }

	
    .global-menu-navigation:hover #menu-icon-global-home { width: 230px; }

.nav-domain-drop-item { vertical-align: bottom; }




/*nested ul/ol elements*/

.global-menu-nav-wrapper ul li ul, .global-menu-nav-wrapper ul li ol{ margin: 10px 0; padding: 10px 0; background:#3e4a5f; box-shadow:0 0 8px 3px #222; display:none;}

.global-menu-nav-wrapper ul li ul li, .global-menu-nav-wrapper ul li ol li{border:0;  font-size: 11px;line-height: 18px; color:white; padding-left:10px; padding-right:10px;}

.global-menu-nav-wrapper ul li ul li.active, .global-menu-nav-wrapper ul li ol li.active{ cursor:pointer;}

.global-menu-nav-wrapper ul li ul li span, .global-menu-nav-wrapper ul li ol li span{  font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, Sans-Serif; font-size: 11px;}



.global-menu-navigation:hover .global-menu-nav-wrapper ul li ol{display:block;}



@media only screen and (max-width : 1420px) {

    /*ipad tweak
    .global-menu-navigation { margin-top: 0px; position: absolute; }
    #menu-icon-global-home { font-size: 18px; }*/
}

@media only screen and (max-width : 667px) {

    /*ipad tweak
    .global-menu-navigation {  position: relative; height:15px; }*/

}


/*custom left nav global logo fixes*/



ul.module-list li:nth-child(1) > a img.wms-icon{transform: scale(1.4); -webkit-backface-visibility: hidden;} /*clean, hygine*/

ul.module-list li:nth-child(2) > a img.wms-icon{transform: scale(1.6); -webkit-backface-visibility: hidden;} /*form builder*/

ul.module-list li:nth-child(3) > a img.wms-icon{transform: scale(1); -webkit-backface-visibility: hidden;} /*relationship builder*/

ul.module-list li:nth-child(4) > a img.wms-icon{transform: scale(1.7); -webkit-backface-visibility: hidden;} /*promotions*/

ul.module-list li:nth-child(5)> a img.wms-icon{transform: scale(1.2); -webkit-backface-visibility: hidden;} /*track*/

ul.module-list li:nth-child(6) > a img.wms-icon{transform: scale(1.2); -webkit-backface-visibility: hidden;} /*contest builder*/

ul.module-list li:nth-child(7) > a img.wms-icon{transform: scale(1.2); -webkit-backface-visibility: hidden;} /*template builder*/

ul.module-list li:nth-child(8) > a img.wms-icon{transform: scale(1.5); -webkit-backface-visibility: hidden;} /*AB*/



/*forced active fixed-state state, add instance of .fixed-state to .global-menu-navigation in order to fix in position*/

.fixed-state{}

.fixed-state.global-menu-navigation #menu-icon-global-home{width:250px;}


.fixed-state.global-menu-navigation ul {
    display: block;
    width: 230px;
    left: 0;
    height: 100%;
}


.fixed-state.global-menu-navigation ul li a span {
    color: #fff;
    text-indent: 0px;
    padding-left: 10px;
}


.fixed-state.global-menu-navigation .global-menu-nav-wrapper ul li ol , .fixed-state.global-menu-navigation .global-menu-nav-wrapper ul li ul {
    display: block;
}






/*----------------------------------------------------------
    Footer Styles
-----------------------------------------------------------*/

#footer {  border-top: 1px solid #e5e5e5;
    bottom: 0;
    clear: both;
    color: #777;
    font-size: 11px;
    height: 60px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    position: relative;
    text-align: right;
    width: 100%;
	

	}
	
.footerBox { background: none repeat scroll 0 0 transparent; display: block; margin: 0 auto; padding: 0; position: relative; bottom: 0; text-align: center; margin-bottom: 15px; margin-top: 15px;  }
/*end footer*/


/*----------------------------------------------------------
    Modal loader styles
-----------------------------------------------------------*/

/*ajax modal layover*/
.ajaxModal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; /*background: rgba( 255, 255, 255, .8 ) url('../Images/ajax-loader.gif') 50% 50% no-repeat;*/ background: rgba( 170, 170, 170, .3 )   }

/*
.loading {
    display: table-cell;
    height: 100%;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 100%;
	display: none; 
}
*/

.loadingBlock {
    background: #d6001c url("../Images/updateprogress.gif") no-repeat scroll 20px center;
    border: 3px solid #d6001c;
    border-radius: 7px;
    bottom: 0;

    color: white;
    display: block;
    font-weight: bold;
    height: 80px;
    left: 0;
    margin: auto;
    padding: 28px 15px 10px 86px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 400px;
}



/*----------------------------------------------------------
    Primary Layout Structure
-----------------------------------------------------------*/

.mainWrapper {    min-height: 100%;  position: relative; }

.main { display: table; display:block; margin: 0 auto; max-width: 1280px;  width:100%; min-width: 990px; padding: 0;  margin-top:0px; padding:0 10px 0 10px; display:table-cell;  vertical-align:top;}


@media only screen and (min-width : 1280px) {
.main {max-width:none; }
}



@media only screen and (max-width: 768px) {
    .main { width: 100%;  max-width:none; min-width:300px; margin-top:0px;}
}

@media only screen and (max-width: 640px) {
    .main {margin-top:0px; }
}


/*global overide for ems portal*/
.main.main-dashboard{margin:0 auto!important; display:table!important;}



.mainContent { display: block; float: left; position: relative; width: 770px; width: 100%; display: table-cell;display:block; float: none; position: relative; width: auto; width: 100%;  padding:15px; padding-top:20px; padding-bottom:50px}


@media only screen and (max-width: 1024px) {
    .mainContent {  }
}



.mainContent h2:first-child, .mainContent div:first-child h2{ border-bottom: 1px dotted; margin-bottom: 20px; margin-top: 10px; padding-bottom: 10px; border:0!important; margin-bottom:0!important;}



.block { background: #ffffff none repeat scroll 0 0; border-radius: 0px; padding: 10px !important; }



/*----------------------------------------------------------
    table alternate grid styles
-----------------------------------------------------------*/

table.tableGridAlternate { border-bottom: none; margin: 10px; border:0; background: #fff;} 


.tableGridAlternate td { vertical-align: middle; padding: 10px; line-height: normal; } 

.tableGridAlternate tr:nth-child(2n+2) { border: 1px solid #CCCCCC; background-color: #f5f5f5;; border:1px solid #e6e6e8; border-left:0; border-right:0;  border:0;}

.tableGridAlternate td:first-child {color:#3DB7E4; font-weight: bold; } 

.tableGridAlternate a { text-decoration: underline; }

.tableGridAlternate td a { line-height: normal; padding: 2px 0; }

.tableGridAlternate th { font-weight: bold; background: #fff; color: #ccc; font-size: 13px;  padding: 15px 4px;  } 

.tableGridAlternate td a:hover { text-decoration: underline; }

table.tableGridAlternate { width: 100%; }

/*table.tableGridAlternate { border: 1px solid #ccc; border:0; background: #fff; margin-bottom: 1em; border-bottom:1px solid #d5d5d5;}

.tableGridAlternate td { vertical-align: middle; padding: 10px; border: 1px solid #CCCCCC; line-height: normal; }

.tableGridAlternate tr:nth-child(2n+2) { border: 1px solid #CCCCCC; background: #eeeeee; border:1px solid #e6e6e8; border-left:0; border-right:0;  border:0;}

.tableGridAlternate td:first-child { font-weight: bold; }

.tableGridAlternate a { text-decoration: underline; }

.tableGridAlternate td a { line-height: normal; padding: 2px 0; }

.tableGridAlternate th { font-weight: bold; background: #555555; font-size: 13px; border: 1px solid #b6b6b8; padding: 15px 4px; color: #fff; }

.tableGridAlternate td a:hover { text-decoration: underline; }

table.tableGridAlternate { width: 100%; }*/



/*----------------------------------------------------------
    table grey
-----------------------------------------------------------*/

.tableGrey { border-collapse: collapse; border-spacing: 0; width: auto; border: 0; }


.tableGrey tr:nth-child(2n) { background:#f9f9f9;}


.tableGrey th { background:#fff; font-weight: normal; font-size: 13px; padding: 15px 5px; /*text-align: center;*/ font-weight: bold; color:#ccc;  text-transform:uppercase; border-top:0; border-bottom:0; /*border-left:1px solid #202a39;*/}

.tableGrey th:last-child{/*border-right:1px solid #202a39;*/}


.tableGrey td { /*border: 1px solid #d5d5d5;*/ padding: 20px 10px; vertical-align: middle; border-top:0; border-bottom:0;  }
.tableGrey td a {
    color: #3DB7E4;
    text-decoration: none;
}

.tableGrey th a{color:#3DB7E4; text-decoration: none;}

/*.tableGrey { border-collapse: collapse; border-spacing: 0; width: 100%; border: 0; }

.tableGrey tr:nth-child(2n) { background-color: #eeeeee; background:#f1f6f5;}


.tableGrey th { background:#D6001C; background:#202a39; font-weight: normal; font-size: 12px; padding: 15px 10px; text-align: center; font-weight: bold; color:#fff;  text-transform:uppercase; border-top:0; border-bottom:0; border-left:1px solid #202a39;}

.tableGrey th:last-child{border-right:1px solid #202a39;}


.tableGrey td { border: 1px solid #d5d5d5; padding: 8px 10px; vertical-align: middle; border-top:0; border-bottom:0;  /*white-space:nowrap;*/ }

/*.tableGrey th a{color:#fff;}*/


/*----------------------------------------------------------
    WmsTable
-----------------------------------------------------------*/

.WmsTable { }

.WmsTableTitleRow {font-family: 'Montserrat', sans-serif; height: 20px; }

 .WmsTableTitleRow th { padding-bottom: 30px; min-width: 95px; }

.WmsTableTitleRow th a{color:#ccc; font-size:13px; text-decoration:none; } 
.WmsTableTitleRow th a:hover{color: #3DB7E4;} 

.WmsTableTitleRow th a + i{margin-left:5px;}

.WmsTableHeaderColor { background-color: #FFE4C4 !important; }

.WmsTableMapToSelect { margin-left: 15px; float:left; margin-right:15px; }

.customFieldNameField { display: block; margin: 10px auto 0; text-align: center; margin-left: 5px; width: 120px; }


input.customFieldNameField{width:125px; margin:0px; margin-left:15px; white-space:nowrap}

.customFieldSelect { width: 75px; min-width: 57px; margin: 10px auto 0px 5px; }

.customFieldInputData { width: 80px; margin: 10px auto 0px 5px; text-align: center; }

.additionalColumnNameInput{text-align: center; width: 200px;}

/*.WmsTable { }

.WmsTableTitleRow { height: 20px; }

.WmsTableTitleRow th {  min-width: 95px; }

.WmsTableTitleRow th a{color:#fff; text-decoration:none; } 

.WmsTableTitleRow th a + i{margin-left:5px;}

.WmsTableHeaderColor { background-color: #FFE4C4 !important; }

.WmsTableMapToSelect { margin-left: 15px; float:left; margin-right:15px; }

.customFieldNameField { display: block; margin: 10px auto 0; text-align: center; margin-left: 5px; width: 120px; }


input.customFieldNameField{width:125px; margin:0px; margin-left:15px; white-space:nowrap}

.customFieldSelect { width: 75px; min-width: 57px; margin: 10px auto 0px 5px; }

.customFieldInputData { width: 80px; margin: 10px auto 0px 5px; text-align: center; }

.additionalColumnNameInput{text-align: center; width: 200px;}*/



/*----------------------------------------------------------
    table action icon buttons
-----------------------------------------------------------*/

.iconType{ color: #202a39; font-size: 16px; transition: all 0.2s ease 0s; }

.iconType:hover{color:darkred;}


/*----------------------------------------------------------
    Global login page styles
-----------------------------------------------------------*/



@media only screen and (min-width: 640px) {
  .loginMain { display: table; margin: 0 auto; position: relative; width: 318px; }

.loginMainBox { border-radius: 0px; display: table; margin-right: 0; margin-top: 30px; padding: 10px 25px 25px; width: 400px; }

}

@media only screen and (max-width: 736px) {

.loginMainBox {margin-top:0;}

}

.loginSubmitBtnBox {text-decoration:none; float: left; margin-bottom: 25px; margin-top: 15px; width: 45%; border-radius: 3px;}

.loginSubmitCtaBox { /*background: gray none repeat scroll 0 0;*/ float: right; margin-bottom: 15px; margin-top: 15px; /*padding:0;*/ text-align: center; width: 45%;  /*line-height: 20px;*/ }

.loginSubmitCtaBox a{font-family:'Open Sans', sans-serif;  color: #fff; background-color: #ccc; text-decoration:none; border-radius: 3px; padding: 8px 3px; display:block; font-size:14px; transition: all 0.2s ease 0s;}


.loginSubmitCtaBox a:hover{background:#333; border-radius: 3px;}

.loginMain input[type="submit"]{font-family:'Open Sans', sans-serif; border:none; background-color:#3DB7E4; color:#fff; border-radius: 3px; width: 100%; padding: 9px 3px;}



/*.loginSubmitBtnBox { float: left; margin-bottom: 25px; margin-top: 15px; width: 45%; }

.loginSubmitCtaBox { background: gray none repeat scroll 0 0; float: right; margin-bottom: 15px; margin-top: 15px; padding:0; text-align: center; width: 45%;  line-height: 20px; }

.loginSubmitCtaBox a{color:white; text-decoration:none; padding: 10px 3px; display:block; font-size:14px; transition: all 0.2s ease 0s; border:2px solid gray; font-weight:700; text-transform:uppercase;}


.loginSubmitCtaBox a:hover{background:#333; border:2px solid #333;}

.loginMain input[type="submit"] { width: 100%; padding:10px 1em;}*/


@media only screen and (max-width: 736px) {

.loginSubmitCtaBox  a .fa{display:none;}

}



/*----------------------------------------------------------
    bootstrap core form overides
-----------------------------------------------------------*/

.form-group{margin:0;}



/*----------------------------------------------------------
     bootstrap datetimepicker overides
-----------------------------------------------------------*/

.bootstrap-datetimepicker-widget { }

.timepicker-picker { }

.bootstrap-datetimepicker-widget .timepicker-picker .btn { background: none; color: inherit; margin: 0; padding: 0; }

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: #d72027; text-shadow: 0 0 0 rgba(0, 0, 0, 0); }

.bootstrap-datetimepicker-widget table td.today::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(0, 0, 0, 0.2) transparent #d72027; border-image: none; border-style: solid; border-width: 0 0 7px 7px; bottom: 4px; content: ""; display: inline-block; position: absolute; right: 4px; }



/*----------------------------------------------------------
    jquery ui modal dialog overides
-----------------------------------------------------------*/

body .ui-widget{font-family:'Open Sans', sans-serif;}

body .ui-dialog.ui-widget-content{background:#fff; /*border:5px solid #D6001C; border-left:0;border-right:0;*/border-radius:0; color:#464646; box-shadow: 0 0 4px #6d6e71; }

body .ui-dialog .ui-dialog-content div{vertical-align:middle;margin:8px 0; font-size:13px;}

body .ui-dialog .ui-dialog-titlebar { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0 0 0 0; position: relative; padding: 0; outline:0!important;  height:0;}

body .ui-dialog .ui-dialog-titlebar-close { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: none!important; background-color: #fff; background-image: url("themes/base/images/ui-icons_222222_256x240.png"); background-position:-95px -127px; min-width:auto;   outline: 0 none !important;  overflow: hidden; z-index: 999 !important; margin-top:3px; padding:10px !important; border:0;}

body .ui-dialog .ui-dialog-content {font-family:'Open Sans', sans-serif; padding: .4em 5em; outline:0!important;}
/*
body .ui-dialog .ui-dialog-title { float: left; margin: 24px 0 0 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; outline:0!important; color:#D6001C}*/

.ui-dialog .ui-dialog-title{height:0;    /*color: #333; height: auto;  padding: 10px 30px;*/}


body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button{font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, Sans-Serif!important; border-radius:0; font-size:13px;}


body .ui-widget input[type="button"],  body .ui-widget input[type="reset"], body .ui-widget input[type="submit"], body .ui-widget button{font-size:12px; margin-right:10px; padding: 9px 15px;}



body .ui-widget-overlay{background-image:none;  background: #aaa none repeat scroll 0 0 !important;
    opacity: 0.3 !important;}


body .ui-state-default .ui-icon{background-image: url("themes/base/images/ui-icons_222222_256x240.png");}

body .ui-dialog .ui-dialog-buttonpane{background:none; border:0;}

body .ui-dialog .ui-dialog-buttonpane button { background: /*#d6001c*/ #3DB7E4 none repeat scroll 0 0; border: 0 none; border-radius: 0; color: white; transition: all 0.2s ease 0s; font-weight:normal;}

body .ui-dialog .ui-dialog-buttonpane button:hover{ /*background:darkred;*/ background-color:#3DB7E4; color:white;}


/*body .ui-widget{font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, Sans-Serif;}

body .ui-dialog.ui-widget-content{background:#fff; border:5px solid #D6001C; border-left:0;border-right:0;border-radius:0; color:#464646; }

body .ui-dialog .ui-dialog-content div{vertical-align:middle;margin:8px 0; font-size:13px;}

body .ui-dialog .ui-dialog-titlebar { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0 0 0 0; position: relative; padding: 0; outline:0!important;  height:0;}

body .ui-dialog .ui-dialog-titlebar-close { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); background-image: url("themes/base/images/ui-icons_222222_256x240.png"); background-position:-95px -127px; min-width:auto;   outline: 0 none !important;  overflow: hidden; z-index: 999 !important; margin:3px; border:0;}

body .ui-dialog .ui-dialog-content { font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, Sans-Serif!important; padding: .4em 2em; outline:0!important;}
/*
body .ui-dialog .ui-dialog-title { float: left; margin: 24px 0 0 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; outline:0!important; color:#D6001C}*/

/*.ui-dialog .ui-dialog-title{height:0;    /*color: #333; height: auto;  padding: 10px 30px;*/}


/*body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button{font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, Sans-Serif!important; border-radius:0; font-size:13px;}


body .ui-widget input[type="button"],  body .ui-widget input[type="reset"], body .ui-widget input[type="submit"], body .ui-widget button{font-size:14px; margin-right:10px;}



body .ui-widget-overlay{background-image:none;  background: #aaa none repeat scroll 0 0 !important;
    opacity: 0.3 !important;}


body .ui-state-default .ui-icon{background-image: url("themes/base/images/ui-icons_222222_256x240.png");}

body .ui-dialog .ui-dialog-buttonpane{background:none; border:0;}

body .ui-dialog .ui-dialog-buttonpane button { background: #d6001c none repeat scroll 0 0; border: 0 none; border-radius: 0; color: white; transition: all 0.2s ease 0s; font-weight:normal;}

body .ui-dialog .ui-dialog-buttonpane button:hover{ background:darkred; color:white;}*/

/*bootstrap btn remainder overides
.btn:hover, .btn:focus, .btn.focus{}*/


/*placeholder styles*/



.form-control::-webkit-input-placeholder {  color:#ccc;  }

.form-control::-moz-placeholder { /* Firefox 18- */ color:#ccc;  }

.form-control::-moz-placeholder { /* Firefox 19+ */  color:#ccc;}

.form-control::-ms-input-placeholder {  color:#ccc;}

.actionbtns #acpt { background: url(../img/gaccept.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #acpt:hover { background: url(../img/raccept.png) no-repeat; }
.actionbtns #rjct { background: url(../img/greject.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #rjct:hover { background: url(../img/rreject.png) no-repeat; }
.actionbtns #rspnd { background: url(../img/grespond.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #rspnd:hover { background: url(../img/rrespond.png) no-repeat; }
.actionbtns #ndrspns { background: url(../img/gneedResponse.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #ndrspns:hover { background: url(../img/rneedResponse.png) no-repeat; }
.actionbtns #dtails { background: url(../img/gdetails.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #dtails:hover { background: url(../img/rdetails.png) no-repeat; }

.actionbtns #delete { background: url(../img/button_cancel.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #delete:hover { background: url(../img/button_cancel.png) no-repeat; }

.actionbtns #rd { background: url(../img/rd.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #rd:hover { background: url(../img/rd.png) no-repeat; }

.actionbtns #hstry { background: url(../img/ghistory.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #hstry:hover { background: url(../img/rhistory.png) no-repeat; }
.actionbtns #edt { background: url(../img/gedit.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #edt:hover { background: url(../img/redit.png) no-repeat; }
.actionbtns #actv { background: url(../img/gactive.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #actv:hover { background: url(../img/ractive.png) no-repeat; }
.actionbtns #nactv { background: url(../img/ginactive.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #nactv:hover { background: url(../img/rinactive.png) no-repeat; }
.actionbtns #auth { background: url(../img/gauth.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }

.actionbtns #dsettings { background: url(../img/gsettings.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px; cursor: pointer; }
.actionbtns #dsettings:hover { background: url(../img/rsettings.png) no-repeat; }

table.tablesorter thead tr .thheader { background:#202a39  url(../img/bg.gif) center right no-repeat !important }
table.tablesorter thead tr .headerSortUp { background:#202a39  url(../img/asc.gif) center right no-repeat  !important }

table.tablesorter thead tr .headerSortDown {background:#202a39  url(../img/desc.gif) center right no-repeat  !important}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #007aa8; }