p.nocookie {
    padding: 10px;
    background-color: red;
    color: white;
    font-weight: bold;
    text-align: center;
}

.bold {
    font-weight: bold;
}

.printonly {
    display: none;
}

.mainMenu .menuSecondaire a.btn {
    margin-right: 10px;
}

.menuSecondaire #loginfo {
    text-align: right;
}

h4, caption {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
}

input[type="submit"].btnRond, button.btnRond {
    border: 0 none !important;
}

.error {
    color: #C52200;
}

.block {
    display: block;
}

.hide {
    display: none !important;
}

aside.widgetaside {
    display: inline-block;
    margin-left: 20px;
}

b {
    font-weight: bold;
}

.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

input[type="text"], input[type="password"], select, textarea, input[type="number"] {
    border: 1px solid #CCC;
}

.field-validation-error {
    color: #C52200;
    display: none;
}

.field-validation-valid {
    display: none;
}

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

.validation-summary-errors {
    font-weight: bold;
    color: #C52200;
    display: none;
}

.validation-summary-valid {
    display: none;
}

.ui-tooltip ul {
    margin: 0;
}

p.lastinpage {
    padding-bottom: 1em;
    margin-bottom: 0;
}

.mainContent {
    min-height: 305px;
}

.clear {
    clear: both;
}

.notice .notice-title, .notice .notice-content {
    border: 1px solid #ADD9ED;
    color: #5E99BD;
    font-size: 11px;
    padding: 2px 3px;
}

.notice .notice-title {
    background-color: #D0E9F5;
    margin: 5px 0 0 0;
    border-bottom: none;
    font-weight: bold;
}

.notice .notice-content {
    background-color: #E5F6FE;
    margin: 0 0 5px 0;
}

.notice-success .notice-content {
    border-color: #90D93F;
    background-color: #CAED9E;
    color: #3F6219;
}

.loader {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #000;
    opacity: 0.3;
    z-index: 1000;
}

.loader-panel {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0 auto;
    opacity: 1;
    top: 0;
    left: 0;
    min-width: 50px;
    background-repeat: no-repeat;
    background-position: center 10px;
    background-image: url('data:image/gif;base64,R0lGODlhEAALAMQTAOPi4kxKSmJgYH59fWpoaI6MjJCPj83NzdDQ0PLy8vb29uzs7E5MTKalpWRjY3FwcKuqqoF/f0pISP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcxMkQyOTZBNDE3QjExRTM5ODZCRTcyOUREQjJCNEUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcxMkQyOTZCNDE3QjExRTM5ODZCRTcyOUREQjJCNEUyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzEyRDI5Njg0MTdCMTFFMzk4NkJFNzI5RERCMkI0RTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzEyRDI5Njk0MTdCMTFFMzk4NkJFNzI5RERCMkI0RTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFCwATACwAAAAAEAALAAAFEOAkjmRpnmiqrmzrvnAslyEAIfkECQsAEwAsAAAAAAQACwAABREgI0kiQYwmekopu7bwe4pkCAAh+QQJCwATACwAAAAAEAALAAAFNuAkjoIkCePYFEUjSsMgpWJxHMUbz7SN6zLaxJebwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwATACwAAAAAEAALAAAFNeAkjqToBIFTTpBhQGIQRcFqIIgRz3V55zuaDaebyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLABMALAAAAAAQAAsAAAUy4CSOZGmejyA85gIAiyhEkWACigLItF3iOl7tlttNZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAEwAsAAAAABAACwAABR/gJI5kaZ4ougDAko5AkgCvGM/1dNP1nvu1VStHPIUAACH5BAULABMALAAAAAAQAAsAAAUQ4CSOZGmeaKqubOu+cCyXIQAh+QQFCwATACwAAAAAAQABAAAFA+AUAgA7');
    z-index: 1001;
}

    .loader-panel .panel-body {
        padding-top: 20px;
        padding-bottom: 10px;
    }

/*-------------*/
/*--- Login ---*/
/*-------------*/
form.loginform {
    margin: 0 auto;
    margin-left: 20px; /*width: 800px;*/
    padding-bottom: 10px;
}

    form.loginform div {
        
        margin-bottom: 10px;
    }

    form.loginform label {
        display: inline-block;
        width: 130px;
        vertical-align: top;
    }

    form.loginform .toright {
        position: relative;
    }

        form.loginform .toright a {
            position: relative;
            top: 10px;
            padding-left: 5px;
        }

        form.loginform .toright input {
            position: absolute;
            left: 300px;
        }

    form.loginform .welcometext {
        margin-top: 40px;
    }

    form.loginform .loginlinks {
        font-size: 90%;
        padding: 20px 0 0 0;
    }

        form.loginform .loginlinks a {
            padding: 0px 5px 0px 3px;
        }

/*----------------*/
/*--- Register ---*/
/*----------------*/
form.registerform {
    margin: 0 auto;
    margin-left: 20px; /*width: 800px;*/
    padding-bottom: 10px;
}

    form.registerform div.row {
        padding-left: 10px;
        margin-bottom: 10px;
    }

    form.registerform label, form.registerform span.empty {
        display: inline-block;
        width: 130px;
        vertical-align: top;
    }

    form.registerform span.empty, form.registerform div.subrow {
        margin-top: 5px;
    }

    form.registerform .toright {
        position: relative;
    }

        form.registerform .toright a {
            position: relative;
            top: 10px;
            padding-left: 5px;
        }

        form.registerform .toright input {
            position: absolute;
            left: 300px;
        }

/*------------------------*/
/*--- Change password ---*/
/*-----------------------*/
form.changepass {
    margin: 0 auto;
    width: 700px;
    padding-bottom: 10px;
}

    form.changepass div {
        padding-left: 50px;
        margin-bottom: 10px;
    }

    form.changepass label {
        display: inline-block;
        width: 130px;
        vertical-align: top;
    }

    form.changepass .toright {
        padding-left: 300px;
    }

/*-----------------------*/
/*--- Forgot Password ---*/
/*-----------------------*/
form.fpform {
    margin: 0 auto;
    max-width: 700px;
    padding-bottom: 10px;
}

    form.fpform label {
        display: inline-block;
        width: 130px;
        vertical-align: top;
        text-align: right;
        margin-right: 5px;
    }

    form.fpform h3 {
        padding-left: 110px;
    }

    form.fpform .toright {
        padding-left: 300px;
    }

/*------------*/
/*--- Home ---*/
/*------------*/
.contwaside {
    width: 550px;
    display: inline-block;
    position: relative;
}

