@charset "utf-8";

@media print
{
    #headerDebitAuthorization
    {
        display:none;
    }
    
    #headerInvoice
    {
        display:none;
    }
}



html {
    margin: 0;
    padding: 0;
}
body, .input_field, #Download_Button, input[type=button], input[type=submit], input[type=text],
select, textarea {
    /* font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Lexend', sans-serif;
}
body {
    /*font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;*/
    background-color: #bfdbff;
    margin: 0;
    padding: 0;
    font-family: 'Lexend', sans-serif;
}
body *
{
	font-size: 13px;
}

h1, .bilst_first_paragraph
{
    font-size: 1.4em;
}
h2
{
    font-size: 1.2em;
}
input[type=button], input[type=submit]
{
    background-color: #FFDF7D;
    border: 1px solid #1A61A8;
    font-size: 1.1em;
}
input[type=button]:hover, input[type=submit]:hover
{
    background-color: #FFF3AE;
}
input[type=button]:disabled, input[type=submit]:disabled
{
    background-color: #ededed;
    border: 1px solid #989898;
}

input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover
{
	background: #F0F0F0;
}
A:link, A:visited, A:active, A:hover {
    text-decoration: none;
    color: #f7931e;
}
A:hover {
    /*border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #FF8D42;*/
}
A img
{
    border-width: 0px;
    border-bottom-style: none;
}
.no-padding {
    padding: 0 !important;
}
/* The container */
.container-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container-checkbox input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #ccc;
    border: 1px #192c42 solid;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input[type="checkbox"] ~ .checkmark {
    background-color: #f7931e;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #f7931e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#Menu_panel .section_title, #Menu_panel_content .section_title, #Menu_panel_content2 .section_title, .abstract, h1, h2, 
.title_link, .title_link A:link, .title_link A:visited, .title_link A:active, .title_link A:hover,
input[type=button], input[type=submit], .bilst_first_paragraph, .chpak_current_title
{
	color: #114170;
}

.field-validation-error {
    color: #FF0000;
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}
.input-validation-error
{
    border: 1px solid red;
}
.input_field
{
	/*font-family: Arial, Helvetica, sans-serif;*/
}

#Main_Panel {
    margin: auto;
    font-family: 'Lexend', sans-serif;
    /*margin-top: 25px;
    background-image: url('images/background_700.jpg');
    border: 1px solid #bfdbff;
    width: 966px;
    padding-top: 0px;*/ /*height:700px;*/
    /*min-height: 700px;
    box-shadow: 5px 5px 5px gray;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;*/
}

.Left_Menu
{
    float:left;
    width:220px;
    height:565px;
    margin-left:5px;
    border:1px solid #BFDBFF;
    box-shadow: 5px 5px 5px #006DD9;
}

.Right_Panel
{
    float:right;
    width:700px;
    height:565px;
    margin-right:20px;
    border:1px solid #BFDBFF;
    
}

.Right_Inner_Panel
{
    width:650px;
    margin-left:15px;
    margin-top:35px;
    padding-bottom : 5px;
    border:1px solid #BFDBFF;
    box-shadow: 5px 5px 5px gray;
    font: normal 16px/18px "Segoe UI", Sans-serif;
}

#Agora_Logo
{
	margin-left:27px;
	margin-bottom: 0;
	margin-top: 0px;
}

.Panel_Label
{
    font-size: 1.2em;
    margin-left: 15px;
	margin-top: -13px;
	margin-bottom: 10px;
	background-color: #FFE599;
	text-align: center;
	border: 1px solid #bfdbff;
	width: 180px;
	/*padding-top: 2px;*/
	/*height: 15px;*/
	box-shadow: 5px 5px 5px gray;
}

.Normal_txt
{
    /*font-size:.7em;*/
}

.Form_Title
{
    font-size: 1.2em;
    font-weight: bold;
    color: #114170;
}

form
{
	width: 350px;
	padding: 10px 0px 0px 0px;
	background: #fff;
	color: #000;
	/*font-size:.7em;*/
}
form p {
	
}
form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
form p.double2 {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}

form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

form p.double2 label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

form p.double label span.info {
	display: block;
	margin-top: .2em;
	/*font-size:smaller;*/
	font-weight: normal;
	cursor: default;
}
form p.double input,
form p.double textarea {
	width: 150px;
	margin-left: 12px;
	border: solid 1px gray;
	padding: 2px 4px;
}

