/** Add css rules here for your application. */

html {
    background-color: rgb(245, 245, 245);
}

html body {
    background-color: rgb(245, 245, 245);
}

table {
	border:none;
	border-top: none;
	margin-bottom: 0;
}

td {
	border:none;
	border-top: none;
}
table th, table td {
	padding: 2px;
}

tr {
	border:none;
	border-top: none;
}

table tr + tr td {
	border:none;
}

table th + th, table td + td {
	border: none;
}	

.gwt-FileUpload {
	cursor: pointer;
}

.addFiles {
}

.su-boxEmpty {
  	font-style: italic;
  	color: #aaa;
}

.uploadContent {
    background-color: #F5F5F5;
    /*border: 1px solid rgba(0, 0, 0, 0.05);*/
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding: 2px;
    width:440px;
/*     margin: 0 auto; */
}

.header-margin {
	margin-top: 3px;
}

.error {
    border-color: #C87872;
    box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
}
input:focus.error {
	border-color: #C87872;
    box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
}

.emailBox {
	/* margin-left: 28px; */
}

.prgbar-back {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #999999;
	height: 21px;
	overflow: hidden;
	padding: 1px;
	width: 100px;
	float: right;
	margin-top:5px;
}
.prgbar-done {
	background: #62CFFC none repeat scroll 0 0;
	font-size: 0;
	height: 100%;
	float: left;
}
.prgbar-msg {
	position: absolute;
	z-index: 9;
	font-size: 11px;
	font-weight: normal;
	margin-left: 3px;
	line-height: 21px;
}

.uploadTabStatusLabel {
	text-align: center;
	width: 100px;
	margin-top: 5px;
	margin-left: 40px;	
}

.uploadTabFilenameLabel {
	border-bottom: 1px solid #BFBFBF;
	padding-bottom: 5px;
}

table .blue {
	border-bottom: 1px solid #BFBFBF;
}

.headerPanel {
	vertical-align: top;
	overflow: hidden;
	height: 36px;
		
}

.progressStatus {
	text-align: center;
	height: 20px;
	padding: 0 !important;
	margin: 0 !important;
}

.activeProgress {
	color: white !important;
	font-weight: bold;
}

.doneProgress {
	color: white !important;
	font-weight: normal;
}

.pendingProgress {
	color: gray !important;
	font-weight: normal;
	font-style: italic;
}

.finishScreen {
	position: absolute; 
	top: 28px; 
	left: 4px; 
	margin: 0 auto; 
	z-index: 1; 
	width: 436px;
}
.progressIndicatorPanel1 {
	background-image: url("images/ProgressIndicatorFilled1.png");
}
.progressIndicatorPanel2 {
	background-image: url("images/ProgressIndicatorFilled2.png");
}
.progressIndicatorPanel3 {
	background-image: url("images/ProgressIndicatorFilled3.png");
}

.progressIndicatorPanelError {
	background-image: url("images/ProgressIndicatorFilledError.png");
}

.imageNext {
	background-image: url("images/next.png");
	width: 24px;
	height: 24px;
}

.restartButton {
	float: left !important;
}

.nextButton {
	float: right !important;
}

.finishScreenInnerContent {
	min-height: 265px;
}

.northmannSeveralFilesUploaderPanel {
	height: 32px !important;
}

.selectorElement {
	display: inline-block;
	float: left;
}

 .statusLeftFilled {
    float: left;
    width: 5px;
    height: 24px;
    background: url("./images/Left_Filled.png") left center no-repeat;
    margin-left: 5px;
}

.statusLeftError {
    float: left;
    width: 5px;
    height: 24px;
    background: url("./images/Left_Error.png") left center no-repeat;
    margin-left: 3px;
}


.statusRight {
    float: left;
    width: 5px;
    height: 24px;
    background: url("./images/Right.png") left center no-repeat;
}

.statusMiddleEmpty {
    float: left;
    height: 24px;
    background: url("./images/Middle_Empty.png") repeat-x;
}

.statusMiddleFilled {
    float: left;
    height: 24px;
    background: url("./images/Middle_Filled.png") repeat-x;
}

.statusMiddleError {
    float: left;
    height: 24px;
    background: url("./images/Middle_Error.png") repeat-x;
}

.statusArrowEmptyBoth {
    float: left;
    width: 13px;
    height: 24px;
    background: url("./images/Arrow_Empty_Both.png") left center no-repeat;
	
}

.statusArrowErrorBoth {
    float: left;
    width: 13px;
    height: 24px;
    background: url("./images/Arrow_Error_Both.png") left center no-repeat;
	
}

.statusArrowErrorLeft {
    float: left;
    width: 13px;
    height: 24px;
    background: url("./images/Arrow_Error_Left.png") left center no-repeat;
	
}

.statusArrowFilledBoth {
    float: left;
    width: 13px;
    height: 24px;
    background: url("./images/Arrow_Filled_Both.png") left center no-repeat;
	
}

.statusArrowFilledLeft {
    float: left;
    width: 13px;
    height: 24px;
    background: url("./images/Arrow_Filled_Left.png") left center no-repeat;
	
}