.homecontent {
    min-height: 370px;
}

#homeaside {
    position: absolute;
    top: 50px;
    margin-left: 50px;
}

    #homeaside .contentWidget {
        padding-left: 20px;
        width: 251px;
    }

    #homeaside h3.balance {
        font-size: 1.65em;
        line-height: 1.7em;
        padding-bottom: 0;
    }

    #homeaside p.balance {
        font-size: 1.2em;
        padding-left: 15px;
        margin-bottom: 0.5em;
    }

/*-----------------*/
/*--- Telephony ---*/
/*-----------------*/
#phonesaside {
    position: absolute;
    right: 10px;
    top: 80px;
}

@media (max-width: 1180px) {
    #phonesaside {
        left: 10px;
        top: 20px;
    }
}


    #phonesaside .widget {
        width: 350px;
    }

    #phonesaside .contentWidget {
        width: 325px;
    }

        #phonesaside .contentWidget table {
            width: 100%;
        }

            #phonesaside .contentWidget table th {
                font-weight: bold;
                vertical-align: bottom;
            }

            #phonesaside .contentWidget table th, #phonesaside .contentWidget table td {
                text-align: center;
                vertical-align: middle;
                border-bottom: 1px solid #A5A5A5;
                padding: 2px 0;
            }

            #phonesaside .contentWidget table .pnum {
                width: 110px;
            }

            #phonesaside .contentWidget table .pplan {
            }

            #phonesaside .contentWidget table .pld {
                width: 90px;
            }

.callsaction {
    margin: 5px 0;
}

.cslegend {
    margin: 5px 0 0 0;
    text-align: center;
}

    .cslegend .csicon {
        padding: 3px 5px 3px 43px;
        background: url("../caimg/calls.png") no-repeat 3px 3px transparent;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid transparent;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

        .cslegend .csicon:hover {
            background-color: #E5E5E5;
        }

    .cslegend .outbound {
        background-position: 3px -27px;
    }

    .cslegend .missed {
        background-position: 3px -57px;
    }

    .cslegend .csactive {
        background-color: #E5E5E5;
        border: 1px solid #D5D5D5;
    }

        .cslegend .csactive:hover {
            background-color: #6A6A6A;
            color: #FFF;
        }

#callswrapper {
    margin-top: 10px;
    background-color: #FFF;
    border: 1px solid #E1E1E1;
    padding: 10px 5px;
    width: 570px;
    margin-bottom: 30px;
}

    #callswrapper #cexport {
        right: 5px;
        position: absolute;
        background: url("../caimg/export.png") no-repeat 3px 50%;
    }

    #callswrapper table {
        width: 100%;
        table-layout: fixed;
    }

        #callswrapper table caption {
            font-size: 1em;
            margin: 0;
            margin-bottom: 5px;
        }

            #callswrapper table caption h3 {
                font-size: 1.3em;
                font-weight: bold;
            }

        #callswrapper table th {
            font-weight: bold;
            height: 1.0em;
            padding: 2px 5px;
            text-align: center;
        }

        #callswrapper table .cdate, #callswrapper table .cnoredirect {
            width: 150px;
        }

        #callswrapper table .cduration, #callswrapper table .cprice {
            width: 65px;
        }

        #callswrapper table th.ctype, #callswrapper table td.ctype {
            width: 40px;
        }

        #callswrapper table td {
            padding: 2px 5px;
            text-align: center;
            vertical-align: middle;
        }

            #callswrapper table td.cnumber {
                text-align: left;
                padding-left: 10px;
            }

        #callswrapper table tr.odd td {
            background-color: #E5E5E5;
        }

        #callswrapper table tr.freemin td, #phonesaside .freemin {
            /*color: #E8972E;*/
        }

        #callswrapper table td span.icon {
            background: url("../caimg/calls.png") no-repeat 0 0 transparent;
            display: block;
            width: 40px;
            height: 20px;
        }

        #callswrapper table tr.outbound td span.icon {
            background-position: 0 -30px;
        }

        #callswrapper table tr.missed td span.icon {
            background-position: 0 -60px;
        }

        #callswrapper table tr.callstotal td {
            font-weight: bold;
            font-size: 1.1em;
        }

        #callswrapper table tfoot .cduration {
            text-align: right;
        }

/*--------------*/
/*--- Portal ---*/
/*--------------*/
ul.portalnumbers li {
    list-style-type: disc;
    margin-bottom: 5px;
    margin-left: 20px;
}

/*-----------------*/
/*--- Voicemail ---*/
/*-----------------*/
.vmwrapper {
    margin-bottom: 10px;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    padding: 5px 5px 5px 5px;
    position: relative;
}

    .vmwrapper h2 {
        margin: 0;
        padding-top: 0;
    }

        .vmwrapper h2 .nmsg {
            font-size: 0.8em;
            vertical-align: top;
        }

    .vmwrapper .btnChangePass {
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .vmwrapper table {
        width: 100%;
    }

        .vmwrapper table th, .vmwrapper table td {
            text-align: center;
            padding: 3px 0;
            vertical-align: middle;
        }

        .vmwrapper table thead th {
            font-weight: bold;
        }

    .vmwrapper .action {
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .vmwrapper .btnDel {
        background-image: url("../caimg/del.png");
    }

    .vmwrapper .btnDownload {
        background-image: url("../caimg/down.png");
    }

    .vmwrapper .btnDelSelect {
        background-image: url("../caimg/delselect.png");
    }

    .vmwrapper .btnDelSelectInact, .vmwrapper .btnDelSelectInact:hover {
        background-image: url("../caimg/delselectinact.png") !important;
        background-color: #FFF !important;
        cursor: default !important;
    }

    .vmwrapper .page {
        display: inline-block;
        height: 30px;
        width: 30px;
        padding-top: 5px;
        box-sizing: border-box;
        border: 1px solid #5EA6BE;
        color: #5EA6BE;
        text-align: center;
        cursor: pointer;
    }

        .vmwrapper .page:not(.current):hover {
            background-color: #E5E5E5;
        }

        .vmwrapper .page.current {
            border-color: #E5E5E5;
            color: #E5E5E5;
            cursor: not-allowed;
        }

.vmchangepass {
    width: 300px;
}

/*---------------*/
/*--- Options ---*/
/*---------------*/
#poptions {
    margin-top: 5px;
    width: 570px;
}

    #poptions .ftabs span {
        /*background-color: #3C7C91;*/
    }

        #poptions .ftabs span:hover {
            /*background-color: #5EA6BE;*/
        }

        #poptions .ftabs span.activetab, #poptions .ftabs span.activetab:hover {
            /*color: #5EA6BE;*/
        }

    #poptions .ftcontent h2 {
        /*border-bottom: 1px solid #5EA6BE;*/
        padding-bottom: 5px;
    }

    #poptions .redirect input {
        width: 250px;
    }

    #poptions .followme h2 {
        margin-bottom: 0.33em;
    }

    #poptions .ftcontent button {
        margin-left: 230px;
        margin-top: 10px;
    }

    #poptions .dnd-disabled-msg {
        padding: 2px 5px;
    }

