﻿@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');

*
{
	font-family: 'Libre Franklin', sans-serif;
	font-size: 12.5px;
}

html, body, .classMembers .grid .header
{
	color: #6F7676;
	background-color: #ecf5f4;
	background-attachment: fixed;
}

.container
{
	background-image: url("../Images/background-header.png");
	background-position: center top;
	background-repeat: no-repeat;
}

a
{
	color: #00AF9A;
}

.high, .bold, .firstName, .progress div, .progress.inline
{
	color: #f15a20;
}

a:hover
{
	color: #f15a20;
}

.valid, .success span, .check, .info span
{
	color: #00AF9A;
}

.invalid, .validation label, .loadValidation label
{
	color: red;
}

.warning
{
	color: #f15a20;
	font-weight: bold;
}

.progress
{
	background-image: url("../Images/progress.gif");
}

.success .content
{
	background-image: url("../Images/success.png");
}

.alert
{
	background-color: #00AF9A;
	color: #fff;
}

.ieOld .alert
{
	background-color: #00AF9A;
}

.alert.sale .content
{
	background-image: url("../Images/sale.png");
}

.alert .high
{
	color: #dedede;
}

.warningBox
{
	color: #FFFFFF;
	border-color: #990000;
	background-color: #CC3300;
}

.check
{
	background-image: url("../Images/check.png");
}

.caption
{
	color: #f15a20;
}

.checkbox:hover
{
	color: #6F7676;
}

.checkbox.checked .inner div
{
	background-image: url("../Images/check.png");
}

.textbox, .dropDownList, .checkbox .outer
{
	border: 1px solid #dddddd;
}

.textbox.focus, .dropDownList.focus
{
	border-color: #00AF9A;
}

.textbox.error.focus, .dropDownList.error.focus
{
	border-color: Red;
}

.textbox input, .textbox textarea, .dropDownList select, .checkbox .inner
{
	border-color: #d6d5d7;
	color: #00AF9A;
	background: #f4f4f4;
}

.textbox.error input, .textbox.error textarea, .dropDownList.error select
{
	background: #bf0411;
	border-color: #880909;
	color: #FFFFFF;
}

.button div
{
	border: none;
}

.ieOld .button div
{
	border-color: transparent;
}

.button input
{
	color: #FFFFFF;
	border-color: transparent;
}

.ieOld .button input
{
	border-color: #00AF9A;
}

.button:hover, .button.hover
{
	border-color: #008a79;
	background: #008a79;
}

.ieOld .button:hover div, .ieOld .button.hover div
{
	border-color: #008a79;
}

.button:hover input, .button.hover input
{
	border-color: transparent;
}

.ieOld .button:hover input, .ieOld .button.hover input
{
	border-color: #008a79;
}

.button.disabled:hover, .button.disabled
{
	border-color: transparent;
	background: rgba(0,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; /* IE8 */
}

.button.disabled div, .button.disabled:hover div
{
	border-color: transparent;
	background: rgba(0,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; /* IE8 */
}

.ieOld .button.disabled div, .ieOld .button.disabled:hover div
{
	border-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4C000000', EndColorStr='#4C000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4C000000', EndColorStr='#4C000000')"; /* IE8 */
}

.button.disabled input, .button.disabled:hover input
{
	color: #c6c6c6;
	border-color: transparent;
}

.ieOld .button.disabled input, .ieOld .button.disabled:hover input
{
	border-color: #242831;
}

.button:active div
{
	border-color: #f15a20;
	background: #f15a20;
}

.button:active input
{
	border-color: transparent;
}

.sign
{
	background-image: url("../Images/expand_collapse.png");
}

.box.hover
{
	border-color: #d94f1a; /* IE8,IE7 */
	background-color: #f15a20; /* IE8,IE7 */
}

.box.selected
{
	border-color: #d94f1a;
	background-color: #f15a20;
	background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #f15a20 0%, #c64818 100%); /* IE10 Consumer Preview */
	background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #f15a20 0%, #c64818 100%); /* Mozilla Firefox */
	background-image: -o-radial-gradient(center top, ellipse farthest-corner, #f15a20 0%, #c64818 100%); /* Opera */
	background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #f15a20), color-stop(1, #c64818)); /* Webkit (Safari/Chrome 10) */
	background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #f15a20 0%, #c64818 100%); /* Webkit (Chrome 11+) */
	background-image: radial-gradient(ellipse farthest-corner at center top, #f15a20 0%, #c64818 100%); /* W3C Markup, IE10 Release Preview */
}

.button
{
	background-color: #009b88;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.body
{
	padding: 20px 5px 90px 5px;
}

.form label
{
	color: #6f7676;
	font-size: 12px;
}

.textbox.disabled, .dropDownList.disabled
{
	border-color: transparent;
}

.textbox.disabled input, .textbox.disabled textarea, .dropDownList.disabled select
{
	color: #8f8f8f;
	background: #bbbbbb;
}

.popup .success .content .button div, .popup .form .button div
{
	background-color: #009b88;
}

.custom-button-wrapper .customSignIn.perform
{
	color: #fff;
	border-color: #009b88;
	background-color: #009b88;
}

.custom-button-wrapper .customSignIn.perform:hover
{
	border-color: #008a79;
	background: #008a79;
}

.alert .bold
{
	color: white !important;
}

.alert .button:active div
{
	background: #007a6b;
	border-color: #007a6b;
}

.alert .warningItem .message span.invalid
{
	color: #fff760;
}

.default .alert .info span
{
	color: rgba(255,255,255, 0.7);
}

.alert .title
{
	color: #fff;
	font-size: 14px;
}

.passwordRuleMessage
{
	color: #f15a20;
	font-weight: bold;
}

.login .cadaster .step span
{
	color: #f15a20;
}

.login .cadaster .step
{
	color: #6F7676;
}

.creditCard .form .fields label
{
	font-size: 12px;
}