@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

.step
{
	border-radius: 50%;
	background-color: #f9f9f9;
	padding: 1px 7px;
	font-size: 0.85em;
	font-weight: bold;
	border: 1px solid #eaeaea;
}

div.form label
{
	margin-top: 10px;
}

#file-upload
{
	font-family: @title-font;

	#upload-step1
	{
		.number-image
		{
			margin-top: initial;
			float: left;
			padding-right: 4px;

			html[dir='rtl'] &
			{
				float: right;
				padding-left: 4px;
			}
		}

		a
		{
			color: @accent-color;
		}
	}
}

#properties_upload #dataset-warning-message
{
	display: none;
	margin: 1em 0 0 0;
	font-family: @title-font;
	margin: 8px 0;

	a.show-details
	{
		display: inline;
	}

	a.hide-details
	{
		display: none;
	}

	&.expanded
	{
		a.show-details
		{
			display: none;
		}

		a.hide-details
		{
			display: inline;
		}
	}

	label
	{
		font: 1em @title-font;
		color: @text-color;

		input
		{
			margin-right: .5em;
			vertical-align: middle;

			html[dir='rtl'] &
			{
				.margin-left-right(.5em, 0);
			}
		}
	}
}

#s3-file-dialog
{
	display: none;
	width: 320px;

	input
	{
		width: 300px;
		font-size: 12px;
		color: @text-color;
	}
}

div
{
	&.hideDimClarifyMessage
	{
		display: none;
	}

	&.showDimClarifyMessage
	{
		display: block;
		font-size: 12px;
		color: @text-color;
	}

	&.hideErrorMessage
	{
		display: none;
	}

	&.hideVerifyMessage
	{
		display: none;
	}

	&.showVerifyFailMessage
	{
		display: block;
		font-size: 12px;
		color: #C13A3F;
	}

	&.showVerifyPassMessage
	{
		display: block;
		font-size: 12px;
		color: Green;
	}

	&#outerProgress
	{
		margin-top: 5px;
		margin-bottom: 10px;
	}

	&.hideOuterProgress
	{
		position: relative;
		display: none;
	}

	&.showOuterProgressFail
	{
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 250px;
	}

	&.showOuterProgressPass
	{
		position: relative;
		display: inline-block;
		vertical-align: top;
		height: 10px;
		width: 250px;
		background-color: Gray;
	}

	&.hideInnerProgress
	{
		position: relative;
		display: none;
	}

	&.showInnerProgressFail
	{
		position: relative;
		display: block;
		vertical-align: top;
		height: 10px;
		width: 250px;
		background-color: #C13A3F;
	}

	&.showInnerProgressPass
	{
		position: relative;
		display: block;
		vertical-align: top;
		height: 10px;
		width: 25px;
		background-color: Green;
	}

	&.hide-update-options
	{
		display: none;
	}

	&#dataset-update-notes
	{
		display: none;
		margin-bottom: 1em;

		#dataset-update-notes-editor_tbl
		{
			margin-top: .5em;
		}
	}

	&#update-options-container
	{
		padding: 5px 5px 5px 0px;
	}

	&#update-options-required-message, &#upload-columns-incorrect-message
	{
		color: #C13A3F;
		display: none;
	}

	.update-option-info-text
	{
		font-family: @title-font;
		font-size: 10pt;
		font-weight: normal;
	}

	&#upload-form
	{
		.browse-file
		{
			width: 300px;
			height: 24px;
			visibility: hidden;
		}

		.selectFile, .import-file, .browse-file
		{
			margin-right: 5px;
		}

		.import-file-icon
		{
			padding-right: 4px;
			vertical-align: middle;
		}
	}

	&.skip-row
	{
		display: none;

		label
		{
			margin-right: 5px;
		}

		input
		{
			width: 30px;
			margin-right: 5px;
		}
	}

	&#upload-form, &.skip-row
	{
		span
		{
			&.ui-button
			{
				color: white;
				font-size: 10pt;
				font-family: @title-font;
				padding: 4px 12px;
				height: 16px;
			}
		}
	}


	&#import-from-google-drive-dialog
	{
		display: none;
		border: 1px;
		overflow: hidden;
	}

	&.google-drive-items
	{
		border-top: 1px solid #AAAAAA;
		overflow: hidden;
		padding-bottom: 10px;

		.items-list-parent
		{
			overflow: auto;
			height: 380px;
			margin-top: 5px;
		}

		.information-text, .bread-crumb
		{
			padding: 10px 5px 0px 0px;
			word-wrap: break-word;
			word-break: break-all;
			display: inline-block;
		}

		.bread-crumb
		{
			display: inline-table;
			width: 600px;
		}

		.items-list
		{
			padding: 0px;
			border: 1px solid #eee;
			color: #4183c4;
			margin: 0 5px 0 0;

			.drive-items
			{
				list-style-type: none;
				border-bottom: 1px solid #eee;
				padding: 7px 5px 7px 5px;
				background: #f8f8f8;
				cursor: pointer;

				.drive-item-image
				{
					height: 16px;
					width: 16px;
					vertical-align: middle;
				}

				.drive-item-element
				{
					vertical-align: middle;
					padding-left: 2px;
				}

				&:hover
				{
					background: lightgray;
					color: #4183c4;
				}
			}

			.item-selected
			{
				background: gray;
				font-weight: bold;
				color: white;
			}
		}

		#google-drive-items-error
		{
			display: none;
			color: #c13a3f;
			padding: 10px 5px 0px 0;
		}

		.bread-crumb-link
		{
			text-decoration: none;
			color: #4183c4;
			font-weight: bold;
		}

		.bread-crumb-text
		{
			font-weight: bold;
			color: black;
		}
	}
}