/*-----------*/
/*--- 911 ---*/
/*-----------*/
.activateg h3 {
    font-size: 1.0em !important;
}

.activateg .acceptg {
    position: relative;
    height: 40px;
}

    .activateg .acceptg a.link {
        position: absolute;
        bottom: 0;
        font-size: 1.2em;
    }

    .activateg .acceptg a.button {
        position: absolute;
        right: 20px;
    }

.ga911 {
    background-color: #fff;
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin-bottom: 30px;
}

    .ga911 h2 {
        padding-top: 0;
    }

    .ga911 ul.ga911phones li {
        display: inline-block;
        margin-right: 10px;
    }

.a911status {
    margin-bottom: 5px;
}

.a911 {
    display: inline-block;
    padding-left: 10px;
    width: 65%;
}

.a911actions {
    display: none;
    padding-left: 10px;
    width: 30%;
    vertical-align: top;
}

    .a911actions button {
        display: block;
        margin-bottom: 10px;
    }

.a911 span {
    display: block;
    margin-bottom: 2px;
}

.addr911list {
    width: 500px;
}

    .addr911list .addr911 {
        padding: 2px 5px;
        /*border-bottom: 1px solid #5EA6BE;*/
        margin-bottom: 5px;
        text-align: center;
    }

        .addr911list .addr911:hover {
            background-color: #E5E5E5;
        }

            .addr911list .addr911:hover a {
                background-color: #D5D5D5;
            }

        .addr911list .addr911 input, .addr911list .addr911 label, .addr911list .addr911 span {
            display: inline-block !important;
            vertical-align: middle;
            text-align: left;
        }

        .addr911list .addr911 label {
            width: 400px;
            margin-left: 10px;
        }

        .addr911list .addr911 span a {
            display: block;
            margin-bottom: 5px;
            background-repeat: no-repeat;
            background-position: center center;
        }

            .addr911list .addr911 span a.a911modif {
                background-image: url("../caimg/edit.png");
            }

            .addr911list .addr911 span a.a911del {
                background-image: url("../caimg/del.png");
            }

.addr911pc {
    width: 450px;
}

.addr911edit {
    width: 450px;
}

    .addr911edit .cnumber {
        display: inline-block;
        width: 25%;
        margin-right: 10px;
    }

    .addr911edit .cappt {
        display: inline-block;
        width: 40%;
    }

    .addr911edit .cpc {
        margin: 5px 0 10px 0;
    }

/*----------------*/
/*--- Invoices ---*/
/*----------------*/
.payInvoices {
    position: absolute;
    right: -5px;
    top: -25px;
    text-align: right;
}

    .payInvoices button {
        /*background: url("../caimg/export.png") no-repeat 3px 50%;*/
    }

    .payInvoices .showPayForm-icon {
        position: absolute;
        top: 3px;
        left: 7px;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .payInvoices .showPayForm-icon:before {
            content: "\0024";
            color: #6f9846;
        }

#invhistory {
    display: none;
}

.invoicespaydiag {
    min-width: 200px;
    max-width: 800px;
}

#invoiceswrapper {
    width: 500px;
    display: inline-block;
    position: relative;
    margin-right: 50px;
}

    #invoiceswrapper .tabcontent {
        padding-left: 10px;
    }

#balanceaside {
    position: absolute;
    top: 87px;
   
}

    #balanceaside .contentWidget {
        padding-left: 20px;
        width: 251px;
    }

    #balanceaside h3 {
        font-size: 1.65em;
        line-height: 1.7em;
        padding-bottom: 0;
    }

    #balanceaside p {
        font-size: 1.2em;
        padding-left: 15px;
        margin-bottom: 0.5em;
    }

#payform {
    width: 600px;
    display: inline-block;
    position: relative;
}

    #payform .invoices {
        max-height: 250px;
        overflow: auto;
    }

    #payform table, #payform .tablefooter {
        width: 550px;
        margin-left: 25px;
        padding: 0;
    }

    #payform .tablefooter {
        padding: 5px 0;
        font-size: 1.5em !important;
    }

        #payform .tablefooter .total {
            padding-right: 30px;
            display: inline-block;
            width: 110px;
        }

    #payform .error {
        border: 1px solid #C52200 !important;
        background-color: #ffeeee;
    }

#invoiceswrapper table, #invoiceswrapper div.invoicemessage {
    width: 400px;
    margin-left: 25px;
}

    #invoiceswrapper table thead tr th,, #payform table thead tr th {
        /*font: 1.2em/0.6em 'Conv_NeoSansStd-Regular';*/
        font-weight: bold;
        /*color: #E8972E;*/
    }

    #invoiceswrapper table thead tr, #invoiceswrapper table tbody tr, #payform table tbody tr, #payform table thead tr {
        height: 30px;
    }

    #invoiceswrapper table tr.odd th, #invoiceswrapper table tr.odd td, #payform table tr.odd th, #payform table tr.odd td {
        background-color: #E6E6E6;
    }

    #invoiceswrapper table tr.odd a.loupe {
        background-color: #D5D5D5;
    }

    #invoiceswrapper table thead tr td, #invoiceswrapper table tbody tr th, #payform table thead tr td, #payform table tbody tr th {
        width: 30px;
    }

    #invoiceswrapper table tr th, #invoiceswrapper table tr td, #payform table tr th, #payform table tr td {
        text-align: center;
        vertical-align: middle;
    }

a.loupe span {
    margin-left: 20px;
}

a.loupe {
    width: 21px;
    height: 21px;
    background: #E5E5E5 url(../caimg/loupe.png) no-repeat 50% 50%;
    text-decoration: none;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    a.loupe:hover, #invoiceswrapper table tr.odd a.loupe:hover {
        background-color: #6A6A6A;
    }

.pmethodheader h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.methods h2 {
    margin-top: 10px;
}

.pmethodheader select {
    margin-left: 30px;
}

.pmethoddetails {
    margin-top: 15px;
}

