/* These styles broken into separate CSS file for inline use by Outlook Add In popup */

.WPActionToolbarContainer .InputPair_Horizontal
{
    padding-top: 0px;
}
.WPActionToolbarContainer .InputPair
{
    width: 226px;
}
.WPActionToolbarContainer .InputLabel
{
    width: 80px;
}
.WPActionToolbarContainer .InputControl
{
    width: 120px;
}
.WPActionToolbarContainer .InputControl
{
    width: 130px;
}
.WPActionToolbarContainer .InputControl select
{
    width: 120px;
}

.WPActionToolbarContainer .InputControl_Horizontal
{
    padding-top: 0px;
	margin-top: 4px;
}
.WPActionToolbarContainer
{
    padding: 8px 6px 8px 6px; 
    clear: both;
    /*min-height: 22px;*/
    float:none;
    
}
.ui-layout-north > .WPActionToolbarContainer:not(.Button_Ribbon)
{
    padding-left: 0px;
}
.WPActionToolbar
{
	padding-right: 11px;
	float: left;
}
.WPActionToolbar DIV
{
	float:left;
	white-space: nowrap;
}
.WPActionToolbar img
{
	margin-right: 6px;
}

.WPActionMenuTag_ImageButton .NoImage
{
	text-align: center;
}

.WPActionMenuTag_ImageButton i
{
	font-size: 12px;
    color: #333 !important;
    padding: 2px;
}



.WPActionToolbarContainer .ui-state-default, .WPActionToolbar .ui-widget-content .ui-state-default, .WPActionToolbar .ui-widget-header .ui-state-default
{
    float: left;
	background: #aaa;
	display: block;
	padding: 2px 4px 3px 6px;
	border: 1px #ccc solid;
	border-radius: 3px !important;
	-moz-border-radius: 3px;
	line-height: 16px;
	height: 24px;
	font-weight: bold;
	font-size: 11px;
	min-width: 65px;
	cursor: default;
	color: #666;
	margin-right: 6px;
	background-color: #fbfbfb;
}






/***************************Black Button ********************************/
.WPActionMenuTag a, .WPActionMenuTag a:hover, .WPActionMenuTag button, .ui-igupload-browsebutton, .ui-igupload-summary-button
{
	float: left;
	background: #aaa;
	display: block;
	padding: 3px 9px 3px 8px;
	border: 1px #999 solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 16px;
	height: 16px;
	font-weight: bold;
	font-size: 11px !important;
	cursor: default;
	color: #ffffff !important;
	margin-right: 3px;
}

.WPActionMenuTag a, .WPActionMenuTag a:hover, .WPActionMenuTag a span, .WPActionMenuTag a i{
	color: #ffffff !important;
}
.dropdown-menu li > a, .WPActionMenuTag .dropdown-menu a, .WPActionMenuTag .dropdown-menu a:hover, .WPActionMenuTag .dropdown-menu a span, .WPActionMenuTag .dropdown-menu a i {
    color: #333 !important;
}
.WPActionMenuDivMenu .dropdown-menu li > a {
	color: #328DDE !important;
}
.WPActionMenuDivMenu .dropdown-menu li > a.WPActionMenuLinkSelected {
	color: #fff !important;
}
.dropdown-menu li > a:hover {
    text-decoration: none;
}
.WPActionMenuTag .NoImage {
    text-align: center;
}

.WPActionMenuTag a, .WPActionMenuTag a:visited, .WPActionMenuTag button
{
	/*background: -moz-linear-gradient(top, #333333 0%, #555555 100%);
	background: -ms-linear-gradient(top, #333333 0%, #555555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#555555));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#333333' , endColorstr= '#555555' ,GradientType=0 );*/
	background-color: #333;
}
.BannerBox .WPActionMenuTag a, .BannerBox .WPActionMenuTag a:visited, .BannerBox .WPActionMenuTag button {
    background-color: #333 !important;
}
.BannerBox .WPActionMenuTag a span {
    background-color: transparent !important;
}
.WPActionMenuTag a:hover, .WPActionMenuTag button:hover {
    /*background: -moz-linear-gradient(top, #555555 0%, #aaaaaa 100%);
background: -ms-linear-gradient(top, #555555 0%, #aaaaaa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#aaaaaa));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#555555' , endColorstr= '#aaaaaa' ,GradientType=0 );*/
    background-color: #555;
}

