@keyframes fadeout {
    0% {
        opacity: 100;
    }

    100% {
        opacity: 0;
    }
}

.customerSupportBox {
    float: right;
    border-width: 3px;
    border-color: transparent;
    border-style: solid;
    display: block;
}

@media (max-width: 923px) {
    #supportConfirmation, #supportBoxRegister, #supportTokenType, #supportDeviceToken {
        display: none;
    }
    #confirmationMainColEcon {
        width: 100%;
        padding-right: 0px;
    }
}

@media (max-width: 1204px) {
    #supportShipping, #supportSummary {
        display: none;
    }
    #shippingMainColEcon, #summaryMainColEcon {
        width: 100%;
        padding-right: 0px;
    }
}

@media (max-width: 1298px) {
    #supportPayment, #supportInvoice, #supportRenewSubscription {
        display: none;
    }
    #paymentMainColEcon, #invoiceMainColEcon, #renewSubscriptionMainColEcon {
        width: 100%;
        padding-right: 0px;
    }
}

@media (max-width: 1314px) {
    #supportCart, #supportBoxPackages, #supportDeviceModel {
        display: none;
    }
    #cartMainColEcon {
        width: 100%;
        padding-right: 0px;
    }
}

@media (max-width: 1500px) {
    #supportRegister, #supportToken {
        display: none;
    }
    #deviceRegister, #tokenMainColEcon {
        width: 100%;
        padding-right: 0px;
    }
}

@media (max-width: 1900px) {
    #supportSelection {
        display: none;
        //animation:fadeout 1s;
        //animation-fill-mode: forwards;
    }
}

@media (min-width: 2150px) {
    .customerSupportBox {
        animation: fadeout 3s;
        animation-fill-mode: forwards;
    }
    /*#supportSelection, #supportCart, #supportShipping,#supportSummary {
        //display:none;
        animation:fadeout 3s;
        animation-fill-mode: forwards;
    }*/
}

.popWinMessageme {
    position: fixed;
    display: block;
    z-index: 2000;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    width: 400px;
    height: 280px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #112406;
    background-color: white;
}

.popWinMessageSupport {
    position: fixed;
    display: block;
    z-index: 2000;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    width: 600px;
    height: 320px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #112406;
    background-color: white;
}

#popWinSupportBG {
    position: fixed;
    display: block;
    z-index: 1000;
    background: #000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: .6;
    filter: alpha(opacity=60);
}


.messCloseme {
    position: absolute;
    display: block;
    top: 200px;
    left: 240px;
    font-family: Tahoma;
    font-size: 10pt;
    line-height: 25px;
    color: #ffffff;
    background: rgb(161, 23, 34);
    border: 1px outset #C0C0C0;
    text-decoration: none;
    text-align: center;
    width: 130px;
    height: 35px;
    white-space: nowrap;
    cursor: pointer;
    padding-top: 6px;
}

    .messCloseme:hover {
        color: #ffffff;
        background: rgb(161, 23, 34);
        border: 1px outset #000000;
        -moz-box-shadow: 3px 3px 3px #bcbcbc;
        -webkit-box-shadow: 3px 3px 3px #bcbcbc;
        width: 130px;
        height: 35px;
    }



.divSignInSignUp {
    width: 45%;
    background-color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    height:672px;
    margin-bottom:40px;
    min-width:600px;
}

#divSignUP {
    margin-left: 9%;
}

@media (max-width: 1780px) {
    #divSignIn, #divSignUP {
        width: 99%;
        margin-left: 0%;
        height:unset;
    }
}