.pmethodinfo {
    padding-left: 80px;
    margin-bottom: 10px;
}

#payform .pmethodinfo {
    padding-left: 0;
}

.pmethodinfo input, .pmethodinfo select {
    margin-right: 10px;
}

.pmethodinfo #CSVCode, .pmethodaddress #PhoneExt {
    width: 50px;
}

.pmethodaddress #Phone {
    width: 125px;
}

.pmethodinfo .CCNum {
    display: inline-block;
    width: 100px;
    text-align: right;
}

.pmethodaddress label, .pmethodaddress input, .pmethodaddress select {
    display: inline-block;
    margin-bottom: 5px;
}

.pmethodaddress label, .pmethodinfo .CCNum {
    width: 100px;
    text-align: right;
}

.pmethodaddress input {
    width: 480px;
}

    .pmethodaddress input.savenew {
        width: 25px;
    }

.pmethodaddress .dpsplit input {
    width: 225px;
}

    .pmethodaddress .dpsplit input + label, .pmethodaddress .dpsplit select + label {
        width: 90px;
        display: inline-block;
        text-align: right;
    }

.pmethodsavecc {
    padding-top: 15px;
    margin-left: 100px;
}

    .pmethodsavecc label {
        width: auto;
    }

.pnewccmsg {
    padding: 2px 5px;
    margin-top: 10px;
}

/*Invoice detailed*/
#invoice {
    width: 750px;
    max-height: 500px;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    #invoice .invoiceinfo {
        float: right;
    }

        #invoice .invoiceinfo div {
            clear: right;
        }

    #invoice .companyaddr a {
        display: block;
    }

    #invoice a.print {
        display: block;
        background: url(../caimg/print.png) no-repeat 50% 50%;
        width: 20px;
        height: 20px;
        float: right;
        cursor: pointer;
    }

    #invoice .invoicedetails {
        clear: both;
        width: 730px;
    }

        #invoice .invoicedetails .address {
            display: inline-block;
            width: 300px;
            box-sizing: border-box;
        }

        #invoice .invoicedetails h2 {
            margin-top: 20px;
        }

        #invoice .invoicedetails table {
            width: 100%;
        }

        #invoice .invoicedetails td, #invoice .invoicedetails th {
            padding: 2px;
        }

        #invoice .invoicedetails thead th, #invoice .invoicedetails tfoot th, #invoice .invoicedetails h2 {
            border: 1px solid #fff;
            background-color: #eee;
            font-weight: bold;
            padding-left: 2px;
        }

        #invoice .invoicedetails .mnt, #invoice .invoicedetails .prix, #invoice .invoicedetails .qte {
            width: 70px;
            text-align: center;
        }

        #invoice .invoicedetails tbody tr.odd td {
            background-color: #F5F5F5;
        }

    #invoice footer {
        background-image: none;
        background-color: transparent;
        color: #6A6A6A;
        text-align: center;
        padding: 0;
        margin: 10px 0 5px 0;
        border: 0 none !important;
    }

/*--------------*/
/*--- Scenes ---*/
/*--------------*/
div.sendscenes {
    width: 800px;
    padding: 0 0 10px 0;
    margin-top: 10px;
}

div.scene {
    width: 800px;
}

    div.scene .scenerow {
        margin: 5px 0;
    }

    div.scene p {
        margin: 1em 0 0.33em;
    }

    div.scene h3 {
        font-size: 1.4em;
        line-height: 1.3em;
        margin: 10px 0;
        padding-bottom: 0;
        border-bottom: 1px solid #E8972E;
    }

    div.scene .scenerow label {
        display: inline-block;
        text-align: left;
        width: 45%;
        vertical-align: middle;
    }

        div.scene .scenerow label.top {
            vertical-align: top;
        }

    div.scene .scenerow input[type="text"], div.scene .scenerow textarea, div.scene .scenerow select {
        width: 45%;
    }

        div.scene .scenerow input[type="text"].date {
            width: 20%;
            margin-right: 10px;
        }

/*------------*/
/*--- Tabs ---*/
/*------------*/
.tabwrapper {
    background-color: #fff;
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin-top: 30px;
    position: relative;
}

.tabfooter {
    border: 0 none !important;
    height: 5px;
    padding: 0;
}

.tabheadercorner {
    height: 5px;
    width: 5px;
    position: absolute;
    right: -5px;
    top: 0;
    z-index: 1001;
}

.tabrightborder {
    width: 5px;
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 0;
    right: -5px;
}

.tabfootercorner {
    height: 5px;
    width: 5px;
    position: absolute;
    right: -5px;
    bottom: -5px;
    z-index: 1001;
}

.tabcontent {
    position: relative;
    top: -10px;
}

.tabwrapper button.tabbtn {
    border: 1px solid #E1E1E1 !important;
    border-bottom: 0 none !important;
    background-color: #A5A5A5;
    color: #545454;
    position: relative;
    height: 30px;
    width: 85px;
    top: -40px;
    left: -11px;
    padding: 0 5px;
    margin-right: 2px;
}

.tabwrapper button.activetab, .tabwrapper button.activetab:hover {
    border-bottom: 0 none !important;
    background-color: #fff;
    cursor: default;
}

.ftabwrapper {
    position: relative;
    margin-bottom: 15px;
}

    .ftabwrapper .ftabs {
        float: left;
        max-width: 85px;
        background: transparent;
    }

    .ftabwrapper .ftcontent {
        margin-left: 91px;
        background-color: #fff;
        border: 1px solid #E1E1E1;
        
        padding: 5px 10px 5px 15px;
    }

        .ftabwrapper .ftcontent h2 {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        .ftabwrapper .ftcontent input {
            margin-bottom: 5px;
        }

    .ftabwrapper .show {
        display: block;
    }

    .ftabwrapper .ftabs span {
        border: 1px solid #E1E1E1 !important;
        color: #545454;
        width: 85px;
        padding: 2px 3px;
        margin-bottom: 2px;
        color: #FFF;
        display: block;
        position: relative;
        cursor: pointer;
    }

        .ftabwrapper .ftabs span:hover {
            /*background-color: #E8972E;*/
        }

        .ftabwrapper .ftabs span.activetab, .ftabwrapper .ftabs span.activetab:hover {
            border-right: 0 none !important;
            left: 1px;
            background-color: #fff !important;
            cursor: default;
        }

/*-------------*/
/*--- Alert ---*/
/*-------------*/
.alert span {
    background: url(../caimg/ok.png) no-repeat 50% 50%;
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    display: inline-block;
}

.alert .alerton {
    background-image: url(../caimg/ok.png);
}

.alert .alertoff {
    background-image: url(../caimg/del.png);
}

.alertHistoryWrapper {
    width: 600px;
}

    .alertHistoryWrapper table {
        width: 100%;
    }

        .alertHistoryWrapper table th {
            font-weight: bold;
        }

/*-----------------*/
/*--- Com Usage ---*/
/*-----------------*/
.cugraphic {
    width: 685px;
    height: 185px;
}

/*--------------------*/
/*--- Consommation ---*/
/*--------------------*/
#svcusage {
    padding-bottom: 5px;
}