.WPActionMenuTag_ImageButton a, .WPActionMenuTag_ImageButton a:hover, .WPActionMenuTag_ImageButton BUTTON, .WPActionMenuTag_ImageButton img,
.WPActionMenuTag_ImageButton .WPLinkButton_Default a img    
{
    outline:0;border:0; 
    position:absolute; top:0; left:0; padding: 0px !important; margin: 0px !important;
}

/***************************PRIMARY BUTTON*******************************/
.WPActionPrimaryMenuTag a, .WPActionPrimaryMenuTag a:hover, .WPActionPrimaryMenuTag button, .ql-html-buttonOk, .dnnPrimaryAction {
	float: left;
	padding: 3px 6px 3px 6px;
	line-height: 16px;
	height: 16px;
	font-weight: bold;
	font-size: 11px !important;
	cursor: default;
	margin: auto;
	border-radius: 3px;
	display: inline-block;
	text-decoration: none;
	margin-right: 3px;
}
.WPActionPrimaryMenuTag a, .WPActionPrimaryMenuTag a:hover, .WPActionPrimaryMenuTag a span, .WPActionPrimaryMenuTag a i{
	color:#ffffff !important;
}
.WPActionPrimaryMenuTag .NoImage
{
	text-align: center;
}
.WPActionPrimaryMenuTag a, .WPActionPrimaryMenuTag a:hover, .WPActionPrimaryMenuTag a:visited, .WPActionPrimaryMenuTag button, .ql-html-buttonOk, .dnnPrimaryAction {
	text-shadow: none !important;
	border: 1px solid #337fed;
	background-color: #3d94f6;
	color: #fff !important;
}

.WPActionPrimaryMenuTag a:hover, .WPActionPrimaryMenuTag button:hover, .WPActionPrimaryMenuTag label.btn:hover
{
	border:1px solid #337fed;
	background-color:#1e62d0;
}


.WPActionPrimaryMenuTag a.active, .WPActionPrimaryMenuTag button.active, .WPActionPrimaryMenuTag label.btn.active
{
	border:1px solid #337fed;
	background-color:#3d94f6;
}
.WPActionPrimaryMenuTag .caret, .WPActionMenuTag .caret
{
    border-top: 4px solid #fff;
}

.WPActionPrimaryMenuTag a.ok, .WPActionPrimaryMenuTag a.ok:visited, .WPActionPrimaryMenuTag button.ok {
	text-shadow: none !important;
	border: 1px solid rgb(34, 129, 64);
	background-color: rgb(49, 187, 93);
}
.WPActionPrimaryMenuTag a.ok.drop, .WPActionPrimaryMenuTag a.ok.drop:visited, .WPActionPrimaryMenuTag button.ok.drop{
    box-shadow: 0 0 12px 6px rgba(49, 187, 93, 0.4), 0 6px 20px 0 rgba(49, 187, 93, 0);
}
	.WPActionPrimaryMenuTag a.ok:hover, .WPActionPrimaryMenuTag a.ok:visited, .WPActionPrimaryMenuTag button.ok:hover {
		text-shadow: none !important;
		border: 1px solid rgb(34, 129, 64);
		background-color: rgb(34, 129, 64);
	}

.WPActionPrimaryMenuTag a.error, .WPActionPrimaryMenuTag a.error:visited, .WPActionPrimaryMenuTag button.error {
	text-shadow: none !important;
	border: 1px solid #f33;
	background-color: #f66;
}
.WPActionPrimaryMenuTag a.error.drop, .WPActionPrimaryMenuTag a.error.drop:visited, .WPActionPrimaryMenuTag button.error.drop{
    box-shadow: 0 0 12px 6px rgba(255, 80, 80, 0.4), 0 6px 20px 0 rgba(255, 80, 80, 0);
}
	.WPActionPrimaryMenuTag a.error:hover, .WPActionPrimaryMenuTag a.error:visited, .WPActionPrimaryMenuTag button.error:hover {
		text-shadow: none !important;
		border: 1px solid #f33;
		background-color: #f66;
	}

