/* Rankipedia.css
   --------------------------*/

:root {
	--primary-color: #302AE6;
	--secondary-color: #536390;
	--font-color: #424242;
	--bg-color: #fff;
	--heading-color: #292922;
	--gvselectedrow-color: green;
	--gvselectedrowtext-color: white;
}

[data-theme="dark"] {
	--primary-color: #9A97F3;
	--secondary-color: #818cab;
	--font-color: #e1e1ff;
	--bg-color: #161625;
	--heading-color: #818cab;
	--gvselectedrow-color: midnightblue;
	--gvselectedrowtext-color: white;
}

html { margin: 0; padding: 0; }

body { font-size: 1.0em; font-family: Calibri, "Segoe UI", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0 0 50px 0; background-color: var(--bg-color); color: var(--primary-color); }

a { color: #333; outline: none; padding-left: 3px; padding-right: 3px; text-decoration: underline; }
	a:link, a:visited, a:active, a:hover { color: #333; }
	a:hover { background-color: #c7d1d6; }

input { border: 2px solid #ccc; }
	input:focus { border-color: black; }
	input[type="submit"] { border: 1px solid black; border-radius: 4px; font-weight:bold; background-color: yellow; }

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

mark { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; }

.float-left { float: left; }
.float-right { float: right; }

.clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearColumns { clear: both; }

h1, h2, h3, h4, h5, h6 { color: blue; margin-bottom: 0; padding-bottom: 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
	h5 a:link, h5 a:visited, h5 a:active { padding: 0; text-decoration: none; }

.informationText { color: green; font-size: 1.2em; font-weight: bold; }
.alertText { color: red; font-size: 1.2em; font-weight: bold; }
.warningText { color: red; font-size: 1.3em; }
.formWarningText { color: red; font-size: 1.2em; font-weight: bold; float: right; margin-right:10px; }
.tblWarningText { color: red; font-size: 1.2em; font-weight: bold; float: left; }

.bold { font-size: 1.0em; font-weight: bold; }
.italic { font-style: italic; }
.fontNormal { font-weight: normal; }
.nowrap { white-space: nowrap; }

.visible { display: block; }
.invisible { display: none; }

.textalignleft { text-align: left; }
.textaligncenter { text-align: center; }
.textalignright { text-align: right; }

.spinnerstyle { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: url('../Images/spinner.gif') 50% 50% no-repeat; border: 1px solid blue; }

/* New Spinner */
.spinner {
	width: 44px;
	height: 44px;
	animation: spinner-y0fdc1 2s infinite ease;
	transform-style: preserve-3d;
}

	.spinner > div {
		background-color: rgba(0,77,255,0.2);
		height: 100%;
		position: absolute;
		width: 100%;
		border: 2px solid #004dff;
	}

	.spinner div:nth-of-type(1) {
		transform: translateZ(-22px) rotateY(180deg);
	}

	.spinner div:nth-of-type(2) {
		transform: rotateY(-270deg) translateX(50%);
		transform-origin: top right;
	}

	.spinner div:nth-of-type(3) {
		transform: rotateY(270deg) translateX(-50%);
		transform-origin: center left;
	}

	.spinner div:nth-of-type(4) {
		transform: rotateX(90deg) translateY(-50%);
		transform-origin: top center;
	}

	.spinner div:nth-of-type(5) {
		transform: rotateX(-90deg) translateY(50%);
		transform-origin: bottom center;
	}

	.spinner div:nth-of-type(6) {
		transform: translateZ(22px);
	}

@keyframes spinner-y0fdc1 {
	0% {
		transform: rotate(45deg) rotateX(-25deg) rotateY(25deg);
	}

	50% {
		transform: rotate(45deg) rotateX(-385deg) rotateY(25deg);
	}

	100% {
		transform: rotate(45deg) rotateX(-385deg) rotateY(385deg);
	}
}



/* Rankipedia Header/Footer
   --------------------------*/

.divmpHeader { width: 100%; overflow: hidden;
				-webkit-box-shadow: 10px 5px 5px 0 rgba(0,0,0,0.5);
				-moz-box-shadow: 10px 5px 5px 0 rgba(0,0,0,0.5);
				box-shadow: 10px 5px 5px 0 rgba(0,0,0,0.5); }

.divmpHeaderMain { float: left; margin: 12px 30px 18px 20px; }

.imgmpHeaderLogo { height: 60px; }

.divmpHeaderRight { float: right; margin: 20px 30px 0 30px; }

.divmpHeaderRightTitle { font-size: 1.3em; text-align: right; }

.divrmpSearchColumnLeft { float: left; text-align: left; }
.divrmpSearchColumnRight { float: right; text-align: right; padding-right: 30px; }

#pnlmpHeaderRightLogin { margin-top: 10px; text-align: right; }

.divmpHeaderSpacer { background-color: #0000FF; height: 5px; }

.imgmpHeaderAvatar { max-height: 24px; }

.lblmpWarning { margin-left: 20px; margin-right: 10px; color: white; font-weight: bold; }
.lblmpAccessWarning { margin-left: 20px; margin-right: 10px; color: yellow; font-weight: bold; }

.blinking { animation:blinkingText 1.2s 3; }
@keyframes blinkingText{
	0%{     color: #000;    }
	49%{    color: #000; }
	60%{    color: transparent; }
	99%{    color: transparent;  }
	100%{   color: #000;    }
}

.headerIcons { height: 60px; margin-top: 5px; }

/* Rankipedia Menus
------------------------------------------*/

.rmpHeaderMenu { height: 35px; padding: 5px 0 15px 20px; background-color: #2963ad; }

#nav, #nav ul { margin: 0; padding-left: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 1.5em; top: 0; left: 0; }
	#nav a { display: block; padding: 0 10px; color: White; text-decoration: none; background-color: #2963ad; height: 24px; }
		#nav a:hover { background-color: #C0C0C0; color: White; }
	#nav li { float: left; position: relative; }
	#nav ul { position: absolute; display: none; width: 12em; top: 1.5em; }
	#nav li ul a { width: 15em; height: auto; float: left; }
#nav ul ul { top: auto; }
#nav li ul ul { left: 15em; margin: 0 0 0 10px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block; }

.linkEnabled { font-weight: bold; color: white; }
.linkDisabled { font-weight: normal; color: gray; }

/*.rmpSearchBox { width: 200px; }*/
.tdrmpSearchColumn { text-align: right; padding-right: 30px; margin-top: -25px; }
.ibrmpSearchButton { width: 30px; margin-left: 20px; }


/* content area
   ------------------------------*/

.mainContent { width: 100%; margin-top: 20px; }

.cookiewarningText { color: red; font-size: 1.3em; margin: 20px 0 0 20px; }

.divDefaultMain { height: 100%; margin: auto; width: 95%; }
.divDefaultMainDashboard { height: 100%; margin: 10px 20px; min-height: 600px; }

.divSectionTitle { font-size: 1.3em; font-weight: bold; color: blue; margin-top: 30px; margin-bottom: 0; padding-bottom: 0; }

.divDefaultlogin { float: left; width: 40%; margin: 20px 30px; border: solid 3px blue; padding: 20px 20px; background-color: #CCCCFF; }
.divDefaultMainRight { float: right; width: 40%; margin: 20px 30px; }

.divEdit, .divEditSmall, .divEditMedium, .divEditWide { border: medium solid #0000FF; margin: auto; padding: 10px 20px 20px; overflow: hidden; }
.divEdit { width: 80%; }
.divEditSmall { width: 50%; }
.divEditMedium { width: 70%; }
.divEditWide { width: 98%; }
.divEditColumnLeft { float: left; height: 23px; }
.divEditColumnRight { float: right; }
.divColumnLeft { float: left; width: 49%; }
.divColumnRight { float: right; width: 49%; }
.divColumnTextRight { float: right; text-align: right; width: 49%; }
.divBorder { border: 2px solid #0000FF; padding: 5px; }

.div80pctColumnLeft { float: left; width: 80%; }
.div19pctColumnRight { float: right; width: 19%; }
.div25pctColumnLeft { float: left; width: 25%; }
.div74pctColumnRight { float: right; width: 74% }
.div35pctColumnLeft { float: left; width: 35%; }
.div64pctColumnRight { float: right; width: 63% }
.div40pctColumnLeft { float: left; width: 40%; }
.div59pctColumnRight { float: right; width: 59%; }
.div45pctColumnLeft { float: left; width: 45%; }
.div54pctColumnRight { float: right; width: 54%; }
.div50pctColumnLeft { float: left; width: 50%; }
.div49pctColumnRight { float: right; width: 47%; }
.div55pctColumnLeft { float: left; width: 55%; }
.div44pctColumnRight { float: right; width: 44%; }
.div60pctColumnLeft { float: left; width: 60%; }
.div39pctColumnRight { float: right; width: 39%; }
.div65pctColumnLeft { float: left; width: 65%; }
.div34pctColumnRight { float: right; width: 34%; }
.div70pctColumnLeft { float: left; width: 70%; }
.div29pctColumnRight { float: right; width: 29%; }
.div75pctColumnLeft { float: left; width: 75%; }
.div24pctColumnRight { float: right; width: 24%; }
.divMemberActionsPanel { width: 90%; margin: auto; }
.divActionsColumnRight { float: right; width: 23%; margin-top: 10px; padding: 5px; }

.divPAAnalLeft { float: left; width: 40%; padding-right: 5px; }
.divPAAnalRight { float: right; width: 59%; padding-left: 5px; }
.divPAOprLeft { float: left; width: 45%; padding-right: 5px; }
.divPAOprRight {  float: right; width: 53%; padding-left: 5px; }
.divActivityTransferNote { width: 70%; margin: auto; background-color: lightyellow; text-align: center; padding: 10px; border: 2px solid blue; }

.SectionTitle { font-size: 1.3em; font-weight: bold; color: blue; }

.fontSizeSmall { font-size: 1.0em }
.fontSizeMedium { font-size: 1.2em }
.fontSizeLarge { font-size: 1.5em }
.fontSizeExtraLarge { font-size: 2.0em }

.tblEdit { width: 100%; border-collapse: collapse; }
.lblDefaultLogin { width: 200px; text-align: right; font-size: 1.2em; font-weight: bold; color: black; }
.ibDefaultLoginSubmit { border: thin solid #0000FF; Height: 80px; Width: 130px; }   
.tbltdPagerInfo { white-space:nowrap; width: 170px; }
.tblEditMedium { width: 80%; border-collapse: collapse; }
.tblEditLeft { width: 100%; float: left; border-collapse: collapse; }
.tblTopofRow { vertical-align: top; }
.tblBottomofRow { vertical-align: bottom; }
.tblFormHeader, .tblProfPAHeader { background-color: blue; color: white; padding-left: 5px; }
.tblFormHeader { font-size: medium; }
.tblFormHeaderLite { background-color: cyan; color: black; font-size: small; font-weight:bold; }
.tblfvCriteria { width: 99%; }
.tblEditLeftCol, .tblEditProfLeftCol, .tblEditLeftColSettings, .tblEditLeftColUser, .tblEditLeftColProd, .tblEditLeftColRanking, .tblEditRightColRanking,
	.tblEditLeftColProc, tblEditLeftColCriteria, .tblChangePasswordLeftColumn, .tblEditLeftColRating,
	.tblEditLeftColNarrative, .tblfvCriteriaEdit, .tblPAEditLeftCol, .tblOrderLeftCol, .tblEditCriteriaLeftCol,
	.tblEditSvcProd, .tblUserEditLeftCol { font-weight: bold; vertical-align: top; }
.tblEditLeftCol { width: 30%; }
.tblEditCriteriaLeftCol { width: 22%; }
.tblEditRightCol { text-align: right; }
.tblEditProfLeftCol { width: 35%; font-weight: bold; }
.tblEditLeftColSettings { width: 20%; }
.tblEditLeftColUser { width: 50%; font-size: 1.0em; }
.tblEditLeftColProd { font-size: 1.0em; }
.tblEditLeftColProf { width: 50%; }
.tblEditLeftColProc { width: 40%; }
.tblPAEditLeftCol { width: 60%; }
.tblBLEditLeftCol { width: 80%; }
.tblfvCriteriaEdit { width: 20%; }
.tblOrderLeftCol { width: 40%; }
.tblOrderRightCol { text-align: right; }
.tblEditLeftColRanking, .tblEditRightColRanking { font-size: 1.2em; }
.tblEditRightColRanking { padding-left: 10px; padding-right: 20px; }
.tblCriteria { width: 100%; border: solid 2px blue; }
.tblEditLeftColNarrative { width: 100px; }
.tblEditLeftColCriteria { width: 10%; }
.tblChangePasswordLeftColumn { width: 200px; }
.tblQALeftColumn { width: 15%; font-weight:bold; }
.tblEditSvcProd { width: 20%; }
.tblUserEditLeftCol { width: 35%; }

#lblGlobalTemplate { font-weight: bold; color: darkgreen; }
.fvCriteriaDetailDepth { float: right; margin-right: 10px; }

.textEntry, .passwordEntry { width: 100px; border: 2px solid #ccc; font-size: 0.9em; padding-left: 5px; border-radius: 5px; }
.textEntryMicro, .textEntrySmall, .textEntryMediumSmall, .textEntryMedium, .textEntryMediumExtra, .textEntryLargeSmall, .textEntryLarge, .textEntryLarger, .textEntryLargest, .textEntryMediumLarge, .textEntryExtraLarge,
.textEntryFullWidth, .textEntryHeaderSearch { border-radius: 5px; padding-left: 5px; }
.textEntryMicro { width: 25px; }
.textEntrySmall { width: 55px; }
.textEntryMediumSmall { width: 90px; }
.textEntryMediumExtra { width: 100px; }
.textEntryMedium { width: 150px; }
.textEntrylargeSmall { width: 200px; }
.textEntryLarge { width: 250px; }
.textEntryLarger { width: 300px; }
.textEntryLargest { width: 350px; }
.textEntryMediumLarge { width: 350px; height: 35px; }
.textEntryExtra { width: 400px; }
.textEntryExtraLarge { width: 450px; }
.textEntryFullWidth { width: 95%; }
.textEntryUserAction { width: 95%; height: 100px; }
.textEntryHeaderSearch { width: 450px; height: 30px; }

.ddForm { margin: 0 2px 0 0; border: 2px solid #ccc; font-size: 0.9em; }
.cbForm { margin: 2px 0 5px 0; font-size: 1.0em; border: none; }
.rblForm { font-size: 0.9em; display: inline; }
.rblNoWrap { display: block; white-space: nowrap; }
.cbMenu { margin: 2px 20px 5px 0; font-size: 1.0em; border: none; float: right; color: white; }
.cbList { white-space: nowrap; padding-left: 10px; }
.lstBox { border: 2px solid blue;}
.lstBoxProfessional { border: 2px solid blue; width: 350px; height: 200px; }
.tablePaddingRight { padding-right: 10px; }

.marginleft10 { margin-left: 10px; }
.marginleft15 { margin-left: 15px; }
.marginleft20 { margin-left: 20px; }
.marginleft25 { margin-left: 25px; }
.marginleft30 { margin-left: 30px; }

#tblErrorColumn { width: 70%; color: red; }

.divDefaultError { height: 100%; width: 80%; margin: 10px auto; }

#cbUserTermsAccept { margin-left: 100px; font-weight: bold; }

.editmenuleft { float: left; }
.editmenuright { float: right; }
.iBtn { width: 25px; height: 25px; margin: 0 10px 0 0; border: solid 1px black; }

/*.tableRecordCountTable { border: thin solid blue; width: 50%; padding: 0 5px 0 5px; margin: auto; }
	.tableRecordCountTable .tblName { font-weight: bold; padding-left: 5px; text-align: left; background-color: blue; color: white; }
	.tableRecordCountTable .tblSize { padding-right: 5px; text-align: right; font-weight: bold; background-color: blue; color: white; }*/


/* tabcontainer
   ------------------------------*/
.ajax__tab_default .ajax__tab { display: block; float: left; height: 21px; margin-top: 1px; }
.ajax__tab_default .ajax__tab_header { white-space: normal; }
.ajax__tab_default .ajax__tab_outer { display: inline-block; }
.ajax__tab_default .ajax__tab_inner { display: inline-block; }
.ajax__tab_default .ajax__tab_tab { display: inline-block; overflow: hidden; text-align: center; outline: none; }

.rpTabs .ajax__tab_header { background-position: bottom; background-repeat: repeat-x; font-family: verdana,tahoma,helvetica; font-size: 12px; }
.rpTabs .ajax__tab_header:before .rpTabs .ajax__tab_header:after { content: ""; display: table; background-color: blue !important; }
.rpTabs .ajax__tab_header:after { clear: both; }
.rpTabs .ajax__tab_header .ajax__tab_outer { background-position: right; background-repeat: no-repeat; height: 21px; padding-right: 4px; background-color: blue !important; }
.rpTabs .ajax__tab_header .ajax__tab_inner { background-repeat: no-repeat; padding-left: 3px; }
.rpTabs .ajax__tab_header .ajax__tab_tab { background-repeat: repeat-x; margin: 0; padding: 4px; background-color: blue !important; color: black !important; }
.rpTabs .ajax__tab_header .ajax__tab_hover .ajax__tab_outer { background-position: right; background-repeat: no-repeat; cursor: pointer; }
.rpTabs .ajax__tab_header .ajax__tab_hover .ajax__tab_inner { background-repeat: no-repeat; cursor: pointer; }
.rpTabs .ajax__tab_header .ajax__tab_hover .ajax__tab_tab { background-repeat: repeat-x; cursor: pointer; }
.rpTabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer { background-position: right; background-repeat: no-repeat; }
.rpTabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner { background-repeat: no-repeat; }
.rpTabs .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background-repeat: repeat-x; }
.rpTabs .ajax__tab_body { background-color: #ffffff; border: 1px solid #999999; border-top: 0; font-family: verdana,tahoma,helvetica; font-size: 10pt; padding: 8px; }
.rpTabs .ajax__tab_disabled { color: #A0A0A0; cursor: default; }

/* scrolling */
.ajax__scroll_horiz { overflow-x: scroll; }
.ajax__scroll_vert { overflow-y: scroll; }
.ajax__scroll_both { overflow: scroll; }
.ajax__scroll_auto { overflow: auto; }
.ajax__scroll_none { overflow: hidden; }


/* gridview / formview
   ------------------------------*/
.fvRowStyle { Background-color: #190482; color: #333333 }
.gvPageIcons { border: none; width: 20px; height: 20px; }
	.gvPageIcons:hover { border: solid 1px white; }
.divfvSpacer { margin-left: 10px; }
.tbValueStyle, tbItemValueStyle, tbDescStyle { border: 2px solid #ccc; border-radius: 5px; }
.tbValueStyle { width: 40px; text-align: center; font-size: small; }
.tbItemValueStyle { width: 100px; text-align: center; font-size: small; }
.tbDescStyle { width: 90%; font-size: small; }
.colNumeric { width: 20px; }
.emptyGridView { font-size: 1.2em; color: black; padding: 20px; background-color: lightblue; border: 2px solid blue; }
.emptyFormView { font-size: 1.2em; color: black; padding: 20px; background-color: #FFFBD6; border: 2px solid blue; }
.lblItemsListBlank { color: green; font-weight: bold; }
.fvCSZLabel .lbMisc { padding-top: 4px; padding-left: 5px; font-size: 1.0em; }
.gvSelectedRowStyle { background-color: var(--gvselectedrow-color); color: var(--gvselectedrowtext-color); }
.gvHeaderStyle { color: white; background-color: blue; font-size: small; text-align: left; }
.fvHeaderStyle { color: white; background-color: blue; font-size: small; }
.gvFooterStyle { vertical-align: top; background-color: gray; color: white; }
.gvPagerStyle { background-color: blue; color: white; font-size: small; }
.btngvRating { width: 15px; }
.divtblRatingDetail { width: 97%; max-height: 150px; min-height: 20px; overflow: auto; border: 2px solid lightgray; }
.divfvNarrativeText { width: 99%; padding: 5px; min-height: 150px; overflow: auto; }
.tdtblfvNarrativeEdit { width: 20px; text-align: left; vertical-align: top; }
.fvNarrativeTextEdit { font-size: 1.1em; }
.fvMembership { margin: auto; }
.userAvatar { width: 200px; max-width: 200px; }

.divUserRP { font-size: 1.2em; }
.divSubscriberUsers { clear: both; }
.btnSearch { width: 16px; }

.ibCriteriaTransfer { width: 50px; }
.divtblTransfer { border: solid 2px blue; background-color: #FFFBD6; padding: 0 10px 10px 10px; margin-bottom: 20px; }

.imgProfessionalRating { height: 15px; }

.pnlProfRatingRanking { height: 550px; }


/* AjaxControlToolkit.AutoCompleteExtender
   ------------------------------*/ 

.completionList { border: solid 1px #444444; margin: 0; padding: 2px; overflow: auto; background-color: #FFFFFF; white-space: nowrap; max-width: 600px; }
.listItem { border-bottom: dotted 2px #006699; color: #1c1c1c; cursor: pointer; }
.itemHighlighted { color: white; background-color: #ffc0c0; cursor: pointer; }