#interim-table {
    display: none;
}

#conso-table {
    border: 0 none;
    font-size: 14px;
}

table.bydayconso {
    width: 520px;
    margin: 0 90px;
}

table.summarytable {
    width: 750px;
    margin-bottom: 10px;
}

    table.summarytable td.summarydate {
        width: 150px;
    }

table.pagedtable tbody tr {
    display: none;
}

    table.pagedtable tbody tr.show {
        display: table-row;
    }

table.pagedtable tfoot tr.pages td {
    padding-top: 7px;
}

    table.pagedtable tfoot tr.pages td div {
        background: #f0f0f0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 2px;
    }

    table.pagedtable tfoot tr.pages td a {
        text-decoration: underline;
        cursor: pointer;
    }

        table.pagedtable tfoot tr.pages td a.selected {
            text-decoration: none;
            cursor: default;
            font-weight: bold;
        }

table.pagedtable tfoot tr.pages th, table.pagedtable tfoot tr.pages td {
    border: 0 none !important;
}

#conso-table td, #conso-table th {
    text-align: center;
    border: 0 none;
}

#conso-table tbody tr td {
    width: 150px;
}

#conso-table tbody tr th {
    width: 220px;
}

#conso-table tbody tr th, #conso-table tbody tr td, #conso-table thead tr td, #conso-table tfoot tr th, #conso-table tfoot tr td {
    /*border-right: 2px solid #6F9846;*/
}

#conso-table thead tr th, #conso-table tfoot tr th {
    /*border-right: 2px solid #6F9846;*/
    width: 150px;
    font-weight: bold;
    padding: 2px;
}

thead tr th.down, tfoot tr th.down {
    /*color: #88B957;*/
}

thead tr th.up, tfoot tr th.up {
    /*color: #688F42;*/
}

#conso-table tr.odd th, #conso-table tr.odd td {
    background-color: #E6E6E6;
}

#conso-table tr.asession th, #conso-table tr.asession td {
    /*background-color: #CAED9E;*/
}

#usagewrapper {
    background-color: #fff;
    border: 1px solid #E1E1E1;
    padding: 10px 0;
    margin-bottom: 30px;
    margin-top: 10px;
    position: relative;
    width: 900px;
}

    #usagewrapper .errorbox {
        position: relative;
        top: -15px;
        margin: 0 100px;
        text-align: center;
    }

.withtabs {
    margin-top: 40px !important;
}

#usagewrapper p {
    margin-left: 20px;
}

/*------------*/
/*---Charts---*/
/*------------*/

/* Controls */
button.btnchart {
    border: 1px solid #E1E1E1 !important;
    border-bottom: 0 none !important;
    background-color: #A5A5A5;
    color: #545454;
    position: relative;
    height: 30px;
    width: 85px;
    top: -40px;
    left: -1px;
    padding: 0 5px;
    margin-right: 2px;
}

button.active, button.active:hover {
    border-bottom: 1px solid #fff !important;
    background-color: #fff;
    cursor: default;
}

/* Containers */

#tablewrapper, #tablewrappers {
    position: relative;
    left: 100px;
    width: 700px;
}

#tablewrapperd {
    position: relative;
    left: 75px;
    width: 750px;
}

.summarytablewrapper {
    left: 75px !important;
    width: 750px !important;
}

#tablewrapper {
    display: none;
}

#chartwrapper {
    height: 400px;
    position: relative;
    width: 700px;
    left: 130px;
}

#figure {
    height: 380px;
    position: relative;
}

    #figure ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #figure h4 {
        margin-left: -60px;
    }

.graph {
    height: 283px;
    position: relative;
}

/* Legend */

.legend {
    background: #f0f0f0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    position: absolute;
    text-align: left;
}

    .legend li {
        display: block;
        float: left;
        height: 20px;
        margin: 0;
        padding: 10px 30px;
    }

    .legend span.icon {
        background-position: 50% 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        float: left;
        height: 16px;
        margin: 2px 10px 0 0;
        width: 16px;
    }

/* x-axis */

.x-axis {
    bottom: 0;
    color: #555;
    position: absolute;
    text-align: center;
    width: 100%;
}

    .x-axis li {
        float: left;
        margin: 0 2px;
        padding: 5px 0;
    }

/* y-axis */

.y-axis {
    color: #555;
    position: absolute;
    text-align: right;
    width: 100%;
}

    .y-axis li {
        border-top: 1px solid #ccc;
        display: block;
        height: 62px;
        width: 100%;
    }

        .y-axis li span {
            display: block;
            margin: -10px 0 0 -110px;
            padding: 0 10px;
            width: 90px;
        }

/* Graph bars */

.bars {
    height: 253px;
    position: absolute !important;
    width: 100%;
    z-index: 10;
}

.bar-group {
    float: left;
    height: 100%;
    margin: 0 2px;
    position: relative;
    cursor: help;
}

    .bar-group:hover {
        background-color: #F5F5F5;
        opacity: 0.8;
    }

.bar {
    bottom: 0px;
    height: 0px;
    position: absolute;
    text-align: center;
}

