body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    font-size: 75%;
    font-family: Verdana, Tahoma, 'Arial', "Helvetica Neue", Helvetica, Sans-Serif;
    color: #696969;
    min-width: 1024px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #1c5ba2;
}

h1 {
    font-size: 2em;
    font: fantasy;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.2em;
    text-decoration: underline;
}

h5, h6 {
    font-size: 1em;
}

.top_menu {
    /*background-color: #6b9ed9;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.headerStripe {
    background-color: #484747;
    border-bottom: 2px solid #bf1011;
}

.footerStripe {
    background-color: #484747;
}

.top_menu h1 {
    font-family: 'Arial';
    font-size: 60px;
    font-style: normal;
    font-variant: normal;
    font-weight: bolder;
    text-align: center;
    color: #FFFFFF;
}

.logo_space {
}

.menu_c {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: inherit;
    font-variant: normal;
    text-transform: lowercase;
    color: #FFFFFF;
}

.menu-item-stripe {
    background-color: #CAAE71;
}

.nav-menu li {
    /*border-top: 7px solid #201f35;
    border-right: 1px solid #201f35;
    border-left: 1px solid #201f35;
    border-bottom: 1px solid #201f35;
    box-shadow: 1px 1px 1px #aaa;*/
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 2px 0px #444
}


    .nav-menu li a {
        color: white;
        text-align: center;
        text-decoration: none;
    }

        .nav-menu li a:hover {
            color: #710015;
        }

    .nav-menu li a {
        color: #010067;
        text-align: center;
        text-decoration: none;
    }

        .nav-menu li a:hover {
            color: #658FDA;
        }

#main-with-side {
    border-left: 5px solid #ECECEC;
    /*background: url(/Content/images/bg.gif) repeat scroll 0 0 #FFFFFF;*/
}

#main-with-side-kartela {
    border-bottom-color: #656C6B;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #656C6B;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #656C6B;
    border-right-style: solid;
    border-right-width: 1px;
}

#BalanceField {
    margin-left: 5px;
    padding: 2px 5px;
    display: inline-block;
    color: #1c5ba2;
    /* background-color: #1c5ba2; */
}

.tablecontent table {
    text-align: left;
}

.tablecontent h4 {
    text-align: left;
    text-decoration: underline;
}

#main h2 {
    text-align: left;
    border-bottom-color: #929292;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #4386D8;
    background-color: #FBFBFA;
    font-family: 'Arial';
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    text-indent: 10px;
}

#main_kartela h2 {
    text-align: left;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #3399FF;
    background-color: #FFFFCC;
    font-family: 'Arial';
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    text-indent: 10px;
}

.line {
    background-color: #E8EEF4;
}

.side_menu {
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: 20px;
    font-family: Verdana;
    font-size: 1em;
}

    .side_menu p {
        background-color: #FFFFCC;
        -webkit-border-radius: 6px;
        border: 1px solid #84bbf3;
        color: #3399FF;
        font-size: xx-small;
        text-align: center;
    }

    .side_menu a {
        background-color: #FFFFFF;
        -webkit-border-radius: 6px;
        border: 0px solid #84bbf3;
        background-color: #FFFFCC;
        text-align: left;
        font-size: small;
        text-decoration: none;
    }

        .side_menu a:hover {
            background-color: #33CCFF;
            color: #D9E7F7;
        }

fieldset {
    border: 1px solid #ddd;
}

legend {
    border: thin solid #DDDDDD;
    font-size: 1.2em;
    font-weight: bold;
    background-color: transparent;
    color: #4386D8;
    font-family: verdana;
}

input[type="text"] {
    border: 1px solid #CCC;
}

    input[type="text"]:focus {
        border: 1px solid #CCC;
        background-color: HighlightText;
    }

input[type="password"] {
    border: 1px solid #CCC;
}

    input[type="password"]:focus {
        border: 1px solid #CCC;
        background-color: HighlightText;
    }

.error {
    color: Red;
}

div#title {
    text-align: left;
}

#logindisplay {
    font-size: 1.2em;
    text-align: right;
    color: White;
}

    #logindisplay a:link {
        text-decoration: underline;
        color: #FFFFFF;
    }

    #logindisplay a:visited {
        color: #336666;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

