/*
====================================================
ControlMoney
====================================================

Personal controlMoney styles
*/

* {
    transition: all 0.4s ease !important;
    -webkit-transition: all 0.4s ease !important;
}


/*button:hover, button:focus, .button:hover, .button:focus {
    background-color: white!important;
}*/


input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    display: none !important;
}

/*input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none!important;
    display: none!important;
}*/


          /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevos estilos CM-WEB Login button y button del "Search " del wfTransactionHistory.aspx,  Cambio de linea grafica*/

/* Estilos CM WEB*/
.container-cm {
    background-color: #fff;
}
/* Estilos CM WEB*/
.loginButtonForm {
    color: white !important;
    float: right !important;
    height: 90% !important;
    background: #66a3ff !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1e24', endColorstr='#ed1e24') !important;
}

    .loginButtonForm:hover {
        background: #3872ba !important;
    }
            /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevos estilos CM-WEB Login button y button del "Search " del wfTransactionHistory.aspx,  Cambio de linea grafica*/

        /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Cambio estilos CM-WEB Login y Cambio de linea grafica*/
    .loginButtonForm1 {
    width: 300px;
    color: white !important;
    height: 90% !important;
    background: #66a3ff !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1e24', endColorstr='#ed1e24') !important;
}

    .loginButtonForm1:hover  {
        background: #66a3ff !important;  
    }
        /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Cambio estilos CM-WEB Login y Cambio de linea grafica*/