.barend {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.fig, .fig0 {
    /*background-color: #88B957;*/
}

.fig1 {
    /*background-color: #688F42;*/
}

.bar span {
    background-color: #fefefe;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    left: -8px;
    display: none;
    margin: 0;
    position: relative;
    text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
    width: 40px;
    z-index: 20;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;
}

/*----------------*/
/*--- Boutons ---*/
/*----------------*/
.busybtn, .busybtn:hover {
    background: #A5A5A5 url(../caimg/busy.gif) no-repeat 100% 50% !important;
    padding-right: 16px !important;
}

/*-------------*/
/*--- Menus ---*/
/*-------------*/
/*.secMenu li a:hover
{
    background-image: url("../caimg/backSecMenuHover.png");
    background-position: 100% 0;
}

.secMenu li a:hover span
{
    color: #FFF;
}

.secMenu ul.internet a:hover
{
    background-position: 100% -49px;
}

.secMenu ul.telephony a:hover
{
    background-position: 100% -98px;
}

.secMenu li.active a
{
    background-image: url("../img/backSecMenu.png") !important;
}

.secMenu ul.internet a span
{
    background: url("../caimg/inticons.png") no-repeat 50% 3px;
    vertical-align: bottom;
    min-width: 70px;
    padding-bottom: 1px;
}

.secMenu li.cable a span
{
    background-position: 50% -45px;
}

.secMenu li.wireless a span
{
    background-position: 50% -140px;
}

.secMenu li.comusage a span
{
    background-position: 50% -185px;
}

.secMenu li.vprn a span
{
    background-position: 50% -279px;
}

.secMenu li.vprndsl a span
{
    background-position: 50% -327px;
}

.secMenu li.vprnwireless a span
{
    background-position: 50% -378px;
}

.secMenu li.dialup a span
{
    background-position: 50% -232px;
}

.secMenu li.wisp a span
{
    background-position: 50% -378px;
}

.secMenu .svcfriendlyid
{
    position: absolute;
    right: 50px;
    bottom: -1.5em;
}*/

/*-------------*/
/*--- Emails ---*/
/*-------------*/
#eblocks {
    padding-bottom: 1px;
}

.emailswrapper {
    background-color: #fff;
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    position: relative;
    width: 425px;
    margin-right: 20px;
    vertical-align: top;
}

.emailstable {
    margin-left: 10px;
}

    .emailstable caption {
        font-size: 1em;
        margin: 0;
        vertical-align: middle;
    }

    .emailstable tbody td {
        vertical-align: middle;
        padding: 0 5px;
        height: 25px;
    }

    .emailstable tbody tr.odd td {
        background-color: #E5E5E5;
    }

        .emailstable tbody tr.odd td a {
            background-color: #D5D5D5;
        }

    .emailstable tbody tr.even td {
        background-color: #F5F5F5;
    }

    .emailstable a.delbtn, .emailstable a.setmainbtn, a.setmainemailbtn, a.resetbtn {
        display: inline-block;
        cursor: pointer;
        width: 21px;
        height: 21px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

span.setmain {
    display: inline-block;
    width: 21px;
    height: 21px;
}

.emailstable a.delbtn {
    background: #E5E5E5 url("../caimg/del.png") no-repeat 50% 50%;
}

.emailstable a.setmainbtn, span.setmain {
    background: #E5E5E5 url("../caimg/setmain.png") no-repeat 50% 50%;
}

.emailstable a.resetbtn {
    background: #E5E5E5 url("../caimg/edit.png") no-repeat 50% 50%;
}

a.setmainemailbtn {
    background: #E5E5E5 url("../caimg/edit.png") no-repeat 50% 50%;
}

    .emailstable a.delbtn:hover, .emailstable a.setmainbtn:hover, a.setmainemailbtn:hover, .emailstable a.resetbtn:hover {
        background-color: #6A6A6A;
    }

.emailslegend .femail, .emailslegend .pemail {
    margin-left: 20px;
    margin-right: 5px;
}

.emailstable .femail, .emailstable .pemail, .emailslegend .femail, .emailslegend .pemail {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../caimg/email.png") no-repeat 50% 50%;
}

.emailstable .pemail, .emailslegend .pemail {
    background-image: url("../caimg/pemail.png");
}

.emailswrapper button .plus {
    margin-left: 10px;
}

    .emailswrapper button .plus:before {
        display: block;
        position: absolute;
        left: 5px;
        top: 30%;
        content: "\0020";
        background: url("../img/icons.png") no-repeat -260px -18px;
        height: 14px;
        width: 14px;
    }

.emailswrapper .addEmail, .emailswrapper .addDomainEmail {
    float: right;
}

.emailswrapper .loadingblock {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: #F5F5F5;
    background-image: url("../caimg/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.activatedemail {
    width: 600px;
}

    .activatedemail h3 {
        font-size: 1.0em !important;
    }

    .activatedemail .acceptdemail {
        position: relative;
        height: 40px;
    }

        .activatedemail .acceptdemail a.link {
            position: absolute;
            bottom: 0;
            font-size: 1.2em;
        }

        .activatedemail .acceptdemail a.button {
            position: absolute;
            right: 20px;
        }

/*------------------*/
/*--- References ---*/
/*------------------*/
.reftxt {
    width: 750px;
}

    .reftxt ul li {
        margin: 5px 0;
        margin-left: 30px;
        list-style-type: disc;
    }

.reffields {
    clear: both;
    padding: 6px 0;
}

    .reffields label, .reffields input, .reffields textarea, .reffields span, .reffields div.float {
        float: left;
    }

        .reffields input[type=text], .reffields textarea {
            width: 350px;
            border: 1px solid #A5A5A5;
        }

        .reffields input.phone {
            width: 12em;
        }

        .reffields input.ext {
            width: 6em;
        }

        .reffields input[type=checkbox] {
            margin-right: 10px;
        }

    .reffields label, .reffields span {
        width: 230px;
        padding-right: 10px;
        text-align: right;
    }

        .reffields label.ext {
            width: 80px;
        }

        .reffields label.chk {
            width: 70px;
            padding: 0 5px;
        }

        .reffields label.cchk1 {
            width: 70px;
            padding: 0 5px;
        }

        .reffields label.cchk2 {
            width: 130px;
            padding: 0 5px;
        }

    .reffields div.float div {
        clear: both;
    }

.refbtns {
    padding: 10px 0 5px 0;
    clear: both;
    text-align: right;
    padding-right: 350px;
}

#refswrapper {
    background-color: #fff;
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin-top: 10px;
}

    #refswrapper table {
        width: 100%;
    }

        #refswrapper table th, #refswrapper table td {
            vertical-align: middle;
            padding: 2px 5px;
        }

        #refswrapper table thead th {
            text-align: center;
            font-weight: bold;
            /*color: #E8972E;*/
        }

        #refswrapper table th.name {
            width: 120px;
        }

        #refswrapper table th.coords, #refswrapper table td.coords {
            width: 180px;
        }

        #refswrapper table th.status, #refswrapper table td.status {
            width: 70px;
            text-align: center;
        }

        #refswrapper table tr.odd td {
            background-color: #E6E6E6;
        }

/*------------------------*/
/*--- Tooltip Dialogue ---*/
/*------------------------*/
#ui-tooltip-modal {
    position: fixed;
}

