﻿.border-1 { border: 1px solid #3B4144;}
.border-right-1 { border-right: 1px solid #3B4144;}
.border-left-1 { border-left: 1px solid #3B4144;}
.border-left-thin-i { border-left: 1px solid #3B4144 !important;}

.disabled {
	color: Gray !important;
	cursor: default !important;
	text-decoration: none !important;
}

html, body {overflow: hidden;overflow-y: auto; }
body {overflow: hidden;}

.applications-dashboard {
	text-align: left;
	width: 450px;
	margin: auto;
	padding-top: 250px;
}

.applications-dashboard h4 {
	font-size: 24px;
}

.applications-dashboard .tiles-container{
	margin:auto;
	width: 100%;
	margin-top: 12px;
}

.applications-dashboard .tiles-container .tile {
	background: url("./../images/grey_3_160.png") repeat-x;
	border: 1px solid #292D2F;
	color: #000000;
	float: left;
	height: 124px;
	margin-right: 10px;
	padding: 18px;
	width: 124px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 23px;
	line-height: 32px;
	float: left;
	cursor: pointer;
}

.applications-dashboard .tiles-container .tile:not(.disabled):hover{
	background: #404b51;
	padding: 19px;
	width: 122px;
	height: 122px;
	float: left;
}

.applications-dashboard .tiles-container .tile:not(.disabled):hover a {
	color: #e8e8e8;
}

.applications-dashboard .tiles-container .tile.disabled {
	cursor: auto;
}

.applications-dashboard .tiles-container .tile-wrap {
    position: relative;
    float: left;
}

.multi-country {
    position: absolute;
    top: 170px;
    padding-left: 5px;
    padding-right: 5px
}

.multi-country select {
    width: 150px !important;
}

.standardFont {font-size: 12px !important; color: #d5d5d5 !important; font-family: Arial, Helvetica, sans-serif !important; line-height: 20px !important;}

.hideit {}

a.button {height:12px !important;line-height: 12px !important; color: #FFFFFF !important;}

#tagList { overflow-x: hidden; }
#tagList .tag { max-width: 370px !important;}
#tagList .tag span#tagText { max-width: 350px !important;float: left;}

span.ui-default-big-user-icon { width: 36px;height: 36px;background: url('./../images/user.png') no-repeat;display: inline-block;}
.ui-tool-dashboard-header {float: left; padding-bottom: 15px;width: 100%;}
.ui-tool-dashboard-header #poweredby{ margin-top: 12px;}
.ui-tool-dashboard-header > h5 { margin-top: 5px;}
.ui-tool-dashboard-statistics-table { width: 100%;border-spacing: 0; border-collapse:collapse; mso-cellspacing: 0px; }
.ui-tool-dashboard-statistics-table > thead > tr > td { text-align:center;}
.ui-tool-dashboard-statistics-table > thead > tr > td.amount { width:90px;}
.ui-tool-dashboard-statistics-table > tbody > tr > td.amount { text-align:center; color: #D5D5D5; font-size: 16px; font-weight: bold; }

.common-operations-buttons-container {margin: 0 !important; padding: 10px 0px !important; }
.common-operations-buttons-container > .container-inner { float: right;}

/* BEGIN: _Layout.cshtml -> Generic error baloon styling */
.ui-notification-balloon { position:fixed; margin-top:10px; width:100%;z-index: 1000;}
.ui-notification-balloon .ui-notification-balloon-wrapper-outer { margin: 25px auto; /*Left menu + margin*/ width: 1200px !important; }
.ui-notification-balloon .ui-notification-balloon-wrapper-inner { padding-left: 253px; }
.ui-notification-balloon .ui-notification-balloon-shadow { padding: 5px; cursor: pointer; }
.ui-notification-balloon .ui-notification-balloon-shadow 
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	background: url("themes/fixeddark/images/alertOpacityOverlay.png") repeat scroll 0 0 transparent; 
}
.ui-notification-balloon .ui-notification-balloon-shadow .nNote {margin: 0 !important; width: 736px;padding: 10px 100px;}
/* END: _Layout.cshtml -> Generic error baloon styling */

/* BEGIN: AJAX Forms markers */
.ajax-form-dialog {}
.ajax-form-dialog .ajax-form {}
.ajax-form-dialog .ajax-form .ajax-form-submit-button {}
/* END: AJAX Forms markers */

/* BEGIN: Form Elements */
.selectorContainer select { display: none; }
.selectorContainer.width75p > .jqTransformSelectWrapper { width: 105% !important;z-index: 10; }
.selectorContainer.width75p > .jqTransformSelectWrapper > div > span { width: 248px !important; }
.selectorContainer.width75p > .jqTransformSelectWrapper > ul { width: 100% !important;overflow-x: hidden !important; }

.selectorContainer.width59p > .jqTransformSelectWrapper { width: 105% !important;z-index: 10; }
.selectorContainer.width59p.downdropdown > .jqTransformSelectWrapper { width: 105% !important;z-index: 9!important; }
.selectorContainer.width59p > .jqTransformSelectWrapper > div > span { width: 158px !important; }
.selectorContainer.width59p > .jqTransformSelectWrapper > ul { width: 105% !important;overflow-x: hidden !important; }

.selectorContainer > .jqTransformSelectWrapper ul li a {min-height: 20px; max-height: 20px;overflow: hidden; }

.selectorContainer .jqTransformCheckboxWrapper { padding: 2px 12px 2px 2px;}
.selectorContainer .jqTransformCheckboxWrapper > span { padding-left: 4px;margin: auto;}
/* BEGIN: End Elements */

/* Group Checkboxes */
span.group-checkbox-wrapper{ display:block;float:left; margin-top:6px; }
.group-checkbox { background: transparent url(/Content/themes/fixeddark/images/forms/group-checkbox.png) no-repeat 0 0px ; vertical-align: middle; height: 16px; width: 15px; display:block; margin-top:2px/*display: -moz-inline-block;*/ }
.group-checkbox.all-checked { background-position: center -16px;} /* Checked - Used for both Radio and Checkbox */
.group-checkbox.some-checked { background-position: center -32px;} /* Checked - Used for both Radio and Checkbox */


.middleNav ul { float:left; margin: 25px 0px 10px 0px !important; }
.middleNav ul li { margin: 5px 0px 5px 25px !important; }
.clear{ clear: both; }

.wrapper { width: 1200px !important;}
.threeOne { width: 33%; }
.formRight { width: 52% !important; }
.rowElem { padding: 0px 14px !important; }
#filter.surveyProfile div.rowElem label { width: 13% !important; }
.avatarWrapper img { border: 1px solid white }

.activityWrapper img { border: 1px solid white }
#cave .editor-row .browseFileWrapper {margin-top: -28px; margin-left: 110px;}
.editor-form.smallActivity { width: 335px;margin: 0 auto;}

.content { width: 946px; }
.content .title { width: 946px; }

/* BEGIN: Elements - Pager */
.pagination { width: 946px; }
.pager a { color: white; }
.pager span.next {}
.pager span.previous {}
.pager span.toFirst {}
.pager span.formRight-button {}
.pager span.currentPage {}
.pageLink {}
.fg-button {}
.fg-buttonset {}
.fg-buttonset-multi {}
.ui-buttonset-multi {}
/* END: Elements - Pager */

#isAuthorizedCell.grayed-out .clickable { cursor: default !important;}

.searchCriteriaFirstColumn { width: 39%; }
.searchCriteriaButtonsColumn { padding-top: 63px; width: 20%; }
.hasDatepicker { width: 70% !important;margin-right: 2px !important; }
.ui-datepicker-trigger { cursor: pointer }

.countnofloat { font-size: 26px; height: 40px; display: inline-block; line-height: 41px; padding: 0 10px; -moz-box-shadow: 0 1px 0 #474c4f; -webkit-box-shadow: 0 1px 0 #474c4f; box-shadow: 0 1px 0 #474c4f; margin-right: 10px; border: 1px solid #292d2f; color: #fafafa; }
.statistics { height: 40px;width: 55px; display: inline-block; line-height: 20px; padding: 0 10px; -moz-box-shadow: 0 1px 0 #474c4f; -webkit-box-shadow: 0 1px 0 #474c4f; margin-right: 10px; border: 1px solid #292d2f; color: #fafafa; }
.statistics span { font-size: 13px !important; }
.stats p.grey { background: url("/Content/themes/fixeddark/images/count/grey.png") repeat-x; }
.statsSmall ul li { width: 80px !important;text-align: center;}
.statsData ul li { width: 40px !important;text-align: center;}
.autoHeight { height: auto; }
.width60 { width: 60px; }
.width75 { width: 75px; }
.width90 { width: 90px; }
.width110 { width: 110px}
.width120 { width: 120px}
.width150 { width: 150px; }
.width175 { width: 175px; }
.width200 { width: 200px; }
.width235 { width: 235px; }
.width250 { width: 250px; }
.width260 { width: 260px; }
.width275 { width: 275px; }
.width280 { width: 280px; }
.width300 { width: 300px; }
.width310 { width: 310px; }
.width350 { width: 350px; }
.width360 { width: 360px; }
.width375 { width: 375px; }
.width380 { width: 380px; }
.width400 { width: 400px; }
.width480 { width: 480px; }
.width700 { width: 700px;}
.width14p { width: 14% !important; }
.width20p { width: 20% !important; }
.width33p { width: 33% !important; }
.width35p { width: 35% !important; }
.width40p { width: 40% !important; }
.width59p { width: 59% !important;}
.width65p { width: 65% !important;}
.width75p { width: 75% !important;}
.width50p { width: 50% !important;}
.width60p { width: 60% !important;}
.width65p { width: 65% !important;}
.width80p { width: 80% !important;}
.width96p { width: 96% !important;}
.width100p { width: 100% !important;}
.height246 { height: 246px;}
.height300 { height: 300px;}
.height350 { height: 350px;}
.height390 { height: 390px;}
.height400 { height: 400px;}
.height450 { height: 450px;}
.height500 { height: 500px;}
.breakword { word-wrap: break-word; -mso-word-wrap: break-word;  word-break: break-all }
.tablenotopmargin { margin-top: 0px !important; }
.lineheight28px { line-height: 28px; }
.pointer { cursor: pointer }
.invisible { display: none; }
.mt50 { margin-top: 50px; }
.mr10 { margin-right: 10px; }
.mr50 { margin-right: 50px; }
.mr68 { margin-right: 68px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt25i { margin-top:25px !important;}
.stdLink { text-decoration: underline; }
.stdLink:hover { text-decoration: none; }

.scrollingDetailsTable{ height: 300px; overflow: auto;}
.scrollingDetailsTableRAP{ height: 600px !important; overflow: auto !important;}
.scrollingDetailsTableURECustomerProfile{ height: 315px; overflow: auto;}
.scrollingDetailsTableUREAnswers{ height: 305px !important;}
.scrollingDetailsTableUREProductKnowledge{ height: 305px !important;}
.scrollingDetailsTableURESales{ height: 305px !important;}
.scrollingDetailsTableURETiming{ height: 276px; overflow: auto;}
.scrollingDetailsTableTouchPointInfo{ height: 225px; overflow: auto;}
.scrollingDetailsTableCustomerProfileInfo{ height: 213px; overflow: auto;}
.scrollingDetailsTableMarketingMix{ height: 285px; overflow: auto;}
.scrollingDetailsTableSaleVolumes{ height: 235px; overflow: auto;}
.scrollingDetailsTableAnswers{ height: 285px; overflow: auto;}
.scrollingDetailsTableProductKnowledge{ height: 285px; overflow: auto;}
.scrollingDetailsTableBrands{ height: 285px; overflow: auto;}
.scrollingDetailsTableConsumerConcentration{ height: 285px; overflow: auto;}
.scrollingDetailsTableSDK{ height: 392px; overflow: auto;}
.scrollingDialog{ overflow: auto}
#table a:link, #table a:visited, #table a:active { text-decoration: underline }
#table a:hover { text-decoration: none }
.divCentered { margin: 0 auto; }
.grayed-out,
.option-disabled span.jqTransformCheckboxWrapper {
	 opacity: 0.35;
	 -moz-opacity: 0.35;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	cursor: default;
}
.option-disabled .clickable {cursor: default !important;}

.cancel { text-decoration: underline;cursor: pointer; }
.cancel:hover { text-decoration: none; }
input.cancel { text-decoration: none }
.middleNav ul li.toolMenu a span { padding: 17px;text-transform: uppercase; }
.middleNav ul li.selected a { background: url("/Content/images/orangebg.png") repeat-x scroll 0 0 transparent !important; }
.ui-dialog form { text-align: left; }
div.hr { background: url("./../images/linesSep.png") repeat-x scroll 0 0 transparent;height: 2px; }
.nNote span { font-size: 11px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656;display: block; }
#ui-datepicker-div { z-index: 1099 !important; }
span.jqTransformCheckboxWrapper { margin-top: 2px !important;margin-right: 5px; }
.nFailure ul { padding: 10px 25px 10px 54px; color: #565656;font-size: 11px;}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: normal;
  src: local('Cuprum'), url("./../fonts/sp1_LTSOMWWV0K5VTuZzvQ.woff") format('woff');
}

.rounded5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.vertical-tabs li {
	background: url(themes/fixeddark//images/titleBg.png);
	border: 1px solid #24272b;
	height: 33px;
	border-top: 1px solid #24272b;
	position: relative;
	color: #fafafa;
	font-family: 'Cuprum', sans-serif;
font-weight: normal;
	text-align: center;
	font-size: 10pt;
	padding-top: 5px;
	color: #fafafa;

}

/* behaviour */

.clickable { cursor: pointer; }

.container { width: 100%;float: left;}

/* one col with narrow right bar */
.onecol { width:100%; float:left; margin:0; }
.onecol .leftcol { width: 76%;float: left;margin-left: 1%;  margin-right: 1%;}
.onecol .rightbar { width: 18%;float: right;margin-left: 1%; margin-right: 1%; }

/* four columns*/
.fourcols { width:100%; float:left; margin:0; }
.fourcols .col1 { width:23%; margin-left:1%; margin-right:1%; float:left; text-align:left; } 
.fourcols .col2 { width:23%; margin-left:1%; margin-right:1%; float:left; text-align:center; } 
.fourcols .col3 { width:23%; margin-left:1%; margin-right:1%; float:left; text-align:center; } 
.fourcols .col4 { width:23%; margin-left:1%; margin-right:1%; float:left; text-align:right; }

/* three columns */
.threecols { width:100%; float:left; margin:0; }
.threecols .col1 { width:32%; margin-left:1%; margin-right:1%; float:left; text-align:left; } 
.threecols .col2 { width:32%; margin-left:0%; margin-right:1%; float:left; text-align:center; }
.threecols .col3 { width:32%; margin-left:0%; margin-right:1%; float:right; text-align:right; }

/* two columns */
.twocols { width:100%; float:left; margin:0; }
.twocols .col1 { width:48%; margin-left:0%; margin-right:1%; float:left; } 
.twocols .col2 { width:48%; margin-left:0%; margin-right:1%; float:right; }

.twocols .left { width:67%; margin-left:0%; margin-right:1%; float:left; } 
.twocols .right { width:30%; margin-left:0%; margin-right:1%; float:right; }

.twocols .font11{ font-size: 11px;}
.twocols .font13{ font-size: 13px;}
.twocols .nowrap{ white-space: nowrap;}
.twocols .stats {margin-top: 5px;margin-left: 15px;}
.twocols .stats p.grey { background: url("/Content/themes/fixeddark/images/count/grey.png") repeat-x;margin-left: 115px; }

.col25Percent { width: 25% !important; }
.col75Percent { width: 75% !important; }

/* TODO: replace with styles below! */
.ui-statistics { padding: 5px 10px !important; }
.ui-statistics .ui-statistics-row { padding: 5px 0 !important; }
.ui-statistics .ui-statistics-row h6 { float: left;display: inline-block;width: 190px;margin: 11px 0px !important; }
.ui-statistics p.grey  { background: url("/Content/themes/fixeddark/images/count/grey.png") repeat-x; }
.ui-statistics p span { vertical-align: middle;display: block;text-align: center; font-weight: normal; }
.ui-statistics p span.statistics-value { font-family: 'Cuprum',sans-serif; }

/* suggestion box */
.suggestionContainer { width: 187px;height: 100px;overflow: auto; position: absolute; z-index:100; background: none repeat scroll 0 0 #25292B; border: 1px solid #1E2226; border-top: none; box-shadow: 0 1px 0 #363B3E; color: #D5D5D5; font-family: Arial,Helvetica,sans-serif; font-size: 11px; padding: 6px 0px; }
.suggestionContainer ul li { padding: 4px 5px 4px 5px; }
.suggestionContainer ul li:hover { background-color: #2C3032;cursor: pointer; }
/* end of suggestion box */

/* suggestion box - fix for Device Activity journal -> Operator Email */
/* NOTE: Could be applied everywhere on demand */
.ui-device-activity-journal-filter .suggestionContainer { width: 196px !important; }
.ui-device-activity-journal-filter .suggestionContainer ul li { overflow-x: hidden }
.ui-device-activity-journal-filter .actionSelector .jqTransformSelectWrapper,
.ui-device-activity-journal-filter .actionSelector .jqTransformSelectWrapper ul { width: 195px !important;}
.ui-device-activity-journal-filter .actionSelector .jqTransformSelectWrapper ul { overflow-x: hidden }
.ui-device-activity-journal-filter .actionSelector .jqTransformSelectWrapper div span { width: 188px !important; }

.scrollable { overflow: auto; }
.x-scrollable { overflow-x: auto; overflow-y: hidden; }
.y-scrollable { overflow-y: auto; overflow-x: hidden; }

#dataTable table.display {table-layout: fixed; -mso-table-layout-alt: fixed;}
#dataTable table.display th, #dataTable table.display td { word-wrap: break-word; -mso-word-wrap: break-word;padding: 5px !important; }

/* BEGIN: ~/Views/(*) */

form div.editor { }
form div.editor-row { clear: both; }
.editor-form div.editor-label, form div.editor-label, .editor-form div.editor-field, form div.editor-field, .editor-form .editor-label-field label, form .editor-label-field label  { float: left; }
.editor-form div.editor-field-header { font-weight:bold; color:#878787; }
form .field-validation-error, .editor-form div.editor-row span.required { color: #DB6464; }
.errorMessage { color: #DB6464; }
.successMessage { color: #8dbb0d; padding-left: 25px;height: 25px; background: url("themes/fixeddark/images/icons/notifications/accept.png") no-repeat;  text-align: left !important}

.small-info { font-size: 9px; font-weight: bold;text-align: center;}
.small-info .success-icon {text-align: center;margin: auto;width: 25px;height: 25px; background: url("themes/fixeddark/images/icons/notifications/accept.png") no-repeat;  }
.small-info .error-label { color: #DB6464;   }
.small-info .success-label  { color: #8dbb0d;} 

/* word breaks */
.word-wrap-break { word-wrap: break-word; -mso-word-wrap: break-word;  word-break: break-all   }
tr.word-wrap-break td {word-wrap: break-word; -mso-word-wrap: break-word; word-break: break-all  }

.editor-form div.inline-info { margin: 10px 0px !important; cursor: default; }
.editor-form div.editor-row { margin: 0px; }
.editor-form div.editor-field input[type="text"],
.editor-form div.editor-field input[type="email"],
.editor-form div.editor-field input[type="password"], 
.editor-form div.editor-field textarea { width: 100% !important; }
.editor-form div.editor-field select,
.editor-form div.editor-field input[type="text"],
.editor-form div.editor-field input[type="email"],
.editor-form div.editor-field input[type="password"] { margin: 4px 0px !important } /* fix for ugly forms layout on page & dialogs */
.editor-form div.editor-field input[type="button"]{ margin: 3px 4px 2px 4px !important }

.editor-form div.editor-row span.required { line-height: 28px; margin: 4px 9px 4px 6px;display: inline-block; }
.editor-form div.editor-label { margin: 4px 9px 4px 0; width: 120px; text-align: right; line-height: 28px; }
.editor-form div.editor-label-field { margin: 4px 9px 0 0; text-align: left; line-height: 28px;float: left; }
.editor-form div.editor-field .editor-field-fix { margin-right: 12px; } /* Fix for 6+6 px padding in theme for inputs */
.editor-form div.editor-field { width: 235px; }
.editor-form div.editor-field .editor-field-fix .date { width: 170px !important; }
.editor-form div.editor-field .editor-field-fix .ui-datepicker-trigger { margin-left: 5px; margin-right: 5px; }

.editor-form div.editor-field.editor-submit-button { margin-left: 12px;margin-top: 4px;}
.editor-form div.editor-field .jqTransformSelectWrapper { margin: 4px 0px 0px 0px !important; min-width: 247px !important; max-width: 247px !important;}
.editor-form div.editor-field .jqTransformSelectWrapper span { max-width: 235px !important;}
.editor-form div.editor-field .jqTransformSelectWrapper ul {min-width: 235px; max-width: 247px !important;}
.editor-form div.editor-field .jqTransformSelectWrapper ul > li > a { word-break: break-all; max-width: 247px !important;}
.editor-form div.editor-field .jqTransformSelectWrapper a.jqTransformSelectOpen { right: 0px !important; }

.editor-columns { /*float: left;*/ width: 100%;min-height: 300px; }
.editor-form, .editor-form .editor-columns, .editor-form, .editor-form .editor-2-columns-layout { overflow: hidden; }
.editor-2-columns-layout {}
.editor-2-columns-layout, .editor-column-1 { float: left; }
.editor-2-columns-layout, .editor-column-2 { float: right; }
.editor-form .nNote { width: auto !important;}
.editor-rows-scrollable { }
.editor-form div.editor-field .editor-field-wrapper { margin: 4px 0px !important;}
.editor-form .editor-column-1 div.editor-field .jqTransformSelectWrapper { margin: 4px 0px 0px 0px !important;}
.editor-form .editor-column-touchpoint div.editor-field .jqTransformSelectWrapper ul { width: 248px !important;}
.editor-form .editor-column-1 div.editor-field .jqTransformSelectWrapper a.jqTransformSelectOpen { right: 0px !important; }
.editor-form div.editor-field span.jqTransformCheckboxWrapper { margin: 7px 0px 7px -6px !important;padding: 0px!important; }
.editor-form div.editor-field span.jqTransformCheckboxWrapper a.jqTransformCheckbox { margin-left: 6px !important;}


/* Form of width 470px customization */
.editor-form.small { width: 400px;margin: 0 auto;}
.editor-form.small .editor-row div.editor-field,
.editor-form.small .editor-row div.editor-label-field label { width:205px !important; }

/* Form of width 470px customization */
.editor-form.w470 { width: 470px;margin: 0 auto;}
.editor-form.w470 .editor-row div.editor-field,
.editor-form.w470 .editor-row div.editor-label-field label { width: 305px !important; }
/* Form of width 500px customization */
.editor-form.w500 { width: 500px;margin: 0 auto;}
.editor-form.w500 .editor-row div.editor-field,
.editor-form.w500 .editor-row div.editor-label-field label { width: 305px !important; }
/* Form of width 870px customization */
.editor-form.w870 { width: 870px;margin: 0 auto;}
.editor-form.w870 .editor-2-columns-layout .editor-column { width: 420px; margin: 0px; }
.editor-form.w870 .editor-2-columns-layout .editor-column .scrollable-related-items-container { padding-right: 25px; }
.editor-form.w870 .editor-2-columns-layout .editor-column .scrollable-related-items-container table { width: 395px !important;float: left; }
.editor-form.w870 .editor-2-columns-layout .editor-column .scrollable-related-items-container table td.action-button-container { width: 50px;}
/* Form of width 900px customization */
.editor-form.w900 { width: 900px;margin: 0 auto;}
.editor-form.w900 .editor-2-columns-layout .editor-column { width: 440px; margin: 0px; }
.editor-form.w900 .editor-2-columns-layout .editor-column .scrollable-related-items-container { padding-right: 25px; }
.editor-form.w900 .editor-2-columns-layout .editor-column .scrollable-related-items-container table { width: 395px !important;float: left; }
.editor-form.w870 .editor-2-columns-layout .editor-column .scrollable-related-items-container table td.action-button-container { width: 50px;}

.editor-form.l40 .editor-row .editor-label { width: 40px !important; }
.editor-form.l80 .editor-row .editor-label { width: 80px !important; }
.editor-form.l120 .editor-row .editor-label { width: 120px !important; }
.editor-form.l135 .editor-row .editor-label { width: 135px !important; }
.editor-form.l140 .editor-row .editor-label { width: 140px !important; }
.editor-form.l150 .editor-row .editor-label { width: 150px !important; }
.editor-form.l170 .editor-row .editor-label { width: 170px !important; }

.editor-form.f250 .editor-row div.editor-field { width: 250px !important; }
.editor-form.f250 .editor-row div.editor-field .jqTransformSelectWrapper { width: 250px !important; }
.editor-form.f250 .editor-row div.editor-field .jqTransformSelectWrapper span { width: 216px !important; }

/* Form of height 420px customization */
.editor-form.h420 .editor-columns, .editor-form.h420 .editor-column { height: 420px; }
/* Form of height 470px customization */
.editor-form.h470 .editor-columns, .editor-form.h470 .editor-column { height: 470px; }
/* Form of height 480px customization */
.editor-form.h480 .editor-columns, .editor-form.h480 .editor-column { height: 480px; }
/* Form of height 500px customization */
.editor-form.h500 .editor-columns, .editor-form.h500 .editor-column { height: 500px; }
/* Form of height 530px customization */
.editor-form.h530 .editor-columns, .editor-form.h530 .editor-column { height: 530px; }
/* Form of height 560px customization */
.editor-form.h560 .editor-columns, .editor-form.h560 .editor-column { height: 560px; }
/* Form of height 580px customization */
.editor-form.h580 .editor-columns, .editor-form.h580 .editor-column { height: 580px; }

.editor-form.h550 { height: 550px !important; }
.editor-form.h550 > div.editor, .editor-form.h550 > div.editor .editor-rows.y-scrollable { height: 500px !important; }

/* END: ~/Views/(*) */

/* BEGIN: Views Customization */

.editor-form.l170 div.editor-label.left-aligned {width: 30px !important; text-align: left;}
.editor-form.l170 div.editor-field.left-aligned { float: left; width: 387px !important;}
.editor-form.l170 div.editor-field.left-aligned .jqTransformSelectWrapper { margin: 4px 0px 0px 0px !important; min-width: 387px !important; max-width: 387px !important;}
.editor-form.l170 div.editor-field.left-aligned .jqTransformSelectWrapper span { min-width: 375px !important; max-width: 375px !important;}
.editor-form.l170 div.editor-field.left-aligned .jqTransformSelectWrapper ul {min-width: 375px; max-width: 387px !important;}
.editor-form.l170 div.editor-field.left-aligned .jqTransformSelectWrapper ul > li > a { word-break: break-all; max-width: 387px !important;}
.editor-form.l170 div.editor-field.left-aligned .jqTransformSelectWrapper a.jqTransformSelectOpen { right: 0px !important; }
.editor-form.l170 div.editor-field.left-aligned div.disabled .jqTransformSelectWrapper  { background-image: url("themes/fixeddark/images/forms/select_left_disabled.png") !important;}
.editor-form.l170 div.editor-field.left-aligned div.disabled .jqTransformSelectWrapper a.jqTransformSelectOpen  { background-image: url("themes/fixeddark/images/forms/select_right_disabled.png") !important;}

.editor-form.l170 div.editor-row.left-aligned.mt40.full-width { margin-top: 40px !important;max-width: 425px; }

.add-edit-configuration-from div.editor-file-selector-field { width: 375px; }
.add-edit-configuration-from div.editor-file-selector-field input.file { width: 363px;margin: 0px;display: inline; }
.add-edit-configuration-from div.editor-file-selector-field input.exportReportFile { width: 363px;margin: 0px;display: inline; }

.editor-form.respondent-editor-form, .editor-form.operator-editor-form, .editor-form.touchpoint-editor-form h6 { float: left;margin-top: 4px !important;}

.scrollable-territories-container table { table-layout: fixed; -mso-table-layout-alt: fixed;}
.editor-form.h480 .editor-columns .editor-column .scrollable-territories-container {margin-top: 28px; height: 370px; /*(480px - 2*(36px) - 28px)*/}
.editor-form.h530 .editor-columns .editor-column .scrollable-territories-container {margin-top: 28px; height: 420px; /*(530px - 2*(36px) - 28px)*/}
.editor-form.h560 .editor-columns .editor-column .scrollable-territories-container {margin-top: 28px; height: 450px; /*(560px - 2*(36px) - 28px)*/}
.editor-form.w870 .editor-2-columns-layout .editor-column .related-territories-editor .suggestionContainer { width: 330px !important;}
.editor-form.w870 .editor-2-columns-layout .editor-column .related-territories-editor div.editor-row > div.editor-field { width: 330px !important; }
.editor-form.w870 .editor-2-columns-layout .editor-column .related-territories-editor div.editor-row > input[type="button"] { margin: 4px 0px !important;}
.editor-form.w870 .editor-2-columns-layout .editor-column .scrollable-territories-container table td.territory-code-container { width: 280px !important; max-width: 280px !important; }
.editor-form.w870 .editor-2-columns-layout .editor-column .scrollable-territories-container table td.action-button-container {}
.editor-form.w900 .editor-2-columns-layout .editor-column .related-territories-editor .suggestionContainer { width: 330px !important;}
.editor-form.w900 .editor-2-columns-layout .editor-column .related-territories-editor div.editor-row > div.editor-field { width: 330px !important; }
.editor-form.w900 .editor-2-columns-layout .editor-column .related-territories-editor div.editor-row > input[type="button"] { margin: 4px 0px !important;}
.editor-form.w900 .editor-2-columns-layout .editor-column .scrollable-territories-container table td.territory-code-container { width: 280px !important; max-width: 280px !important; }
.editor-form.w900 .editor-2-columns-layout .editor-column .scrollable-territories-container table td.action-button-container {}

.editor-form.respondent-editor-form div.editor-label-field label,
.editor-form.touchpoint-editor-form div.editor-label-field label { font-size: 11px /*Overlapping/wrapped GUIDs fix - without that looks ugly*/ }
.editor-form.editor-form.respondent-editor-form span.jqTransformCheckboxWrapper { margin: 9px 0px 7px -6px !important;padding: 0px!important; } 
.editor-form.editor-form.respondent-editor-form .editor-column.editor-column-1 { width: 450px; }
.editor-form.editor-form.respondent-editor-form .editor-column.editor-column-2 { width: 390px; }

.editor-form.w870 .editor-2-columns-layout .editor-column .related-touchpoints-editor .suggestionContainer { width: 310px !important;}
.editor-form.w870 .editor-2-columns-layout .editor-column .related-touchpoints-editor div.editor-row > div.editor-label { width: 70px !important; }
.editor-form.w870 .editor-2-columns-layout .editor-column .related-touchpoints-editor div.editor-row > div.editor-field { width: 310px !important; }
.editor-form.w870 .editor-2-columns-layout .editor-column .scrollable-touchpoints-container table td.touchpoint-name-container { width: 280px !important; max-width: 280px !important; }
.editor-form.w870 .editor-2-columns-layout .editor-column .scrollable-touchpoints-container table td.action-button-container {}
.editor-form.w900 .editor-2-columns-layout .editor-column .related-touchpoints-editor .suggestionContainer { width: 340px !important;}
.editor-form.w900 .editor-2-columns-layout .editor-column .related-touchpoints-editor div.editor-row > div.editor-label { width: 100px !important; }
.editor-form.w900 .editor-2-columns-layout .editor-column .related-touchpoints-editor div.editor-row > div.editor-field { width: 340px !important; }
.editor-form.w900 .editor-2-columns-layout .editor-column .scrollable-touchpoints-container table td.touchpoint-name-container { width: 310px !important; max-width: 310px !important; }
.editor-form.w900 .editor-2-columns-layout .editor-column .scrollable-touchpoints-container table td.action-button-container {}

.editor-form.h470.touchpoint-editor-form .editor-columns .editor-column .editor-rows.y-scrollable { height: 460px; }
.editor-form.h500.respondent-editor-form .editor-columns .editor-column .editor-rows.y-scrollable { height: 490px; }
.editor-form.h560.respondent-editor-form .editor-columns .editor-column .editor-rows.y-scrollable { height: 490px; }
.editor-form.h560.respondent-editor-form .editor-columns .editor-column .scrollable-touchpoints-container { margin-top: 28px; height: 470px; }

.editor-form.h560.touchpoint-editor-form .editor-columns .editor-column .editor-rows.y-scrollable { height: 490px; }

.editor-form.edit-profile-form div.editor-field { width: 275px; }
.editor-form.edit-profile-form div.editor-row { width: 500px; margin: 0 auto; }
.editor-form.edit-profile-form div.editor { margin-bottom: 20px; }
.editor-form.edit-profile-form .buttons-block { margin-top: 20px; }
.editor-form.edit-profile-form .inline-info { width: 500px; margin: 20px auto !important;}

.editor-form.edit-avatar-form div.editor-field { }
.editor-form.edit-avatar-form div.editor-row { width: 500px; margin: 0 auto; }
.editor-form.edit-avatar-form .avatar-block .avatar { float: left; margin: 10px; margin-left: 20px;}
.editor-form.edit-avatar-form .avatar-block img { width:200px; height: 200px; }
.editor-form.edit-avatar-form .upload-avatar-block { float: left; margin-top: 163px; margin-left: 10px; }

.crop-avatar-dialog .crop-target-block { float: left; margin: 10px; }
.crop-avatar-dialog .crop-preview-block { float: right; margin: 10px; }
.crop-avatar-dialog .crop-preview-block div { width: 200px; height: 200px; overflow: hidden; }
.inline-info-baloon { margin: 20px !important; width: auto; }

/* END: Views Customization */

.configuration div.jqTransformSelectWrapper { z-index: 100 !important; }

/* Ajax Loader*/
.ui-ajax-loader { margin-left: 22px; }
/* End Ajax Loader*/

/* Claims Widget*/
.claims-widget{ box-shadow: none;border: none;margin-top: 0}
.widget .normal div, .accordion-close div.accordion-content { background: url("/Content/images/icons/aNormal_light.png") no-repeat 15px 15px; padding: 10px 0 0 25px !important }
.widget .inactive div, .accordion-open div.accordion-content { background: url("/Content/images/icons/aInactive_light.png") no-repeat 12px 17px; padding: 10px 0 0 25px !important; color: #abb3ba; }
.closed.claims-widget { box-shadow: 0 1px 0 #4b4e50 }
.accordion .body { padding: 5px 0 0 24px !important; }

/* ======Tabs=====*/

ul.tabs.applicationTabs { background: none; height: auto}

ul.tabs li.applicationTab {
	background: url("/Content/themes/fixeddark/images/titleBg.png") repeat-x;height: 39px;min-width: 54px;text-align: center;
}

/* End Claims Widget*/

/* Dashboard */

.announcement {
	padding: 10px 10px 10px; 
	border-bottom: 1px solid #3B4144;
}

/* End Dashboard */

/* Tools Dashboard */

.ui-tooldashboard {}
.ui-tooldashboard .activity-block {}
.ui-tooldashboard .activity-block .stats {margin-bottom: 22px; margin-left: 25px;}
.ui-tooldashboard .operator-devices-block {}
.ui-tooldashboard .operator-devices-block .first-widget {width: 450px; float: left;}
.ui-tooldashboard .operator-devices-block .second-widget {width: 480px; float: right;}
.ui-tooldashboard .touchpoints-respondents-block {}
.ui-tooldashboard .touchpoints-respondents-block .first-widget {width: 450px; float: left;}
.ui-tooldashboard .touchpoints-respondents-block .second-widget {width: 480px; float: right;}
.ui-tooldashboard .hours-activities-block {}
.ui-tooldashboard .hours-activities-block .first-widget {width: 450px; float: left;}
.ui-tooldashboard .hours-activities-block .second-widget {width: 480px; float: right;}

/* End Tools Dashboard */
.icon-yes {background-image: url("/Content/themes/fixeddark/images/icons/color/tick.png");width: 16px;height: 16px; display: inline-block;}
.icon-yes-small {background-image: url("/Content/themes/fixeddark/images/icons/color/tick-small.png");width: 10px;height: 10px; display: inline-block;}
.icon-no {background-image: url("/Content/themes/fixeddark/images/icons/color/cross.png");width: 16px;height: 16px; display: inline-block;}
.icon-no-small {background-image: url("/Content/themes/fixeddark/images/icons/color/cross-small.png");width: 10px;height: 10px; display: inline-block;}
.icon-edit { background-image: url("/Content/themes/fixeddark/images/icons/color/pencil.png"); width: 16px; height: 16px;margin: 0;padding: 0;margin: 7px 0 7px 7px;cursor: pointer;float: left !important;}

.yes-no-td{background-position: center; background-repeat: no-repeat;}


/* User Management */
.middleAlignTable tbody td {
	vertical-align: middle;    
}
.avatarSmall {
	height: 50px;
	width: 50px;
}
/* End User Management */

/* TMT Data Import */
.DataImport{}
.DataImport .feat { margin-left: 5px; background: url(themes/fixeddark/images/icons/dark/folder.png) no-repeat 0 0; width: 14px; height: 14px; margin-top: 5px; }
.DataImport .feat:hover { background-position: 0 -29px; background: url(themes/fixeddark/images/icons/dark/folder.png) no-repeat 0 0;  }
.DataImport .feat:active { background-position: 0 -58px; background: url(themes/fixeddark/images/icons/dark/folder.png) no-repeat 0 0;  }
/* End TMT Data Import */

.color-box {
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
}
.darkBackground { background: url("/Content/themes/fixeddark/images/darkerBg.png") repeat; }
.smallBtn {background: url("/Content/themes/fixeddark/images/ui/basicBtn.png") repeat; padding:1px 3px 1px 3px;  }
.centered { text-align:center }

/* BEGIN: Health Check */
.ui-health-check-table { width: 100%; }
table.ui-health-check-table a:link, 
table.ui-health-check-table a:visited, 
table.ui-health-check-table a:active { text-decoration: underline }
table.ui-health-check-table a:hover { text-decoration: none }
.ui-health-check-table .type-check { width: 80px; text-align: center; }
.ui-health-check-table .type-check a.check { display: inline; float: none; }
.ui-health-check-table thead .type-check a.check { }
.ui-health-check-table tbody .type-check a.check { line-height: 24px; }
.ui-health-check-table .type-check-status span.icon { display: block; width: 24px; height: 24px; margin: 10px auto; }
.ui-health-check-table .type-check-status span.icon-success { background: url("themes/fixeddark/images/icons/notifications/accept.png") no-repeat scroll 0 center transparent; }
.ui-health-check-table .type-check-status span.icon-failure { background: url("themes/fixeddark/images/icons/notifications/error.png") no-repeat scroll 0 center transparent; }
.ui-health-check-table .type-check-status span.failure-message { display: inline-block; padding-left: 34px; margin: 0 15px; text-align: left; }
.ui-health-check-table .type-name { width: 200px; }
.ui-health-check-table tbody .type-name { font-size: 13px;font-weight: bold; }
.ui-health-check-table .type-description { width: 300px; }
.ui-health-check-table tbody .type-description { font-style: italic; }
.ui-health-check-table > tbody > tr > td > span { word-wrap: break-word; }
/* End Health Check */


.ui-icon-print-button 
{
	text-align: center;
	display: block; 
	width: 14px; 
	height: 14px; 
	margin: 8px; 
	background: url("themes/fixeddark/images/icons/dark/printer.png") no-repeat scroll 0 center transparent; 
}

/* Touchpoint control positioning fix */

#topMargin .jqTransformCheckboxWrapper {
	padding-top: 9px;
}

#topMargin .jqTransformSelectWrapper {
	margin-top: 7px;
}

/* End Touchpoint control positioning fix */

/* ===== Tooltip ===== */

.tipsy { padding: 2px 2px 2px 2px !important; font-size: 10px !important; opacity: 0.8 !important; filter: alpha(opacity=80) !important; background-repeat: no-repeat !important;background-color: black !important; color: white !important;max-width: 200px !important;  }
.tipsy-inner { padding: 2px 8px 2px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/* Tipsy style */
.custom-tooltip-tipsy{
	background: black !important;
	color: white  !important;
	border: 0px solid transparent  !important;
	max-width: 200px !important;

	font-size: 10px  !important;
	font-family: Arial, Helvetica sans-serif  !important;
	font-weight: lighter  !important;
	line-height: 12px  !important;
	text-shadow: 0 1px black  !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

	.custom-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.custom-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10px;
	}
	
	.custom-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.custom-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Left Menu */

.leftNav ul li div { font-family: 'Cuprum', sans-serif; font-weight: normal; }
.leftNav ul li div { color: #fafafa; font-size: 15px; display: block; background: url(themes/fixeddark/images/titleBg.png) repeat-x 0 0; border: 1px solid #2e3234; margin-top: 1px; }
.leftNav ul li div span { padding: 9px 0 9px 35px; display: block; }

.leftNav ul li div.active-menu-item { background-position: 0 -78px; }
.leftNav ul li span { background-position: 10px; background-repeat: no-repeat; }

/* Left navigation icons */

.leftNav ul li.dash a span { background-image: none; }

.leftNav ul li.home div span { background-image: url(themes/fixeddark/images/icons/dark/home.png); }
.leftNav ul li.dash div span { background-image: url(themes/fixeddark/images/icons/dark/download.png); }
.leftNav ul li.graphs div span { background-image: url(themes/fixeddark/images/icons/dark/graph.png); }
.leftNav ul li.forms div span { background-image: url(themes/fixeddark/images/icons/dark/pencil.png); }
.leftNav ul li.gallery div span { background-image: url(themes/fixeddark/images/icons/dark/preview.png); }
.leftNav ul li.typo div span { background-image: url(themes/fixeddark/images/icons/dark/create.png); }
.leftNav ul li.tables div span { background-image: url(themes/fixeddark/images/icons/dark/frames.png); }
.leftNav ul li.cal div span { background-image: url(themes/fixeddark/images/icons/dark/dayCalendar.png); }
.leftNav ul li.errors div span { background-image: url(themes/fixeddark/images/icons/dark/alert.png); }
.leftNav ul li.files div span { background-image: url(themes/fixeddark/images/icons/dark/files.png); }
.leftNav ul li.login div span { background-image: url(themes/fixeddark/images/icons/dark/user.png); }
.leftNav ul li.pic div span { background-image: url(themes/fixeddark/images/icons/dark/blocks.png); }
.leftNav ul li.widgets div span { background-image: url(themes/fixeddark/images/icons/dark/full.png); }
.leftNav ul li.contacts div span { background-image: url(themes/fixeddark/images/icons/dark/users.png); }
.leftNav ul li.maintenance div span { background-image:  url(themes/fixeddark/images/icons/dark/cog3.png); }
.leftNav ul li.faq div span { background-image:  url(themes/fixeddark/images/icons/dark/help.png); }
.leftNav ul li.datamanagement div span { background-image: url(themes/fixeddark/images/icons/dark/download.png); }
.leftNav ul li.marketsettings div span { background-image:  url(themes/fixeddark/images/icons/dark/settings2.png); }

/* Left navigation subnav */

ul.sub li a { padding: 8px 10px 8px 10px; }

ul.sub li a.active-menu-item,
ul.sub li a.active-menu-item :link, 
ul.sub li a.active-menu-item :visited, 
ul.sub li a.active-menu-item :active,
ul.sub li a.active-menu-item :hover { color: #994343!important; }

ul.sub li a span.fxd { padding: 0 0 0 30px; }
ul.sub li a span.tool { background-image: url(images/icons/ipad_small.png); }
ul.sub li a span.tool-active-menu-item { background-image: url(images/icons/ipad_small_red.png); }

/* End Left Menu */

/* Link button */

.linkButton { margin: 1px 0px 1px 0px; background: url(themes/fixeddark/images/ui/basicBtn.png) repeat-x 0 0; border: 1px solid #292d2f; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 12px; }
.linkButton span { padding: 6px 13px 6px 13px; display: block; }
.linkButton:hover { background-position: 0 -27px; }
.linkButton:active { background-position: 0 -54px; }

/* End link button */

/* Login page */

.noteHolder { margin: 0 10px 0 10px; }
.noteHolder .nNote { margin: 10px 0px 10px 0px; }

/* End Login page */

/* some element that contains img and span */

.contains-img-span { white-space: nowrap}
.contains-img-span img { vertical-align: middle }
.contains-img-span span { vertical-align: middle; padding-left: 4px; }


/* max-width */

.maxw350 { max-width: 350px; }

/* required field */
span.required {color: #DB6464 !important;  line-height: 28px; margin: 8px 9px 8px 6px;display: inline-block;}

/* TouchPointMedia Index */

.dataElementWrapper {
	padding: 2px 1px 2px 1px;
}

.dataElement {
	float: left;
	width: 310px;
	height: 174px;
	margin: 2px;
	font-size: 10px;
}

.dataElement .header {
	padding: 5px 5px 5px 15px;
}

.dataElement p {
	margin: 0px;
	padding: 0px;
}

.dataElement img 
{
	display:block; /*allows the element to take auto margins*/
	margin:0 auto; /*centers in compliant browsers*/
	text-align:center; /*centers in old versions of IE*/ 
	max-width: 90%;
	max-height: 120px;
}

.infoCard div {
	line-height: 13px;
	margin-bottom: 3px
}

.dataElement span.jqTransformCheckboxWrapper {
	margin-top: 7px !important;
	margin-right: 7px !important;
}

/* BEGIN: Grids tuned layout */
.data-grid { border: 0px; padding: 0;margin: 0px; border-spacing: 0; border-collapse:collapse; mso-cellspacing: 0px; }
.data-grid thead th { color: #878787;}
.data-grid thead th div.DataTables_sort_wrapper { position: relative;padding-right: 20px;}
.data-grid tr > .action-buttons { text-align: left;margin-left: 10px !important; width: 60px !important; max-width: 100px !important;}
.data-grid tr > td.action-buttons > span,
.data-grid tr > td.action-buttons > a.data-action-button { display: block; margin-left: 10px; }

.data-grid tr > td.email-with-user-icon > span { padding-left: 20px; }
.data-grid tr > td.email-with-user-icon > span { background: url("/Content/themes/fixeddark/images/icons/dark/user.png") no-repeat scroll 0 50% transparent; }
.data-grid tr > td.email-with-user-icon > p { background: url("/Content/themes/fixeddark/images/icons/dark/user.png") no-repeat scroll 0 50% transparent;padding-left: 20px; }
.data-grid tr > td { vertical-align: middle; }

.data-grid tr > .data-avatar { width: 50px !important;}
.data-grid tr > .data-datetime { width: 130px !important; }
.data-grid tr > .data-uploaded-items { width: 70px !important; }
.data-grid tr > td.data-uploaded-items { text-align: center; }
.data-grid tr > .data-enabled { width: 70px !important; }
.data-grid tr > .data-authorized { width: 80px !important; }
.data-grid tr > .data-gender { width: 40px !important; }
.data-grid tr > .data-dob,
.data-grid tr > .data-dob-or-age { width: 70px !important; }
.data-grid tr > .data-age { width: 40px !important; }
.data-grid tr > td.data-datetime,
.data-grid tr > td.data-last-update-date,
.data-grid tr > td.data-gender,
.data-grid tr > td.data-dob,
.data-grid tr > td.data-dob-or-age,
.data-grid tr > td.data-age { text-align: center; }
.data-grid tr > .data-first-name,
.data-grid tr > .data-last-name,
.data-grid tr > .data-operator-email,
.data-grid tr > .data-associated-territories,
.data-grid tr > .data-associated-tools,
.data-grid tr > .data-associated-touchpoints { width: auto; }

/* Respondent Progress */
.data-grid.respondent-progress tr > .data-configuration-name { min-width: 80px !important; }
.data-grid.respondent-progress tr > .data-associated-touchpoints { min-width: 80px !important; }
.data-grid.respondent-progress tr > .data-respondent-name { min-width: 80px !important; }
.data-grid.respondent-progress tr > .data-email { width: 180px !important; }
.data-grid.respondent-progress tr > .data-module { width: 70px !important; }
.data-grid.respondent-progress tr > .data-level { width: 60px !important; }
.data-grid.respondent-progress tr > .data-points { width: 60px !important; }
.data-grid.respondent-progress tr > td.data-module,
.data-grid.respondent-progress tr > td.data-level,
.data-grid.respondent-progress tr > td.data-points { text-align: center; }

/* ICE Survey profile*/
.data-grid.ice-survey-profile tr > .data-email { width: 120px !important; }
.data-grid.ice-survey-profile tr > .data-respondent-name { width: 80px !important; }
.data-grid.ice-survey-profile tr > .data-datetime { width: 64px !important; }
.data-grid.ice-survey-profile tr > .data-activity-id { min-width: 60px !important; }
.data-grid.ice-survey-profile tr > .data-activity-name { min-width: 70px !important; }
.data-grid.ice-survey-profile tr > .data-activity-type { width: 50px !important; }
.data-grid.ice-survey-profile tr > .data-visit-name { width: 60px !important; }
.data-grid.ice-survey-profile tr > td.email-with-user-icon > span{ display: block;}

.data-grid.touchpoint tr > .data-visited { width: 40px !important; }
.data-grid.touchpoint tr > .data-auth-tools { width: 80px !important; }
.data-grid.touchpoint tr > td.data-code,
.data-grid.touchpoint tr > td.data-visited,
.data-grid.touchpoint tr > td.data-auth-tools { text-align: center; }

.data-grid.respondent tr > .data-email { width: 180px !important; }
.data-grid.respondent tr > .data-last-visit-date { width: 70px !important; }
.data-grid.respondent tr > td.data-last-visit-date { text-align: center; }

.respondent-interests .data-grid tbody tr td p { padding: 0 !important }

.data-grid.operator tr > .data-operator-email { width: 200px !important; }
.data-grid.operator tr > .data-privileged-access { width: 50px !important; }
.data-grid.operator tr > td.data-privileged-access { text-align: center; }

.data-grid.device tr > .data-ios-version { width: 150px !important; }

.data-grid.configuration tr > .action-buttons { width: 70px !important;max-width: 70px!important; }
.data-grid.configuration tr > .data-last-update-date { width: 90px !important; }
.data-grid.configuration tr > .data-available-for-download { width: 100px !important; }
.data-grid.configuration tr > td.data-available-for-download span.jqTransformCheckboxWrapper { margin-left: 15px; }
.data-grid.configuration tr > .data-tool-version { width: 150px !important; }

.data-grid.user tr > .data-full-name { width: 200px !important; }
.data-grid.user tr > .data-email { width: 220px !important; }

.data-grid.user-activity-journal tr > .data-email,
.data-grid.device-activity-journal tr > .data-email { width: 220px !important; }

.data-grid.survey-profile tr > .data-configuration-name { width: 200px !important; }
.data-grid.survey-profile tr > .data-datetime { width: 70px !important;}
.data-grid.survey-profile tr > .action-buttons { width: 70px !important;}
.data-grid.survey-profile tr > .data-respondent-name { width: 160px !important; }
.data-grid.survey-profile tr > .data-email { width: 200px !important; }

/* END: Grids tuned layout */

/* Stubs */
.DataTables_sort_icon {} 
.css_right {}
.hideWhenNoData {}
.fg-toolbar {}

.answers-data-grid-container { height: auto !important;max-height: 250px !important;}

/* file input styling (browse and delete buttons) */

.browseFileWrapper
{
	position: absolute;
	padding-left: 2px;
	width: 24px;
	height: 24px;
	display:inline;
	cursor: default;
	background: transparent;
	overflow: hidden
}

.browseFileWrapper .button {
	width: 22px;
	height: 22px;
	display: inline;
	position: absolute;
	border: 1px solid #1E2226;
	margin: 0;
	padding: 0;
	background: url(themes/fixeddark/images/ui/basicBtn.png) repeat-x 0 0; 
	color: #595858; 
	font-size: 12px;
	-moz-box-shadow: 0 1px 0 #474c4f; 
	-webkit-box-shadow: 0 1px 0 #474c4f; 
	box-shadow: 0 1px 0 #474c4f;
	color: #eaeaea; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.browseFileWrapper .button div {
	width: 14px; 
	height: 14px;
	display: inline;
	overflow: hidden;
	position: absolute;
	margin: 4px;
	cursor: pointer;
}

.browseFileWrapper .button div.icon-browse {
	background: url(themes/fixeddark/images/icons/dark/folder.png) no-repeat 0 0;
	cursor: pointer;
}

.browseFileWrapper .button div.icon-delete 
{
	background: url(themes/fixeddark/images/icons/dark/close.png) no-repeat 0 0;
	cursor: pointer;
}

/* end */

#popup_overlay { overflow: hidden;}

.ui-master-data-journals .nInformation { margin: 0 !important; }

.ui-mip-listbox {}
.ui-mip-listbox-item {}

/* BEGIN: Configuration Assignment */
.assignment-notes { margin-left: 15px; }
.assignment-notes ul { margin-left: 10px; }

/* Configuration item */
/* HACK: for configs only */
#configurations-list span.jqx-item:hover { cursor: pointer;}
.ui-mip-listbox-item.configuration-item {}
.configuration-item .configuration-item-part { display: block; width: 210px; padding: 0 !important; }
.configuration-item .configuration-item-part.row-2 { margin-top: 4px; }
.configuration-item .configuration-item-name { }
.configuration-item .configuration-item-displayname { max-width: 120px; float: left; }
.configuration-item .configuration-item-toolversion { max-width: 70px; float: right; }
/* Operator item */
.operator-item { display: inline-block; margin-top: 5px;margin-bottom: 5px; width: 460px;font-size: 1.0em;font-style: normal;}
.operator-item > span.operator, .operator-item > span.configurations { display: inline-block; float: left; }
.operator-item > .operator { width: 175px;line-height: 1.1em;font-weight: normal;font-size: 1.0em; font-style: normal; margin-right: -2px; padding-right: 5px; border-right: 2px solid #3B4144; }
.operator-item > .operator > .email { line-height: 1.2em;font-weight: bolder;font-size: 1.1em;  width: 180px; }
.operator-item > .configurations { line-height: 1.2em; font-weight: normal; font-size: 1.0em; font-style: normal; width: 185px; border-left: 2px solid #3B4144; margin: 0px; padding-left: 5px; padding-right: 5px;}
.operator-item > .operator > .territories {line-height: 1.1em; font-weight: normal; font-size: 0.9em; font-style: italic; width: 180px; }

/* TODO: Move to theme-dependent files! */
.operator-item .status-icon { margin-left: 20px;display: inline-block; width: 40px;height: 40px;background-image: url('/Content/images/checks.png');background-position: 0px 0px;background-color: transparent;}
.operator-item .status-icon.assigned { background-position: 0px 0px; }
.operator-item .status-icon.unassigned { background-position: 0px -40px; }

.ui-mip-view.configuration-assignment-view > div > div > div.widget {margin: 0 !important; clear: none !important; width: 100%;}
.ui-mip-view.configuration-assignment-view .assign-all-buttons-block { }
.ui-mip-view.configuration-assignment-view .assign-all-buttons-block > .iconified-button { width: 100%;}
.configuration-assignment-view .widget > .widget-pane .nNote { width: auto !important;margin: 20px !important;}
.configuration-assignment-view .widget > .widget-pane .no-data-container { overflow: hidden; }

.ui-mip-dropdownlist-item.configuration-dropdownlist-item {display: block;float: left; width: 170px !important;}

.configuration-assignemnt-filter-form { margin: 15px; }
.configuration-assignemnt-filter-form .editor-form { float: left;}
.configuration-assignemnt-filter-form .filter-action-buttons { text-align: center;float: right; }

.configuration-assignemnt-filter-form .editor-form > .editor-2-columns-layout { float: left !important; }
.configuration-assignemnt-filter-form .editor-form > .editor-2-columns-layout > .editor-column { width: 300px; }
.configuration-assignemnt-filter-form .editor-form > .editor-2-columns-layout > .editor-column-1 { }
.configuration-assignemnt-filter-form .editor-form > .editor-2-columns-layout > .editor-column-2 { margin-left: 50px; }
/* END: Configuration Assignment */

/* readonly mode*/
.readonly .editor-area p { padding: 0;padding-bottom: 12px;}
.readonly .editor-label { font-weight:bold; color:#878787; }

/* Export Widget */

.export-version-list { margin-top: 6px !important; float: left; }
.version-description { margin: 10px 5px 5px 10px; float: left; width: 350px; }

/* END Export Widget */

/* editable field */
.editable-field { float:left !important}
.editable-field div:first-child { float: left !important;width: 50px;margin: 0; padding: 0}
.editable-field div:last-child { float: left !important;width: auto;}
.editable-field .label { float: left;margin: 7px 0px 7px 0px;}
.editable-field .icon { background: url('/Content/themes/fixeddark/images/icons/color/pencil.png'); width: 16px; height: 16px;margin: 0;padding: 0;margin: 7px 0px 7px 14px;cursor: pointer;float: left !important;}
.editable-field .disabled { display: none;}

/* narrow text fields*/

.text-fields-container { float: left; width: 100%; text-align: left; }
.text-fields-container input[type=text] { margin: -4px 0 0 0 !important}
.text-fields-container > div { float: left;width: 96%;margin: 10px 0 5px 0;}
.text-fields-container > div > div { float: left;width: auto;word-wrap: break-word;margin: 0 !important;}
.text-fields-container > div > div:first-child { float: left;width: 80px;word-wrap: break-word; padding: 0px 5px 0 0;}
.text-fields-container > div > div:last-child div {margin: 0 !important}
.text-fields-container > div > div > span {word-wrap: break-word; padding: 0px 5px 0 0;}

fieldset.info-panel { float: left; width: 100%; text-align: left; }
fieldset.info-panel legend { float: left; width: 100%; text-align: left; font-family: 'Cuprum', sans-serif;font-weight: normal; color: #fafafa; font-size: 14px; }
fieldset.info-panel > div { float: left;width: 100%;}
fieldset.info-panel > div label { width: 18%;float: left;}
fieldset.info-panel > div div {width: 82%; float: left;text-align: left;}

fieldset.info-panel.collapsed { float: none; width: 100%; text-align: left; }

/* matrix */

.matrixcontainer .jqx-panel-bottomright-fixeddark {background: none repeat scroll 0 0 #25292B !important;color: inherit !important;border-color: #24272B !important;}

.matrix {width: auto;float: left;}
.matrix td.cell, th.cell { border-right: 1px solid black; border-bottom: 1px solid black;width: 80px;float: left;word-wrap: break-word; background: url(respondentWidget/widgetBg.png) repeat;}
.matrix tr.headers { height: 40px; width: auto; float: left; border-bottom: 1px solid black; cursor:default}
.matrix tr.headers th.cell { height: 100%;margin: 0;padding: 0;float: left;text-align: center;color: #878787; font-weight: normal;}
.matrix tr.headers th.cell span { margin-top: auto;}
.matrix tr.headers th.cell:first-child span { font-size: 7pt;padding: 0; margin:0}
.matrix div.data { width: 100%; float: left;}
.matrix tr.row { width: 100%; float: left;}
.matrix td.cell { width: 80px; height: 40px; float: left; }
.matrix tr.row td.cell:first-child { border-right: 1px solid black; border-bottom: 1px solid black;cursor:default}
.matrix tr.row td.cell:first-child div { padding-left: 10px;margin-top: auto; color: #878787}
.matrix td.cell .value { width: 100%; margin: 8% 2% 2% 2%; height: 40%;float: left; text-align: center;color: black;font-size: 14pt;}
.matrix td.cell .label { width: 100%; margin: 0% 2% 8% 2%; height: 28%;float: left;text-align: center; color: black;text-transform: lowercase; font-size:7pt}
.matrix td.cell span.value { width: 50%; margin: 12% 0 0; height: 40%;float: left; text-align: center;color: black;font-size: 14pt;}
.matrix td.cell span.label { width: 50%; margin: 12% 0 0; height: 28%;float: left;text-align: center; color: black;text-transform: lowercase; font-size:14pt}
.matrix td.cell.NotAvailable { background: silver;}
.matrix td.cell.NotAvailable .label { text-transform: none}
.matrix td.cell.Warning { background: yellow;}
.matrix td.cell.Good { background: greenyellow;}
.matrix td.cell.Alert { background: red;}
.matrix td.cell.empty { cursor: default;}
.matrix td.cell.matrix, .matrix th.cell.matrix { width: 140px; }

.status  { width: 120px;margin: auto; text-align: center}
.status div.cell { width: 120px;height: 70px;padding-top: 30px;color:black}
.status div.cell:first-child { border: 1px solid black;cursor:default}
.status div.cell .value { width: 100%; margin: 8% 2% 2% 2%; height: 40%;float: left; text-align: center;color: black;font-size: 32pt;}
.status div.cell .label { width: 100%; margin: 0% 2% 8% 2%; height: 28%;float: left;text-align: center; color: black;text-transform: lowercase; font-size:10pt}
.status div.cell.NotAvailable { background: silver;}
.status div.cell.NotAvailable .label { text-transform: none}
.status div.cell.Warning { background: yellow;}
.status div.cell.Good { background: greenyellow;}
.status div.cell.Alert { background: red;}
.status div.cell.empty { cursor: default;}

/* BEGIN BUG: #13751 */
.ui-dropdownlist
{

}

.w375
{
	width: 375px;
}
.w290i
{
	width: 290px !important;
}
.w50i
{
	width: 50px !important;
}

.w290 .jqTransformSelectWrapper,
.w290i .jqTransformSelectWrapper,
.w290 .jqTransformSelectWrapper > ul,
.w290i .jqTransformSelectWrapper > ul,
.w290 .jqTransformSelectWrapper > div > span,
.w290i .jqTransformSelectWrapper > div > span,
.w290 .suggestionContainer,
.w290i .suggestionContainer
{
	width: 300px !important;
}

.filter-form > .rowElem > .row-label
{
	margin: 16px 0 !important;
	padding: 0 !important;
}
.filter-form > .rowElem > .row-field
{
	float: left;
	margin: 13px 0 !important;
	padding: 0!important;
}

/* END BUG: #13751 */

/* custom filter fields*/
.filter table td .rowElem { display:inline-block; width:49%; margin:0; padding:0px 0px 0px 0px !important;max-height:53px;}
.filter table td  { width: 30%;}
.filter table td:first-child  { width: 70%;}
.filter .onecol table td  { width: 50%;}
.filter .onecol table td .rowElem { width: 100%;}
.filter .twocols table td .rowElem { width: 49%;}

.configuration-filter table td .rowElem { width: 80%;}
.operator-territories-filter table td .rowElem {width: 350px !important}

/* HIT Schedule Update */
.hit-schedule-update { height: 185px; }
.hit-schedule-update .toprow { padding: 30px 0px 0px 250px; }
.hit-schedule-update .toprow span { float: left; padding: 3px 10px 5px 5px;}
.hit-schedule-update .toprow .list-item { float: left; }
.hit-schedule-update .bottomrow { padding: 15px 0px 0px 250px; }
.hit-schedule-update .bottomrow span { padding-left: 205px; }
.hit-schedule-update .bottomrow input { margin-top: 25px; margin-left: 130px; }
/* HIT Schedule Update */

table.consumer-concentration .percentage { width: 90px;text-align: center; }

.application-logo {
	padding: 0 0 121px;
    background: no-repeat scroll 13px 24px;
}

/* custom Style for FTP logo*/
.fpt-application-logo {
	background: url("./../images/fptLogo.png") no-repeat scroll 16px 26px ;
	padding: 0 0 121px;
}

.tile [class^="fpt2"] {
	background: url("./../images/fpt2Logo.png") no-repeat scroll 12px 24px;
	padding: 0 0 121px;
}

.mds-application-logo {
	background: url("./../images/mdsLogo.png") no-repeat scroll 13px 26px ;
	padding: 0 0 121px;
}

.mip-application-logo {
	background: url("./../images/mipLogo.png") no-repeat scroll 16px 26px ;
	padding: 0 0 121px;
}
.fot-application-logo {
	background: url("./../images/fotLogo.png") no-repeat scroll 16px 26px ;
	padding: 0 0 121px;
}
.rpt-application-logo {
	background: url("./../images/rptLogo.png") no-repeat scroll 16px 26px ;
	padding: 0 0 121px;
}
.horizontalPagingReporting {
	
}

.verticalPagingReporting {
	float: right;
}

.horizontalPagingReporting .text-box {
	background: #25292b;
	width: 30px;
	padding: 6px 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #d5d5d5;
	border: 1px solid #1e2226;
	-moz-box-shadow: 0 1px 0 #363B3E;
	-webkit-box-shadow: 0 1px 0 #363B3E;
	box-shadow: 0 1px 0 #363B3E;
}

.verticalPagingReporting .text-box {
	background: #25292b;
	width: 30px;
	padding: 6px 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #d5d5d5;
	border: 1px solid #1e2226;
	-moz-box-shadow: 0 1px 0 #363B3E;
	-webkit-box-shadow: 0 1px 0 #363B3E;
	box-shadow: 0 1px 0 #363B3E;
}

.horizontalScrollMatrix {
	height: 20px !important;
	width: 934px !important;
}
.verticalScrollMatrix{
	width: 20px !important;
	height: 534px !important;
}
.ui-state-disabled {
	opacity: 35;
}

td.Fail {
	background: none !important;
	background-color: #D63C3E !important;
}

td.Between {
	background: none !important;
	background-color: orange !important;
}

td.Pass {
	background: none !important;
	background-color: #30A820 !important;
}

div.matrixSmallText {
	width: 100%;
}

div.floatleft.matrixSmallText {
	text-align: left;
}

div.floatright.matrixSmallText {
	text-align: right;
}

div.matrixSmallText span.label,
div.matrixSmallText span.value {
	font-size: 10pt !important;
	margin: 0 !important;
	float: none !important;
}

.custom-tooltip-matrix-tipsy {
	background: rgb(107, 102, 102) !important;
	color: white !important;
	border: 0px solid transparent !important;
	max-width: 200px !important;
	font-size: 10px !important;
	font-family: Arial, Helvetica sans-serif !important;
	font-weight: lighter !important;
	line-height: 12px !important;
	text-shadow: 0 1px black !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.custom-tooltip-matrix-tipsy .ui-tooltip-titlebar {
	background: rgb(107, 102, 102) !important;
}

.unclickable {
	cursor: default !important;
}

#matrixLegend {
	height: 232px;
	float: inherit;
	margin-top: 15px;
	margin-left: 5px;
	background: none repeat scroll 0 0 #25292B !important;
	color: inherit !important;
	border: 1px solid black;
}

#matrixLegend div.title {
	width: 100% !important;
}

#matrixLegend div.floatleft span.legendColor {
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	border: 1px solid black;
}

.title.key h2{
	padding-top: 10px;
	padding-left: 10px;
}

.legendColor.redContainer {
	background-color: #D63C3E;
}

.legendColor.greenContainer {
	background-color: #30A820;
}

.legendColor.orangeContainer {
	background-color: orange;
}

.matrixElement {
	margin-top: 75px;
	margin-left: 20px;
}
#matrixLegend .description {
	float: left;
	margin-top: 10px;
	margin-left: 25px;
}

#matrixChart {
	float: inherit;
	margin-top: 15px;
	background: none repeat scroll 0 0 #25292B !important;
	color: inherit !important;
	border: 1px solid black;
}

#reportingMatrixChart {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

#matrixChart div.title {
	width:100% !important;
}

#dataTable div .ui-widget-header {
	 font-weight: normal; 
	 background: /*#efefef*/ transparent url(../Content/themes/fixeddark/images/titleBg.png) repeat-x; 
	 border-top: 1px solid #3B4144;
	 margin-top: -1px; 
	 height: 28px; 
	 border-right: none;
}
.matrixReportHeader, .matrixDetailsReportHeader {
	display: block;
	width: 100%;
}

.matrixHeader {
	display: block;
	width: 100%;
}

.headerX {
	text-align: right;
}

.headerY {
	text-align: left;
}

.NameGenerationTab #RespondentGUID {
    word-break: normal;
}