.BankMessage {
    text-align: left;
}

#changelanguagedisplay {
    /*font-size: 1.1em;*/
    text-align: right;
    color: white;
    font-size: 0.9em;
}

    #changelanguagedisplay a {
        border: 1px solid;
        border-radius: 15px;
        margin: 2px;
        padding: 2px 17px;
        background: #fff;
        border: none;
        box-shadow: 1px 1px 4px -1px #999;
    }

        #changelanguagedisplay a:visited {
            color: #FFFFFF;
            text-decoration: underline;
        }

        #changelanguagedisplay a:visited {
            color: #FFFFFF;
            text-decoration: none;
        }

        #changelanguagedisplay a:hover {
            background-color: #FAFFBD;
            text-decoration: none;
            border-color: #FAFFBD;
            color: #6E7074;
        }

.field-validation-error {
    color: #ff0000;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.display-label-moneygram, .editor-label-moneygram {
    color: #010066;
    font-weight: bold;
    text-align: left;
    /*border-bottom-style: dotted;
    border-bottom-width: thin;*/
    /*border-bottom-color: #E8EEF4;*/
}

.dxeEditAreaSys:focus {
    background-color: #D9E7F7 !important;
}

.display-label, .editor-label {
    color: #010066;
    font-weight: bold;
    text-align: right;
    /*border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #E8EEF4;*/
}

.display-label, .editor-label2 {
    color: #D7A511;
    text-align: left;
    order-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #E8EEF4;
    margin: 5px 0px 7px 10px;
    float: left;
    display: block;
    width: 300px;
    clear: both;
    margin-bottom: 5px;
}

.merchant_display-label, .merchant_editor-label {
    color: #b12b30;
    text-align: right;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #E8EEF4;
}

.login-label {
    color: #1c5ba2;
    /*text-align: right;*/
    border-bottom-width: thin;
    border-bottom-color: #E8EEF4;
}

.login-field {
    color: #003177;
    text-align: right;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #E8EEF4;
}

.multi-line_li {
    text-align: right;
}

.button_cancel {
    text-align: center;
}

.button_ok {
    text-align: center;
}

.button_print {
    border: 0px 0px 0px 0px;
}

button:hover, .buttons a:hover {
    background-color: #dff4ff;
    color: #336699;
}

.buttons a:active, .button-dx {
    background: transparent url('') !important;
    border-width: 0px !important;
}

button.neutral, .buttons a.neutral {
    color: #013378;
}

    .buttons a.neutral:hover, button.neutral:hover {
        background-color: #E6EFC2;
        border: 1px solid #C6D880;
        color: #013378;
    }

    .buttons a.neutral:active {
        background-color: #013378;
        border: 1px solid #013378;
        color: #fff;
        text-align: center;
    }

.buttons a.positive:active {
    background-color: #529214;
    border: 2px solid #529214;
    color: #fff;
    text-align: center;
}

.buttons a.negative, .negative {
    color: #6E0915;
    text-align: center;
}

    .buttons a.negative:hover, button.negative:hover {
        background: #fbe3e4;
        border: 2px solid #fbc2c4;
        color: #6E0915;
    }

    .buttons a.negative:active {
        background-color: #6E0915;
        border: 1px solid #6E0915;
        color: #fff;
    }

.ChoicesContainer {
    width: 100%;
    /*text-align:center*/
}

.provolesContent {
    padding: 1%;
    clear: both;
    padding-bottom: 80px;
}

    .provolesContent h2 {
        border-bottom: 1px solid;
        font-size: 1.5em;
        font-weight: normal;
    }

.epiloges {
    padding: 1%;
    clear: both;
    margin-bottom: 40px;
}

    .epiloges h2 {
        border-bottom: 1px solid;
        font-size: 1.5em;
        font-weight: normal;
    }

    .epiloges ul {
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        clear: both;
    }

.mydiv {
    padding: 0;
    box-sizing: border-box;
    clear: both;
    display: inline-block;
}

.myList a {
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    clear: both;
    background-color: #F3F3F3;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    webkit-box-shadow: inset 0px 1px 0px 0px #18223A;
    box-shadow: inset 0px 1px 0px 0px #fcf8f2;
    -moz-border-radius: 6px;
    display: inline-block;
    color: #000;
    font-family: Open Sans;
    font-size: 13px;
    box-shadow: 1px 1px 2px #ccc;
    text-decoration: none;
}