form p.double2 input
 {
	width: 15px;
	margin-left: 12px;
	padding: 2px 4px;
}

form p.double textarea {
	padding: 2px 0 0 4px;
	width: 320px;
	height: 6em;
}
form p.simple {
	margin-left: 100px;
}

/* New log-on page */
#NewLogOn-Body {
    background-color: #F4F5F9;
}
/*#NewLogOn-main_container
{
    font-family: 'Roboto', Arial, sans-serif;
}*/

#NewLogOn-Download_panel, #NewLogOn-Authentication_Panel, #NewLogOn-TechnicalSupport_Panel,
#NewLogOn-Menu_panel, #NewLogOn-Presentation_Panel
{
    padding: 22px 25px;
}
#NewLogOn-Authentication_Panel {
/*    background-color: #F1F1F1;
*/}
    #NewLogOn-Authentication_Panel #logo_container_authentification {
      /*  background-color: #192C42;*/
      /*  padding: 5px;*/
    }
        #NewLogOn-Authentication_Panel #logo_container_authentification img {
            width: 200px;
        }
    #NewLogOn-Authentication_Panel #Authentication_Block {
        background-color: #F1F1F3;
        padding: 8px 10px 8px 10px;
        margin-top: 5px;
        border-radius: 20px;
        max-width: 260px;
        margin: auto;
    }
.NewLogOn-Authentication_Block_title {
    font-size: 20px;
    margin-bottom: 0.2em;
    padding-left: 0.2em;
    color: white !important;
    background-color: #A5B1BF;
}

.form-control {
    border-radius: 5px 5px 0px 0px;
}

.TextInAuthenticationBlock {
    padding-left: 5px;
    font-weight: normal;
    font-size: 1.2em;
}
/*#NewLogOn-TechnicalSupport_Panel {
    background-color: #192C42;
    text-align: center;
    background: url("/Content/img/support-1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#NewLogOn-TechnicalSupport_Panel a
{
    font-size: 1.8em;
}
    #NewLogOn-TechnicalSupport_Panel img {
        margin: 0px auto;*/
        /*margin-top: 1.5em;*/
        /*margin-bottom: 1em;*/
        /*height: 382px;
    }
    #NewLogOn-TechnicalSupport_Panel a {
        position: relative;
        top: 330px;
    }
#NewLogOn-Presentation_Panel
{
	background-color: #192c42;
    color: #fff;
    font-size: 1.7em;
}
#NewLogOn-Menu_panel
{
    background-color: #fff;
}
#NewLogOn-Menu_panel .section_title
{
	margin-top: 0.8em;
	font-size: 1.2em;
    font-weight: normal;
}

#NewLogOn-Menu_panel .link a
{
	font-size: 1.2em;
}


#NewLogOn-Download_panel {
    background-color: #192c42;
    color: #fff;
    background-color: #192C42;
    text-align: center;
    background: url("/Content/img/download.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#NewLogOn-Download_panel .Normal_txt
{
    font-size: 1.2em;
}
#NewLogOn-Download_Button
{*/
    /*width: 250px;*/
    /*top: 200px;
    position: relative;*/
    /*text-align: center;
    vertical-align: middle;
    color: #000;
    border:1px solid gray;
    background: #FFC926;
    cursor: pointer;
    color:Black;
    font-size: 1.4em;
    padding: 8px;*/
/*}*/

/*#NewLogOn-Download_Button:hover
{
     color: #222;
     background: #FFFF73;
}*/