/***************************Secondary BUTTON*******************************/

.WPActionSecondaryMenuTag a, .WPActionSecondaryMenuTag a:hover, .WPActionSecondaryMenuTag button, .WPActionSecondaryMenuTag label.btn, .WPFileUploadBox.Compact, .ql-html-buttonCancel, select.WPActionSecondaryMenuTag, .WPActionSecondaryMenuTag span.select2 span.select2-selection, .dnnSecondaryAction {
	padding: 3px 6px 3px 6px;
	line-height: 16px;
	height: 16px;
	font-weight: bold;
	font-size: 11px !important;
	cursor: default;
	margin: auto;
	border-radius: 3px;
	border: 1px solid #ccc;
	display: inline-block;
	color: #666 !important;
	text-decoration: none;
	text-shadow: none !important;
	margin-right: 3px;
}
select.WPActionSecondaryMenuTag {
	background-color: #fbfbfb;
	height: 24px;
	padding-left: 2px;
	padding-top: 2px;
}
.WPActionSecondaryMenuTag span.select2 > span.selection {
	padding: 0;
}
.WPActionSecondaryMenuTag span.select2 > span.selection span.select2-selection {
	padding-top: 0;
	padding-right: 16px;
	padding-left: 2px;
	height: 24px;
	width: 100%;
}
.WPActionSecondaryMenuTag span.select2 > span.selection span.select2-selection__rendered {
	border: none;
	color: #666;
	padding-right: 4px;
}