.epiloges li a {
    /*-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #fcf8f2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #eac380) );
    background: -moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4bd', endColorstr='#eac380');
    background-color: #fae4bd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: #777777;
    font-family: 'Arial';
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;*/
    background-color: #F3F3F3;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    webkit-box-shadow: inset 0px 1px 0px 0px #18223A;
    box-shadow: inset 0px 1px 0px 0px #fcf8f2;
    /* background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f15e34), color-stop(1, #f15e34) ); */
    /* background: -moz-linear-gradient( center top, #ededed 5%, rgb(206, 204, 202) 100% ); */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ceccca'); */
    /* background-color: #f15e34; */
    -moz-border-radius: 6px;
    /* -webkit-border-radius: 6px; */
    /* border-radius: 6px; */
    display: table-cell;
    /* vertical-align: middle; */
    /* text-shadow: 1px 1px 1px #000; */
    color: #000;
    font-family: 'Arial';
    font-size: 13px;
    /*font-weight: bold;*/
    box-shadow: 1px 1px 2px #ccc;
    text-decoration: none;
    /*text-align: center;*/
    /*padding: 0px 5px;*/
}

.myList a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ceccca');
    border-color: Orange;
    /*background-color: #ee7e5e;*/
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

    .myList a:hover .ChoiceInner {
        -webkit-transform: rotateY(360deg); /* Safari */
        transform: rotateY(360deg);
        opacity: 1;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

.ChoiceWrapper {
    height: 150px;
    overflow: hidden;
    padding: 2px;
}

.ChoiceTitleWrapper {
    width: 100%;
    height: 30px;
    position: relative;
    text-shadow: 1px 1px 1px #fff;
    z-index: 1;
}

.ChoiceTitle {
    vertical-align: middle;
    text-align: center;
    background-color: rgba(159,213,227,0.3);
}

.ChoiceInner {
    height: 120px;
    width: 120px;
    position: relative;
    z-index: 0;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 61px;
    box-shadow: 0px 0px 10px #aaa;
    opacity: 0.7;
    background-color: #FFFFFF !important;
}

.ChoiceIKA {
    background: url('../../Content/images/Payments/IKA_logo.jpg') no-repeat center center;
    background-size: contain;
}

.ChoiceOAEE {
    background: url('../../Content/images/Payments/OAEE_logo.jpg') no-repeat center center;
    background-size: contain;
}

.ChoiceDEH {
    background: url('../../Content/images/Payments/DEH_logo.png') no-repeat center center;
    background-size: contain;
}

.ChoiceOTE {
    background: url('../../Content/images/Payments/OTE_logo.png') no-repeat center center;
    background-size: contain;
}

.ChoiceBankAccounts {
    background: url('../../Content/images/GeneralChoices/BankAccountsIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoicePaymentsGeneral {
    background: url('../../Content/images/GeneralChoices/PaymentsGeneralIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceExchange {
    background: url('../../Content/images/GeneralChoices/GMTLogo.png') no-repeat center center;
    background-size: contain;
}

.ChoicePayments {
    background: url('../../Content/images/GeneralChoices/PaymentsIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceSettings {
    background: url('../../Content/images/GeneralChoices/SettingsIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceVouchers {
    background: url('../../Content/images/GeneralChoices/VouchersIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoicePortfolio {
    background: url('../../Content/images/GeneralChoices/PortfolioIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceMoneyTransfer {
    background: url('../../Content/images/GeneralChoices/PortfolioIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceMoneyGram {
    background: url('../../Content/images/GeneralChoices/MoneyGramIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceUsersTransactionsReport {
    background: url('../../Content/images/GeneralChoices/UsersTransactionsIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceAgentClearing {
    background: url('../../Content/images/GeneralChoices/AgentClearing.png') no-repeat center center;
    background-size: contain;
}

.ChoiceChangePassword {
    background: url('../../Content/images/Settings/PasswordIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceMessage {
    background: url('../../Content/images/Settings/MessageIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceDeleteCommands {
    background: url('../../Content/images/Settings/DeleteCommandsIcon.png') no-repeat center center;
    background-size: contain;
}

.ChoiceLoginInfo {
    background: url('../../Content/images/Settings/LoginInfoIcon.png') no-repeat center center;
    background-size: contain;
}

#IKA {
    background: url('../../Content/images/IKA-small.png') no-repeat top left;
}

.DEH {
    background-image: url('./images/Dehicon.png') no-repeat top left;
}

#OTE {
    background: url('../../Content/images/OTE.png') no-repeat top left;
}

#OAEE {
    background: url('../../Content/images/OAEE.png') no-repeat top left;
}

.applicationColor1 {
    background-color: #E8E8E8;
}

.bottom_menu {
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,898989+100 */
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(137,137,137,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(137,137,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(137,137,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
}

.footerPowered, .footerPowered a {
    font-family: 'Arial';
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    text-align: center;
    color: #484747 !important;
}

.VoucherDetails {
    background-color: #CCCCCC;
}

.login-box a, .login-box a:visited {
    font-size: 11px;
    text-decoration: none;
    color: #1c5ba2 !important;
}

    .login-box a:hover {
        font-size: 11px;
        text-decoration: underline;
        color: #1c5ba2 !important;
    }

.breadcrumbs-container {
    /*background-color: #FAFAFA;
    border-bottom: 1px solid #DADADA;
    box-shadow: 0 4px 10px #949494;
    background-color: #F3F3F3; */
    box-shadow: 0 1px 1px #aaa;
}

.breadcrumbs-container_kartela {
    background-color: #FBFBFA;
    border-bottom: 1px solid #929292;
}

.breadcrumbs {
    font-size: .9em;
    margin-left: 25px;
}

    .breadcrumbs a, #logout-link a {
        color: #6b9ed9 !important;
        text-decoration: none !important;
        background-image: url("/Content/images/LogOut.png");
    }

        .breadcrumbs a:visited, #logout-link a:visited {
            color: #1c5ba2 !important;
            text-decoration: none !important;
        }

        .breadcrumbs a:hover, #logout-link a:hover {
            color: #1c5ba2 !important;
            text-decoration: underline !important;
        }

.single-line-control {
    background-color: White;
}

.roundPanelHeader span {
    font-size: 13px;
    color: gray;
    font-weight: bold;
}

.attention {
    font-weight: bold;
    color: #FD6125;
}

.star {
    color: Red;
    font-size: 10px;
}

.side_menu {
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: 20px;
    font-family: Verdana;
}

    .side_menu p {
        background-color: #C0C0C0;
        -webkit-border-radius: 6px;
        border: 1px solid #84bbf3;
        color: #FFFFFF;
        text-align: center;
        font-family: verdana;
        font-size: small;
    }

    .side_menu a {
        background-color: #FFFFFF;
        -webkit-border-radius: 6px;
        border: 1px solid #84bbf3;
        color: #4386D8;
        text-align: left;
        font-size: small;
        text-decoration: none;
    }

.countdown-styled div, .countdown-styled-Q div {
    font-size: 25px;
    font-weight: 100;
    text-align: center;
}

    .countdown-styled div span, .countdown-styled-Q div span {
        border-top: 1px solid #cecece;
        font-size: 11px;
        font-weight: normal;
        text-transform: uppercase;
        text-align: left;
    }

.countdown-styled, .countdown-styled-Q {
    text-align: center;
    color: #1c5ba2;
}

.countdown-mini div {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

    .countdown-mini div span {
        font-size: 12px;
        font-weight: bold;
        text-align: left;
    }

.validation-summary-errors {
    border: 1px solid;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-weight: bold;
    color: #D63301;
    background-color: #ffeeee;
    border-radius: 8px;
    background-image: url('/Content/images/ErrorInfo.png');
}

.logon_info {
    border: 1px solid;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-weight: bold;
    color: #4F8A10;
    background-color: #DFF2BF;
    border-radius: 8px;
    background-image: url('/Content/images/success-msg.png');
}

.validation-summary-errors span {
    text-decoration: underline;
}

.dxnbLite_SoftOrange .dxnb-itemSelected, .dxnbLite_SoftOrange .dxnb-largeSelected {
    color: #1c5ba2 !important;
    background-color: #EFEFEF !important;
    border: 1px Solid #EFEFEF !important;
    font-weight: bold;
}

.dxnbLite_SoftOrange .dxnb-itemHover a, .dxnbLite_SoftOrange .dxnb-largeHover a {
    font-weight: bold;
    color: #1c5ba2 !important;
}

.warninng-message, .custom-user-message {
    border: 1px Solid #6E7074;
    color: rgb(112, 112, 111);
    background-color: #F3F3F3;
    font-size: 12px;
}


#links-in-error-page a {
    color: Gray;
    font-size: 14px;
}

    #links-in-error-page a:visited {
        color: Gray;
    }

.side-menu-header {
    text-align: center;
    background-color: #1c5ba2;
    color: #fff;
    font-weight: bold;
}

#user-loggedin {
    /* font-size: 11px; */
}

#ShowTemplatesLink {
    color: #2F92E0;
    font-size: 12px;
    text-decoration: none;
}

.new-feature {
    color: #FF3232 !important;
    font-weight: bold;
    margin: 0 5px 0 5px;
}

.has-label {
    border-bottom: 1px dotted #E8EEF4;
    color: #D7A511;
    text-align: right;
}

.warning-form-div {
    color: #646464;
    line-height: 1.5em;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    background-color: #FFFBBA;
    font-size: 11px;
}

    .warning-form-div img {
        float: left;
        padding: 0 15px 0 0;
        width: 25px;
        position: relative;
        bottom: 6px;
    }

    .warning-form-div img {
        float: left;
        padding: 0 15px 0 0;
        width: 25px;
        position: relative;
        bottom: 6px;
    }

    .warning-form-div .boldie {
        font-weight: bold;
        text-decoration: underline;
    }

#side-photo {
    text-align: center;
    margin-top: 10px;
}

input:focus {
    background-color: white !important;
}

.critical-info {
    color: red;
}

.dxrp, .dxrpcontent {
    background-color: #fcfcfc !important;
}

.dxnb-content {
    background-color: #FAFAFA !important;
}

.expensesButton {
    background-color: #57a905;
    cursor: pointer;
    color: #fff;
    border: none;
    width: 50%;
    text-align: center;
    text-shadow: 1px 1px 0px #000;
    /* font-weight: bold; */
    padding: 10px;
    /*box-shadow: 4px 4px 4px #aaa;*/
}

    .expensesButton:hover {
        background-color: #5dd923;
        color: #ffffff;
    }

.expensesButtonClicked {
    box-shadow: 2px 2px 4px #aaa;
    margin-left: 2px;
}

.editButton {
    background-color: #b02222;
    cursor: pointer;
    color: #fff;
    border: none;
    width: 50%;
    text-align: center;
    text-shadow: 1px 1px 0px #000;
    /* font-weight: bold; */
    padding: 10px;
    /*box-shadow: 4px 4px 4px #aaa;*/
}

    .editButton:hover {
        background-color: #fc3333;
        color: #ffffff;
    }

.expensesRow {
    width: 100%;
    margin-bottom: 10px;
}

.ButtonWrapper {
    text-align: center;
    padding: 10px;
}

.inlineButton {
    display: inline-block;
    margin: 3px;
}

.currencySpan {
    position: absolute;
    top: 8px;
    left: 225px;
}

.selectedRow {
    background: #006B0E !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px #000;
}

.DynamicRow {
    cursor: pointer;
}

    .DynamicRow:hover {
        background: #0094ff;
        color: #fff !important;
        text-shadow: 1px 1px 1px #000;
    }

.ReceiverDynamic {
    cursor: pointer;
}

    .ReceiverDynamic:hover {
        background: #0094ff;
        color: #fff !important;
        text-shadow: 1px 1px 1px #000;
    }

.grey {
    background: #f0e0f0;
}

.clearboth {
    clear: both;
}

#formFields {
    width: 100%;
}

.Required {
    background-color: rgba(255, 153, 0, 0.34) !important;
}

#MoneygramSendForm {
    margin: 10px;
}

#MoneygramReceiveForm {
    margin: 10px;
}

.moneygramH1 {
    display: inline-block;
    color: #aaa;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.71);
    vertical-align: top;
    font-style: italic;
}

.moneygramInfoContainer {
    border: 3px solid #aaa;
    /*padding: 10px;*/
    border-radius: 7px;
    background-color: #efefef;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 10px;
}

    .moneygramInfoContainer h4 {
        padding: 2px 11px !important;
        margin: 0;
        color: #777;
        text-align: left;
        font-size: 13px;
        border-bottom: 1px dotted;
        text-decoration: none;
    }

#SenderContainer {
    width: 100%;
    min-width: 300px;
    text-align: center;
}

#AmountsContainer {
    width: 100%;
    min-width: 400px;
    text-align: center;
}