/*.NewLogOn-block_title
{
    font-size: 1.8em;
    margin-bottom: 0.3em;
    color: #f7931e !important;
}
.NewLogOn-Logon_form
{
    width: 100%;
    padding: 0px;
    background-color: #f1f1f3;
}
.NewLogOn-Authentication_table
{
    background-color: #f1f1f3;
    margin: 0px auto;
    width: 100%;
}
.NewLogOn-Authentication_table td
{
    padding-top: 3px;
}
.NewLogOn-Authentication_input
{
    background-color: #f6f6f6;
    border-top: solid 1px #c4c4c4;
    border-right: solid 1px #c4c4c4;
    border-bottom: solid 1px #c4c4c4;
    border-left: none;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    border-radius: 0px 5px 5px 0px;
    width: 180px;
    min-width: 180px;
}
.NewLogOn-Authentication_input::-webkit-input-placeholder {
    color: #a4a4a4;
}
.NewLogOn-Authentication_input:-moz-placeholder {*/
    /* FF 4-18 */
    /*color: #a4a4a4;
}
.NewLogOn-Authentication_input::-moz-placeholder {*/
    /* FF 19+ */
    /*color: #a4a4a4;
}
.NewLogOn-Authentication_input:-ms-input-placeholder {*/
    /* IE 10+ */
    /*color: #a4a4a4;
}
.NewLogOn-Authentication_input_VerticalPadding td
{
    padding-top: 8px;
}
.NewLogOn-Authentication_text
{
    font-size: 1.2em;
    font-weight: normal;
}
.NewLogOn-Authentication_RememberMe input[type='checkbox']
{
    font-size: 1.2em;
    background-color: #11b4f1;
    margin-right: 0.3em;
}
.NewLogOn-Authentication_LoginButton input[type=button]:hover, .NewLogOn-Authentication_LoginButton input[type=submit]:hover,
#NewLogOn-TechnicalSupport_Panel a:hover, #NewLogOn-Download_Button:hover {
    background-color: rgba(247, 147, 30, 0.8);
}
.NewLogOn-Authentication_LoginButton input[type=button], .NewLogOn-Authentication_LoginButton input[type=submit], #NewLogOn-TechnicalSupport_Panel a, #NewLogOn-Download_Button {
    font-size: 1.5em;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    border: solid 1px #f7931e;
    background-color: #f7931e;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.2em;
    padding-bottom: 0.4em;
}
#Authentication_Block A:link, #Authentication_Block A:visited, 
#Authentication_Block A:active, #Authentication_Block A:hover
{
    text-decoration: none;
    color: #395473;*/
    /*font-size: 1.2em;*/
/*}*/
/*#Authentication_Block A:hover
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #01A7E5;
}*/

/*.NewLogOn-SelectLanguage
{
   background: transparent;
   padding: 2px;
}*/
/*#NewLogOn-Logon_Submit*/
/*.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
    /*flex:1 1 auto;*/
/*}
.NewLogOn-Block
{
  padding-right: 5px;
  padding-left: 5px;
}
#NewLogOn-TechnicalSupport_Panel, #NewLogOn-Presentation_Panel, #NewLogOn-Authentication_Panel
{
    min-height: 382px;
}
#NewLogOn-Menu_panel, #NewLogOn-Download_panel
{
    min-height: 250px;
}
@media (min-width: 0px) and (max-width: 767px)
{
    #NewLogOn-Presentation_Panel, #NewLogOn-Authentication_Panel
    {
        min-height: 0px;
    }
    #NewLogOn-Menu_panel
    {
        min-height: 0px;
    }
    #NewLogOn-Download_panel {
        min-height: 250px;
    }
    #NewLogOn-TechnicalSupport_Panel {
        min-height: 200px;
    }

        #NewLogOn-TechnicalSupport_Panel a {
            top: 150px;
        }
}
@media (min-width: 768px) and (max-width: 991px) {

    #NewLogOn-TechnicalSupport_Panel, #NewLogOn-Presentation_Panel, #NewLogOn-Authentication_Panel {
        min-height: 200px;
    }

    #NewLogOn-Menu_panel, #NewLogOn-Download_panel {
        min-height: 260px;
    }

    #NewLogOn-TechnicalSupport_Panel a {
        top: 150px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #NewLogOn-TechnicalSupport_Panel, #NewLogOn-Presentation_Panel, #NewLogOn-Authentication_Panel {
        min-height: 382px;
    }

    #NewLogOn-Menu_panel, #NewLogOn-Download_panel {
        min-height: 260px;
    }
}
@media (min-width: 1200px)
{
    #NewLogOn-TechnicalSupport_Panel, #NewLogOn-Presentation_Panel, #NewLogOn-Authentication_Panel
    {
        min-height: 382px;
    }
    #NewLogOn-Menu_panel, #NewLogOn-Download_panel
    {
        min-height: 250px;
    }
}*/

/* Modern minimalist login page */
#NewLogOn-Body {
    background-color: #F4F5F9;
    margin: 0;
    padding: 0;
    font-family: 'Lexend', sans-serif;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


#NewLogOn-main_container {
    width: 100%;
    max-width: 1400px;
    margin: 15px;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    min-height: 600px;
    background-color: white;
    border-radius: 10px;
}