div.form
{
	.number-image
    {
        height: 22px;
        width: 22px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
    }

	.semitransparent_uploadForm
    {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity: 0.4;
        -moz-opacity: 0.4;
    }

	 .description
    {
        font-size: 1.25em;
        color: #7F8C7D;
        font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
    }

    .selectFile:hover
    {
        background-position: 0px 31px;
    }

    .hidedisappear
    {
        position: absolute;
        top: -100000px;
        left: -100000px;
        visibility: hidden;
    }

    input#FileName
    {
        background-color: White;
        color: @text-color;
        border-left: 5px solid #39922C;
    }

	a#change-password
	{
		text-decoration: none;
		border-bottom: 1px dashed #666;
	}

    div
    {
        &.showErrorMessage
        {
            display: block;
            font-size: 12px;
            color: #C13A3F;
        }

		&.warning
		{
			color: #C13A3F;
		}

		&.info, &.warning
		{
			margin-top: 1em;
		}
    }
}

.submitUpload
{
    top: 0px;
    right: 0px;
    display: inline-block;
    text-decoration: none;

	&.disabled,
	&[disabled]
	{
		opacity: 0.4;
	}

	&.ui-button
	{
		padding: 5px 15px;
		border-radius: 3px;
		font-weight: bold;
		.margin-left-right(5px, 0);
}
}

.submitUpload2
{
    background-image: url('/img/v2/sys/upload/btns_select_sunmit.png');
    height: 31px;
    width: 94px;
    background-position: -226px 0px;

	&:hover
	{
		background-position: -226px 31px;
	}
}

.submitUpload3
{
    background-image: url('/img/v2/sys/upload/btns_select_sunmit.png');
    height: 31px;
    width: 94px;
    background-position: -132px  0px;

    &:hover
    {
        background-position: -132px 31px;
    }
}

div.data-template
{
	font-size: 9pt;

	a
	{
		font-family: @title-font;
		font-size: 9pt;
		font-weight: normal;
		text-decoration: none;
		color: #3399cc;
	}
}

.flat-ds-update-options-text
{
	font-weight: normal !important;
	padding-right: 5px;
}

#advance-report
{
	.warning, .info
	{
		font: 10pt @title-font;
		margin-bottom: 1em;
	}

	.knoema-table
	{
		.verify-details-cell
		{
			border: 1px solid gray;
		}

		.verify-details-combo
		{
			width: 95%;
		}

		.hidden-row
		{
			width: 0px;
			height: 0px;
		}

		.column-size3
		{
			width: 3%;
		}

		.column-size15
		{
			width: 15%;
		}

		.column-size20
		{
			width: 20%;
		}

		.column-size32
		{
			width: 32%;
		}

		&.advance-report
		{
			th, td
			{
				border: 1px solid gray;
			}

			th.dimension
			{
				width: 20%;
			}

			th.addedMembers
			{
				width: 20%;
			}

			th.updatedMembers
			{
				width: 20%;
			}

			th.addedFields
			{
				width: 40%;
			}

			.addedMembers, .updatedMembers
			{
				text-align: center;
				padding-left: 0;
				padding-right: 0;
			}

			margin-bottom: 1em;
			text-align: left;

			html[dir='rtl'] &
			{
				text-align: right;

				th, td
				{
					padding-right: 12px;
				}
			}
		}
	}
}

#transaction-table
{
	th, td
	{
		border: 1px solid gray;

		&:nth-child(1)
		{
			width: 3%;
		}

		&:nth-child(2)
		{
			width: 14%;
		}

		&:nth-child(3)
		{
			width: 12%;
		}

		&:nth-child(4)
		{
			width: 12%;
		}

		&:nth-child(5)
		{
			width: 36%;
		}

		&:nth-child(6)
		{
			width: 24%;
		}
	}

	html[dir='rtl'] &
	{
		text-align: right;

		th, td
		{
			padding-left: 0;
			padding-right: 12px;
		}
	}
}

.comboGroup
{
	width: 40%;
}

.comboGroupType
{
	width: 40%;
}

.group-as-container
{
	display: none;
}

.hidden-row {
	display: none;
}