.moneygramFloatFields {
    display: inline-block;
    padding: 10px;
    /*max-width:500px;*/
    vertical-align: top;
}

.redShadow {
    box-shadow: 0 0 14px 0px red;
}

.tableHeader {
    background-color: rgba(1, 0, 102, 0.62);
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000;
}

.ammendText-box {
    height: 24px;
    margin: 0 5px 0 0;
    padding-left: 5px;
    text-transform: uppercase;
    width: 300px;
}

#CustomerInformation {
    border: 2px solid;
    padding: 5px;
    border-radius: 5px;
    color: #D50B02;
    display: none;
}

.indicativeCountryMessage {
    color: darkred;
    padding: 5px;
    font-weight: bold;
}

.paymentCategoryWrapper {
    display: inline-block;
}

.paymentCategoryAnchor {
    background: #1c5ba2;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    padding: 7px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 5px;
}

    .paymentCategoryAnchor:hover {
        background: #6b9ed9;
    }

.ChooseSearch {
    display: inline-block;
    padding: 5px;
    margin: 2px;
    background: #aaa;
    color: #fff;
    cursor: pointer;
    box-shadow: 1px 1px 1px #6c6c6c;
}

    .ChooseSearch:hover {
        background: #fff;
        color: #aaa;
    }

.voucherHeader {
    display: inline-block;
    border-bottom: 4px solid #010066;
    margin: 0 5px;
    font-size: 14px;
    color: #010066;
}