/* Left Section - Welcome & Info */
.left-section {
    background-color: #264366;
    color: #fff;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
}

.section-title {
    font-weight: 700;
}

#logo_container_authentification {
    margin-bottom: 40px;
}

    #logo_container_authentification img {
        width: 150px;
        height: auto;
    }

.welcome-content h1 {
    font-size: 2.5em;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

.welcome-content p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 40px 0px;
}

.quick-links h2 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 20px;
    color: #f7931e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.quick-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quick-links li {
    margin-bottom: 15px;
}

.quick-links a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 1.05em;
    transition: color 0.3s ease, padding-left 0.3s ease;
    display: inline-block;
}

    .quick-links a:hover {
        color: white;
        padding-left: 10px;
    }

/* Right Section - Login Form */
.right-section {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

#NewLogOn-Authentication_Panel {
    width: 100%;
/*    max-width: 400px;
*/    padding: 20px 55px;
}

.form-title {
    font-size: 2em;
    font-weight: 600;
    color: #1c1917;
    /*    margin-bottom: 40px;
text-align: center;*/
}

.login-form {
    width: 100%;
}

.form-group {
    margin-bottom: 25px;
}

    .form-group label {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #192C42;
        margin-bottom: 8px;
    }

    .form-group input[type="text"],
    .form-group input[type="password"],
    .form-group select {
        width: 100%;
        padding: 0px 37px;
        font-size: 14px;
        border: 2px solid #F4F5F9;
        border-radius: 6px;
        /*      background-color: #F8F9FA;
        color: #192C42;*/
        transition: all 0.3s ease;
        height:40px;
    }

        .form-group input[type="text"]:focus,
        .form-group input[type="password"]:focus,
        .form-group select:focus {
            outline: none;
            border-color: #f7931e;
            background-color: #fff;
        }

    .form-group input::placeholder {
        color: #A0AEC0;
    }

.form-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #4A5568;
}

    .checkbox-label input[type="checkbox"] {
        margin: 0;
        margin-right: 8px;
        width: 18px;
        height: 18px;
        cursor: pointer;
        accent-color: #264366;
    }

.forgot-link {
    color: #f7931e;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
    font-weight: 600;
}
/*
    .forgot-link:hover {
        color: #d67a1a;
    }*/

.btn-submit {
    width: 100%;
    padding: 14px;
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
    background-color: #264366;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}


button.btn-submit-white {
    width: 100%;
    padding: 14px;
    font-size: 1.1em;
    font-weight: 600;
    color: #264366;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.signup-prompt {
    text-align: center;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #E2E8F0;
}

    .signup-prompt p {
        font-size: 14px;
        color: #4A5568;
    }

    .signup-prompt a {
        color: #f7931e;
        text-decoration: none;
        font-weight: 600;
        transition: color 0.3s ease;
    }

        .signup-prompt a:hover {
            color: #d67a1a;
        }

/* Responsive Design */
@media (max-width: 991px) {
    #NewLogOn-main_container {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .left-section {
        padding: 40px 30px;
        min-height: 400px;

    }

    .right-section {
        padding: 40px 30px;
    }

    .welcome-content h1 {
        font-size: 2em;
    }

    .welcome-content p {
        font-size: 1em;
    }
}

@media (max-width: 767px) {
    #NewLogOn-main_container {
        padding: 0;
    }

    .left-section {
        padding: 30px 20px;
        min-height: 350px;
    }

    .right-section {
        padding: 30px 20px;
    }

    #NewLogOn-Authentication_Panel {
        max-width: 100%;
    }

    .welcome-content h1 {
        font-size: 1.8em;
    }

    .form-title {
        font-size: 1.6em;
        margin-bottom: 30px;
    }

    .form-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    #logo_container_authentification img {
        width: 120px;
    }
}

@media (max-width: 480px) {
    .left-section {
        padding: 25px 15px;
    }

    .right-section {
        padding: 25px 15px;
    }

    .quick-links {
        margin-top: 30px;
    }

        .quick-links h2 {
            font-size: 1em;
        }

        .quick-links a {
            font-size: 0.95em;
        }
}

/* Utility classes */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Home page */

#Title_Panel
{
    margin-left:60px;
}

#Download_txt
{
    margin:15px;
}

#Download_Container
{
    margin-left:150px;
}