.ttdialogue {
    max-width: 800px;
    min-width: 200px;
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    font-size: 1em !important;
}

    .ttdialogue .ui-tooltip-titlebar {
        /*background-color: #E8972E;
    border-color: #E8972E;*/
    }

        .ttdialogue .ui-tooltip-titlebar .ui-tooltip-title {
            color: #FFF;
        }

    .ttdialogue .ui-tooltip-content {
        font-size: 1em !important;
        /*color: #6A6A6A !important;*/
        padding: 10px;
    }

    .ttdialogue .ttbusytitle {
        background-image: url("../caimg/busy.gif");
        background-position: right center;
        background-repeat: no-repeat;
    }

    .ttdialogue button {
        float: left;
        width: 47%;
        max-width: 150px;
        margin-right: 10px;
        padding: 3px 0;
        text-align: center;
    }

        .ttdialogue button + button {
            float: right;
            margin-right: 0;
        }

    .ttdialogue .balone {
        text-align: center;
    }

        .ttdialogue .balone button {
            float: none;
            margin-right: 0;
        }

    .ttdialogue .btns {
        margin: 10px 0 5px 0;
    }

    .ttdialogue .nofloat button {
        float: none !important;
        margin-right: 10px !important;
    }

    .ttdialogue input[type=text], .ttdialogue input[type=password] {
        width: 95%;
        padding: 3px 0 3px 5px;
        margin-bottom: 7px;
        border: 1px solid #CCC;
    }

    .ttdialogue input.wdesc {
        width: 60%;
        display: inline !important;
    }

    .ttdialogue .idesc {
        margin-left: 5px;
        display: inline !important;
    }

    .ttdialogue label {
        width: 95%;
        display: inline-block;
    }

        .ttdialogue label.for {
            width: auto;
            padding: 0 5px;
            margin-bottom: 5px;
        }

    .ttdialogue .ttdiagnewemail {
        width: 400px;
    }

    .ttdialogue.alertHistory .ui-tooltip-titlebar {
        background-color: #88b957;
        border-color: #88b957;
    }

    .ttdialogue.alertHistory button {
        float: right !important;
    }

/*-------------*/
/*--- Tools ---*/
/*-------------*/
ul.wbdesc, ul.websitedesc {
    margin-bottom: 0px;
}

    ul.wbdesc li, ul.websitedesc li {
        margin: 5px 0;
    }

span.wddesc {
    display: inline-block;
    width: 130px;
}

span.websitedesc {
    display: inline-block;
    width: 180px;
}

.edittitle {
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../caimg/edit.png");
    vertical-align: middle;
}

.wbnoshow, .wbshow {
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 17px;
}

.wbshow {
    background-image: url("../caimg/ok.png");
}

.wbnoshow {
    background-image: url("../caimg/del.png");
}

p.wbmsg {
    margin-top: 30px;
    margin-bottom: 0;
}

ul.wbmsg {
    margin-bottom: 0px;
    padding-bottom: 20px;
}

    ul.wbmsg li {
        list-style-type: disc;
        margin: 2px 20px;
    }

.toolswrapper {
    margin: 5px 0;
    padding: 5px 10px 5px 10px;
    background-color: #FFF;
    border: 1px solid #E1E1E1;
    display: inline-block;
    position: relative;
}

    .toolswrapper button {
        float: right;
    }

.toolstable {
    margin-bottom: 5px;
}

    .toolstable thead th {
        font-weight: bold;
        padding: 5px;
    }

    .toolstable tbody td {
        padding: 4px 5px 0 5px;
        vertical-align: middle;
    }

        .toolstable tbody td.odd {
            background-color: #E6E6E6;
        }

        .toolstable tbody td.tcimg {
            text-align: center;
        }

    .toolstable .tcactions a {
        background-position: center center;
        background-repeat: no-repeat;
    }

    .toolstable .code {
        background-image: url("../caimg/code.png");
    }

    .toolstable .edit {
        background-image: url("../caimg/edit.png");
    }

    .toolstable .del {
        background-image: url("../caimg/del.png");
    }

.editcounter, .editwebform {
    width: 400px;
}

    .editcounter .editchidden span {
        margin-right: 10px;
    }

    .editcounter .editchidden label, .editcounter .editchidden input {
        display: inline-block;
    }

    .editcounter .editchidden label {
        margin-right: 10px;
        width: auto;
    }

.gcounterlist {
    max-height: 300px;
    overflow: auto;
    margin: 5px 0;
}

    .gcounterlist input, .gcounterlist label {
        display: inline-block;
        margin: 2px 0;
    }

.activatews h3 {
    font-size: 1.0em !important;
}

.activatews .acceptws {
    position: relative;
    height: 40px;
}

    .activatews .acceptws a.link {
        position: absolute;
        bottom: 0;
        font-size: 1.2em;
    }

    .activatews .acceptws a.button {
        position: absolute;
        right: 20px;
    }

.activatews ul li {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 5px;
    border: 0 none !important;
}

.activatews ul.numberMargin {
    margin-left: 60px;
}

.activatews h2.listNumber {
    display: inline-block !important;
    font-size: 1.2em !important;
    padding-top: 0.5em !important;
    vertical-align: top !important;
    width: 60px !important;
}

.activatews p.contentNumber {
    display: inline-block !important;
    vertical-align: top !important;
    width: 500px !important;
}

/*---------------*/
/*--- Generic ---*/
/*---------------*/
span.loading, span.loadingplaceholder {
    padding-left: 16px;
    padding-bottom: 20px;
    margin-left: 5px;
}

span.loading {
    background: url(../caimg/search.gif) no-repeat 0% 0%;
}

div.loading {
    background: url(../caimg/loading.gif) no-repeat 50% 5px #FFF;
    border: 1px solid #E1E1E1;
    padding: 20px 0 5px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.chart div.loading, #callswrapper div.loading, .noborder {
    border: 0 none !important;
}

ul.discs li {
    list-style-type: disc;
    margin-bottom: 5px;
    margin-left: 20px;
}

.msgwrapper {
    background-color: #fff;
    border: 1px solid #E1E1E1;
    padding: 10px 0;
    margin-bottom: 30px;
    margin-top: 10px;
}

.groupwrapper {
    background-color: #fff;
    border: 1px solid #E1E1E1;
    padding: 10px 0;
    margin-top: 10px;
    padding: 10px;
}