.WPActionSecondaryMenuTag a, .WPActionSecondaryMenuTag a:hover, .WPActionSecondaryMenuTag a span, .WPActionSecondaryMenuTag a i, .WPFileUploadBox.Compact, .WPFileUploadBox.Compact span, .WPFileUploadBox.Compact div {
	color: #666 !important;
}
.WPActionSecondaryMenuTag.ok a, .WPActionSecondaryMenuTag.ok a:hover, .WPActionSecondaryMenuTag.ok a span, .WPActionSecondaryMenuTag.ok a i,
.WPActionSecondaryMenuTag.error a, .WPActionSecondaryMenuTag.error a:hover, .WPActionSecondaryMenuTag.error a span, .WPActionSecondaryMenuTag.error a i
{
	color:#666 !important;
}
.WPActionSecondaryMenuTag label.btn
{
    padding: 0px;
}
.WPActionSecondaryMenuTag a.drop, .WPActionSecondaryMenuTag a.drop:visited, .WPActionSecondaryMenuTag button.drop{
    box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.WPActionMenuTag a span
{
	color: #fff !important;
}

.WPActionMenuTag ul-dropdown-menu a span
{
	color: #fff !important;
}
.WPActionSecondaryMenuTag button, .WPActionPrimaryMenuTag button, .WPActionMenuTag button, .ql-html-buttonGroup button {
	height: 26px;
}

.WPActionSecondaryMenuTag button > i, .WPActionPrimaryMenuTag button > i, .WPActionMenuTag button > i {
	padding-right: 4px;
}

.WPActionSecondaryMenuTag .btn-group, .WPActionPrimaryMenuTag .btn-group, .WPActionMenuTag .btn-group
{
	position: relative;
}
	.WPActionSecondaryMenuTag .btn-group .btn, .WPActionPrimaryMenuTag .btn-group .btn, .WPActionMenuTag .btn-group .btn, .WPActionSecondaryMenuTag button, .WPActionMenuTag button, .WPActionPrimaryMenuTag button {
		height: 24px !important;
		margin-left: 0 !important;
		position: relative;
	}
	.WPActionSecondaryMenuTag .btn-group .btn, .WPActionPrimaryMenuTag .btn-group .btn, .WPActionMenuTag .btn-group .btn {
		border-radius: 0px 3px 3px 0px !important;
	}
.WPActionSecondaryMenuTag .btn-group .btn > img, .WPActionPrimaryMenuTag .btn-group .btn > img, .WPActionMenuTag .btn-group .btn > img
{
    position: absolute;
    left: 8px !important;
    border-width:0px;
}
.WPActionSecondaryMenuTag ul.dropdown-menu > li > a > img, .WPActionPrimaryMenuTag ul.dropdown-menu > li > a > img, .WPActionMenuTag ul.dropdown-menu > li > a > img
{
    position: absolute;
    left: 12px !important;
    border-width:0px;
}
.WPActionSecondaryMenuTag .btn-group .btn > span.TextWithImagePadding, .WPActionPrimaryMenuTag .btn-group .btn > span.TextWithImagePadding, .WPActionMenuTag .btn-group .btn > span.TextWithImagePadding
{
    padding-left: 18px;
}
.WPActionSecondaryMenuTag .btn-group .btn:first-child, .WPActionPrimaryMenuTag .btn-group .btn:first-child, .WPActionMenuTag .btn-group .btn:first-child {
	margin-right: -3px !important;
	border-radius: 3px 0px 0px 3px !important;
	padding-right: 6px;
}
.WPActionSecondaryMenuTag .btn-group-toggle .btn, .WPActionPrimaryMenuTag .btn-group-toggle .btn, .WPActionMenuTag .btn-group-toggle .btn {
	margin-left: 0px !important;
	margin-right: 0px !important;
	border-radius: 0px 0px 0px 0px !important;
	padding: 3px 6px !important;
	border-right-width: 0px !important;
	height: 16px !important;
}
.WPActionSecondaryMenuTag .btn-group-toggle.WPToggleButton .btn:first-child, .WPActionPrimaryMenuTag .btn-group-toggle.WPToggleButton .btn:first-child, .WPActionMenuTag .btn-group-toggle.WPToggleButton .btn:first-child {
	padding-right: 9px !important;
}
.WPActionSecondaryMenuTag .btn-group-toggle .btn, .WPActionPrimaryMenuTag .btn-group-toggle .btn, .WPActionMenuTag .btn-group-toggle .btn {
}
.WPLinkButton_Default button.btn[data-toggle]:not(.dropdown-toggle) > span:last-child
{
	padding-right: 3px;
}
.WPButtonGroup button{
	margin: 0;
}
.WPActionSecondaryMenuTag .btn-group-toggle .btn:first-child, .WPActionPrimaryMenuTag .btn-group-toggle .btn:first-child, .WPActionMenuTag .btn-group-toggle .btn:first-child, .WPButtonGroup button:first-child {
	border-radius: 3px 0px 0px 3px !important;
}
.WPActionSecondaryMenuTag .btn-group-toggle .btn:last-child, .WPActionPrimaryMenuTag .btn-group-toggle .btn:last-child, .WPActionMenuTag .btn-group-toggle .btn:last-child, .WPButtonGroup button:last-child {
	margin-right: 6px !important;
	border-radius: 0px 3px 3px 0px !important;
	padding-right: 6px;
	border-right-width: 1px !important;
}
.WPButtonGroup button:last-child {
	margin-left: -4px !important;
}
.WPActionSecondaryMenuTag .dropdown-menu a, .WPActionSecondaryMenuTag .dropdown-menu a:hover, .WPActionSecondaryMenuTag .dropdown-menu Button, .WPActionPrimaryMenuTag .dropdown-menu a, .WPActionPrimaryMenuTag .dropdown-menu a:hover, .WPActionPrimaryMenuTag .dropdown-menu Button, .WPActionMenuTag .dropdown-menu a, .WPActionMenuTag .dropdown-menu a:hover, .WPActionMenuTag .dropdown-menu button, .ql-html-buttonCancel, .dnnSecondaryAction {
	border-radius: 0px !important;
	float: none;
	padding: 3px 6px 3px 6px;
	line-height: 16px;
	height: 16px;
	/*
	font-weight: bold;
	font-size: 11px;
    */
	font-weight: normal;
	font-size: 12px;
	border: 0px solid Transparent;
	color: #666 !important;
	text-shadow: none !important;
	background-color: #fff !important;
	padding-bottom: 0px;
}
.WPActionSecondaryMenuTag .dropdown-menu a.dropdown-toggle, .WPActionPrimaryMenuTag .dropdown-menu a.dropdown-toggle, .WPActionMenuTag .dropdown-menu a.dropdown-toggle
{
    height: auto !important;    
}
.WPActionSecondaryMenuTag .NoImage
{
	text-align: center;
}
ul.dropdown-menu li:not(li ul)::after
{
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 22px;
    padding-right: 4px;
}
ul.dropdown-menu li > a:not([id^="rptEmail"]), .dropdown-menu li > a:not([id^="rptEmail"]):hover, ul.dropdown-menu li ul li, ul.dropdown-menu.interactive li {
	padding-left: 0 !important;
}

ul.dropdown-menu li:hover, ul.dropdown-menu li:hover a:hover, ul.dropdown-menu li:hover A {
	/* background-color: #f7f7f7 !important;*/
	cursor: pointer !important;
}
ul.dropdown-menu li.divider
{
    padding: 0px !important;
}
.WPActionSecondaryMenuTag a, .WPActionSecondaryMenuTag a:visited, .WPActionSecondaryMenuTag button, .WPActionSecondaryMenuTag label.btn, .WPFileUploadBox.Compact {
    background-color: #fbfbfb;
}
.WPActionSecondaryMenuTag:not(:disabled) a:hover, .WPActionSecondaryMenuTag:not(:disabled) a:hover, .WPActionSecondaryMenuTag button:not(:disabled):hover, .WPActionSecondaryMenuTag:not(:disabled) label.btn:hover, select.WPActionSecondaryMenuTag:not(:disabled):hover {
	background-color: #eeeeee;
}
select.WPActionSecondaryMenuTag:not(:disabled):hover option {
	background-color: #fff;
}
		.WPActionSecondaryMenuTag .btn-group-toggle a, .WPActionSecondaryMenuTag .btn-group-toggle button, .WPActionSecondaryMenuTag .btn-group-toggle.InputLabel .btn {
			background-color: #e0e0e0;
			color: #7a7a7a;
		}
.WPActionSecondaryMenuTag .btn-group-toggle a.active, .WPActionSecondaryMenuTag .btn-group-toggle button.active, .WPActionSecondaryMenuTag .btn-group-toggle.InputLabel .btn.active
{
	background-color:#fbfbfb;
	color:#333 !important;
}

.WPActionPrimaryMenuTag .WPLinkButton_Default, .WPActionSecondaryMenuTag .WPLinkButton_Default, .WPActionMenuTag .WPLinkButton_Default{
    white-space: nowrap;
}
.WPActionPrimaryMenuTag button:disabled, .WPActionSecondaryMenuTag button:disabled, .WPActionMenuTag button:disabled {
	cursor: not-allowed;
}

.WPActionPrimaryMenuTag button:disabled, .WPActionMenuTag button:disabled {
	color: #ffffff99  !important
}
.WPActionSecondaryMenuTag button:disabled {
	color: #66666666 !important
}
.WPActionMenuTag .WPDropDownButtonWrapper a.WPDropDownButton, .WPActionPrimaryMenuTag .WPDropDownButtonWrapper a.WPDropDownButton,
.WPActionMenuTag .WPDropDownButtonWrapper a:hover.WPDropDownButton, .WPActionPrimaryMenuTag .WPDropDownButtonWrapper a:hover.WPDropDownButton
.WPActionMenuTag .WPDropDownButtonWrapper a:visited.WPDropDownButton, .WPActionPrimaryMenuTag .WPDropDownButtonWrapper a:visited.WPDropDownButton {
    display: block;
    background-image: url("Images/down-arrow_invert.png");
    background-repeat: no-repeat;
    background-position: center;
}

.WPActionSecondaryMenuTag .WPDropDownButtonWrapper a.WPDropDownButton,
.WPActionSecondaryMenuTag .WPDropDownButtonWrapper a:hover.WPDropDownButton,
.WPActionSecondaryMenuTag .WPDropDownButtonWrapper a:visited.WPDropDownButton
{
    display: block;
    width: 22px;
    height: 16px;
    background-image: url("Images/down-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.WPActionSecondaryMenuTag .btn-group-toggle.WPToggleButton .btn-secondary:not(.active) {
	color: #7f7f7f !important;
	background-color: #eee !important;
	font-weight: normal;
}
.WPActionSecondaryMenuTag .btn-group-toggle.WPToggleButton .btn-secondary:not(.active):hover {
	background-color: #fefefe !important;
}

/**********************************************************************************************
 Secondary Link Button Navigate
**********************************************************************************************/
 .WPLinkButton_Navigate > a {
	background: none !important;
	border: none;
	padding: 4px 6px 4px 6px;
	height: 16px;
	color: #666 !important;
	text-shadow: none !important;
}

	.WPLinkButton_Navigate > a:hover, .WPLinkButton_Navigate > a:hover > span, .WPLinkButton_Navigate > a:hover > i {
		background-color: #eeeeee !important;
		color: #328dde !important;
		text-shadow: none !important;
	}


/**********************************************************************************************
	END Link Button Navigate
**********************************************************************************************/

.btn-group.btn-group-toggle .btn input[type=radio] {
	display: none;
}


.WPCheckBoxButton{
    display: inline-block;
    padding: 5px 8px 5px 6px;
}
.WPCheckBoxButton > label:not(.WPToggleControl) {
    margin-top: -2px;
    display: inline-block;
    vertical-align: top;
    padding-left: 2px;
}
	/* ALERT RELATED CLASS */
	.alert-area {
  max-height: 100%;
  position: fixed;
  bottom: 5px;
  left: 20px;
  right: 20px;
} .alert-box {
  font-size: 16px;
  background: #666;
  line-height: 1.3em;
  padding: 10px 15px;
  margin: 5px 10px;
  position: relative;
  border-radius: 5px;
  transition: opacity 0.5s ease-in;
} .alert-box, .alert-box .alert-content {
  color: white !important;
  font-size: 14px;
} .alert-content{
    padding-right: 16px;
} .alert-box.hide {
  opacity: 0;
} .alert-close {
  background: transparent;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 15px;
  right: 15px;
} .alert-close:before, .alert-close:after {
  content: '';
  width: 15px;
  border-top: solid 2px white;
  position: absolute;
  top: 5px;
  right: -1px;
  display: block;
} .alert-close:before {
  transform: rotate(45deg);
} .alert-close:after {
  transform: rotate(135deg);
} .alert-close:hover:before, .alert-close:hover:after {
  border-top: solid 2px #d8d8d8;
}
.alert-area {
	z-index: 9999999;
}
@media (max-width: 767px) and (min-width: 481px) {
		.alert-area {
			left: 100px;
			right: 100px;
		}
	}

	@media (min-width: 768px) {
		.alert-area {
			width: 350px;
			left: auto;
			right: 0;
		}
	}

	.alert-message-container {
  text-align: center;
  line-height: 2.5em;
  margin-top: 50px;
} .alert-message-box {
  font-size: 20px;
  width: 300px;
  border: solid 1px #444;
  padding: 10px 15px;
  outline: none;
  transition: box-shadow 0.1s;
} .alert-message-box:focus {
  box-shadow: 0 0 15px 2px #888;
} .alert-message-button {
  font-size: 18px;
  color: white !important;
  background: #14b9ff;
  width: 250px;
  border: solid 1px #14b9ff;
  padding: 10px 20px;
  margin-top: 5px;
  cursor: pointer;
  outline: none;
  transition: background 0.1s;
} .alert-message-button:hover, .alert-message-button:focus, .alert-message-button:active {
  background: #7dd8ff;
}


.MinimizedButtonImage {
	padding: 5px;
}

	/* / ALERT RELATED CLASS */