#Download_Button
{
    /*font-family: Arial,sans-serif;*/
    /*font-size: 0.85em;*/
    font-size: 1.2em;
    width: 200px;
    height: 25px;
    padding-top: 7px; /*permet le centrage vertical*/
    text-align: center;
    vertical-align:middle;
    color: #000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    text-shadow: 0px 1px 0px white;
    border:1px solid gray;
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                0 -1px 0 rgba( 255, 255, 255, 0.4);
    background: #FFC926;
    cursor: pointer;
}

#Download_Button a
{
    color:Black;
}

#Download_Button:hover
{
     color: #222;
     background: #FFFF73;
}


#logoff
{
    display:inline-block;
    float:right;
    margin:20px 20px 20px 20px;
}

#logoff A:link {text-decoration: none; font-size: 1.1em; color: Gray;}
#logoff A:visited {text-decoration: none; font-size: 1.1em; color: Gray;}
#logoff A:active {text-decoration: none; font-size: 1.1em; color: Gray;}
#logoff A:hover {text-decoration: none; font-size: 1.1em; color: Gray;}

#Picture_tv
{
	float:left;
	margin-left:27px;
	margin-bottom: 0;
	width: 430px;
	margin-top: 0px;
	height: 500px;
	font-style: italic;
	text-align: center;
}
#Picture_tv #presentation_text
{
	font-size: 1.3em;
}

#Solmis_Title
{
    float:right;
    margin-right:200px;
}
#Authentication_Panel
{
	float:right;
	margin-right:10px;
	background-color: #fff;
	border: 1px solid #bfdbff;
	width: 455px;
	margin-top: 10px;
	box-shadow: 5px 5px 5px gray;
}