.action {
    background-color: #E5E5E5;
    display: inline-block;
    cursor: pointer;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .action:hover {
        background-color: #6A6A6A !important;
    }

.actionWText {
    padding: 2px 5px 2px 20px;
    background-color: #E5E5E5 !important;
    border: 1px solid #D5D5D5;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .actionWText:hover {
        background-color: #6A6A6A !important;
        color: #FFF;
    }

button:disabled, button.disabled {
    background-color: #E5E5E5 !important;
    cursor: default;
}

table tr.odd td, table tr.odd th {
    background-color: #E5E5E5;
}

    table tr.odd td .action, table tr.odd th .action {
        background-color: #D5D5D5;
    }

.errorbox {
    border: 1px solid #D95252;
    color: #912323;
    background-color: #F78B83;
    font-size: 11px;
}

.successbox {
    border: 1px solid #90D93F;
    color: #3F6219;
    background-color: #CAED9E;
    font-size: 11px;
}

.warningbox {
    border: 1px solid #F1D031;
    color: #555;
    background-color: #FFFFA3;
    font-size: 11px;
}

.invoicespaydiag .btns {
    position: relative;
    height: 25px;
    vertical-align: bottom;
    margin-top: 10px;
}

    .invoicespaydiag .btns a {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .invoicespaydiag .btns button {
        position: absolute;
        right: 0;
    }

.title-toggle {
    cursor: pointer;
    text-decoration: underline;
}

    .title-toggle:hover {
    }

/*------------*/
/*--- Flex ---*/
/*------------*/
.groupcol {
    display: inline-block;
    width: 450px;
    margin-right: 10px;
    vertical-align: top;
}

.flexblock {
    font-size: 0.75em;
    font-weight: normal;
    position: relative;
    top: 0.3em;
}

.flexblock-active {
    font-size: 1em;
    font-weight: bold;
    top: 0;
}

.flex span {
    background: url(../caimg/ok.png) no-repeat 50% 50%;
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    display: inline-block;
}

.flex .flexon {
    background-image: url(../caimg/ok.png);
}

.flex .flexoff {
    background-image: url(../caimg/del.png);
}

.activateflex {
    width: 400px;
}

    .activateflex h1 {
        color: #88b957 !important;
    }

    .activateflex #lightboxContent {
        height: auto !important;
        overflow: initial !important;
    }

    .activateflex .acceptflex {
        position: relative;
        height: 40px;
    }

        .activateflex .acceptflex a.link {
            position: absolute;
            bottom: 0;
            font-size: 1.2em;
        }

        .activateflex .acceptflex a.button {
            position: absolute;
            right: 20px;
        }

/*-------------------*/
/*--- Credit card ---*/
/*-------------------*/
#ccinfo .btnEdit {
    background: #E5E5E5 url("../caimg/edit.png") no-repeat 50% 50%;
    vertical-align: middle;
}

.cceditdiag {
    width: 300px;
}

#editccform label {
    float: left;
    width: 40%;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
    margin-bottom: 5px;
}

#editccform input {
    float: left;
    width: 45%;
    margin-bottom: 5px;
}

#editccform .errorbox {
    margin-bottom: 5px;
}

.validationElement {
    border-color: #D95252 !important;
    background-color: #F7BBB3;
    color: #912323;
}

/*--------------------*/
/*--- Generic form ---*/
/*--------------------*/
.caform, .caform * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .caform .caform-group {
        margin-bottom: 10px;
        position: relative;
    }

        .caform .caform-group:after {
            display: table;
            content: " ";
            clear: both;
        }

        .caform .caform-group label {
            text-align: right;
            display: inline-block;
        }

        .caform .caform-group input {
            width: 100%;
            display: block;
        }

.cacol-1, .cacol-2, .cacol-3, .cacol-4, .cacol-5, .cacol-6, .cacol-7, .cacol-8 {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.cacol-1 {
    width: 8.33333333%;
}

.cacol-2 {
    width: 16.66666667%;
}

.cacol-3 {
    width: 25%;
}

.cacol-4 {
    width: 33.33333333%;
}

.cacol-5 {
    width: 41.66666667%;
}

.cacol-6 {
    width: 50%;
}

.cacol-7 {
    width: 58.33333333%;
}

.cacol-8 {
    width: 66.66666667%;
}

button.icon {
    border: 0 none;
    display: inline-block;
    cursor: pointer;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #E5E5E5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    button.icon.edit {
        background-image: url("../caimg/edit.png");
    }

    button.icon.save {
        background-image: url("../caimg/ok.png");
    }

    button.icon.cancel {
        background-image: url("../caimg/del.png");
    }

    button.icon:hover {
        background-color: #6A6A6A !important;
    }

.modal {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    border-radius: 15px;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.modal-container {
    padding: 20px;
}

    .modal-container p {
        padding: 0px;
        margin: 0px;
        margin-bottom: 20px;
    }

    .modal-container label {
        margin-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-weight: 600;
    }

    .modal-container .modalErrorMessage {
        color: #fd605e;
        text-align: center;
        margin: 20px 0px;
    }

    .modal-container .modalCustomErrorMessage {
        color: #fd605e;
        text-align: left;
        margin: 20px 0px;
    }

    .modal-container .modalSuccessMessage {
        color: #06c972;
        text-align: center;
        margin: 20px 0px;
    }

    .modal-container .label-nomargin {
        margin-top: 0px !important;
    }

    .modal-container input, .modal-container select {
        margin: 0px;
    }

.modal-close {
    position: absolute;
    color: #aaa;
    right: 25px;
    top: 5px;
    font-size: 28px;
    font-weight: bold;
    clear: both;
}

    .modal-close:hover,
    .modal-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.modal-btn-accept {
}

#modalChangeEmail .modal-content,
#modalChangeERPLang .modal-content,
#modalEditCreditCard .modal-content {
    max-width: 450px;
}

#modalChangeEmail input,
#modalChangeERPLang select,
#modalEditCreditCard input {
    display: block;
    width: 100%;
}

#modalChangeEmail .button-default,
#modalChangeERPLang .button-default,
#modalEditCreditCard .button-default {
    color: #141860 !important;
    background-color: #f8f9fa !important;
    border: 1px solid #f8f9fa !important;
}

    #modalChangeEmail .button-default:hover,
    #modalChangeERPLang .button-default:hover,
    #modalEditCreditCard .button-default:hover {
        color: #141860 !important;
        background-color: #e2e6ea !important;
        border: 1px solid #dae0e5 !important;
    }

#modalChangeEmail .buttons-holder,
#modalChangeERPLang .buttons-holder,
#modalEditCreditCard .buttons-holder {
    text-align: right;
    margin-top: 20px;
}