@font-face
{
    font-family: 'Sequel100Black-75';
    src: url('../Fonts/Sequel_100_Black/Sequel100Black-75.ttf');
    font-weight: 100;
}

@font-face
{
    font-family: 'Sequel100Black-45';
    src: url('../Fonts/Sequel_100_Black/Sequel100Black-45.ttf');
    font-weight: 100;
}

@font-face
{
    font-family: 'HelveticaNeueCyr';
    src: url('../Fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.otf');
    font-weight: normal;
}

@font-face
{
    font-family: 'GangsterGrotesk-Regular';
    src: url('../Fonts/Gangster Grotesk (OTF)/GangsterGrotesk-Regular.otf');
    font-weight: 100;
}

h1.border_dasher
{
    font-family: "GangsterGrotesk-Regular", Arial, sans-serif !important;
    font-size: 2.5em;
    line-height: normal;
    color: #000;
}

body
{
    color: #000000 !important;
    font-family: 'GangsterGrotesk-Regular', Arial, sans-serif !important;
    font-size: 12px;
    line-height: 18px;
}  

.cpanel.euro
{
    color: #000000 !important;
    font-family: 'GangsterGrotesk-Regular', Arial, sans-serif !important;
    font-size: 12px;
    line-height: 18px;
}

    .cpanel.euro input.row
    {
        border-radius: 3px !important;
    }

    .cpanel.euro > .wrapper
    {
        max-width: none !important;
        margin: 0 !important;
        width: 100% !important;
    }

        .cpanel.euro > .wrapper .header
        {
            height: 215px;
        }       

    .cpanel.euro .content .wrapper .page_content .line_1
    {
        margin: 45px 35px 80px 35px !important;
    }

        .cpanel.euro .content .wrapper .page_content .line_1 .user_form_block .title
        {
            color: #000000 !important;
            font-family: 'Sequel100Black-75', Arial, sans-serif !important;
            font-size: 2.5em;
            line-height: normal;
        }

    .cpanel.euro .btn
    {
        color: #000000 !important;
        font-family: 'Sequel100Black-45', Arial, sans-serif !important;
        background: none !important;
        background-color: #ffc41f !important;
        width: 128px !important;
        padding-top: 5px !important;
        padding-bottom: 9px !important;
        padding-left: 7px !important;
        padding-right: 7px !important; 
        border: 0 !important;
        border-radius: 17px !important;
        margin-top: 15px !important;
        display: block !important;
        font-size: 1.2em !important;
        line-height: 1.4em !important;
    }

        .cpanel.euro .btn.cancel
        {
            background-color: #000000 !important;
            color: #ffffff !important;
        }

    .cpanel.euro a.btn
    {
        text-align: center;
        text-decoration: none;
    }

    .cpanel.euro .btn.center
    {
        margin-right: auto;
        margin-left: auto;
    }

    .cpanel.euro input[type="submit"]
    {
        color: #000000 !important;
        font: 'Sequel100Black-45', Arial, sans-serif !important;
        background-color: #ffc41f;
        font-size: 1.2em !important;
        line-height: 1.2em !important;
        width: 128px;
        padding: 7px !important;            
        border: 0;
        border-radius: 17px;
        margin-top: 15px !important;
        display: block;
        font-weight: bold !important;
    }

    .cpanel.euro > .wrapper > .header .wrapper .logo-box > div
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 580px;
        margin-left: auto;
        margin-right: auto;
    }

        .cpanel.euro > .wrapper > .header .wrapper .logo-box > div > div:nth-child(1)
        {
            width: 142px;
        }

        .cpanel.euro > .wrapper > .header .wrapper .logo-box > div > div:nth-child(2)
        {
            width: 330px;
            text-align: center;
        }

        .cpanel.euro > .wrapper > .header .wrapper .logo-box > div > div:nth-child(3)
        {
            width: 110px;
            text-align: left;
        }

            .cpanel.euro > .wrapper > .header .wrapper .logo-box > div > div:nth-child(3) .lahguage
            {
                vertical-align: middle;
                margin-top: -2px;
                line-height: 18px;
                display: inline-block;
                height: 18px;
                width: 18px;
                border-radius: 50%;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: cover;
                position: relative;
                overflow: hidden;
                border-color: #d0d1d3;
                border-style: solid;
                border-width: 1px;
            }

.cpanel.euro .center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cpanel.euro #login-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    /*border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
}

.cpanel.euro .qr-container,
.cpanel.euro .setup-code {
    text-align: center;
    margin: 10px 0;
}