.calculateButtonForm {
    color: white !important;
    float: right !important;
    height: 90% !important;
    background: #ed1e24 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1e24), to(#ed1e24)) !important;
    background: -moz-linear-gradient(top, #ed1e24, #ed1e24) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1e24', endColorstr='#ed1e24') !important;
}

.reveal-modal-bg {
    min-height: 200% !important;
    height: auto !important; /*min-height hack*/
    height: 100% !important; /*min-height hack*/
}

.topBarMenu {
    background-color: #282a67 !important;
    height: 55px !important;
}

.ctrlMoneyLogo {
    background-image: url(../img/logo-sigue.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    height: 45px !important;
    width: 200px !important;
}

.topBarMenu .top-bar-section, .topBarMenu .top-bar-section ul, .topBarMenu .top-bar-section ul li, .topBarMenu .top-bar-section ul li a {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
    /*background-color: white!important;*/
    color: #fff !important;
}

    .topBarMenu .top-bar-section, .topBarMenu .top-bar-section ul, .topBarMenu .top-bar-section ul li, .topBarMenu .top-bar-section ul li a:hover {
        font-family: 'Roboto Condensed', sans-serif !important;
        font-size: 14px !important;
        /*background-color: white!important;*/
        background-image: none !important;
        background-color: #282a67 !important;
        color: white !important;
    }

        .topBarMenu .top-bar-section, .topBarMenu .top-bar-section ul, .topBarMenu .top-bar-section ul li, .topBarMenu .top-bar-section ul li a:hover .dropDownNotItemLiLabel {
            color: #2E83BC !important;
        }

            .topBarMenu .top-bar-section ul .listItem .listItemTopMenu .listItemTopMenu:hover {
                font-family: 'Roboto Condensed', sans-serif !important;
                font-size: 14px !important;
                /*background-color: white!important;*/
                background-image: none !important;
                background-color: #282a67 !important;
                color: white !important;
            }

            .topBarMenu .top-bar-section ul li a .dropDownNotItemLiLabel:hover {
                font-family: 'Roboto Condensed', sans-serif !important;
                font-size: 12px !important;
                /*background-color: white!important;*/
                background-image: none !important;
                background-color: #282a67 !important;
                color: white !important;
            }


.listItem a:hover, .listItem a:focus {
    background-image: none !important;
    background-color: #282a67 !important;
    color: white !important;
}

.listItemTopMenu {
    background-image: url(../img/icons/line.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

.margin-Top-2 {
    margin-top: 2% !important;
}

.top-bar-section .has-dropdown > a {
    padding-right: 10px !important;
}



.listLastItemTopMenu {
    background-image: url(../img/icons/line.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-right: 10px !important;
}


.listItemTopMenu a:hover, .listItemTopMenu a:focus {
    background-image: none !important;
    background-color: #282a67 !important;
    color: white !important;
}


.top-bar-section .has-dropdown > a:after {
    border: none !important;
}


.lblCircleContainerBubble {
    display: inline !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
    margin-right: 5px !important;
}

.circleContainerBubble {
    color: white !important;
    display: inline !important;
    position: relative !important;
    width: 37px !important;
    height: 33px !important;
    background: #F04B48 !important;
    -webkit-border-radius: 13px !important;
    -moz-border-radius: 13px !important;
    border-radius: 70px !important;
    padding: 5px 5px 6px 5px !important;
}

    .circleContainerBubble:after {
        color: white !important;
        content: "" !important;
        position: absolute !important;
        top: 9px !important;
        left: -5px !important;
        border-style: solid !important;
        border-width: 6px 7px 6px 0 !important;
        border-color: transparent #F04B48 !important;
        display: inline !important;
        width: 0 !important;
        z-index: 1 !important;
    }

.imgClientCircle {
    width: 36px !important;
    height: 36px !important;
    border-radius: 150px !important;
    border: 2px solid #0073AE !important;
    -webkit-border-radius: 150px !important;
    -moz-border-radius: 150px !important;
}

.nameClientTopMenu {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
    display: inline !important;
    font-weight: bold !important;
    padding: 5% !important;
    color: #282a67 !important;
    background-image: url(../img/icons/row-down.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    padding-right: 15px !important;
}

    .nameClientTopMenu:hover {
        color: #fff !important;
        background-image: url(../img/icons/row-down-hover.png) !important;
        background-repeat: no-repeat !important;
        background-position: right center !important;
        padding-right: 15px !important;
    }

.listLastItemTopMenu:hover {
    background-image: none !important;
    background-color: #282a67 !important;
    color: white !important;
}

.top-bar-section ul li:hover:not(.has-form) > .listLastItemTopMenu {
    background-image: none !important;
    background-color: #282a67 !important;
    color: white !important;
}

    .top-bar-section ul li:hover:not(.has-form) > .listLastItemTopMenu .nameClientTopMenu {
        background-image: none !important;
        background-color: #282a67 !important;
        color: white !important;
        background-image: url(../img/icons/row-down-hover.png) !important;
        background-repeat: no-repeat !important;
        background-position: right center !important;
        padding-right: 15px !important;
    }

.listLastItemTopMenu:hover ~ .nameClientTopMenu {
    background-image: none !important;
    background-color: #282a67 !important;
    color: white !important;
}



.listItemTopMenu .dropdown .dropDownNotHeader {
    background-color: #E4EEF6 !important;
}

.dropDownNotHeaderItem {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #282a67 !important;
    float: left !important;
    margin-left: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.dropDownNotHeaderItemLast {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #282a67 !important;
    float: right !important;
    margin-right: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}


.listItemTopMenu .dropdown .dropDownNotItemLi {
    background-color: #F0F0F2 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    display: inline !important;
    float: left !important;
    border-top: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid white !important;
}

.dropDownNotItemLiLabelContainer {
    width: 65% !important;
    display: -webkit-inline-box !important;
    display: inline !important;
}


.dropDownNotItemLiNumberGlobe {
    border-radius: 114px !important;
    display: inline !important;
    padding: 0px 5px 0px 5px !important;
    background-color: #EEEEF6 !important;
    margin-left: 25px !important;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(255,255,255,0.75) !important;
    -moz-box-shadow: 0px 2px 3px 0px rgba(255,255,255,0.75) !important;
    box-shadow: 0px 2px 3px 0px rgba(255,255,255,0.75) !important;
}

.dropDownNotItemLiNumber {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    color: #282a67 !important;
    display: inline !important;
}

.dropDownUserListItem a {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    color: #585F6F !important;
    background-color: #F5F5F5 !important;
    border-top: #E5E5E5 !important;
    border-bottom: white !important;
}

    .dropDownUserListItem a:hover {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 12px !important;
        color: white !important;
        background-color: #F5F5F5 !important;
        border-top: #E5E5E5 !important;
        border-bottom: white !important;
    }

.dropDownUserListItem :hover ~ .dropDownNotItemLiLabel {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    color: white !important;
    background-color: #F5F5F5 !important;
    border-top: #E5E5E5 !important;
    border-bottom: white !important;
}

.dropDownUserListItem {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    color: white !important;
    background-color: #F5F5F5 !important;
    border-top: #E5E5E5 !important;
    border-bottom: white !important;
}

.dropDownUserListItemBold a {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    color: #585F6F !important;
    background-color: #F5F5F5 !important;
    border-top: #E5E5E5 !important;
    border-bottom: white !important;
    font-weight: bold !important;
}

.dropDownNotItemLiLabel {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 12px !important;
    margin-left: -8px !important;
    color: #616161 !important;
    display: inline !important;
}



/*
====================================================
Menu
====================================================
*/



.menucmWebList {
    background-color: #282a67 !important;
}

    .menucmWebList li {
        background-color: #282a67 !important;
        color: white !important;
    }

        .menucmWebList li a {
            background-color: #282a67 !important;
            color: white !important;
        }

/*
====================================================
Top SubMenu
====================================================
*/

.top-bar-submenu {
    background-color: #666C7C !important;
}

.itemSubMenu {
    color: #DADCE0 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    text-shadow: 0px 1px 0px rgba(82, 88, 101, 0.1) !important;
}

.itemSubMenuFirst {
    background-color: #666C7C !important;
    border-right: 1px solid #5E6573 !important;
}

.itemSubMenuSecond {
    background-color: #666C7C !important;
    border-right: 1px solid #5E6573 !important;
    border-left: 1px solid #707784 !important;
}

.itemSubMenuLast {
    background-color: #666C7C !important;
    border-left: 1px solid #707784 !important;
}

.listItemSubMenuSearch {
    margin-right: 10px !important;
    background-color: #666C7C !important;
}

    .listItemSubMenuSearch .menuInputSearch {
        border-top-left-radius: 3px !important;
        border-bottom-left-radius: 3px !important;
    }

    .listItemSubMenuSearch .menuButtomSearch {
        background-color: white !important;
        margin-top: 9px !important;
        border-top-right-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
        height: 28px !important;
        background-image: url(../img/icons/search.png) !important;
        background-repeat: no-repeat !important;
        background-position: 40% center !important;
    }

.loginFooterIcons {
    width: 50% !important;
}

.listItemThreeSubMenu {
    background-color: #666C7C !important;
    border-top: 1px solid #606673 !important;
    border-bottom: 1px solid #424852 !important;
}

    .listItemThreeSubMenu a {
        background-color: #525967 !important;
        color: #DADCE0 !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 12px !important;
    }

/*
====================================================
Transaction Panel
====================================================
*/

.lblFindTransaction {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
}

.transactionMainPanel {
    /*margin-top: 3%!important;*/
}

.newTransactionAlertMessage {
    background-color: white !important;
    border-left: 2px solid #CFD51C !important;
    border-top: 1px solid #E6E8EB !important;
    border-right: 1px solid #E6E8EB !important;
    border-bottom: 1px solid #E6E8EB !important;
    border-radius: 3px !important;
}

    .newTransactionAlertMessage h5 {
        color: #282a67 !important;
        font-family: 'Roboto Condensed', sans-serif !important;
        font-size: 20px !important;
    }

    .newTransactionAlertMessage p {
        color: #999A9B !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 14px !important;
    }

.tittleSearchResultLabel {
    color: #282a67 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

/*
====================================================
Transaction Tabs Panel
====================================================
*/

.headerTransactionTabsPanel {
    color: white !important;
    margin-bottom: 0px !important;
    background-color: #282a67 !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-color: #282a67 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
}

    .headerTransactionTabsPanel h3 {
        color: white !important;
        font-size: 20px !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }
                /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB aplicado en el panel principal de wfSaved.aspx y Cambio de linea grafica*/  

.headerTransactionTabs2Panel {
    color: white !important;
    margin-bottom: 0px !important;
    background-color: #66a3ff !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
}

    .headerTransactionTabs2Panel h3 {
        display: inline !important;
        color: white !important;
        font-size: 18px !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }
                    /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB aplicado en el panel principal de wfSaved.aspx y Cambio de linea grafica*/  

.userHeaderTittleTabStep2 {
    width: 20px !important;
    display: inline !important;
}

.transactionTab2PanelContainer {
    padding: 2% !important;
    border: 1px solid #D6DA5D !important;
}
                    /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB aplicado en el container del panel principal de wfSaved.aspx y Cambio de linea grafica*/  

.transactionTab4PanelContainer {
    padding: 2% 2% 0% 2% !important;
    border: 1px solid #D6DA5D !important;
    z-index: 1;  
}
                    /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB aplicado en el container del panel principal de wfSaved.aspx y Cambio de linea grafica*/  

.textareaTransactionStep2 {
    height: 128px !important;
}

.transactionStep3Tittle {
    color: #282a67 !important;
    font-size: 18px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: bold !important;
}

.transactioStep4TableTittle {
    font-size: 14px !important;
    color: #545454 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.transactioStep4TableResult {
    font-size: 18px !important;
    color: #545454 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.transactioStep4TableResultTtotal {
    font-size: 28px !important;
    color: #545454 !important;
    font-family: 'Open Sans', sans-serif !important;
}



.doTransactionQuestion {
    font-size: 16px !important;
    color: #545454 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.doTransactionButtom {
    color: white !important;
    margin-left: 5% !important;
    height: 90% !important;
    background: #CBD11B !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#CED41B), to(#C5CB1B)) !important;
    background: -moz-linear-gradient(top, #CED41B, #C5CB1B) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5CB1B', endColorstr='#CED41B') !important;
}


/*
====================================================
Transaction Tabs
====================================================
*/

.tabs dd {
    width: 25% !important;
}





    .tabs dd.active a, .tabs .tab-title.active a {
        font-weight: bold !important;
        font-size: 14px !important;
        color: #282a67 !important;
        font-family: 'Open Sans', sans-serif !important;
        background-color: #D8E3FB !important;
        border-bottom: 1px solid white !important;
        border-left: 1px solid #D0DAE2 !important;
        border-right: 1px solid #B7C1D6 !important;
        padding-left: 25px !important;
    }

    .tabs dd a, .tabs .tab-title a {
        font-weight: bold !important;
        font-size: 14px !important;
        color: #AEBBD5 !important;
        font-family: 'Open Sans', sans-serif !important;
        background-color: #D8E3FB !important;
        border-bottom: 1px solid white !important;
        border-left: 1px solid white !important;
        border-right: 1px solid #B7C1D6 !important;
        padding-left: 25px !important;
    }

    .tabs dd.active a p, .tabs .tab-title.active a p {
        display: inline !important;
        font-weight: bold !important;
        font-size: 14px !important;
        color: #282a67 !important;
        font-family: 'Open Sans', sans-serif !important;
        text-overflow: ellipsis !important;
    }

    .tabs dd a p, .tabs .tab-title a p {
        display: inline !important;
        font-weight: bold !important;
        font-size: 14px !important;
        color: #AEBBD5 !important;
        font-family: 'Open Sans', sans-serif !important;
        text-shadow: 0px 2px 2px rgba(205,216,238,1) !important;
        text-overflow: ellipsis !important;
    }

    .tabs dd > a, .tabs .tab-title > a {
        background-color: #BDCCE8 !important;
        border-bottom: 1px solid white !important;
        border-left: 1px solid #E5EDFD !important;
        border-right: 1px solid #B7C1D6 !important;
    }


.linkTabPanel {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.lastTabTransactionPanelItem {
    position: absolute !important;
    max-width: 61% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.tabs .active .stepTabPanel {
    color: white !important;
    display: inline !important;
    border-radius: 80px !important;
    background-color: #ed1e24 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    padding-left: 7px !important;
    text-align: center !important;
    width: 20px !important;
}

.tabs .stepTabPanel {
    color: #D3DAE8 !important;
    display: inline !important;
    border-radius: 80px !important;
    background-color: #AEBBD5 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    text-align: center !important;
    margin-right: 5px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 7px !important;
    padding-right: 5px !important;
    -webkit-box-shadow: 0px 3px 0px -1px rgba(205,216,238,1) !important;
    -moz-box-shadow: 0px 3px 0px -1px rgba(205,216,238,1) !important;
}

/*
====================================================
Transaction Tabs Content
====================================================
*/

.tabs-content > .content {
    padding: 0px !important;
}

.tabContentPanel {
    /*padding-top: 20px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;*/
}

    .tabContentPanel p {
        font-family: 'Open Sans', sans-serif !important;
        /* font-size: 12px!important;*/
    }

    .tabContentPanel input {
        /*height: 45px!important;*/
        border-radius: 3px !important;
    }



.formTransactionTabContainer {
    /* background-color: #e6f6fb !important; */
    /** border: 1px solid #D0DAE2!important; */
}

.tabContentPanel .postfix {
    height: 45px !important;
    background-color: #EAECEF !important;
    border-radius: 3px !important;
}

.headerFormItem {
    color: #282a67 !important;
    display: inline !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}

.styled-select {
    background: url(../img/icons/arrow_down.png) no-repeat 96% 0 !important;
    height: 45px !important;
    overflow: hidden !important;
    width: 100% !important;
}

    .styled-select select {
        color: #95A3AD !important;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
        background: transparent !important;
        border: none !important;
        font-size: 13px !important;
        height: 45px !important;
        padding: 5px !important; /* If you add too much padding here, the options won't show in IE */
        width: 100% !important;
        border-radius: 3px !important;
    }

    .styled-select.slate {
        background: url(../img/icons/arrow_down.png) no-repeat right center !important;
        height: 45px !important;
        width: 100% !important;
    }

        .styled-select.slate select {
            border: 1px solid #ccc !important;
            font-size: 13px !important;
            height: 45px !important;
            width: 100% !important;
        }


.formTransactionFindButtom {
    display: inline !important;
    background-image: url(../img/icons/save-2.png) !important;
    background-color: #CDD31C !important;
    border-color: white !important;
    color: white !important;
    font-size: 13px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 10% center !important;
    padding: 4px 13px 5px 23px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.formTransactionCalculateButtom {
    display: inline !important;
    background-image: url(../img/icons/lens.png) !important;
    background-color: #F8AD38 !important;
    border-color: white !important;
    color: white !important;
    font-size: 13px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 7% center !important;
    padding: 4px 13px 5px 23px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.formTransactionCleanButtom {
    display: inline !important;
    background-image: url(../img/icons/trash.png) !important;
    background-color: #ec4849 !important;
    border-color: white !important;
    color: white !important;
    font-size: 13px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 10% center !important;
    padding: 4px 13px 5px 23px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}


.transactionButtonForm, .transactionButtonForm:hover, .transactionButtonForm:active, .transactionButtonForm:focus {
    display: inline !important;
    background-image: url(../img/icons/save-3.png) !important;
    background-size: 34% !important;
    background-color: #CDD31C !important;
    border-color: white !important;
    color: white !important;
    font-size: 16px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 100% center !important;
    padding: 13px 72px 14px 15px !important;
    margin-bottom: 5px !important;
    height: 55px !important;
}

.transactionButtonFormUser, .transactionButtonFormUser:hover, .transactionButtonFormUser:active, .transactionButtonFormUser:focus {
    display: inline !important;
    background-image: url(../img/icons/user-2.png) !important;
    background-size: 27% !important;
    background-color: #CDD31C !important;
    border-color: white !important;
    color: white !important;
    font-size: 16px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 100% center !important;
    padding: 13px 77px 13px 15px !important;
    margin-bottom: 5px !important;
    height: 55px !important;
}

.transactionButtonFormEnd, .transactionButtonFormEnd:hover, .transactionButtonFormEnd:active, .transactionButtonFormEnd:focus {
    display: inline !important;
    background-image: url(../img/icons/save.png) !important;
    background-size: 11% !important;
    background-color: #CDD31C !important;
    border-color: white !important;
    color: white !important;
    font-size: 16px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    padding: 13px 40px 13px 25px !important;
    margin-bottom: 5px !important;
    height: 55px !important;
}


.postfixButoonForm {
    background-color: #C1C807 !important;
    display: inline !important;
    padding: 19px !important;
    margin-left: -7px !important;
    border-radius: 3px !important;
}

.complianceLink {
    color: #95A3AD !important;
    float: right !important;
    font-size: 16px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}


.rowTabFooter {
    margin: 0px !important;
}

.barNextTab {
    color: #656B7B !important;
    background-color: #656B7B !important;
    border-right: 1px solid #484D58 !important;
    height: 45px !important;
}

.barNextBackTab {
    color: #656B7B !important;
    background-color: #656B7B !important;
    border-right: 1px solid #484D58 !important;
    border-left: 1px solid #484D58 !important;
    height: 45px !important;
}

.barLinkNextTab {
    height: 45px !important;
    color: white !important;
    background-color: #656B7B !important;
    border-left: 1px solid #9BA0AB !important;
    padding-top: 10px !important;
    padding-left: 50px !important;
    background-image: url(../img/icons/row-next.png) !important;
    background-repeat: no-repeat !important;
    background-position: 95px center !important;
}

    .barLinkNextTab a {
        color: white !important;
        text-align: center !important;
        font-size: 14px !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }



.barLinkBackTab {
    height: 45px !important;
    color: white !important;
    background-color: #656B7B !important;
    border-right: 1px solid #9BA0AB !important;
    padding-top: 10px !important;
    padding-left: 50px !important;
    background-image: url(../img/icons/row-back.png) !important;
    background-repeat: no-repeat !important;
    background-position: 35px center !important;
}

    .barLinkBackTab a {
        color: white !important;
        text-align: center !important;
        font-size: 14px !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }

.linkTransactionStep2FindCountryLink {
    background-image: url(../img/icons/search_green.png) !important;
    background-position: left center !important;
    color: #8F931B !important;
    font-size: 10px !important;
    font-family: 'Open Sans', sans-serif !important;
    background-repeat: no-repeat !important;
    padding-left: 4% !important;
    float: right !important;
    margin-top: 3% !important;
}

.linkTransactionStep2SendSms {
    background-image: url(../img/icons/cloud_green.png) !important;
    background-position: left center !important;
    color: #8F931B !important;
    font-size: 10px !important;
    font-family: 'Open Sans', sans-serif !important;
    background-repeat: no-repeat !important;
    padding-left: 4% !important;
    float: right !important;
    margin-top: -4% !important;
}



.newTransactionStep2RememberMessage {
    background-color: white !important;
    border-left: 2px solid #FBAF38 !important;
    border-top: 1px solid #E6E8EB !important;
    border-right: 1px solid #E6E8EB !important;
    border-bottom: 1px solid #E6E8EB !important;
    border-radius: 3px !important;
}

    .newTransactionStep2RememberMessage h5 {
        color: #515354 !important;
        font-family: 'Roboto Condensed', sans-serif !important;
        font-size: 20px !important;
    }

    .newTransactionStep2RememberMessage p {
        color: #626262 !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 14px !important;
    }

.linkLabelQuestion {
    display: inline !important;
    color: #8F931B !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 10px !important;
    margin-left: 2% !important;
}



/*
====================================================
Modal data recovery
====================================================
*/

.personalDataRecoveryAlertMessage {
    background-color: #FFE6BE !important;
    border: 1px solid #FBCB8C !important;
    border-radius: 3px !important;
}

.modalAlertIcon {
    display: inline !important;
}

.modalAlertMessageLabel {
    color: #CA9343 !important;
    display: inline !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
    margin-left: 1% !important;
}

.aditionalUserInfoTittle {
    color: #282a67 !important;
    font-size: 20px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.aditionalUserInfoDesc {
    color: #6C6C6C !important;
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.modalAlertNormalText {
    color: #ACACAC !important;
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif !important;
}


.fileButtonDataRecoveryModalForm, .fileButtonDataRecoveryModalForm:hover {
    background-image: url(../img/icons/clip.png) !important;
    background-color: #92A0AA !important;
    border-color: white !important;
    color: white !important;
    font-size: 14px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
    color: #BEC415 !important;
    height: 45px !important;
    padding: 15px 15px 15px 25px !important;
}




.printButtonDataRecoveryModalForm, .printButtonDataRecoveryModalForm:hover {
    background-image: url(../img/icons/print.png) !important;
    background-color: white !important;
    border-color: white !important;
    color: #75838C !important;
    font-size: 14px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
    color: #75838C !important;
    height: 45px !important;
    padding: 5% 5% 5% 15% !important;
}


.nameFileSlected {
    margin-top: -10px !important;
}

.textFileSelected {
    color: #282a67 !important;
    display: inline !important;
    font-size: 10px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.checkFileSelectedIcon {
    display: inline !important;
}


.addFileButtonDataRecoveryModalForm {
    background-image: url(../img/icons/add.png) !important;
    background-color: white !important;
    border-color: white !important;
    color: #BEC415 !important;
    font-size: 14px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    color: #BEC415 !important;
    height: 50px !important;
    padding: 5% 5% 5% 10% !important;
}


.postfixAddFileButoonDataRecoveryModalForm {
    background-color: white !important;
    border-radius: 3px !important;
    display: inline !important;
    padding-top: 12px !important;
    padding-bottom: 11px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.invisbleTextWhite {
    color: white !important;
}

.closeDataRecoveryModal {
    padding: 12px 15px;
    color: white !important;
    background-color: #C6CC1B !important;
    border-radius: 100px !important;
    font-size: 18px !important;
    margin-top: -3% !important;
    margin-right: -4% !important;
}

.columsTotalTransactionPanel {
    background-image: url(../img/icons/line-green.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}


/*
====================================================
Modal success transaction
====================================================
*/

.personalSuccessTransactionAlertMessage {
    background-color: #719CD2 !important;
    border: 1px solid #719CD28f !important;
    border-radius: 3px !important;
}

.modalAlertIcon {
    display: inline !important;
}

.modalAlertMessageSuccessTransactionLabel {
    color: #719CD2 !important;
    display: inline !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
    margin-left: 1% !important;
}


/*
====================================================
Configuration Panel
====================================================
*/

/*
====================================================
Lateral Menu
====================================================
*/

.lateralMenu {
    border-radius: 4px !important;
}

.lateralMenuItem {
    border-top: 1px solid #4e5460 !important;
    border-bottom: 1px solid #717885 !important;
}

    .lateralMenuItem a {
        background-color: #656c7b !important;
        color: #DEE1E7 !important;
        font-size: 12px !important;
        font-family: 'Open Sans', sans-serif !important;
        font-weight: bold !important;
        padding-left: 13% !important;
    }

.linkLateralMenuItemBusiness {
    background-image: url(../img/icons/puzzle.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemUsers {
    background-image: url(../img/icons/user_white.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemNews {
    background-image: url(../img/icons/news.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemMemberShipCard {
    background-image: url(../img/icons/credit_card.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemMoneyTransmitter {
    background-image: url(../img/icons/money.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemApis {
    background-image: url(../img/icons/cubes.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemCompliance {
    background-image: url(../img/icons/candado.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemCorrespondents {
    background-image: url(../img/icons/globe.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemPayer {
    background-image: url(../img/icons/payer.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemCurrency {
    background-image: url(../img/icons/coins.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.linkLateralMenuItemdministrator {
    background-image: url(../img/icons/admin_user.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
}

.panelMenuSubItem {
    background-color: #525967 !important;
    padding: 0px !important;
}

    .panelMenuSubItem ul {
        background-color: #525967 !important;
        list-style: none !important;
        margin-left: 0px !important;
    }

    .panelMenuSubItem li {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        border-top: 1px solid #606673 !important;
        border-bottom: 1px solid #444A56 !important;
        padding-left: 10px !important;
    }

.lateralMenuSubItem a {
    background-color: #525967 !important;
    background-image: url(../img/icons/liItem.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5% center !important;
    color: #D0D3DA !important;
    padding-left: 20px !important;
    display: flex !important;
}


/*
====================================================
Lateral Data Panel
====================================================
*/

.configurationDataMessage {
    background-color: white !important;
    border-left: 2px solid #282a67 !important;
    border-top: 1px solid #E6E8EB !important;
    border-right: 1px solid #E6E8EB !important;
    border-bottom: 1px solid #E6E8EB !important;
    border-radius: 3px !important;
}

    .configurationDataMessage h5 {
        color: #515354 !important;
        font-family: 'Roboto Condensed', sans-serif !important;
        font-size: 20px !important;
    }

    .configurationDataMessage p {
        color: #626262 !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 12px !important;
    }
     /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB y Cambio de linea grafica*/
.headerConfigurationTittle {
    margin-bottom: 0px !important;
    background-color: #66a3ff !important;
    border-color: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    border-radius: 9px 9px 0 0;
}      /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB y Cambio de linea grafica*/

  /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB titulo en el h3 de 'Send Money'de y Cambio de linea grafica*/
    .headerConfigurationTittle h3 {
        display: inline !important;
        color: white !important;
        font-size: 18px !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }   /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB titulo en el h3 de 'Send Money'de y Cambio de linea grafica*/


.configurationDataContainer {
    padding: 2% !important;
    background-color: white !important;
    border: 1px solid #D0DAE2 !important;
}

.lineLifeBack {
    color: #ADB219 !important;
    display: inline !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
}

.lineLifeNext {
    color: #2E83BC !important;
    display: inline !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    background-image: url(../img/icons/conf_right_row.png) !important;
    background-repeat: no-repeat !important;
    background-position: 3% center !important;
    padding-left: 2% !important;
}

.lblConfig {
    color: #2E83BC !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 18px !important;
}

.configDataTable {
    /*    border: 1px solid #D9DEE0!important;*/
    border-spacing: 0px !important;
    width: 100% !important;
}

    .configDataTable th {
        color: #0F4467 !important;
        background-color: #EDEEEF !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-align: center !important;
        border: 1px solid #D9DEE0 !important;
    }

    .configDataTable td {
        color: #6C6C6C !important;
        border: 1px solid #e1e5e6 !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 11px !important;
    }


.linkEditConfigDataTable {
    display: inline !important;
    background-image: url(../img/icons/pencil_config.png) !important;
    background-color: #70BDDE !important;
    border-color: white !important;
    color: white !important;
    font-size: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 10% center !important;
    padding: 7px 13px 7px 22px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    float: right !important;
}

.linkAddConfigDataTable {
    display: inline !important;
    background-image: url(../img/icons/add_icon.png) !important;
    background-color: #E37912 !important;
    border-color: white !important;
    color: white !important;
    font-size: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 10% center !important;
    padding: 7px 13px 7px 22px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.linkDownloadConfigDataTable {
    display: inline !important;
    background-image: url(../img/icons/download_white.png) !important;
    background-color: #E37912 !important;
    border-color: white !important;
    color: white !important;
    font-size: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 10% center !important;
    padding: 7px 13px 7px 22px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.linkRefreshConfigDataTable {
    display: inline !important;
    background-image: url(../img/icons/refresh.png) !important;
    background-color: #B7BC1B !important;
    border-color: white !important;
    color: white !important;
    font-size: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 10% center !important;
    padding: 7px 13px 7px 22px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.linkFindConfigDataTable {
    display: inline !important;
    background-image: url(../img/icons/lens.png) !important;
    background-color: #B7BC1B !important;
    border-color: white !important;
    color: white !important;
    font-size: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: 10% center !important;
    padding: 7px 13px 7px 22px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.linkEditEditDataTable {
    display: inline !important;
    background-image: url(../img/icons/edit.png) !important;
    background-color: #c5edfe !important;
    border-color: white !important;
    color: white !important;
    font-size: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 6px 6px 6px 20px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.linkDeleteEditDataTable {
    display: inline !important;
    background-image: url(../img/icons/trash_red.png) !important;
    background-color: #FDD4D3 !important;
    border-color: white !important;
    color: white !important;
    font-size: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 6px 6px 6px 20px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.linkUserMessageDataTable {
    display: inline !important;
    background-image: url(../img/icons/user-setup.png) !important;
    background-color: #B7BC1B !important;
    border-color: white !important;
    color: white !important;
    font-size: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 6px 6px 6px 20px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.createNewRecordLabel {
    display: inline !important;
    cursor: pointer !important;
    color: #B7BC1B !important;
    background-image: url(../img/icons/save-record.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-left: 5% !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    margin-right: 3% !important;
    line-height: 1px !important;
}

.deleteNewRecordLabel {
    display: inline !important;
    cursor: pointer !important;
    color: #ec4849 !important;
    background-image: url(../img/icons/delete-record.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-left: 5% !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    margin-top: -2% !important;
    line-height: 1px !important;
}

.createConfigNewRecordLabel {
    display: inline !important;
    cursor: pointer !important;
    color: #B7BC1B !important;
    background-image: url(../img/icons/save-record.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-left: 2% !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    margin-right: 2% !important;
    line-height: 1px !important;
}

.deleteConfigNewRecordLabel {
    display: inline !important;
    cursor: pointer !important;
    color: #ec4849 !important;
    background-image: url(../img/icons/delete-record.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-left: 2% !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    margin-top: -2% !important;
    line-height: 1px !important;
}

.userAdministrationFilterContainer {
    border: 2px solid #EDEEEF !important;
    border-radius: 3px !important;
    padding: 2% !important;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Button "credit card" y "btnSendMoney"*/  

.assignButtom {
    color: white !important;
    /* margin-top: 5%!important;*/
    height: 70% !important;
    background: #66a3ff !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec4849', endColorstr='#ec4849') !important;
}

    .assignButtom:hover {
        background: #3872ba !important;
    }
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Button "credit card" y "btnSendMoney"*/  

.warningButtom {
    color: white !important;
    /* margin-top: 5%!important;*/
    height: 70% !important;
    background: #ADC6CA !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ADC6CA), to(#ADC6CA)) !important;
    background: -moz-linear-gradient(top, #ADC6CA, #ADC6CA) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADC6CA', endColorstr='#ADC6CA') !important;
}

.greyButtom {
    color: white !important;
    /* margin-top: 5%!important;*/
    height: 70% !important;
    background: #ADC6CA !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ADC6CA), to(#ADC6CA)) !important;
    background: -moz-linear-gradient(top, #ADC6CA, #ADC6CA) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADC6CA', endColorstr='#ADC6CA') !important;
}

.dangerButtom {
    color: white !important;
    /* margin-top: 5%!important;*/
    height: 70% !important;
    background: #FDD4D3 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#CED41B), to(#C5CB1B)) !important;
    background: -moz-linear-gradient(top, #CED41B, #C5CB1B) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5CB1B', endColorstr='#CED41B') !important;
}



/*
====================================================
Money Transaction
====================================================
*/

.loginHeaderSection {
    background: url(../img/bg.jpg) center top repeat-x #FFF !important;
    width: 100% !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.rowLoginHeader {
    background: url(../img/header_bg.jpg) -75px no-repeat !important;
    color: #D0E9FF !important;
    font: normal 12px Arial !important;
    line-height: 16px !important;
    padding-bottom: 25px !important;
    background-size: cover !important;
}

.logRegisterList {
    text-align: center !important;
    float: right !important;
    margin-top: 5% !important;
}

    .logRegisterList li a {
        color: white !important;
    }


.lblDescTransactionMoney {
    font-family: "MS Serif", "New York", serif !important;
    font-size: 36px !important;
    line-height: 32px !important;
    color: #D0E9FF !important;
}


.btnCalculateSendMoney {
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    box-shadow: inset 0px 1px 0px 0px #a4e271 !important;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #719CD2), color-stop(1, #719CD2c9) ) !important;
    background: -moz-linear-gradient( center top, #719CD2 5%, #719CD2c9 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#719CD2', endColorstr='#719CD2c9') !important;
    background-color: #719CD2 !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: 1px solid #719CD2 !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-family: arial !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 6px 24px !important;
    text-decoration: none !important;
    text-shadow: 1px 1px 0px #719CD241 !important;
}
/*
====================================================
Send Money Page
====================================================
*/

.whiteRounded {
    background-color: #F7F7F7 !important;
    border-radius: 15px !important;
    padding: 2% !important;
}

.bodyPanel {
    font-size: 13px !important;
}


/*
====================================================
Footer
====================================================
*/

.footerContainer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px; /* Height of the footer */
}

.footer {
    color: #6B7385 !important;
    margin-top: 5% !important;
    background-color: #2B303C !important;
    padding-top: 3% !important;
    padding-bottom: 5% !important;
}

    .footer p {
        line-height: 0.2em !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 0.8em !important;
    }

    .footer b {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 1.2em !important;
        line-height: 1.1em !important;
    }

    .footer input {
        font-family: 'Open Sans', sans-serif !important;
    }

    .footer a {
        color: #6B7385 !important;
        font-family: 'Open Sans', sans-serif !important;
    }

#loginFooterLogo {
    width: 170px !important;
    margin-bottom: 15px !important;
}

.footer .searchInputFooter {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    height: 30px !important;
}

.footer .prefix {
    background: white !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    height: 30px !important;
}

.footer i {
    color: #D9D9D9 !important;
}

.callLink {
    display: inline !important;
    margin-left: 5px !important;
    font-size: 15px !important;
}

.callLinkIcon {
    color: #6B7385 !important;
    font-size: 12px !important;
}

.thelephoneNumber {
    font-size: 25px !important;
}

#footerBottom {
    background-color: #21252E !important;
    height: 40px !important;
    line-height: 50px !important;
    color: #aaa !important;
    font-family: 'Open Sans', sans-serif !important;
    padding-top: 0.5% !important;
    text-align: center !important;
    width: 100% !important;
}

    #footerBottom p {
        color: #6b7385 !important;
        margin-bottom: 0px !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 0.7em !important;
    }

nav.top-bar {
    background-color: #fff !important;
}

nav.top-bar {
    height: 83px;
}



/* Nav */
       /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Cambio estilos Barra de Navegaciod de la Master y Cambio de linea grafica*/

nav.top-bar {
    background-color: white !important;
    border-bottom: 2px solid #bec2e0;
}

nav ul.right li a {
    background-color: #fff;
    background-image: url(../img/border-solid.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    padding-top: 15px !important;
    padding-bottom: 20px !important;
}

nav ul.right li:hover {
    background-color: #719CD2 !important;
    border-bottom: 2px solid #719CD2a4;
}
         /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Cambio estilos Barra de Navegaciod de la Master y Cambio de linea grafica*/
/* Nav */


/* Tabs red */
#red-tabs {
    display: inline-block;
    list-style: none;
    background-color: white;
    border: 1px solid #fff;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    margin: 2% 0;
}

    #red-tabs li {
        padding: 0;
        text-align: center;
        border-left: 1px solid rgba(225, 225, 225, 0.2);
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

a.hvr-bubble-bottom {
    color: #b2b2b2;
    background-color: #e1e1e1;
    border-radius: 3px;
    font-size: 0.8em;
    letter-spacing: 0.05em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    padding: 4% 8%;
    z-index: 50;
    width: 100%;
}

#red-tabs li a.hvr-bubble-bottom:hover {
    opacity: 1.0 !important;
}

/* Tabs red */

/* Animations */

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
        -webkit-animation-name: hvr-wobble-vertical;
        animation-name: hvr-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Icon Forward */
.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

    .hvr-icon-forward:before {
        content: "\f138";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}



/* Shrink */
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

/* Pulse */
@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
        -webkit-animation-name: hvr-pulse;
        animation-name: hvr-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }


/* Bubble Bottom */
.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

    .hvr-bubble-bottom:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        bottom: 0;
        display: none;
        border-width: 10px 10px 0 10px;
        border-color: #ffe514 transparent transparent transparent;
    }



.hvr-bubble-bottom-Active {
    background-color: #ffffff !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

    .hvr-bubble-bottom-Active:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        bottom: 0;
        border-width: 10px 10px 0 10px;
        border-color: #ffffff transparent transparent transparent;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
/* Bounce to top */

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-top:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        background: #ec4849;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
        color: white;
    }

        .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }


ul.list-payment-form li {
    list-style: none;
}

ul.payment-list li {
    list-style: none;
    font-size: 1.4em;
    font-weight: 300;
}

/*----------------------------------------------------------------------------------------*/

nav.nav-white ul li a {
    background-color: transparent !important;
    color: #7d7d7d;
}

    nav.nav-white ul li a:hover {
        color: #282a67 !important;
    }

a:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
}

input:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
}


/* Background-color */

.background-gray {
    background-color: #ebebeb !important;
}

.background-white {
    background-color: #fff !important;
}

.background-red {
    background-color: #ec4849 !important;
}

            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB se quita el fondo anterior del formulario wfIndex.aspx*/  


.background-blue {
    background-color: #fff !important;
    /*background-image: url('../images/background-index.png');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB se quita el fondo anterior del formulario wfIndex.aspx*/  

.background-green {
    background-color: #cdd21c !important;
}
/* Boxs content */
.box-white {
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0;
    padding: 4% 4% 6% 4%;
}

.box-red {
    background: #f24c49;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0;
    padding: 6% 6% 8% 6%;
}

.box-red-clear {
    background: #ffd4d3;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0;
    padding: 6% 6% 8% 6%;
}

.box-blue {
    background: #282a67;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0;
    padding: 6% 6% 8% 6%;
}

.box-blue-clear {
    background: #c1eff7;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0;
    padding: 6% 6% 8% 6%;
}

.box-green {
    background: #50d676;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0;
    padding: 6% 6% 8% 6%;
}

.box-green-clear {
    background: #cdf3d0;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0;
    padding: 6% 6% 8% 6%;
}
/* Boxs content */


/* Boxs orange */
input.button-control {
    border: none;
}

.button-orange-big {
    background-color: #e68e00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 0.8em;
    letter-spacing: 0.05em;
    padding: 14px 12px;
    text-decoration: none;
    margin: 0.5em;
}


/* Nav */
nav ul li a {
    font-size: 0.8em !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
    letter-spacing: 0.05em;
}

nav ul li.active-cm a {
    background-color: #cdd21c !important;
}

nav.nav-gray ul li.active-cm a {
    background-color: #cdd21c !important;
}

nav.nav-gray {
    background-color: #656c7b !important;
}

    nav.nav-gray ul li a {
        background-color: #656c7b !important;
    }

nav.nav-white {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

    nav.nav-white ul li a {
        background-color: transparent !important;
        color: #7d7d7d;
    }

    nav.nav-white ul li.active-cm-white a {
        background-color: transparent !important;
        color: #282a67 !important;
    }

    nav.nav-white ul li a:hover {
        color: #282a67 !important;
    } 

    nav.nav-white ul li ul.dropdown li{
        height: 50px;
    }
    nav.nav-white ul li ul.dropdown li a {
        /*background-color: #fff !important;*/
        color: #7d7d7d !important;
        height: 50px;
    }

        nav.nav-white ul li ul.dropdown li a:hover {
            color: #282a67 !important;
        }

/* Nav */

/* Side nav black */
ul.side-cm-black {
    background-color: #333333;
}

    ul.side-cm-black li a {
        color: #fff !important;
        font-size: 0.8em;
        font-family: 'Open Sans', sans-serif !important;
        display: block;
        padding: 1em 1.3em;
        border-bottom: 1px solid #181818;
        border-top: 1px solid #464647;
        text-decoration: none;
        width: 100%;
    }

        ul.side-cm-black li a:hover {
            color: #CDD219 !important;
        }
/* Side nav black */

/* Side nav gray */
ul.side-cm-gray {
    background-color: #656c7b;
}

    ul.side-cm-gray li a {
        color: #fff !important;
        font-size: 0.8em;
        font-family: 'Open Sans', sans-serif !important;
        display: block;
        padding: 1em 1.3em;
        border-bottom: 1px solid #6f7685;
        border-top: 1px solid #585e6c;
        text-decoration: none;
        width: 100%;
    }

        ul.side-cm-gray li a:hover {
            color: #CDD219 !important;
        }
/* Side nav gray */

/* Side nav white */
ul.side-cm-white {
    background-color: #f2f6fb;
    border-radius: 1px solid #e2e4e6;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

    ul.side-cm-white li a {
        color: #787d86 !important;
        font-size: 0.8em;
        font-family: 'Open Sans', sans-serif !important;
        display: block;
        padding: 1em 1.3em;
        border-bottom: 1px solid #e2e4e6;
        border-top: 1px solid #fff;
        text-decoration: none;
        width: 100%;
    }

        ul.side-cm-white li a:hover {
            color: #CDD219 !important;
        }
/* Side nav white */

.noneBorder-Top {
    border-top: none !important;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Estilos para texto en el index de la pagina Maestra del mpIndex.master donde se encuentra los tipos de medios de pago para el cliente, se Cambia de linea grafica*/  
/* styles for text */
.text-color-blue {
    color: #66a3ff !important;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Estilos para texto en el index de la pagina Maestra del mpIndex.master donde se encuentra los tipos de medios de pago para el cliente, se Cambia de linea grafica*/  

            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Estilos del icono  de 'Anywhere' de la pagina Maestra del mpIndex.master donde se encuentra los tipos de medios de pago para el cliente, se Cambia de linea grafica*/  
.text-color-red {
    color: #66a3ff !important;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Estilos del icono  de 'Anywhere' de la pagina Maestra del mpIndex.master donde se encuentra los tipos de medios de pago para el cliente, se Cambia de linea grafica*/  

            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Estilos del icono  de 'Customer Support' de la pagina Maestra del mpIndex.master donde se encuentra los tipos de medios de pago para el cliente, se Cambia de linea grafica*/  
.text-color-orange {
    color: #66a3ff !important;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Estilos del icono  de 'Customer Support' de la pagina Maestra del mpIndex.master donde se encuentra los tipos de medios de pago para el cliente, se Cambia de linea grafica*/  

.text-title {
    font-size: 1.2em;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.text-color-gray {
    color: #6c6c6c !important;
}

.text-color-green {
    color: #cee533 !important;
}

.text-color-white {
    color: #333333 !important;
}

h4.text-color-white {
    color: #939393 !important;
}

p.text-intro {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.1em;
    letter-spacing: 0.03em;
}

.styleForm {
    height: 100%;
    min-height: 350px;
    margin-bottom: 2%;
}

.padding05 {
    padding: 0.5% !important;
}

.alignCenterImage {
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    /*vertical-align: middle;*/
}


/* Nav next and back */
#main-back-next {
    background-color: #004299;
    color: #fff;
    border: 1px solid rgba( 225, 225, 225, 0.2);
    bottom: 0;
    position: fixed;
    z-index: 9999999;
}

    #main-back-next a {
        color: #fff;
        display: inline-block;
        font-size: 0.8em;
        padding: 10px;
        height: 50px;
        text-align: center;
        line-height: 2.5em;
        width: 90px;
    }

a.next-button:hover {
    opacity: 0.9 !important;
    border-right: 3px solid #fff;
}

a.back-button:hover {
    opacity: 0.9 !important;
    border-left: 3px solid #fff;
}

#main-back-next a.back-button {
    background-color: rgba (0, 0, 0, 0.5);
    border-right: 2px solid rgba(0, 0, 0, 0.2);
}

#main-back-next a.next-button {
    background-color: #ec4849;
    border-left: 2px solid rgba(0, 0, 0, 0.2);
}
/* Nav next and back */

.border-none {
    border: None !important;
}

.padding-Inputs-GridView {
    padding: 0.3rem;
}

.height-400 {
    min-height: 400px;
}

.img-back {
    animation-name: zoom-image;
    animation-timing-function: ease;
    float: left;
    animation-duration: 700s;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -50;
}

@keyframes zoom-image {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(10);
    }
}

        /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Cambio estilos Barra de Navegaciod de la Master y Cambio de linea grafica*/

.top-bar-section li:not(.has-form) a:not(.button) {
    color: #282a67 !important;
}

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        color: #000000 !important;
        background-color: #719CD2 !important;
        border: none;
    }

.status-hide {
    display: none !important;
}

.disabledPaddingLeft {
    padding-left: 0px !important;
}

.btnUpload {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem;
    background: #719CD2;
    color: white;
    width: 100%;
    border: none;
    margin-top: 1rem;
}

.alert-green {
  background-color: #719CD2;
  border: 1px solid #719CD2bd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #719CD2;
  padding: 0.8em;
}

/* Loading */

#loading-cm {
    background-color: rgba(0, 10, 10, 0.7);
    height: 100% !important;
    position: fixed;
    width: 100% !important;
    z-index: 1010;
    text-align: center;
    top: 0;
    left: 0;
}

    #loading-cm div {
        border: 1px solid #fff;
        border-radius: 100%;
        bottom: 100%;
        height: 60px;
        left: 47%;
        text-align: center;
        padding: 1%;
        position: absolute;
        right: 50%;
        top: 40%;
        width: 60px;
        -webkit-animation: fadein 1.3s; /* Safari and Chrome */
        -moz-animation: fadein 1.3s; /* Firefox */
        -ms-animation: fadein 1.3s; /* Internet Explorer */
        -o-animation: fadein 1.3s; /* Opera */
        animation: fadein 1.3s;
    }

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#loading-cm div figure {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#loading-cm div p {
    font-size: 0.7em;
    letter-spacing: 0.09em;
    text-indent: -0.5em;
}

.hide-element {
    display: none;
}

/* Loading */

.widthHalf{
    width: 50%;
}












        /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Transision de imagen EyePassword.png cuando el cursor pasa por alguno de los dos lados del panel principal; y tambien los estilos y propiedadesde los demas fondos  */





    /*-------------Imagen "EyePasword"-------------------------*/

.ContainerImageEyePassword {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.ImageEyePassword {
 width: 300px;
 height: 300px;
 overflow: hidden;
 cursor: default;
}


.ImageEyePassword img {
 width: 100%;
 transition: .7s;
}

.ContainerImageEyePassword:hover  .ImageEyePassword img {
 transform: rotate(-10deg) scale(1.3);
 filter: blur(2px);
 filter: contrast(150%);
 filter: brightness(.5);
 opacity: .7;
}


.formBackgroundBlue:hover .ImageEyePassword img {
  transform: rotate(-10deg) scale(1.3);
 filter: blur(2px);
 filter: contrast(150%);
 filter: brightness(.5);
 opacity: .7;
}
.ImageLaptopGirl:hover .ImageEyePassword img {
  transform: rotate(-10deg) scale(1.3);
 filter: blur(2px);
 filter: contrast(150%);
 filter: brightness(.5);
 opacity: .7;
}

          /*-------------Imagen "EyePasword"-------------------------*/

            /* Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Transision de imagen EyePassword.png cuando el cursor pasa por alguno de los dos lados del panel principal; y tambien los estilos y propiedadesde los demas fondos  */

        /*-------------Imagen "LaptopGirl"-------------------------*/
.ContainerImageLaptopGirl {
    position: absolute;
    top: 20%;
    right: 11%;
    z-index: -1;
}
.ImageLaptopGirl {
 width: 300px;
 height: 250px;
 overflow: hidden;
 cursor: default;
 float: right;
}
        /*-------------Imagen "LaptopGirl"-------------------------*/

        /*-------------Imagen "FlashMoney"-------------------------*/

.ContainerImageFlashMoney {
   position: absolute;
   top: 12%;
   left: -2%;

}
.ImageFlashMoney {
 width: 300px;
 height: 450px;
 overflow: hidden;
 cursor: default;

}
                 /*-------------Imagen "FlashMoney"-------------------------*/

                /*-------------Imagen "PaperAirplane"-----------------*/     
.ContainerImageAirplane {
   position: absolute;
   top: 30%;
   left: -2%;   

}
.ImagePaperAirplane {
 width: 200px;
 height: 150px;
 overflow: hidden;
 cursor: default;
  float: left;
}

                /*-------------Imagen "PaperAirplane"-----------------*/
                
                /*-------------Imagen "MoneyHat"-----------------*/     
.ContainerImageMoneyHat {
   position: absolute;
   top: 30%;
   right: -3%;   
   z-index: -1;
}
.ImageMoneyHat {
 width: 600px;
 height: 850px;
 overflow: hidden;
 cursor: default;
  float: right;
}

                /*-------------Imagen "MoneyHat"-----------------*/

                /*-------------Imagen "CloudLaptop"-----------------*/     
.ContainerImageCloudLaptop {
   position:  absolute;
   top: 30%;
   left: -4%;  

}
.ImageCloudLaptop {
 width: 737px;
 height: 486px;
 overflow: hidden;
 cursor: default;
  float: left;
}

                /*-------------Imagen "CloudLaptop"-----------------*/

                    /*-------------Imagen "MoneyCloud"-----------------*/     
.ContainerImageMoneyCloud {
   position: absolute;
   top: 40%;
   left: -1%;  
   z-index: -1;
}
.ImageMoneyCloud {
 width: 720px;
 height: 540px;
 overflow: hidden;
 cursor: default;
  float: left;
}

                /*-------------Imagen "MoneyCloud"-----------------*/

               /*-------------Imagen "MoneyDelivered"-----------------*/     
.ContainerImageMoneyDelivered {
   position: absolute;
   top: 33%;
   right: 1%;   
z-index: -1;
}
.ImageMoneyDelivered {
 width: 450px;
 height: 490px;
 overflow: hidden;
 cursor: default;
 float: right;

}
                /*-------------Imagen "MoneyDelivered"-----------------*/
                 
               /*-------------Imagen "BinocularSpy"-----------------*/     
.ContainerImageBinocularSpy {
   position: absolute;
   top: 10%;
   right: -12%;  
   z-index: -1;
}
.ImageBinocularSpy {
 width: 613px;
 height: 630px;
 overflow: hidden;
 cursor: default;
  float: right;
}

                /*-------------Imagen "BinocularSpy"-----------------*/
                                 
               /*-------------Imagen "DownArrow"-----------------*/
/*Steven Moreno 22/01/2024 ticket ILV-158-15633*/
@media screen and (min-width: 768px) {
    .ContainerImageDownArrow {
        position: absolute;
        top: 19%;
        left: -8%;
    }

    .ImageDownArrow {
        width: 130px;
        height: 228px;
        overflow: hidden;
        cursor: default;
        float: left;
    }
}

    /*-------------Imagen "DownArrow"-----------------*/

    /*-------------Imagen "TriangleTwists"-----------------*/
/*Steven Moreno 22/01/2024 ticket ILV-158-15633*/
@media screen and (min-width: 768px) {
    .ContainerImageTriangleTwists {
        position: absolute;
        top: 47%;
        left: -13%;
    }

    .ImageTriangleTwists {
        width: 148px;
        height: 122px;
        overflow: hidden;
        cursor: default;
        float: left;
    }
}
    /*-------------Imagen "TriangleTwists"-----------------*/

    /*-------------Imagen "Newspaper"-----------------*/
    .ContainerImageNewspaper {
        position: absolute;
        top: 95.0%;
        left: -1%;
        z-index: -1;
    }

    .ImageNewspaper {
        width: 467px;
        height: 120px;
        overflow: hidden;
        cursor: default;
        float: left;
    }

    /*-------------Imagen "Newspaper"-----------------*/

    /*-------------Imagen "MoneyHat_Login"-----------------*/
    .ContainerImageMoneyHat_Login {
        position: absolute;
        top: -14%;
        right: -3%;
        z-index: -1;
    }

    .ImageMoneyHat_Login {
        width: 500px;
        height: 850px;
        overflow: hidden;
        cursor: default;
        float: right;
    }

    /*-------------Imagen "MoneyHat_Login"-----------------*/

    /*-------------Imagen "MoneyTablet"-----------------*/
    .ContainerImageMoneyTablet {
        position: absolute;
        top: -1%;
        right: -10%;
        z-index: -1;
    }

    .ImageMoneyTablet {
        width: 825px;
        height: 654px;
        overflow: hidden;
        cursor: default;
        float: right;
    }

    /*-------------Imagen "MoneyTablet"-----------------*/

    /*-------------Imagen "QuickCoin"-----------------*/
    .ContainerImageQuickCoin {
        position: absolute;
        top: 10%;
        left: 3%;
    }

    .ImageQuickCoin {
        width: 272px;
        height: 226px;
        overflow: hidden;
        cursor: default;
        float: left;
    }

    /*-------------Imagen "QuickCoin"-----------------*/
    /*-------------Imagen "QuickCoinAlone"-----------------*/
    .ContainerImageQuickCoinAlone {
        position: absolute;
        top: 30%;
        left: 3%;
    }

    .ImageQuickCoinAlone {
        width: 242px;
        height: 196px;
        overflow: hidden;
        cursor: default;
        float: left;
    }

    /*-------------Imagen "QuickCoinAlone"-----------------*/




    /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevos estilos CM-WEB, estilos y propiedades de los Iconos de redes sociales aplicando una transicion de movimiento para quedar mas alusivos en el momento de oprimir cada uno de los botones */

    /*------------- Iconos Redes sociales -----------------*/
    .socials {
        margin-top: 30px;
        display: flex;
        align-items: center;
        column-gap:15px;
        float: left;
        left: -3%;
    }

        .socials a {
            width: 50px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 5px;
            background-color: #fff;
            font-size: 20px;
            color: #66a3ff;
            transition: .1s;
        }

            .socials a:hover {
                background-color: #66a3ff;
                color: #fff;
            }

    .SpanRedes{
        color: #7d8089;
        font-size: 12px;
        padding-left: 1.2em;
    }
    /*------------- Iconos Redes sociales -----------------*/








    .ActiveLinkStep1::before {
        position: absolute;
        left: -90%;
        top: -210%;
        height: 78px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/activ-link.png);
        min-width: 245px;
    }


    .ActiveLinkStep2::before {
        position: absolute;
        left: -60%;
        top: -210%;
        height: 78px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/activ-link.png);
        min-width: 245px;
    }

    .ActiveLinkStep3::before {
        position: absolute;
        left: -20%;
        top: -230%;
        height: 78px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/activ-link.png);
        min-width: 245px;
    }

    .ActiveLinkStep4::before {
        position: absolute;
        left: -10%;
        top: -220%;
        height: 78px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/activ-link.png);
        min-width: 245px;
    }


    .FontLinks{
        color: black;
        font-size: 0.9em;
    }

    .divNavStep{
        top: 15px;
    }
    /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevos estilos CM-WEB, estilos y propiedades de los Iconos de redes sociales aplicando una transicion de movimiento para quedar mas alusivos en el momento de oprimir cada uno de los botones */

    /*Steven Moreno 22/01/2023, ticket ILV-158-15633 Responsive*/
    @media screen and (min-width: 768px) {
        .responsiveLogin {
            padding-left: 35%;
            left: -8%;
            position: absolute;
            top: 19%;
        }
    }

    @media screen and (max-width: 767px) {
        .responsiveLogin {
            padding-left: 5vw;
            padding-right: 5vw;
        }

        .ContainerImageDownArrow,
        .ImageDownArrow {
            z-index: -1;
            position: absolute;
            top: 19%;
            left: -20%;
        }

        .ContainerImageTriangleTwists,
        .ImageTriangleTwists {
            z-index: -1;
            position: absolute;
            top: 47%;
            left: -13%;
        }
    }