.cancelPaymentLabel {
    font-size: 15px;
    color: #010067;
}

.cancelPaymentAlert {
    border: 1px solid #ff0000;
    text-align: center;
    background-color: #ff0000;
    color: azure;
    width: 50%;
    font-size: 16px;
    padding: 10px 5px;
    border-radius: 12px;
}

.cancelPaymentSuccess {
    border: 1px solid #11a324;
    text-align: center;
    background-color: #11a324;
    color: azure;
    width: 50%;
    font-size: 16px;
    padding: 10px 5px;
    border-radius: 12px;
}

.anchorDiv {
    margin-bottom: 0px;
    width: auto;
    z-index: 2;
    line-height: 40px;
    left: 0px;
    top: 135px;
    background: rgb(255, 255, 255);
    border: 2px ridge;
    color: #1c5ba1;
}

.PaymentWrapper {
    border: 1px solid;
    padding: 9px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgb(153, 153, 153);
    border: 1px solid #bbb;
}


.generalButton {
    border: 0;
    padding: 5px;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    background: #b12b30;
    color: #fff;
    cursor: pointer;
    box-shadow: 1px 1px 1px #666666;
    text-shadow: 1px 1px 1px #000000;
}


    .generalButton:hover {
        background: rgba(211, 47, 49, 0.82);
        color: #ffffff;
    }

.greenButton {
    border: 0;
    padding: 5px;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    background: rgba(9,100,12,0.82);
    color: #fff;
    cursor: pointer;
    box-shadow: 1px 1px 1px #666666;
    text-shadow: 1px 1px 1px #000000;
}


    .greenButton:hover {
        background: rgba(73, 183, 77, 0.82);
        color: #ffffff;
    }

.loginButton {
    border: 0;
    padding: 5px;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    background: #1c5ba2;
    color: #fff;
    cursor: pointer;
    box-shadow: 1px 1px 1px #666666;
    text-shadow: 1px 1px 1px #000000;
}


    .loginButton:hover {
        background: rgba(72, 170, 226, 0.82);
        color: #ffffff;
    }