#Logon_Submit
{
    padding: 5px;
    margin-left:202px;
    width:120px;
}
.Logon_ForgottenPasswordLink
{
    margin-left: 162px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.SelectLanguage {
   background: transparent;
   width: 160px;
   padding: 2px;
   border: 1px solid gray;
   height: 25px;
   margin-left:12px
}

#Menu_panel
{
	float: right;
	margin-right: 10px;
	background-color: #ffffff;
	border: 1px solid #bfdbff;
	width: 455px;
	margin-top: 20px;
	box-shadow: 5px 5px 5px gray;
}

#Menu_panel_content
{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #ffffff;
	border: 1px solid #bfdbff;
	width: 280px;
	/*height:180px;*/
	margin-top: 20px;
	padding-top:5px;
	padding-bottom:5px;
	box-shadow: 5px 5px 5px gray;
}

#Menu_panel_content2
{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #ffffff;
	border: 1px solid #bfdbff;
	width: 280px;
	height:220px;
	margin-top: 20px;
	padding-top:5px;
	padding-bottom:5px;
	box-shadow: 5px 5px 5px gray;
}

#Menu_panel_content_hidden
{
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	width: 1px;
	height:300px;
	display:inline;
}

#Menu_panel .container
{
    margin: 7px 15px 15px 15px;
}

#Menu_panel_content .container
{
	margin: 7px 15px 15px 15px;
}

#Menu_panel_content2 .container
{
	margin: 7px 15px 15px 15px;
}

#Menu_panel .section_title
{
	margin-top: 8px;
	font-size: 1.1em;
	font-weight: bold;
}

#Menu_panel_content .section_title
{
	margin-top: 8px;
	font-size: 1.1em;
	font-weight: bold;
}

#Menu_panel_content2 .section_title
{
	margin-top: 8px;
	font-size: 1.1em;
	font-weight: bold;
}

#Menu_panel .link
{
	/*font-size: 0.8em;*/
    margin-left: 8px;
}

#Menu_panel_content .link
{
	/*font-size: 0.8em;*/
    margin-left: 8px;
}

#Menu_panel_content2 .link
{
	/*font-size: 0.8em;*/
    margin-left: 8px;
}

#Download_panel
{
	float:right;
	margin-right:10px;
	background-color: #fff;
	border: 1px solid #bfdbff;
	width: 455px;
	margin-top: 25px;
	box-shadow: 5px 5px 5px gray;
}


/* Transfer */
.trsfr_main_div
{
    margin: 3px 6px 3px 6px;
}
.trsfr_important
{
    color: #FFFFFF;
    background-color: #CC0000;
    padding: 1px 16px 1px 16px;
}
.trsfr_rib_title
{
    width: 100%;
    border: 1px solid #006699;
}
.trsfr_rib_title td
{
    padding: 3px;
}


/* Common styles */
#MainContainer
{
    margin-top: 5px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 5px;
}

#MainContainer_with_menu_panel
{
    margin-top: 5px;
    margin-left: 300px;
    margin-right: 10px;
    margin-bottom: 5px;
}

#MainContainer_with_menu_panel2
{
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.abstract
{
    font-weight: bold;
    margin-top: 10px;
    /*font-size: 0.8em;*/
}
.abstract .warning
{
    color: #FF0000;
}

.req_star
{
    font-weight: bold;
    color: #990000;
}

.padding_top_5
{
    padding-top: 5px;
}
.padding_top_15
{
    padding-top: 15px;
}
.margin_left_20
{
    margin-left: 20px;
}
.margin_top_8
{
    margin-top: 8px;
}
.margin_top_20
{
    margin-top: 20px;
}
.clr_red
{
    color: #DD0000;
}
.font_bold
{
    font-weight: bold;
}
.font_underline
{
    text-decoration: underline;
}
.text_align_left
{
    text-align: left;
}
.text_align_center
{
    text-align: center;
}
.text_align_right
{
    text-align: right;
}
.display_none
{
    display: none;
}
.width_80
{
    width: 80px;
}
.width_150
{
    width: 150px;
}
.width_300
{
    width: 200px;
}

.countryCell
{
    padding:5px;
}

/* Forms */
.label_cell
{
    padding-right: 8px;
    text-align: right;
}

.countryCell .label_cell
{
    padding-right: 8px;
    text-align: right;
    vertical-align:top;
}

.input_cell
{
    text-align: left;
}

/* PreregisterChoice */
.title_link
{
    font-weight: bold;
    margin-top: 15px;
}
.title_link a
{
    background-position: right center;
    font-size: 1.2em;
    font-weight: bold;
}
.title_link A:hover
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #1D6FC0;
}
.title_link img
{
    margin-left: 5px;
    margin-bottom: -3px;
}

.rcom_table, .mafd_table
{
    border-collapse: collapse;
    border-spacing: 0;
}

.rcom_with_menu_panel .rcom_table
{
    border-collapse: collapse;
    border-spacing: 0;
    width:590px;
    margin-top:5px;
    padding-top:0px;
}

.rcom_column_header, .rcom_manufacturer_cell, .rcom_input_cell, .rcom_doc_label_cell,
.mafd_column_header, .mafd_cell, .mafd_manufacturer_cell
{
    padding: 2px 5px 2px 5px;
    vertical-align: middle;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #6A9AB0;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #6A9AB0;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #6A9AB0;
}

.rcom_column_header_with_menu_panel, .rcom_manufacturer_cell_with_menu_panel, .rcom_input_cell_with_menu_panel, .rcom_doc_label_cellRegisterCustomerOfManufacturers
{
    padding: 3px 8px 3px 8px;
    font-weight: bold;
    text-align: center;
    width:140px;
    display:inline-block; 
}

.mma_column_header_with_menu_panel, .mma_manufacturer_cell_with_menu_panel, .mma_input_cell_with_menu_panel, .mma_doc_label_cellRegisterCustomerOfManufacturers
{
    padding: 3px 8px 3px 8px;
    font-weight: bold;
    text-align: center;
    width:100px;
    display:inline-block; 
}

.rcom_column_header, .rcom_column_header_with_menu_panel, .mma_column_header_with_menu_panel, .mafd_column_header
{
    background-color: #3F6578;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 3px 8px 3px 8px;
}

.rcom_column_header
{
}

.rcom_column_header_with_menu_panel
{
    width:180px;
    display:inline-block; 
    height:20px;
    margin-right:2px;
}

.mma_column_header_with_menu_panel
{
    padding: 3px 0px 3px 8px;
    width:110px;
    display:inline-block; 
    height:20px;
    margin-right:2px;
}

.rcom_cell
{
    height:17px;
    width:590px;
}

.rcom_manufacturer_cell, .mafd_manufacturer_cell
{
    background-color: #F1F1F1;
    font-weight: bold;
}

.mafd_manufacturer_cell
{
    text-align: left;
}

.rcom_manufacturer_cell_with_menu_panel
{
    background-color: #F1F1F1;
    font-weight: bold;
    width:180px;
    display:inline-block; 
    margin-right:0px;
}

.mma_manufacturer_cell_with_menu_panel
{
    background-color: #F1F1F1;
    font-weight: bold;
    width:120px;
    display:inline-block; 
    margin-right:3px;
}

.rcom_doc_label_cell
{
    background-color: #F1F1F1;
    text-align: right;
    padding-right: 10px;
}

.rcom_input_cell
{
    text-align: center;
}

.rcom_input_cell_with_menu_panel
{
    text-align: center;
    width:180px;
    display:inline-block; 
    margin-right:0px;
}

.mma_input_cell_with_menu_panel
{
    text-align: center;
    width:100px;
    display:inline-block; 
    margin-right:0px;
    margin-left:0px;  
}

.mma_detach_cell_with_menu_panel
{
    padding: 3px 8px 3px 8px;
    display:inline-block; 
    height:20px;
    width:100px;
    vertical-align:middle;
    margin-top:5px;
    text-align: center;
}

/* DebitAuthorization - 'dbauth_' prefix */
.dbauth_body
{
    background-color: #FFFFFF;
}
.dbauth_top_table
{
    width: 100%;
    border-width: 0px;
    margin: 0px auto;
}
.dbauth_table1
{
    width: 100%;
    border-width: 0px;
}
.dbauth_table1a
{
    width: 100%;
    border-width: 0px;
}
.dbauth_table1a td
{
    padding: 2px;
}
.dbauth_table1a_title_row
{
    background-color: #FFCD29;
}
.dbauth_table1a_title_cell
{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.dbauth_authorization_table
{
    width: 100%;
}
.dbauth_authorization_table td
{
    border: 1px solid #006699;
}
.dbauth_title_line
{
    background-color: #BDD6DF;
    font-weight: bold;
    text-align: center;
}
.dbauth_width_left_col
{
    width: 73%;
}
.dbauth_width_right_col
{
    width: 27%;
}
.dbauth_grey_bg
{
    background-color: #E6EAEC;
}



/* BillingStatus - 'bilst_' prefix */
.bilst_first_paragraph
{
    font-weight: bold;
}
.bilst_following_paragraph
{
    margin-top: 8px;
}
.bilst_link
{
    margin-top: 8px;
    margin-left: 20px;
}
.bilst_link a
{
    color: #F7931E;
}



/* _LoggedInLayout - 'lil_' prefix */
.lil_menu
{
    padding: 10px 10px 40px 10px;
    background-color: #DCE6F1;
    vertical-align: top;
}

.lil_menu_section
{
    /*border: 1px solid #124578;*/
    background-color: #FFFFFF;
    margin-bottom: 10px;
    padding-bottom: 4px;
}

.lil_menu_section_title
{
    padding: 3px 10px 3px 10px;
    background-color: #124578;
    color: #FFFFFF;
    font-weight: bold;
}

.lil_menu_item, .lil_menu_item_selected
{
    margin: 1px 4px 1px 30px;
    padding-left: 6px;
    padding-right: 6px;
}

.lil_menu_item:hover
{
    background-color: #CDDBEB;
}

.lil_menu_item_selected
{
    background-color: #98B6D6;
    color: #000000;
}

.lil_main_container
{
    margin-top: 4px;
    margin-left: 10px;
}
.lil_left_cell
{
    vertical-align: top;
}


/* ChangePack - 'chpck_' prefix */
.chpak_warning
{
    color: #CE0000;
    font-weight: bold;
    width:450px;
}
.chpak_current
{
    border: 1px solid #FFCD29;
    margin-top: 8px;
    display: inline-block;
}
.chpak_current_title
{
    background-color: #FFCD29;
    font-weight: bold;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}
.chpak_current_inner
{
    padding: 2px 4px 2px 4px;
}

/* DisplayInvoice */
.dispinv_table td
{
    border: 1px solid #006699;
}


/* Invoice */
#Licence_form_panel
{
    border: 1px solid #bfdbff;
	width: 600px;
	margin-top: 10px;
	margin-left: 15px;
}

#Licence_form_total
{
    border: 1px solid #bfdbff;
	width: 487px;
	margin-top: 10px;
	margin-left: 15px;
	height: 25px;
}

#Licence_Label
{
    /*font-size:.8em;*/
	margin-top: 10px;
	margin-left: 25px;
	height: 25px;
	color:#003366;
}

#Licence_Current_Choice
{
    /*font-size:.8em;*/
    font-weight:bold;
	margin-top: 0px;
	margin-left: 65px;
	height: 25px;
	color:#003366;
}

#Licence_Choice
{
    list-style-type: none;
}

.Licence_Number
{
    width:35px;
    /*margin-left:40px;
    margin-bottom:5px;*/
}

.update
{  
    /*font-size:.8em;*/
    color:#003366;
    text-align:center;
}

.Total_Licence_Txt
{
    margin-top:10px;
    margin-left:10px;
    /*font-size:.8em;*/
    font-weight:bold;
    color:#003366;
}

#Total_Licence_Txt_Container
{
    margin-right:27px;
}

#Licence_form_total
{
    padding-top:10px;
    text-align:right;
}

.modal_Agora {
    display: none;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
}

    .modal_Agora .modal-content {
        max-width: 700px;
        margin: auto;
        margin-top: 50px;
    }

    .modal_Agora .modal-header {
        background-color: #192C42;
        color: white;
    }

    .modal_Agora .modal-footer a.btn-close-modal {
        float: left;
        padding: 5px;
        margin: 5px;
        background-color: #B0B0B0;
        color: white;
        font-weight: bold;
        min-width: 95px;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        border-radius: 0px;
    }

.Table_rcdo
{
/*    width:500px;
*/    margin-left:5px;
}

.Table_rcdo div
{
    width:1000px;
    margin-top:5px;
}

.Table_rcdo .label_cell
{
    width:150px;
    display:inline-block; 
    text-align:left;
}

.Table_rcdo .label_cell2
{
    width:200px;
    display:inline-block; 
    text-align:left;
}

.Table_rcdo .label_terms
{
    width:550px;
    display:inline-block; 
    text-align:justify;
}

.rcom_with_menu_panel
{
    width:600px;
    margin-left:10px;
}

.rcom_with_menu_panel div
{
    width:590px;
    margin-top:5px;
}

.rcom_with_menu_panel .Normal_txt
{
    width:550px;
    display:inline-block; 
    text-align:justify;
    /*font-size:10px;*/
    padding:1px; 
    margin-top:0px;
}

.rcom_with_menu_panel .Info_txt
{
    padding:1px; 
    margin-top:0px;
}

.ValidatorClass
{
    width:100px;
    text-align:left;
}

.AgreedToTermsClass
{
    float: left; 
    display: block;
}

.rcom_abstract
{
    color: #114170;
    font-weight: bold;
    /*font-size: 11px; */
    margin-top:3px;
}

.rcom_abstract .warning
{
    color: #FF0000;
}

.mma_terms
{
    margin-top:20px;
    margin-left:0px; 
    width:600px; 
    font-size: 0.9em;
}

.mma_ckbTerms
{
    float: left; 
    display: block;
}

.mma_btnSubmit
{
    /*font-size:11px;*/
}

.Error
{
    color:Red;
    text-align:left;
    width:590px;
}

.YourAgoraAccountWithPackTest
{
    font-weight:bold; 
    text-align:justify;
    margin-top:10px;
    margin-bottom:10px;
}

.validation-summary-errors
{
   color:Red;
}

#Agoserve_Button
{
    font-size: 1.2em;
    width: 200px;
    height: 25px;
    padding-top: 7px;
    text-align: center;
    vertical-align:middle;
    color: black;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    text-shadow: 0px 1px 0px white;
    border:1px solid gray;
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
    background: #FFC926;
    cursor: pointer;
    font-weight:bold;
}

#Agoserve_Button a
{
    color:Black;
}

/* Repairers Directory */
.RepairersDirBrandsList, .RepairersDirProductTypesList
{
    border: 1px solid #3F6578;
    width: 300px;
    overflow-y: scroll;
}
.RepairersDirBrandsList
{
    height: 280px;
}
.RepairersDirProductTypesList
{
    height: 110px;
}
.RepairersDirItem
{
}
.RepairersDirSelectedItem
{
    background-color: #cee9f7;
}
.RepairersDirUnselectedItem
{
    background-color: #ffffff;
}
form.RepairersDirForm {
    width: 100%;
}
.RepairersDirGenInfoExpl, .RepairersDirGenInfoExpl .Line
{
    text-align: left;
}
.RepairersDirGenInfoExpl .Line
{
    margin-top: 2px;
}