.departmentElement {
	width: 175px;
	background-color: #EEE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-height: 40px;
	margin: 5px 0px 5px 15px;
	padding: 5px 5px 5px 10px;
	cursor: pointer;
}

.departmentElement:hover {
  background-color: #ddd;
}

.selectedDepartment {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.gwt-PopupPanel {
	z-index: 1000;
}

.add-on-big {
	font-size: 16px;
}

h6.su-masterHeader {
    color: #999999;
}

input.su-section-switcher {
    float: left;
    margin: 3px 0 0 0;
}

.su-section-title {
    margin-left: 15px;
    margin-bottom: 10px;
    float: left;
    color: #999999;
}

.input-prepend.su-input-prepend.right {
    margin-right: 0;
}

.input-prepend.su-input-prepend span {
    width: 50px;
}

.input-prepend.su-input-prepend.long-label span {
    width: 80px;
}

.input-prepend.su-input-prepend input {
    width: 140px;
}

.input-prepend.su-input-prepend.long-label input {
    width: 110px;
}

.input-prepend.su-input-prepend.full-width {
    width: 428px;
    margin-right: 0;
}

.input-prepend.su-input-prepend.full-width input {
    width: 358px;
}

.input-prepend.su-input-prepend.full-width.long-label input {
    width: 328px;
}

.input-prepend.su-input-prepend {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 3px;
}

.su-section {
    margin-bottom: 10px;
}

.su-textarea-block {
    width: 428px;
    margin-right: 0;
}

.su-textarea-block .add-on {
    color: #999999;
}

.su-textarea-block textarea {
    width: 417px;
}
    
.help-block.su-help-block {
    font-size: 13px;
}

.su-select-prepend select {
    height: 28px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.su-delivery-method-block {
    display: inline-table;
    color: #999999;
    height: 40px
}

.su-delivery-method-block select {
    width: 150px;
}

.su-department-address {
    display: block;
    word-wrap: normal;
    float: right;padding-left: 5px;
    border: 1px solid #CCCCCC;
    border-top: none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    width: 143px;
}

.su-address-table-cell {
    display: table-cell;
    width: 210px;
}

.su-department-address-wrapper {
    display: block;
    width: 100%;
}

.su-delivery-method {
    display: table-cell;
}

select:focus {
    outline: 0;
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.su-prompt-text {
    margin-left: 5px;
}

.su-comment-label {
    margin-left: 5px;
    margin-top: -16px;
}

.su-comment-area {
    width: 418px;
    height: 60px;
    margin-left: 4px;
}

.su-atSign-label {
    width: 16px;
}

.su-phoneLabel {
    top: 0;
}

.su-chevron {
    font-size: 16px;
    color: #767676;
    cursor: pointer;
    vertical-align: middle;
}

.su-chevron:focus {
    outline: none;
}

.su-advanced-panel {
    margin: -34px 4px 20px 4px;
}

.su-chevron-panel {
    margin-left: 0px;
    margin-top: 5px;
    /*height: 100%;*/
    width: 40px;
    text-align: center;
}

.glyphicon-plus {
    margin-left: 3px;
}

.glyphicon-plus:hover, .glyphicon-plus:focus {
    color: #468847;
}

.glyphicon-minus:hover, .glyphicon-minus:focus {
    color: #b94a48;
}

.su-email-panel {
    width: 210px;
    margin-left: 4px;
}

.su-phone-panel {
    width: 210px;
    margin-left: 7px;
}

.su-name-panel {
    width: 383px;
    margin: 5px 0 0 4px;
}

.su-status-scroll {
    width: 100%;
}

.su-send-button {
    width: 100px;
    margin-top: 5px;
    height: 27px;
}

.su-file-chooser-button {
    margin-left: 219px;
    margin-top: 3px;
}

.right-inner-addon {
    position: relative;
    display: inline-block;
}
.right-inner-addon input {
    padding-right: 30px;
    width: 113px !important;
}
.right-inner-addon i {
    position: absolute;
    right: 0;
    padding: 5px 7px;
    cursor: pointer;
}

.su-calendar-icon {
    color: #999999;
}

.su-calendar-icon:hover {
    color: rgba(82, 168, 236, 0.6);
}

.su-time-chooser-panel {
    color: #999999;
    display:table;
    width: 100%;
    margin: 0 0 5px 0;
}

.su-time-chooser-panel span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 5px;
}

.su-time-chooser-panel select {
    display: table-cell;
    width: 80px;
    margin-right: 5px;
    font-size: 12px;
}

.su-time-chooser-panel div {
    display: table-cell;
    vertical-align: middle;
}

.su-time-chooser-panel button {
    margin-right: 5px;
    color: #468847;
}

.gwt-DateBox {
    padding: 5px 4px;
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    font-size: 100%;
}

.gwt-DateBox input {
    width: 8em;
}

.dateBoxFormatError {
    background: #ffcccc;
}

.dateBoxPopup table.gwt-DatePicker {
    width: initial;
}

.DecoratedFileUpload.uploadButton {
    padding: 5px;
    top: -5px;
    left: -5px;
}


.su-duplicated-submitButton {
    width:100%;
    height:30px;
}

.su-duplicated-submitButton button {
    margin-right: 5px
}