.cpanel.euro .mfa {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cpanel.euro .code {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cpanel.euro input.sbm {
    margin-top: 20px;
}
            
input,
select,
textarea {
  font-family: 'GangsterGrotesk-Regular', Arial, sans-serif !important;
  font-weight: normal !important; 
  font-size: 12px !important;
    line-height: 18px !important; 
}

body .page-title,
.IaasAsAzureBackupControl__caption,
.IaasAsAzureBackupRestorePointChooserControl__caption,
.IaasAsAzureVmAssignedServiceCreateControl__caption,
.IaasAsAzureVmDiskCreateControl__caption,
.IaasAsAzureVmNetworkConnectionCreateControl__caption,
.IaasAsAzureVmSnapshotPropertyControl__caption, 
.IaasAsAzureVmUnblockAfterTestOut__caption,
.IaasAsAzureExtIpCreateDlg__caption,
.IaasAsAzureIAZTpOptionsModalDlg__caption,
.IaasAsAzureIAZTpParametersModalDlg__caption, 
.IaasAsAzureCreateIAZConnection .caption,
.IaasAsAzureCreateIAZDisk .caption,
.IaasAsAzureCreateLicense .caption,
.IaasAsAzureNatruleCreateParamsModalDlg__caption,
.IaasAsAzureNetworkCreateParamsModalDlg__caption,
.IaasAsAzureNetworkNatCreateParamsModalDlg__caption,
.IaasAsAzureSlbBackendAddressPoolCreateParamsModalDlg__caption,
.IaasAsAzureSLBCreateParamsModalDlg__caption,
.SLBProlongTestPeriodControl__caption,
.SLBUnblockAfterTestOut__caption,
.DPMServerSettingsEditModalDlg__caption,
.IaasAsAzureSpecialPriceModelDlg__caption,
.IaasAsAzureBackupConfigurationChooserControl__caption
{    
    font-family: "Sequel100Black-45", Arial, sans-serif !important;
    color: #000 !important;
}

#divflipPanelContact .flip-panel-header .lahguage,
body.euro .wrapper #header .header_right .lahguage
{
    border-color: #d0d1d3 !important; 
}

    .cpanel.euro div.logo
    {
        margin: 30px;
        width: auto;
        height: auto;
    }

        .cpanel.euro div.logo a img
        {
            width: 150px;
            height: 150px;
            object-fit: contain;
            object-position: center center;
        }


    .cpanel.euro .contact
    {
        display: table;
        width: 640px;
    }

        .cpanel.euro .contact > div
        {
            display: table-row;
        }

            .cpanel.euro .contact > div > div
            {
                display: table-cell;
            }

    .cpanel.euro .contact .col1
    {
        text-align: right;
        padding-right: 5px;
        width: 160px;
    }

    .cpanel.euro .contact .col2
    {
        text-align: left;
        padding-left: 5px;
        width: 480px;
    }




    .ms-parent .ms-drop.bottom ul li label,
    .checkbox-container {
  display: block;
  position: relative !important;
  padding-left: 35px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  cursor: pointer !important;
  font-size: inherit !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* Hide the browser's default checkbox */
.ms-parent .ms-drop.bottom ul li label input,
.checkbox-container input {
  position: absolute !important;
  opacity: 0 !important;
  cursor: pointer !important;
  height: 0 !important;
  width: 0 !important;
}

/* Create a custom checkbox */
.ms-parent .ms-drop.bottom ul li label span,
.checkbox-checkmark {
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  height: 15px !important;
  width: 15px !important;
  background-color: #fff !important;
  border: 1px solid #D3D3D3 !important;
  border-radius: 3px !important;
}

.ms-parent .ms-drop.bottom ul li label:hover,
.ms-parent .ms-drop.bottom ul li.selected label:hover

{
    background-color: #d0d1d3 !important;
            color: #000 !important;
}
       

/* On mouse-over, add a grey background color */
.ms-parent .ms-drop.bottom ul li label:hover input ~ span,
.checkbox-container:hover input ~ .checkbox-checkmark {
   border: solid #000 1px !important;
}

/* When the checkbox is checked, add a blue background */
.ms-parent .ms-drop.bottom ul li label input:checked ~ span,
.checkbox-container input:checked ~ .checkbox-checkmark ,
.checkbox-container.checked .checkbox-checkmark 
{
  background-color: #ffc41f !important;
  border: solid #ffc41f 1px !important;
}

/* Create the checkbox-checkmark/indicator (hidden when not checked) */
.ms-parent .ms-drop.bottom ul li span:after,
.checkbox-checkmark:after {
  content: "" !important;
  position: absolute !important;
  display: none !important;
}

/* Show the checkbox-checkmark when checked */
.ms-parent .ms-drop.bottom ul li input:checked ~ span:after,
.checkbox-container input:checked ~ .checkbox-checkmark:after,
.checkbox-container.checked .checkbox-checkmark:after
{
  display: block !important;  
}

/* Style the checkbox-checkmark/indicator */
.ms-parent .ms-drop.bottom ul li span:after,
.checkbox-container .checkbox-checkmark:after {
  left: 4px !important;
  top: 1px !important;
  width: 4px !important;
  height: 8px !important;
  border: solid #000 !important;
  border-width: 0 3px 3px 0 !important;
  -webkit-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}

.NecAsterisk{
    font-weight:bold;
    font-size:small;
    color:red;
    vertical-align: top;
}