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

Personal controlMoney styles
*/

* {
    transition: all 0.4s ease !important;
    -webkit-transition: all 0.4s ease !important;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
}

body {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !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;
}*/



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

    .loginButtonForm:hover {
        background: #228E41 !important;
    }

.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: #228E41 !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: #228E41 !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: #228E41 !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: #228E41 !important;
                color: white !important;
            }


.listItem a:hover, .listItem a:focus {
    background-image: none !important;
    background-color: #228E41 !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: #228E41 !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: #000000 !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: #228E41 !important;
    color: white !important;
}

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

    .top-bar-section ul li:hover:not(.has-form) > .listLastItemTopMenu .nameClientTopMenu {
        background-image: none !important;
        background-color: #228E41 !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: #228E41 !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: #000000 !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: #000000 !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: #000000 !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: #228E41 !important;
}

    .menucmWebList li {
        background-color: #228E41 !important;
        color: white !important;
    }

        .menucmWebList li a {
            background-color: #228E41 !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: #000000 !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: #000000 !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: #228E41 !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-color: #228E41 !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;
    }

.headerTransactionTabs2Panel {
    color: white !important;
    margin-bottom: 0px !important;
    background-color: #228E41 !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;
    }

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

.transactionTab2PanelContainer {
    padding: 2% !important;
    border: 1px solid #D6DA5D !important;
}

.transactionTab4PanelContainer {
    padding: 2% 2% 0% 2% !important;
    border: 1px solid #D6DA5D !important;
}

.textareaTransactionStep2 {
    height: 128px !important;
}

.transactionStep3Tittle {
    color: #000000 !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: #000000 !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: #000000 !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: 'Roboto Medium', 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: #000000 !important;
    display: inline !important;
    font-family: 'Roboto Medium', 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: #000000 !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: #000000 !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: #82c241 !important;
    border: 1px solid #82c2418f !important;
    border-radius: 3px !important;
}

.modalAlertIcon {
    display: inline !important;
}

.modalAlertMessageSuccessTransactionLabel {
    color: #81c241 !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 #228E41 !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;
    }

.headerConfigurationTittle {
    margin-bottom: 0px !important;
    background-color: #228E41 !important;
    border-color: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    border-radius: 9px 9px 0 0;
}

    .headerConfigurationTittle h3 {
        display: inline !important;
        color: #FFFFFF !important;
        font-size: 18px !important;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
    }
    
.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;
}

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

    .assignButtom:hover {
        background: #228E41 !important;
    }

.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, #81c241), color-stop(1, #82c241c9) ) !important;
    background: -moz-linear-gradient( center top, #81c241 5%, #82c241c9 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81c241', endColorstr='#82c241c9') !important;
    background-color: #81c241 !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: 1px solid #81c241 !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 #82c24141 !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 */
nav.top-bar {
    background-color: #228E41 !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: #81c241 !important;
    border-bottom: 2px solid #82c241a4;
}
/* 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: #fff !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: #ec4849 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: #000000 !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;
}



.background-blue {
    background-color: #fff !important;
    /*background-image: url('../images/background-indexx.png');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.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: #228E41;
    -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: #000000 !important;
    }

    nav.nav-white ul li a:hover {
        color: #000000 !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: #000000 !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;
}

/* styles for text */
.text-color-blue {
    color: #000000 !important;
}

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

.text-color-orange {
    color: #e68e00 !important;
}

.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);
    }
}


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

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        color: #000000 !important;
        background-color: #81c241 !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: #81c241;
    color: white;
    width: 100%;
    border: none;
    margin-top: 1rem;
}

.alert-green {
  background-color: #81c241;
  border: 1px solid #82c241bd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #81c241;
  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%;
}

/*
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/ >
*/
.floatButton {
    position: fixed;
    width: 80px;
    height: 80px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 45px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.floatButton-icon {
    margin-top: 16px;
}

.floatButton:hover {
    text-decoration: none;
    color: white;
    background-color: #228E41;

}
.iconfloatButton .btnFloat-tooltip {
    position: absolute;
    top: 0;
    z-index: 1;
    background: #228E41;
    color: white;
    padding: 5px 30px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 25px;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
    transition: 3s cubic-bezier(0.45, 0.25, 0.60, 0.95);
    width: 160px;
    font-size: medium;
}
.iconfloatButton {
    margin: 0 20px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: fixed;
    bottom: 40px;
    right: 200px;
    z-index: 2;
    transition: 3s cubic-bezier(0.68,-0.50,0.30,1.5);
}
    .iconfloatButton:hover .btnFloat-tooltip {
        top: -70px;
        opacity: 1;
        pointer-events: none;
    }/*
.iconfloatButton .btnFloat-tooltip:before {
    position: absolute;
    content: "";
    height: 50px;
    width: 50px;
    background: red;
    left: 80%;
    bottom: 10px;
    transform: translateX(-50%) rotate(45deg);
    transition: 3s cubic-bezier(0.68,-0.50,0.30,1.5);
}
*/