@font-face {
    font-family: 'vodafoveRg';
    src: url('../fonts/VodafoneRg-Regular.eot');
    src: url('../fonts/VodafoneRg-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/VodafoneRg-Regular.woff') format('woff'), url('../fonts/VodafoneRg-Regular.ttf') format('truetype'), url('../fonts/VodafoneRg-Regular.svg') format('svg');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
}


/* main styles */
html {
    height: 100%;
}

body {
    background: #eaeaea;
    min-height: 100%; /*overflow: hidden;*/
}

.block {
    display: block;
}

* {
    /*transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;*/
    padding: 0;
    margin: 0;
}

.aside-container * {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.nicescroll-rails, .nicescroll-rails div, #wrapper aside, #wrapper article, .section-with-sideMenu, .inner-sideContent, .inner-sideMenu {
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
}

*:focus {
    outline: 0;
}

a {
    cursor: pointer;
}

.zero-padding {
    padding: 0 !important;
}

.zero-padding-left {
    padding-left: 0 !important;
}

.zero-padding-right {
    padding-right: 0 !important;
}

.zero-margin-bottom {
    margin-bottom: 0 !important;
}

.small-box-shadow {
    box-shadow: 0 0 10px gray;
    -webkit-box-shadow: 0 0 10px gray;
    -moz-box-shadow: 0 0 10px gray;
    -ms-box-shadow: 0 0 10px gray;
    -o-box-shadow: 0 0 10px gray;
}

ul {
    list-style: none;
}

.inline-block {
    display: inline-block;
}

.filtered {
    color: orange;
}

/* login */
#login {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
    position: fixed;
    z-index: 9999999;
}

    #login .logo-container {
        position: absolute;
        top: 0;
        height: 100%;
        text-align: center;
        left: 0;
        width: 50%;
        display: table;
    }

    #login .logo {
        display: table-cell;
        vertical-align: middle;
    }

    #login form {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
        height: 100%;
        z-index: 1;
        background: #404041;
        display: table;
    }

        #login form .content {
            display: table-cell;
            vertical-align: middle;
        }

        #login form p {
            background: #f5f5f5;
            margin: 0;
        }

        #login form .message {
            color: red;
            background: none;
            padding: 0 0 30px 40px;
        }

        #login form .fa {
            color: #404042;
            width: 40px;
            text-align: center;
            position: relative;
            top: 3px;
            font-size: 19px;
        }

        #login form input {
            border: 0;
            background: #5e5e60;
            color: #fff;
            font-size: 22px;
            width: 100%;
            height: 67px;
            padding-left: 40px;
            position: relative;
            z-index: 2;
        }

        #login form p.first-child input, #login form p.last-child input {
            border-top: 1px solid #aeaeae;
            border-bottom: 1px solid #aeaeae;
        }

        #login form input[type="submit"] {
            text-transform: uppercase;
            font-weight: 100;
            width: 290px;
            background: #FEBC10;
            color: #fff;
            text-align: center;
            height: 50px;
            line-height: 50px;
            padding: 0;
            margin-top: 40px;
            font-family: vodafoveRg, arial, sans-serif;
            font-size: 24px;
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
            -webkit-border-top-right-radius: 25px;
            -webkit-border-bottom-right-radius: 25px;
            -moz-border-top-right-radius: 25px;
            -moz-border-bottom-right-radius: 25px;
        }

            #login form input[type="submit"]:hover {
                background: #ebae0f;
            }

        #login form input.error {
            border-top: 1px solid red !important;
            border-bottom: 1px solid red !important;
            z-index: 3 !important;
        }

        #login form p.with-arrow {
            position: relative;
            top: -1px;
            margin-bottom: -2px;
        }

            #login form p.with-arrow input {
                z-index: 1;
            }

            #login form p.with-arrow:before {
                z-index: 10;
                position: absolute;
                content: '';
                border-left: 20px solid #fff;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                left: 0;
                top: 13px;
            }


    #login .version {
        position: absolute;
        bottom: 0;
        left: 50%;
        padding: 10px 25px;
        color: #9d9d9d;
        font-size: 14px;
        z-index: 2;
    }

/* header */
header {
    padding: 17px 20px;
    background: #fff;
    position: relative;
    z-index: 10;
}

    header .copounz-logo, #login .copounz-logo {
        display: block;
        width: 197px;
        height: 34px;
        /*background: url("../images/copounz-logo.png");*/
            background-image: url(../images/copounz-logo.png);
    background-repeat: no-repeat;
    }

    header .orange {
        /*margin-top: -17px;
        display: block;
        width: 167px;
        height: 55px;
        background: url("../images/Metro-logo.png") no-repeat center center;
        position: relative;
        top: 8px;*/
    }

/* inner-pages */
#wrapper {
    min-height: 100%;
}

    /* aside */
    /* old menu */
    #wrapper aside {
        /*overflow: visible !important;*/
        position: absolute;
        left: 0;
        top: 60px;
        width: 56px;
        height: calc(100% - 60px);
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px);
        background: #181818;
    }

        /*#wrapper aside {
        overflow: visible !important;
        position: absolute;
        left: 0;
        top: 68px;
        width: 230px;
        min-height: calc(100% - 68px);
        min-height: -webkit-calc(100% - 68px);
        min-height: -moz-calc(100% - 68px);
        background: #181818;
    }*/

        #wrapper aside ul {
            width: 100%;
            list-style: none;
        }

            #wrapper aside ul li {
                position: relative;
            }

                #wrapper aside ul li.active {
                    z-index: 2000;
                }

            /*old menu*/
            #wrapper aside ul li {
                float: left;
                width: 100%;
                overflow: hidden;
                border-bottom: 1px solid #282828;
            }
                /*#wrapper aside ul li { float: left; width: 100%; border-bottom: 1px solid #282828; }*/


                /*old menu*/
                #wrapper aside ul li:hover {
                    /*overflow: visible;
                    position: relative;
                    z-index: 2000;*/
                }

                #wrapper aside ul li a {
                    width: 237px;
                    outline: 0 !important;
                    text-decoration: none;
                    /*position: relative;*/
                    color: #fff;
                    font-family: "Open Sans", Helvetica, Arial, sans-serif;
                    padding: 17px 17px 15px;
                    text-align: left;
                    font-size: 18px;
                    display: block;
                }

                #wrapper aside ul li:hover a {
                    text-decoration: none;
                }

        #wrapper aside > ul > li:hover > a {
            background: #FDBE10;
            color: #181818;
        }

            #wrapper aside > ul > li:hover > a .fa {
                color: #181818;
            }

        #wrapper aside ul li.active > a {
            text-decoration: none;
            background: #FDBE10;
            color: #000;
        }

        #wrapper aside ul li a .fa {
            margin-right: 22px;
            font-size: 22px;
            color: #fff;
        }

        #wrapper aside ul li:hover a .fa {
            /*margin-right: 15px;*/
        }

        #wrapper aside ul li a .fa.arrow {
            margin-right: 0 !important;
        }

            #wrapper aside ul li a .fa.arrow:before {
                content: "\f107";
            }

        #wrapper aside ul li.opened a .fa.arrow:before {
            content: "\f106";
        }

        #wrapper aside ul li.active a .fa {
            color: #000;
        }

        #wrapper aside ul li a:after {
            position: absolute;
            display: none;
            border-right: 10px solid #eaeaea;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            top: 50%;
            margin-top: -10px;
            right: 0;
        }
        /*old-menu*/
        /*#wrapper aside ul li.active a:after { display: block; right: auto; left: 46px; }*/
        #wrapper aside ul li.active a:after {
            display: block;
            right: auto;
            right: 0;
        }

        #wrapper aside ul li:hover a:after {
            display: none;
        }

        #wrapper aside #asideToggle {
            padding: 22px 18px;
            width: 230px;
            float: right;
        }

            #wrapper aside #asideToggle h4 {
                color: #FDBE10;
                margin: 2px 0 0;
                font-weight: bold;
                font-size: 16px;
            }

            #wrapper aside #asideToggle .fa {
                width: 20px;
                height: 20px;
                font-size: 10px;
                cursor: pointer;
                text-indent: 2px;
                text-align: center;
                background: #FDBE10;
                color: #181818;
                overflow: hidden;
                line-height: 20px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
            }

                #wrapper aside #asideToggle .fa:hover {
                    background: #FCDD11;
                }

                #wrapper aside #asideToggle .fa:before {
                    content: "\f054";
                }

        #wrapper aside.opened {
            /*overflow: hidden !important;*/
            overflow: scroll !important;
            overflow-x: hidden !important;
        }

        /* old menu */
        #wrapper aside .sub-menu {
            border-top: 1px solid #080808;
            width: 181px;
            overflow: hidden;
        }

        #wrapper aside .sub-menu {
            /*border-top: 1px solid #080808;
    /*width: 170px;*/ */;
            /*overflow: hidden;
    width: 97.5%;*/
        }

        #wrapper aside.opened .sub-menu {
            width: 100%;
        }

        #wrapper aside .sub-menu li:hover a {
            text-decoration: none;
            background: #FDBE10;
            color: #000;
        }

        #wrapper aside.opened ul li:hover a:after, #wrapper aside.opened ul li.active a:after {
            display: block;
        }

        #wrapper aside.opened #asideToggle {
            padding: 22px 25px;
        }

        #wrapper aside.opened ul li a {
            padding: 22px 25px;
        }

        #wrapper aside.opened ul li.active a:after {
            right: 0;
            left: auto;
        }

        #wrapper aside.opened ul li:hover a .fa {
            /*color: #000;*/
        }

        #wrapper aside.opened #asideToggle .fa {
            background: transparent;
            border: 2px solid #cfcfcf;
            color: #cfcfcf;
            line-height: 16px;
            text-indent: -1px;
        }

            #wrapper aside.opened #asideToggle .fa:before {
                content: "\f053";
            }

            #wrapper aside.opened #asideToggle .fa:hover {
                border-color: #fff;
                color: #fff;
            }

        #wrapper aside.animate ul li.active a:after {
            display: none;
        }

        #wrapper aside .panel-body {
            padding: 0;
        }

        #wrapper aside ul li.with-sub-menu.opened {
            background: #4a4a4a;
        }

        #wrapper aside ul li.with-sub-menu.active.opened {
            background: #4a4a4a;
        }




        /* old menu */
        #wrapper aside:not(.opened) ul li.with-sub-menu:hover .collapse {
            height: auto;
            display: block;
            visibility: visible;
            position: absolute;
            top: 100%;
            left: 56px;
        }



        #wrapper aside .sub-menu {
            background: #101010;
        }

            #wrapper aside .sub-menu li a {
                color: #fff;
                font-family: "Open Sans", Helvetica, Arial, sans-serif;
                padding: 14px 14px 12px !important;
                text-align: left;
                font-size: 15px;
                display: block;
            }

    /* section */
    /* old menu */
    #wrapper article {
        position: absolute;
        /*overflow: scroll !important;*/
        right: 0;
        top: 68px;
        height: calc(100% - 68px);
        height: -webkit-calc(100% - 68px);
        height: -moz-calc(100% - 68px);
        width: calc(100% - 56px);
        -webkit-width: calc(100% - 56px);
        -moz-width: calc(100% - 56px);
        padding: 25px 28px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
    }

    /*#wrapper article {
        position: absolute;
        right: 0;
        top: 68px;
        height: calc(100% - 68px);
        height: -webkit-calc(100% - 68px);
        height: -moz-calc(100% - 68px);
        width: calc(100% - 230px);
        -webkit-width: calc(100% - 230px);
        -moz-width: calc(100% - 230px);
        padding: 25px 28px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
    }*/


    #wrapper .transparent-helper {
        z-index: 11;
        display: none;
        position: fixed;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
    }

    #wrapper .breadcrumb {
        padding: 0;
        background: none;
        position: absolute;
        top: 26px;
    }

        #wrapper .breadcrumb > li {
            font-size: 12px;
        }

            #wrapper .breadcrumb > li a {
                color: #333;
            }

        #wrapper .breadcrumb > .active {
            color: #1e1e1e;
            font-weight: bold;
        }

    #wrapper .page-title {
        font-size: 30px;
        font-weight: lighter;
        color: #1e1e1e;
        margin: 22px 0;
    }

        #wrapper .page-title strong {
            margin-left: 10px;
            font-size: 20px;
            font-weight: bold;
        }

    #wrapper .article-head {
        margin-top: 15px;
    }

        #wrapper .article-head.large-margin-top {
            margin-top: 43px;
        }

        #wrapper .article-head > div {
            padding: 0;
        }

    #wrapper .article-head-btns {
        margin: 0;
    }

        #wrapper .article-head-btns li {
            font-size: 16px;
            background: #FFF;
            margin: 0 0 0 10px;
            position: relative;
            top: -20px;
        }

    #wrapper .head-btns-new li {
        background: transparent;
    }

    #wrapper .article-head-btns.large li {
        margin-left: 0;
    }

    #wrapper .article-head-btns li.dark {
        background: #222222;
    }
        /*#wrapper .article-head-btns li:hover { background: #FCDD11; }*/
        #wrapper .article-head-btns li.dark:hover {
            background: #000;
        }

    #wrapper .article-head-btns a {
        color: #000;
        text-decoration: none !important; /*padding: 6px 13px;*/
        display: inline-block;
        padding-top: 9.6px;
        padding-bottom: 10.4px;
        font-weight: bold;
    }

    #wrapper .head-btns-new a {
        /*background: #ffffff;
        padding: 10px 13px;
        font-weight: bold;*/
    }

    #wrapper .article-head-btns li.dark a {
        color: #000;
    }

    #wrapper .article-head-btns li.light a {
    }

    #wrapper .article-head-btns .fa {
        margin-right: 9px;
    }

    #wrapper .article-head-btns:before {
        display: none;
    }

    #wrapper .article-head-btns.large li {
        padding: 20px 30px 12px;
        border-left: 1px solid #EAEAEA;
    }

        #wrapper .article-head-btns.large li:last-child {
            border-left: 0;
        }

        #wrapper .article-head-btns.large li span, #wrapper .article-head-btns.large li strong {
            width: 100%;
            text-align: center;
            display: inline-block;
            font-size: 13px;
        }

            #wrapper .article-head-btns.large li span:first-child, #wrapper .article-head-btns.large li strong:first-child {
                font-size: 40px;
                line-height: 35px;
            }

    #wrapper .detailed-article-head {
        width: 100%;
        margin-bottom: 15px;
    }

        #wrapper .detailed-article-head .right > div {
            background: #fff;
        }

    #wrapper .detailed-article-head-sms .right > div {
        background: #eaeaea;
        height: 125px;
    }

    #wrapper .detailed-article-head .right {
        border-right: 15px solid #eaeaea;
    }

    #wrapper .detailed-article-head .right-details {
        height: 102px;
    }

        #wrapper .detailed-article-head .right-details .fa {
            margin-right: 7px;
            width: 14px;
            text-align: center;
            font-size: 15px;
        }

        #wrapper .detailed-article-head .right-details span { /*width: 50%; display: inline-block;*/
        }

        #wrapper .detailed-article-head .right-details p:first-child {
            margin-top: 12px;
        }

        #wrapper .detailed-article-head .right-details.single-row .fa {
            font-size: 50px;
            color: #6cbdbe;
            padding: 26px 15px;
            width: auto;
        }

        #wrapper .detailed-article-head .right-details.single-row p {
            height: 102px;
            padding: 32px 0;
            margin: 0;
        }

            #wrapper .detailed-article-head .right-details.single-row p strong, #wrapper .detailed-article-head .right-details.single-row p span {
                color: #6cbdbe;
                font-size: 17px;
                line-height: 14px;
                display: inline-block;
            }

    #wrapper .detailed-article-head .status .row > div {
        padding: 30px 0;
        height: 102px;
        text-align: center;
    }

    #wrapper .detailed-article-head .status-sms .row > div {
        padding: 42px 0;
        height: 125px;
        text-align: center;
    }

    #wrapper .detailed-article-head .status .fa {
        font-size: 30px;
        margin: 6px 0;
        color: #fff;
    }

    #wrapper .detailed-article-head .status .active {
        background: #55bc48;
    }

    #wrapper .detailed-article-head .status strong, #wrapper .detailed-article-head .status span {
        width: 100%;
        font-size: 12px;
        display: inline-block;
        padding-left: 15px;
        text-align: left;
    }

    #wrapper .detailed-article-head .status strong {
        font-size: 16px;
        text-align: left;
    }

    #wrapper .detailed-article-head .left {
        padding-left: 0;
    }

    #wrapper .detailed-article-head .article-head-btns {
        margin: 0;
    }

        #wrapper .detailed-article-head .article-head-btns li {
            margin: 0;
            top: 0;
            padding: 23px 0 19px;
            height: 102px;
        }

        #wrapper .detailed-article-head .article-head-btns.three li {
            width: 33.33%;
        }

        #wrapper .detailed-article-head .article-head-btns.four li {
            width: 25%;
        }

/* article-form */
.form-head {
    background: #fff;
    padding: 20px 25px;
    margin-bottom: 3px;
}

    .form-head h3 {
        color: #FDBE10;
        font-size: 18px;
        margin: 0;
    }

.form-body {
    background: #fff;
    padding: 25px 20px;
}

    .form-body h5 {
        margin: 0 0 30px;
    }

    .form-body select.fadeout {
        color: darkgray;
    }

        .form-body select.fadeout option {
            color: #111;
        }

    .form-body > p {
        margin: 0 0 25px;
    }

    .form-body > div div.col-xs-6 p {
        padding: 0;
        margin-bottom: 25px;
    }

.sms-right {
    right: 23px;
}

.sms-left {
    left: 11px;
}

.form-body label {
    padding: 0;
    text-align: left;
    font-weight: normal;
    font-size: 14px; /*line-height: 39px;*/ /*height: 36px; margin: 0;*/
    margin-top: 7px;
}

    .form-body label.two-lines {
        line-height: 18px;
    }

.form-body input, .form-body select {
    height: 36px;
    padding: 0 0 0 7px;
}

.form-body textarea {
    height: 100px;
    padding: 7px;
}

.form-body .arabic textarea, .form-body .arabic input {
    text-align: right;
    direction: rtl;
    padding: 7px;
}

.form-body .arabic {
    text-align: right;
    direction: rtl;
    padding: 7px;
}

.form-body hr {
    margin: 2px -15px 25px;
}

.form-body .col-xs-4 label {
    width: 39%;
}

.form-body .col-xs-4 input {
    width: 61%;
}

.form-body > p .browse-cont {
    padding: 0;
    position: relative;
    height: 36px;
    width: 90px;
    margin-left: 10px;
}

    .form-body > p .browse-cont:before {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        background: #454545;
        color: #fff;
        content: 'Browse';
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 36px;
    }

    .form-body > p .browse-cont:hover:before {
        background: #353535;
    }

    .form-body > p .browse-cont input {
        height: 36px;
        width: 90px !important;
        position: relative;
        z-index: 2;
        opacity: 0;
        padding: 0;
        margin: 0;
        font-size: 11px;
        line-height: 22px;
    }

.form-body > p .image-cont {
    text-align: center;
    border: 1px solid #eaeaea;
    padding: 0;
    width: 48px;
    height: 36px;
    margin-right: 5px;
}

    .form-body > p .image-cont .fa {
        font-size: 18px;
        margin-top: 8px;
    }

    .form-body > p .image-cont.with-image .fa {
        display: none;
    }

    .form-body > p .image-cont img {
        width: 48px;
        height: 36px;
        margin: -1px 0 0 -1px;
    }

.form-body > p .checkboxes-cont {
    height: 36px;
}

    .form-body > p .checkboxes-cont span {
        line-height: 36px;
        height: 34px;
        margin-right: 15px;
        font-size: 12px;
    }

        .form-body > p .checkboxes-cont span:last-child {
            line-height: 36px;
            height: 36px;
            margin-right: 0;
        }

    .form-body > p .checkboxes-cont input[type="checkbox"] {
        height: auto;
        margin: 0 3px 0 0;
        position: relative;
        top: 2px;
    }

.form-body .hint {
    font-size: 12px;
    width: 100%;
    padding-left: 12%;
    display: inline-block;
}

.form-body .width-19 {
    width: 19% !important;
}

.form-body input[type='submit'] {
    background: #FEBC10;
    color: #000;
    width: auto;
    height: auto;
    font-size: 16px;
    padding: 10px 40px;
    border: 0;
}

    .form-body input[type='submit']:hover {
        background: #FCDD11;
    }

.form-body fieldset {
    margin-bottom: 25px;
}

    .form-body fieldset > div {
        background: #eaeaea;
        padding: 15px 15px 0;
    }

    .form-body fieldset h4 {
        font-size: 17px;
        margin: 0 0 15px;
    }

    .form-body fieldset hr {
        border-color: #fff;
        margin: 0 -15px 15px;
    }

    .form-body fieldset input, .form-body fieldset select, .form-body fieldset textarea {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .form-body fieldset .add-handset {
        margin-bottom: 15px;
        color: #181818;
        text-decoration: underline;
        font-size: 12px;
        font-weight: 700;
        display: inline-block;
    }

        .form-body fieldset .add-handset:hover {
            font-weight: 800;
        }

.form-body .add-branch {
    color: #fff;
    background: #3A3A3A;
    padding: 7px 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: -12px;
}

    .form-body .add-branch:hover {
        background: #181818;
    }

/* article-table */
.table-head {
    background: #fff;
    padding: 20px 25px;
}

    .table-head h1 {
        margin: 0;
        font-weight: 100;
    }

        .table-head h1 span {
            font-size: 20px;
        }

    .table-head ul {
        list-style: none;
        margin: 7px 0 0;
    }

    .table-head li {
        font-size: 15px;
    }

    .table-head li {
        margin: 1px 2px;
        padding: 0 11px;
        border-left: 2px solid #eaeaea;
    }

        .table-head li:first-child {
            border-left: 0;
            padding-left: 0;
        }

    .table-head .primary-button {
        margin: 0 12px 0 0;
    }

    .table-head li.primary-button {
        border-left: 0;
        margin-left: 25px;
    }

.section-with-sideMenu .inner-sideContent .table-head li {
    margin-right: 0;
}

.table-head .merchant-center li:not(.search) {
    margin: 0 0 0 25px;
}

.table-head select {
    font-size: 14px;
    height: 40px;
    padding-left: 3px;
}

.table-head .medium select {
    width: 70px;
    margin-right: -5px;
}

.table-head li .fa {
    margin: 3px 0 0 6px;
}

.table-head .table-controls li a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.table-head li.search.medium input {
    width: 150px;
}

.table-head li.search.medium {
    margin-right: -5px;
}

.table-head li.search input {
    border: 0;
    background: #eaeaea;
    border: 1px solid #eaeaea;
    color: #4e4e4e;
    height: 40px;
    padding-left: 15px;
}

    .table-head li.search input:focus {
        background: #f4f4f4;
        border-color: #e2e2e2;
    }

.merchant-center-search input {
    width: 250px;
    background: #fff;
    border: 1px solid #8d8d8d;
    color: #4e4e4e;
    height: 40px;
    padding-left: 15px;
}

    .merchant-center-search input[type="submit"] {
        width: auto;
        border: 0;
        background: #FEBC10;
        color: #fff;
        padding: 0 15px;
        margin-left: 10px;
    }

.article-table-cont {
    padding-bottom: 0;
}

.article-table {
    margin-bottom: 0;
    overflow-x: scroll;
}

    .article-table thead {
        background: #fff;
        padding: 10px 0;
        border-bottom: 4px solid #eaeaea;
        border-top: 4px solid #eaeaea;
    }
        /*.article-table thead:before { font-size: 0; height: 3px; background: #eaeaea; content:""; display:block; }
.article-table thead:after { border: 0; line-height: 0; font-size: 0; height: 3px; background: #eaeaea; content:"-"; width: 100%; color: #eaeaea; display:block; }*/
        .article-table thead th {
            text-transform: uppercase;
            cursor: pointer;
            vertical-align: middle !important;
            position: relative !important;
            z-index: 13;
            position: relative;
            padding: 15px !important;
            border: 0 !important;
            font-size: 13px;
            font-weight: 500;
        }

            .article-table thead th:first-child {
                white-space: nowrap;
            }

            .article-table thead th.opened, .article-table thead th:hover {
                border-collapse: separate;
                z-index: 13;
                background: #fff;
                box-shadow: 0 0 10px gray;
                -webkit-box-shadow: 0 0 10px gray;
                -moz-box-shadow: 0 0 10px gray;
                -ms-box-shadow: 0 0 10px gray;
                -o-box-shadow: 0 0 10px gray;
            }

            .article-table thead th:hover {
                z-index: 12;
            }

            .article-table thead th:before {
                position: absolute;
                display: none;
                width: 100%;
                height: 10px;
                background: #fff;
                left: 0;
                bottom: -3px;
                z-index: 13;
            }

            .article-table thead th.opened:before {
                display: block;
            }

            .article-table thead th.selected {
                color: #FEBC10;
            }

                .article-table thead th.selected:after {
                    position: absolute;
                    bottom: -3px;
                    left: 0;
                    height: 3px;
                    width: 100%;
                    background: #FEBC10;
                }

            .article-table thead th form {
                color: #333;
                display: none;
                position: absolute;
                z-index: 12;
                top: 50px;
                left: 0px;
                background: #fff;
                width: 215px;
                padding: 15px;
            }

            .article-table thead th:nth-last-child(1) form, .article-table thead th:nth-last-child(2) form, .article-table thead th:nth-last-child(3) form {
                left: auto;
                right: 0;
            }

            .article-table thead th.opened form {
                display: block;
            }

            .article-table thead th form label {
                width: 100%;
                line-height: 30px;
            }

            .article-table thead th form input, .article-table thead th form select {
                width: 100%;
                height: 30px;
                font-size: 12px;
                padding-left: 5px;
            }

                .article-table thead th form input[type="submit"], .article-table thead th form input[type="reset"].article-table thead th form input[type="button"] {
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                }

            .article-table thead th form .with-label label {
                width: 45px;
            }

            .article-table thead th form .with-label input, .article-table thead th form .with-label section {
                width: 140px;
            }

                .article-table thead th form .with-label input[type="checkbox"], .article-table thead th form input[type="checkbox"] {
                    width: auto;
                    height: auto;
                }

            .article-table thead th form .with-label.checkbox {
                margin: -2px 0 10px;
            }

                .article-table thead th form .with-label.checkbox label {
                    width: auto;
                    padding-left: 0;
                    line-height: 20px;
                }

            .article-table thead th form .two-inputs input, .article-table thead th form .two-inputs section {
                width: 48%;
            }

                .article-table thead th form .two-inputs input:first-child, .article-table thead th form .two-inputs section:first-child {
                    margin-right: 4%;
                }

            .article-table thead th form .btns input {
                width: 48%;
                padding: 0;
                text-align: center;
                line-height: 30px;
                font-weight: bold;
            }

                .article-table thead th form .btns input[type="submit"] {
                    background: #FEBC10;
                    color: #181818;
                }

                    .article-table thead th form .btns input[type="submit"]:hover {
                        background: #FCDD11;
                    }

                .article-table thead th form .btns input[type="reset"] {
                    background: #181818;
                    color: #fff;
                }

                .article-table thead th form .btns input[type="button"] {
                    background: #181818;
                    color: #fff;
                }

                .article-table thead th form .btns input[type="reset"]:hover {
                    background: #353535;
                }

                .article-table thead th form .btns input[type="button"]:hover {
                    background: #353535;
                }

                .article-table thead th form .btns input:first-child {
                    margin-right: 4%;
                }

            .article-table thead th form p:last-child {
                margin-bottom: 0;
            }

            .article-table thead th .fa {
                margin-left: 5px;
                position: absolute;
                top: 50%;
                margin-top: -7px;
            }

            .article-table thead th.header .fa {
                margin-left: 7px;
            }

                .article-table thead th.header .fa:before {
                    content: "\f0dc";
                }

            .article-table thead th.headerSortDown .fa:before {
                content: "\f0dd";
                position: relative;
                top: -3px;
            }

            .article-table thead th.headerSortUp .fa:before {
                content: "\f0de";
                position: relative;
                top: 3px;
            }

    .article-table tbody {
        background: #fff;
    }

        .article-table tbody tr td.bold {
            font-weight: bold !important;
        }

        .article-table tbody td {
            white-space: normal;
            padding: 15px 15px 12px !important;
            border: 0 !important;
            border-bottom: 1px solid #eaeaea !important;
            font-size: 12px;
        }

    .article-table input[type="checkbox"] {
        margin: 2px 5px 0 0;
    }

    .article-table thead input[type="checkbox"] {
        position: relative;
        top: 2px;
    }

    .article-table tbody td:first-child {
        white-space: nowrap;
    }

    .article-table tbody td:last-child {
        white-space: nowrap;
    }

    .article-table tbody td.pop-up-btn {
        text-align: right;
    }

        .article-table tbody td.pop-up-btn .fa {
            padding: 3px;
            cursor: pointer;
            margin-left: 10px;
            color: #20232e;
        }

            .article-table tbody td.pop-up-btn .fa.fa-envelope {
                font-size: 16px;
                padding: 0;
            }

            .article-table tbody td.pop-up-btn .fa.fa-ban {
                font-size: 19px;
                padding: 0;
                position: relative;
                top: 1px;
            }

            .article-table tbody td.pop-up-btn .fa.fa-rotate-left {
                font-size: 18px;
                padding: 0;
                position: relative;
                top: 1px;
            }

            .article-table tbody td.pop-up-btn .fa.fa-bold {
                padding: 0;
                cursor: pointer;
                margin-left: 10px;
                background: #20232e;
                color: #fff;
                border-radius: 50%;
                width: 17px;
                height: 17px;
                line-height: 17px;
                text-align: center;
                font-size: 10px;
                position: relative;
                top: -2px;
            }

            .article-table tbody td.pop-up-btn .fa:hover {
                color: #bcbdc0;
            }

            .article-table tbody td.pop-up-btn .fa.fa-bold:hover {
                background: #bcbdc0;
                color: #fff;
            }

    .article-table tbody td.burn-btn {
        padding: 0 0 0 5px !important;
    }

        .article-table tbody td.burn-btn button {
            margin-right: -19px;
            height: 48px;
            color: #fff;
            width: auto;
            padding: 0 35px;
            background: #47C3D2;
            border: 0;
        }

    .article-table tbody td .td-span {
        padding-left: 15px;
        margin-left: 7px;
        border-left: 1px solid #eaeaea;
    }

    .article-table tbody tr.related-row {
        border-right: 4px solid #FDBE10;
    }

        .article-table tbody tr.related-row.cash {
            border-right: 4px solid #10befd;
        }

        .article-table tbody tr.related-row.first td {
            border-bottom: 0 !important;
        }

        .article-table tbody tr.related-row.second .fa {
            color: #FDBE10;
        }
        .article-table tbody tr.related-row.second.cash .fa {
            color: #1063fd;
        }

        .article-table tbody tr.related-row.second td:first-child {
            position: relative;
        }

            .article-table tbody tr.related-row.second td:first-child:after {
                content: '';
                display: block;
                position: absolute;
                top: 29px;
                left: 21px;
                height: 34px;
                border-right: 1px dashed #000;
            }

        .article-table tbody tr.related-row.third td:first-child:after {
            content: '';
            display: block;
            position: absolute;
            top: 29px;
            left: 21px;
            height: 34px;
            border-right: 1px dashed #000;
        }

    .article-table tbody .opened-row {
        background: #f5f5f5;
    }

    .article-table tbody .row-details {
        background: #f5f5f5;
        display: none;
    }

        .article-table tbody .row-details td {
            padding: 15px !important;
        }

        .article-table tbody .row-details .row div.col-xs-6 {
            padding: 0;
        }

        .article-table tbody .row-details .row > div > div {
            background: #fff;
            padding: 15px 20px;
        }

        .article-table tbody .row-details h4 {
            color: #fdb813;
            font-size: 15px;
            margin: 0 0 10px;
        }

        .article-table tbody .row-details p strong {
            width: 40%;
            text-transform: uppercase;
            display: inline-block;
        }

        .article-table tbody .row-details p:last-child {
            margin-bottom: 0;
        }

.white-container {
    background: #fff;
    padding: 20px 25px;
    border-top: 1px solid #eaeaea;
}

    .white-container.blue-border {
        border-left: 6px solid #fdb813;
        border-top: 0;
    }

    .white-container textarea {
        width: 100%;
        max-width: 100%;
        min-height: 200px;
        padding: 15px;
    }

        .white-container textarea.ar {
            text-align: right;
            direction: rtl;
        }

        .white-container textarea.en {
            text-align: left;
            direction: ltr;
        }

    .white-container .big {
        font-size: 18px;
        margin-left: 15px;
    }

.single-content-msg h3 {
    padding: 100px 0;
    font-weight: 100;
    font-size: 50px;
    text-align: center;
    color: #6a7498;
}

/* article-tabs */
.nav-tabs {
    border-bottom: 0;
}

    .nav-tabs > li {
        margin-bottom: 0;
    }
        /*.nav-tabs > li > a, .nav > li > a:focus, .nav > li > a:hover {  color: #181818; font-size: 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 !important; padding: 12px 35px; background: #d1d0d0; margin-left: 0;*/

        .nav-tabs > li > a, .nav > li > a:focus, .nav > li > a:hover {
            color: #181818;
            font-size: 15px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border: 0 !important;
            padding: 12px 35px;
            top: 6px;
            background: #d1d0d0;
            margin-left: 0;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
        }
/*.nav > li > a:hover { top:0; padding: 12px 35px; }*/
.nav > li > a:hover {
    top: 0;
    padding: 15px 35px;
}
/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #FDBE10; padding: 12px 35px; top:0; }*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FDBE10;
    padding: 15px 35px;
    top: 0;
}

/* pop-up */
#cboxLoadedContent {
    border: 0;
    overflow: hidden !important;
}

#cboxContent {
    background: transparent;
}

#cboxClose {
    display: none;
}

#product-view {
    height: 100%;
}

#flex-pop-up {
    min-width: 500px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.flex-pop-up-large {
    min-width: 866px !important;
}

#flex-pop-up .pop-up-title {
    margin: 0;
    color: #fff;
    padding: 0;
    font-weight: normal;
    font-size: 26px;
}

#flex-pop-up .view-head {
    padding: 12px 19px;
    background: #FEBC10;
}

    #flex-pop-up .view-head .flex-title {
        color: #fff;
        font-family: vodafoveRg, arial, sans-serif;
        font-size: 28px;
        margin: 0;
        padding: 0;
    }

    #flex-pop-up .view-head #close {
        color: #fff;
        font-size: 22px;
        margin-top: 3px;
        cursor: pointer;
    }

#flex-pop-up .view-content .fa {
    color: #FEBC10;
    font-size: 100px;
}

.fa-spinner {
    color: #FEBC10 !important;
}

#flex-pop-up .view-body {
    background: #fff;
    padding: 25px;
}

#flex-pop-up .view-text {
    padding-left: 120px;
}

    #flex-pop-up .view-text .icon-text {
        max-width: 330px;
        margin: 0;
        padding: 20px 0;
        font-size: 16px;
    }

#flex-pop-up .view-btns {
    border-top: 2px solid #dfdfdf;
    padding: 25px;
    text-align: center;
}

    #flex-pop-up .view-btns input {
        padding: 0 20px;
        text-align: center;
        line-height: 30px;
        font-weight: bold;
        margin: 0 5px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        #flex-pop-up .view-btns input[type="submit"] {
            background: #FEBC10;
            color: #181818;
        }

            #flex-pop-up .view-btns input[type="submit"]:hover {
                background: #FCDD11;
            }

        #flex-pop-up .view-btns input[type="reset"] {
            background: #181818;
            color: #fff;
            border: 0;
        }

        #flex-pop-up .view-btns input[type="button"] {
            background: #181818;
            color: #fff;
        }

        #flex-pop-up .view-btns input[type="reset"]:hover {
            background: #353535;
        }

        #flex-pop-up .view-btns input[type="button"]:hover {
            background: #353535;
        }

#flex-pop-up .view-body p {
    margin: 0 0 15px;
}

#flex-pop-up .view-body .margin-gutter {
    margin: 0 0 15px;
}

#flex-pop-up .view-body p:last-child {
    margin: 0;
}

#flex-pop-up .view-body input, #flex-pop-up .view-body select, #flex-pop-up .view-body label { /*margin: 0;*/
    color: #181818;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

@media (max-width: 1545px) {
    .line-height-sm {
        line-height: 20px !important;
    }
}

#flex-pop-up .view-body input, #flex-pop-up .view-body select, #flex-pop-up .view-body textarea {
    background: #fff;
}

#flex-pop-up .view-body textarea {
    height: 95px;
    background: #fff;
    width: 100%;
    max-width: 100%;
    padding-top: 8px;
}

#flex-pop-up .view-body input {
    padding: 0 17px;
}

#flex-pop-up .pop-up-inner-rows {
    background: #dfdfdf;
    padding: 15px 40px;
}

    #flex-pop-up .pop-up-inner-rows .add-rows {
        color: #000;
        text-decoration: underline;
    }

    #flex-pop-up .pop-up-inner-rows select {
        padding: 0 8px;
        color: #181818;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }

    #flex-pop-up .pop-up-inner-rows .inner-row {
        position: relative;
    }

    #flex-pop-up .pop-up-inner-rows .fa {
        line-height: 30px;
        width: 20px;
        text-align: center;
        font-size: 13px;
        color: #000;
    }

        #flex-pop-up .pop-up-inner-rows .fa:hover {
            cursor: pointer;
            background: #bdbdbd;
        }


/* tab-info-row */
.tab-info-row {
    background: #fff;
    padding: 25px;
    border-bottom: 1px solid #eaeaea;
}

    .tab-info-row .content {
        padding: 25px;
        background: #eaeaea;
    }

    .tab-info-row h5 {
        margin: 0;
    }

        .tab-info-row h5 span {
            margin-right: 10px;
        }

    .tab-info-row .ver-separator {
        margin: 2px 25px 0;
        width: 2px;
        height: 15px;
        background: #747474;
    }

    .tab-info-row .fa {
        margin-right: 10px;
        font-size: 18px;
        position: relative;
        top: 1px;
    }

.tab-inner-controls .title {
    margin: 0;
    line-height: 34px;
    color: #FEBC10;
}

.tab-inner-controls .btns {
    margin: 0;
}

    .tab-inner-controls .btns li {
        font-size: 16px;
        background: #FEBC10;
        margin: 0 0 0 10px;
    }

    .tab-inner-controls .btns.large li {
        margin-left: 0;
    }

    .tab-inner-controls .btns li.dark {
        background: #222222;
    }

    .tab-inner-controls .btns li:hover {
        background: #FCDD11;
    }

    .tab-inner-controls .btns li.dark:hover {
        background: #000;
    }

    .tab-inner-controls .btns a {
        color: #000;
        text-decoration: none !important;
        padding: 6px 13px;
        display: inline-block;
    }

    .tab-inner-controls .btns li.dark a {
        color: #fff;
    }

/* setting-reports */
.section-with-sideMenu {
    background: #fff;
    border-bottom: 25px solid #eaeaea;
    position: absolute;
    min-height: calc(100% - 125px);
    min-height: -webkit-calc(100% - 125px);
    min-height: -moz-calc(100% - 125px);
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
}

    .section-with-sideMenu .vertical-separator {
        background: #eaeaea;
        position: absolute;
        left: 25%;
        margin-left: -12px;
        z-index: 2;
        width: 15px;
        height: 100%;
    }

    .section-with-sideMenu .inner-sideMenu {
        display: block;
        padding: 0;
        border-right: 15px solid #eaeaea;
        margin: 0;
    }

        .section-with-sideMenu .inner-sideMenu li {
            display: block;
            border-bottom: 1px solid #eaeaea;
        }

        .section-with-sideMenu .inner-sideMenu a {
            position: relative;
            text-decoration: none;
            padding: 18px 20px;
            color: #1e1e1e;
            font-size: 18px;
            display: block;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
        }

            .section-with-sideMenu .inner-sideMenu a:hover {
                background: #fafafa;
            }

        .section-with-sideMenu .inner-sideMenu .active a {
            color: #FEBC10;
            font-weight: bold;
        }

            .section-with-sideMenu .inner-sideMenu .active a:after {
                z-index: 2;
                position: absolute;
                top: 50%;
                margin-top: -10px;
                right: -13px;
                display: block;
                border-left: 13px solid #fff;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
            }

    .section-with-sideMenu .row {
        margin-left: 0;
    }

    .section-with-sideMenu .inner-sideContent {
        padding: 0;
        border-left: 15px solid #eaeaea;
        margin-left: -15px;
    }

    .section-with-sideMenu .table-head h1 {
        line-height: 38px;
        color: #FEBC10;
        font-size: 24px;
        font-weight: normal;
    }

    .section-with-sideMenu .table-head li {
        margin-right: 15px;
    }

    .section-with-sideMenu .table-controls .button {
        margin: 3px 0 0 6px;
        padding-left: 21px;
        border-left: 1px solid #eaeaea;
    }

        .section-with-sideMenu .table-controls .button.no-border {
            margin: 3px 0 0 6px;
            padding-left: 0px;
            border-left: 0px;
        }

        .section-with-sideMenu .table-controls .button a {
            background: #FEBC10;
            text-decoration: none !important;
            color: #181818;
            font-size: 16px;
            font-weight: bold;
            padding: 8px 14px;
        }

            .section-with-sideMenu .table-controls .button a:hover {
                background: #7ee0ec;
            }

            .section-with-sideMenu .table-controls .button a .fa {
                margin: 3px 6px 0 0;
            }

    .section-with-sideMenu .table-head ul {
        margin: 6px 0 0;
    }

    .section-with-sideMenu .article-table-cont {
        background: #eaeaea;
        width: auto !important;
        overflow: visible !important;
    }

    .section-with-sideMenu .article-table tbody td {
        font-size: 14px;
    }

    .section-with-sideMenu .article-table thead th:nth-last-child(1) form, .article-table thead th:nth-last-child(2) form, .article-table thead th:nth-last-child(3) form {
        left: 0;
        right: auto;
    }

.inner-sideContent form .row, .inner-sideContent .form .row {
    margin: 0 -15px;
}

.inner-sideContent form, .inner-sideContent .form {
    padding: 20px;
    border-top: 3px solid #eaeaea;
    display: block;
}

.inner-sideContent .gray-fieldset {
    background: #eaeaea;
    padding: 0 5px;
}

    .inner-sideContent .gray-fieldset > .row > div {
        padding-top: 18px;
        padding-bottom: 18px;
    }

.inner-sideContent form select, .inner-sideContent form input:not([type="checkbox"]), .inner-sideContent .form select, .inner-sideContent .form input:not([type="checkbox"]) {
    height: 34px;
    padding: 0 7px;
}

.inner-sideContent form select, .inner-sideContent .form select {
    min-width: 100px;
}

.inner-sideContent form label, .inner-sideContent .form label {
    line-height: 34px;
}

.inner-sideContent form fieldset .col-xs-8, .inner-sideContent .form fieldset .col-xs-8 {
    border-right: 1px solid #fff;
}

.inner-sideContent form hr, .inner-sideContent .form hr {
    margin: 20px -20px;
}

.inner-sideContent form p, .inner-sideContent .form p {
    margin-bottom: 0;
}

.inner-sideContent .checkboxes-list {
}

    .inner-sideContent .checkboxes-list label {
        padding-left: 11px !important;
    }

    .inner-sideContent .checkboxes-list ul {
        margin: 0;
        border: 1px solid #adadad;
        height: 200px;
        overflow-y: scroll;
    }

        .inner-sideContent .checkboxes-list ul li {
            padding: 6px 10px 8px;
        }

            .inner-sideContent .checkboxes-list ul li:nth-child(odd) {
                background: #f3f3f3;
            }

    .inner-sideContent .checkboxes-list input[type="checkbox"] {
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

.inner-sideContent form input:not([type="checkbox"]).innerForm-submit, .inner-sideContent .form input:not([type="checkbox"]).innerForm-submit {
    border: 0;
    font-size: 16px;
    font-weight: bold;
    color: #181818;
    padding: 0 20px;
}

.inner-sideContent .checkboxes-list .checkboxes-filter h5 {
    display: inline-block;
}

.inner-sideContent .checkboxes-list .checkboxes-filter select {
    height: 28px;
}

/* dashboard */
.dashboard .dashboard-head .cont {
    position: relative;
    background: #fff;
    padding: 0px 0px 15px 0px;
}

.dashboard .head-col-title {
    font-size: 18px;
    color: #181818;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 5px 15px 20px;
}

    .dashboard .head-col-title span {
        color: #febc11;
        padding-right: 11px;
        font-weight: bold;
    }

.dashboard .dashboard-head .cont .fa {
    position: absolute;
    bottom: -10px;
    left: -5px;
    color: #eaeaea;
    font-size: 80px;
}

.dashboard .dashboard-head .cont h2 {
    text-align: right;
    color: #febc11;
    font-weight: bold;
    margin: 0;
    font-size: 27px;
    padding-top: 5px;
}

.dashboard .dashboard-head .cont h6 {
    margin: 0;
    text-align: right;
}

.dashboard .dashboard-head .cont div.border-right {
    border-right: 1px solid #eaeaea;
    padding-right: 15px;
    margin-right: 15px;
}

.dashboard .chart, .dashboard .chart-with-side {
    margin-top: 30px;
    padding: 15px;
    position: relative;
    background: #fff;
}

    .dashboard .chart-with-side:before {
        position: absolute;
        display: block;
        top: 0;
        left: 83.333%;
        height: 100%;
        width: 4px;
        margin-left: -2px;
        background: #eaeaea;
    }

.dashboard .col-xs-8 .chart-with-side:before {
    left: 75%;
}

.dashboard .chart-with-side .chart-cont, .dashboard .chart-with-side .chart-side {
    padding: 5px 20px;
}

.dashboard .chart-cont h3 {
    margin: 20px;
    font-size: 20px;
}

.dashboard .chart-side select {
    margin-bottom: 10px;
}

.dashboard .chart-side h5 {
    margin-bottom: 20px;
}

.dashboard .chart-side h4 {
    margin: 5px 0 10px;
    font-weight: bold;
}

    .dashboard .chart-side h4.cyan {
        color: #73cdd7;
    }

    .dashboard .chart-side h4.red {
        color: #ec1c23;
    }

.dashboard .chart-side h6 {
    margin: 20px 0 0;
}

    .dashboard .chart-side h6.small-margin-top {
        margin-top: 5px;
    }

    .dashboard .chart-side h6 .chart-bar-indicator {
        position: relative;
        top: 1px;
        height: 11px;
        width: 26px;
        display: inline-block;
        margin-right: 7px;
        background: grey;
    }

        .dashboard .chart-side h6 .chart-bar-indicator.cyan {
            background: #73cdd7;
        }

        .dashboard .chart-side h6 .chart-bar-indicator.red {
            background: #ec1c23;
        }

        .dashboard .chart-side h6 .chart-bar-indicator.green {
            background: #11887c;
        }

        .dashboard .chart-side h6 .chart-bar-indicator.yellow {
            background: #b1d235;
        }

.dashboard .chart-side .chart-side-data h6 {
    font-size: 10px;
}

.dashboard .chart-section-with-side {
    position: relative;
}

    .dashboard .chart-section-with-side > .col-xs-4 {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        background: #fff;
        border-right: 15px solid #eaeaea;
        border-left: 15px solid #eaeaea;
        border-top: 30px solid #eaeaea;
    }

.dashboard .title-with-select {
    padding: 0 20px;
}

    .dashboard .title-with-select h4 {
        margin: 0;
        line-height: 23px;
    }

.dashboard .chart-item {
    margin: 40px 0 20px;
}

    .dashboard .chart-item h5 {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .dashboard .chart-item .item-info {
        margin-top: 20px;
    }
/* pagination */
.pagination-cont {
    text-align: center;
}


/* charts */
.dashboard .axis path, .dashboard .axis line {
    fill: none;
    stroke: #eeeeee;
    shape-rendering: crispEdges;
}

.dashboard .axis circle {
    fill: #ddd;
    stroke: #555555;
    stroke-width: 2px;
    r: 4px;
}

    .dashboard .axis circle:hover {
        fill: #555555;
        cursor: pointer;
    }

.dashboard .axis text {
    font-size: 10px;
    color: #9e9e9e;
}

.dashboard .line {
    fill: none;
    stroke-width: 1.5px;
    position: relative;
    z-index: 2;
}

.dashboard .percentage {
    color: #181818;
    font-size: 30px;
}

/* report-period */
.MonthDatePicker .ui-datepicker-year {
    display: none;
}

.YearDatePicker .ui-datepicker-month {
    display: none;
}

.hide-calendar .ui-datepicker-prev, .hide-calendar .ui-datepicker-next {
    display: none !important;
}

.hide-calendar .ui-datepicker-year, .hide-calendar .ui-datepicker-month {
    width: 90% !important;
}

.HideTodayButton .ui-datepicker-buttonpane .ui-datepicker-current {
    visibility: hidden;
    display: none !important;
}

.hide-calendar .ui-datepicker-calendar {
    display: none !important;
    visibility: hidden !important;
}

.ui-widget-header {
    border-color: #69acc6;
    background: #FDBE10;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #000;
}

.report-period {
    margin-bottom: 15px;
}

    .report-period .fa {
        width: 13px;
    }

    .report-period input {
        margin-left: 5px;
        width: 115px;
        padding-left: 5px;
        display: none;
        height: 21px;
    }

        .report-period input.small {
            margin-left: 5px;
            width: 55px;
            padding-left: 5px;
        }

    .report-period .custom-period input {
        display: inline-block;
    }

.hide-calendar.ui-datepicker {
    width: 100px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
}

/* Caledar and new tabs */
#ui-datepicker-div {
    z-index: 100 !important;
}

.table-head .calendar .dateTimePicker {
    width: 80px;
    height: 19px;
    font-size: 12px;
}

.table-head .calendar {
    height: 40px;
    margin: 0 15px 0 !important;
    padding: 0 5px;
}

    .table-head .calendar button {
        border: 1px solid #A9A9A9;
        background: #f3f3f3 url("../images/filter-date-icon.png") no-repeat center;
        height: 40px;
        width: 40px;
        margin: 2px 0 0 5px;
    }

        .table-head .calendar button:hover {
            background-color: #e3e3e3;
        }

.table-head ul.filter-msg {
    padding: 0 25px 15px;
    border-bottom: 1px dashed #eaeaea;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    left: 0;
    top: 0;
    margin: 0 0 20px -25px;
}

    .table-head ul.filter-msg li {
        padding: 5px 10px;
        border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        background: #eaeaea;
        font-size: 11px;
        display: inline-block;
    }

        .table-head ul.filter-msg li strong {
            color: #353535;
            margin-right: 4px;
        }

        .table-head ul.filter-msg li .fa {
            cursor: pointer;
        }

.right-tabs.nav-tabs > li > a {
    margin: 0 0 0 10px;
}
/*.right-tabs.nav-tabs.move-top { margin-top: -49px; }*/
.right-tabs.nav-tabs.move-top {
    margin-top: -46px;
}

.table-head .summary {
    margin: 0;
}

    .table-head .summary li {
        margin: 0 !important;
        padding: 0 25px;
        border-right: 1px solid #eaeaea;
    }

        .table-head .summary li:last-child {
            padding-right: 0;
            border-right: 0;
        }

        .table-head .summary li span {
            font-size: 11px;
        }

        .table-head .summary li strong {
            font-size: 28px;
            color: #FDBE10;
            line-height: 28px;
        }

            .table-head .summary li strong small {
                font-size: 14px;
                margin-left: 5px;
            }

.table-controls.large-margin-top {
    margin-top: 11px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content {
    width: 700px !important;
}
.ngdialog.ngdialog-theme-plain.fixWidth1 .ngdialog-content {
    width: 1000px !important;
}

.ngdialog.ngdialog-theme-plain.fixWidth1 #close {
    color: #ffffff !important;
}

.ngdialog.ngdialog-theme-plain.fixWidth1 .article-table tbody tr.related-row.second td:first-child:after {
    border-right: 1px dashed #989898;
    width: 2px;
}

.zero-padding-bottom {
    padding-bottom: 0 !important;
}

.zero-padding-top {
    padding-top: 0 !important;
}

.zero-margin {
    margin: 0 !important;
}

.zero-margin-top {
    margin-top: 0 !important;
}

.black {
    color: #000;
    font-weight: bold;
}

.blue {
    color: #fdb813;
}

.strong {
    font-weight: bold;
}

.divider-right {
    position: relative;
}

    .divider-right:before {
        content: '';
        display: block;
        width: 1px;
        background: #ababab;
        top: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

.cursor-pointer {
    cursor: pointer;
}

#wrapper aside .panel-body {
    padding: 0;
}

#wrapper aside .sub-menu {
    background: #101010;
}

    #wrapper aside .sub-menu li a {
        color: #fff;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        padding: 14px 14px 12px !important;
        text-align: left;
        font-size: 16px;
        display: block;
    }

#wrapper .detailed-article-head .right-details.four-rows {
    height: 136px;
}

#wrapper .detailed-article-head .status {
    position: relative;
}

    #wrapper .detailed-article-head .status .row.four-rows > div {
        padding: 48px 0;
        height: 136px;
    }

    #wrapper .detailed-article-head .status .icon {
        z-index: 2;
        display: none;
        cursor: pointer;
        font-size: 14px;
        color: #5c5c5c;
        position: absolute;
        top: 7px;
        right: 12px;
    }

        #wrapper .detailed-article-head .status .icon:hover {
            color: #131313;
        }

    #wrapper .detailed-article-head .status:hover .icon {
        display: block;
    }

#wrapper .detailed-article-head .with-icon.wallet {
    padding-left: 100px;
    background: #fff url("../images/wallet-icon-gray.png") no-repeat left -30px bottom -20px;
}

#wrapper .tab-info-row .detailed-article-head {
    margin-bottom: 0;
}

    #wrapper .tab-info-row .detailed-article-head .right > div > div:first-child {
        border-right: 15px solid #fff;
        background: #eaeaea;
    }

    #wrapper .tab-info-row .detailed-article-head .status {
        background: #eaeaea;
    }

        #wrapper .tab-info-row .detailed-article-head .status .active {
            background: #7bdbe7;
        }

    #wrapper .tab-info-row .detailed-article-head .text-content {
        padding: 15px;
        height: 136px;
        background: #eaeaea;
    }

        #wrapper .tab-info-row .detailed-article-head .text-content.center-v {
            line-height: 120px;
        }

        #wrapper .tab-info-row .detailed-article-head .text-content.center-h {
            text-align: center;
        }

.form-head.border-top {
    border-top: 15px solid #eaeaea;
}

.form-body input[disabled] {
    cursor: default;
    background: #f3f3f3;
    border: 1px solid #a9a9a9;
    opacity: .6;
    color: #b9b7b7;
}

.form-body .table thead {
    border-bottom: 3px solid #eaeaea;
    text-transform: uppercase;
    font-weight: bold;
}

.form-body .button {
    padding: 9px 15px;
    background: #76ced8;
    border: 0;
    color: #000;
    font-weight: bold;
    margin-left: 15px;
    margin-bottom: 25px;
    cursor: pointer;
}

    .form-body .button.black {
        color: #fff;
        background: #181818;
    }

        .form-body .button.black:hover {
            background: #333232 !important;
        }

.form-body .table > thead > tr > td {
    vertical-align: middle;
    padding: 15px;
}

.white-container.blue-border {
    border-left: 6px solid #73cdd8;
    border-top: 0;
}

.article-table thead.no-border:before {
    display: none;
}

.article-table tbody td.pop-up-btn .fa.fa-pencil {
    padding: 0;
    cursor: pointer;
    margin-left: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    font-size: 17px;
    position: relative;
    top: -1px;
}

.article-table tbody td.pop-up-btn .fa.fa-close {
    padding: 0;
    cursor: pointer;
    margin-left: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    font-size: 17px;
    position: relative;
    top: -1px;
}

.article-table .gray-rows-container {
    padding: 0 15px 15px;
}

.article-table tbody .gray-row {
    background: #eaeaea;
    border-bottom: 22px solid #fff;
}

.article-table tbody .tall-btn {
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

    .article-table tbody .tall-btn:hover {
        background: #f3f3f3;
    }

    .article-table tbody .tall-btn.active {
        background: #FDBE10;
    }
    /*.article-table tbody .tall-btn.active:hover { background: #4dd5e5; }*/
    .article-table tbody .tall-btn.inactive {
        background: #d9d9d9;
    }
    /*.article-table tbody .tall-btn.inactive:hover { background: #c5c5c5; }*/
    .article-table tbody .tall-btn.border {
        position: relative;
    }

        .article-table tbody .tall-btn.border:before, .article-table tbody .tall-btn.border:after {
            position: absolute;
            top: 0;
            height: 100%;
            display: block;
            background: #fff;
            width: 1px;
            content: '';
        }

        table-border-spacing .tall-btn.border:before, .article-table tbody .tall-btn.border:after {
            background: none !important;
        }

        table-border-spacing .tall-btn.border:before, .article-table tbody .tall-btn.border:before {
            background: none !important;
        }

        .article-table tbody .tall-btn.border:before {
            right: 0;
        }

        .article-table tbody .tall-btn.border:after {
            left: 0;
        }

    .article-table tbody .tall-btn .fa {
        font-size: 24px;
    }

.article-table.example-1 thead tr th {
    font-weight: bold;
}

.article-table.example-1 tbody td {
    vertical-align: top !important;
}

.article-tabs.move-me-up {
    position: relative;
    top: 0;
    margin-top: -48px;
}

.nav-tabs > li.pull-right > a, .nav > li.pull-right > a:focus, .nav > li.pull-right > a:hover {
    margin-left: 10px;
    margin-right: 0;
}

#flex-pop-up.orange .view-head {
    background: #fdb813;
}

#flex-pop-up.orange .view-btns input[type="submit"]:hover {
    background: #fdb813;
}

.tab-info-row .center-btn {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 30px;
}

.gray-fieldset .fieldset-title {
    border-right: 2px solid #fff;
}

    .gray-fieldset .fieldset-title h4 {
        margin: 0;
    }

    .gray-fieldset .fieldset-title .fa {
        font-size: 34px;
    }

    .gray-fieldset .fieldset-title strong {
        display: inline-block;
    }

.tab-info-row .inner-sideContent {
    padding-top: 0;
    padding-bottom: 0;
}

.tab-info-row form label {
    line-height: 34px;
}

.fieldset-btn {
    border-left: 2px solid #fff;
}

    .fieldset-btn button {
        color: #fff;
        width: 100%;
        text-align: center;
        border: 0;
        background: #181818;
        padding: 8px 0;
        display: inline-block;
    }

.box {
    padding: 15px;
    border: 2px solid #eaeaea;
}

    .box .box-title {
        font-weight: bold;
        font-size: 14px;
    }

    .box .box-text {
        font-size: 14px;
        margin-top: 15px;
    }

        .box .box-text.ar {
            direction: rtl;
            text-align: right;
        }

/* search-results */
.search-results {
}

    .search-results .search-form {
        background: #fff;
        border: 2px solid #cfcfcf;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

        .search-results .search-form .inputs {
            padding: 15px 20px 22px;
        }

        .search-results .search-form label {
            display: block;
            font-weight: normal;
        }

        .search-results .search-form input {
            width: 100%;
            padding: 10px 15px;
        }

        .search-results .search-form .inputs:nth-child(2) {
            border-left: 1px solid #eaeaea;
            border-right: 1px solid #eaeaea;
        }

        .search-results .search-form button {
            /*padding: 10px 18px;
    background: #76ced8;
    border: 0;
    color: #000;
    font-weight: bold;*/
        }

        .search-results .search-form .desc {
            padding: 10px 0;
        }

        .search-results .search-form hr {
            float: left;
            width: 100%;
            margin-top: 0;
        }

    .search-results .wallets-results {
        margin-bottom: 30px;
        background: #fff;
    }

        .search-results .wallets-results .sec-title {
            font-size: 14px;
            padding: 15px 25px;
            margin: 0;
            border-bottom: 1px solid #eaeaea;
        }

        .search-results .wallets-results .sec {
            padding: 25px;
        }

            .search-results .wallets-results .sec:first-child {
                /*border-right: 3px solid #eaeaea;*/
            }

        .search-results .wallets-results .gray-box {
            padding: 25px;
            position: relative;
            background: #e5e5e5 url("../images/wallet-icon-gray.png") no-repeat right -30px bottom -10px;
        }

            .search-results .wallets-results .gray-box p {
                /*padding-left: 70px;*/
            }

            .search-results .wallets-results .gray-box .title {
                margin-top: 0;
                font-weight: bold;
                font-size: 20px;
            }

            .search-results .wallets-results .gray-box .icon {
                position: absolute;
                color: #fff;
                bottom: 0;
                left: -20px;
                font-size: 90px;
            }

        .search-results .wallets-results .table thead {
            border-bottom: 3px solid #eaeaea;
            text-transform: uppercase;
            font-weight: bold;
        }

    .search-results .products-results {
        background: #fff;
    }

        .search-results .products-results .table-container {
            /*padding: 15px 0;*/
        }

        .search-results .products-results .table thead {
            border-bottom: 3px solid #eaeaea;
            text-transform: uppercase;
            font-weight: bold;
        }

        .search-results .products-results .sec-title {
            font-size: 14px;
            padding: 15px 25px;
            margin: 0;
            border-bottom: 1px solid #eaeaea;
        }

        .search-results .products-results button {
            padding: 10px 18px;
            background: #FDBE10;
            border: 0;
            color: #000;
            font-weight: bold;
            margin-left: 15px;
        }

.add-bulk-users {
    border: 1px solid #dfdfdf;
    padding: 4px;
    padding-left: 15px;
}

.chooseFile-btn {
    background: #dfdfdf;
    padding: 0px 20px;
    margin-left: 50px;
}

.add-bulk-users label {
    height: 30px !important;
    line-height: 30px !important;
}

.add-bulk-users-container {
    margin: 45px 0;
}

.add-bulk-users .noFileSelect {
    color: #c3c3c3 !important;
}

.removeFileIcon {
    font-size: 25px !important;
    float: right;
    line-height: 30px;
    color: #c3c3c3 !important;
}




.search-results .products-results button:hover {
    background: #FCDD11;
}

.search-results .products-results button.black {
    color: #fff;
    background: #181818;
}

    .search-results .products-results button.black:hover {
        color: #fff;
        background: #333232;
    }

.black-button {
    color: #fff !important;
    background: #181818 !important;
    padding: 10px 18px;
    border: 0;
    font-weight: bold;
    border-radius: 0;
}


.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
    color: #fff !important;
    border-radius: 0;
}


.black-button:hover {
    color: #fff;
    background: #333232 !important;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
    color: #fff !important;
    background: #181818 !important;
    padding: 10px 18px;
    border: 0;
    font-weight: bold;
}


    .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary:hover {
        color: #fff !important;
        background: #333232 !important;
    }

.search-results .table > tbody > tr > td, .search-results .table > thead > tr > td {
    vertical-align: middle;
    padding: 15px;
}

.search-results .no-results {
    padding: 100px 0;
    text-align: center;
    background: #fff;
    font-size: 50px;
    color: gray;
    height: 70vh;
    position: relative;
}

    .search-results .no-results > div {
        position: absolute;
        top: 40%;
        width: 100%;
    }

#flex-pop-up .search-form {
    border: 0;
    background: #f6f6f6;
    margin-bottom: 0;
}

#flex-pop-up .search-results .search-form button {
    /*background: #fdb813;*/
}

.pop-up-btn.open {
    padding: 10px 18px;
    border: 0;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    color: #000;
    /*background: #181818;*/
}

.search-results-table tbody tr:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.wallets-results-row:hover {
    background: #fff;
    cursor: pointer;
}

.wallets-results-row {
    background: #fff;
    cursor: pointer;
}

/*========================================================================== */
/*			added by ahmed abdelazim  12/11/2015 04:34:22 ã			         */
/*========================================================================== */


.primary-button {
    border: none;
    outline: none;
    background: #FDBE10;
    padding: 10px;
    color: #000;
    font-weight: bold;
}


.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
    border: none;
    outline: none;
    background: #FDBE10;
    padding: 10px;
    color: #000;
    font-weight: bold;
}


    .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary:hover {
        border: none;
        outline: none;
        background: #FCDD11;
    }

.primary-button a {
    color: #181818;
}

.test-button {
    border: none;
    outline: none;
    background: #222222;
    padding: 10px;
    color: #ffffff;
}

    .test-button:hover, {
        border: none;
        outline: none;
        background: #333232;
    }

.primary-button:hover {
    border: none;
    outline: none;
    background: #FCDD11;
}

    .primary-button:hover a {
        border: none;
        outline: none;
        background: #FCDD11;
        text-decoration: none;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #FDBE10;
    border-color: #FDBE10;
}

.nicescroll-rails {
    background-color: #FDBE10 !important;
}

    .nicescroll-rails > div {
        background-color: #FDBE10 !important;
    }

.sub-menu li a:active {
    background-color: #FDBE10 !important;
}

#wrapper .detailed-article-head .right-details {
    height: 190px;
    background-color: #ffffff;
}

.row-margin-right {
    margin-right: 0;
    margin-left: 0;
}

.form-group samp {
    margin-top: 11px;
    font-weight: 600;
}

.form-body .checkboxes-cont span {
    margin: 7px 12px;
}

    .form-body .checkboxes-cont span input {
        height: 10px;
        /*padding: 0 0 0 9px;*/
    }

.test-sms-button {
    margin-left: 10px;
}

.form-margin-bottom {
    margin-bottom: 15px;
}

.testing-sms h4 {
    margin-bottom: 15px;
    margin-top: -4px;
    font-weight: 600;
}

.testing-sms {
    margin-bottom: 20px;
}

.segment-margin {
    margin-left: -30px;
}

.aside-container {
    overflow: auto;
}

.margin-number {
    margin-top: -18px;
}

.padding-number {
    padding-top: 28px;
}

.fa.fa-pencil.pull-left {
    /*margin-left: -20px;*/
}

.sms-details {
    border: 1px solid #eaeaea;
    background: #ffffff;
    height: 125px;
    margin-bottom: 20px;
    padding: 20px;
}

.detailed-article-head .table-head {
}

#wrapper .detailed-article-head .sms-right {
    /*border-bottom: 15px solid #ffffff;*/
    background: #eaeaea;
    height: 125px;
    margin-right: 6px;
}

.form-body-custom {
}

    .form-body-custom hr {
        margin: 2px -15px 26px;
    }

    .form-body-custom > div div.col-xs-6 p {
        padding: 1px;
    }

    .form-body-custom .btns .button {
        margin: 0;
        padding: 9px 20px;
        height: 36px;
        font-size: 14px;
        min-width: 100px;
    }

    .form-body-custom .switch {
        margin-left: 13px;
    }

    .form-body-custom .btns .button.black {
        background-color: #000;
        color: #fff !important;
    }


a {
    color: #181818;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #181818;
    }

.input-true {
    color: #FF0000;
}

.input-flase {
    color: #13c819;
}

.article-table tbody .td-custom {
    padding: 15px 8px 0 !important;
    font-size: 17px;
    width: 10px;
}

    .article-table tbody .td-custom .fa:hover {
        color: #bcbdc0;
    }

.ladda-button[data-style=expand-right] .ladda-spinner {
    /*right: 442px !important;*/
}

.ladda-button .ladda-label {
    left: 11px;
    top: 3px;
}

.fa-2x {
    position: relative;
    /*left: -8px;*/
    /*background: white;*/
    /*z-index: 100;*/
    left: -7px;
    top: 4px;
}



.input-state-text {
    position: relative;
    /*top: -10px;*/
    left: 10px;
}


.form-body fieldset input, .form-body fieldset select, .form-body fieldset textarea {
    width: 28% !important;
    margin-right: 5px;
    margin-left: 5px;
}

.birthdayPicker {
    margin-left: -20px;
}

.form-body fieldset {
    margin-bottom: -18px;
}

.form-body input[disabled]:hover, .form-body input[disabled]:focus, .form-body input[disabled]:active {
    cursor: default;
    background: #f3f3f3;
    border: 1px solid #a9a9a9;
}

.reset-btn {
    margin-right: 10px;
    background-color: #000 !important;
    color: #fff !important;
    font-weight: bold;
}

    .reset-btn:active, .reset-btn:hover, .reset-btn:focus {
        margin-right: 10px;
        background-color: #333232 !important;
    }

.ngdialog.ngdialog-theme-plain .ngdialog-content {
    padding: 0 !important;
}

.product-details {
    padding: 15px;
}

.ladda-button[data-style=expand-right] .ladda-spinner {
    right: -60px !important;
}

.ladda-button[data-style=expand-right][data-loading] {
    padding-right: 14px !important;
}

.display-flex {
    /*display: flex !important;*/
    display: flex !important;
}

.table-border-spacing {
    border-spacing: 0px 20px;
    border-collapse: separate;
}

.email-container {
    padding: 0px 19px;
    margin: 0px;
    background-color: #eaeaea;
    border-radius: 0;
}

    .email-container .black-button {
        padding: 7px;
    }

.panel-default > .panel-heading {
    background-color: #eaeaea;
    border-color: #eaeaea;
}

.panel {
    border-radius: 0;
}

.email-panel {
    height: 125px;
}

.panel-sms {
    padding: 0 15px;
}

#wrapper .head-btns-new li:last-child {
    /*margin: 1px 2px;
    padding: 0 11px;
    border-right: 2px solid #ccc;*/
}

#wrapper .head-btns-new .black-button {
    margin-left: 10px;
}

.product-hr {
    border-top: 1px solid #fff;
    margin: 20px 15px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 15px;
}


#wrapper .edit-details-btn a {
    padding: 6px 13px;
}

.retention-popup .input-state-text .fa-times-circle {
    font-size: 2em !important;
    color: #FF0000 !important;
}

.retention-popup .input-state-text .fa-check {
    font-size: 2em !important;
    color: #13c819 !important;
}

.retention-popup .input-state-text {
    left: 20px;
}

.asterisk {
    color: #FF0000;
    font-size: 20px;
}

.red-color {
    color: #FF0000;
}

.new-trans-body {
    padding: 0 !important;
}

    .new-trans-body p {
        margin: 0 0 15px;
        padding: 0 20px 5px 0px;
    }

.Verifi-box {
    border-top: 2px solid #f1f1f1;
    border-bottom: 3px solid #f1f1f1;
    padding: 20px 20px 20px 0 !important;
    margin-bottom: 20px !important;
    background-color: #f1f1f1;
}

.Verifi-box.style-2 {
    padding-right: 0 !important;
    padding-top: 30px !important;
}

.Verifi-box.style-1 {
    padding-top: 30px !important;
    padding-bottom: 25px !important;
    padding-right: 15px !important;
}

.new-trans-body.view-btns {
    border-top: 0 !important;
    padding-bottom: 20px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content {
    width: 640px !important;
}

.input-trans[disabled] {
    border-color: #ccc;
    color: #fff !important;
    background-color: #ccc !important;
}

.new-trans-body select {
    padding-right: 0;
}

select, input {
    border: 1px solid #A0A0A0;
}

.fa.fa-spinner {
    font-size: 40px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content {
    bottom: 100px;
}

#wrapper aside.opened #asideToggle .fa:before {
    position: relative;
    top: 1px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #wrapper aside:not(.opened) ul a {
        /*color: red\9;*/
        /*display:inline-block\9 !important;*/
        font-size: 16px\9 !important;
        width: 256px\9 !important;
    }
}

#wrapper aside:not(.opened) ul.sub-menu {
    width: 200px\9 !important;
}


#wrapper aside.opened ul li.with-sub-menu > a {
    display: block\9 !important;
}

.search-btn {
    padding: 10px 25px !important;
    min-width: 97px;
    line-height: 22px;
}

.bold {
    font-weight: bold !important;
}

.mastermn {
    /*border-right: 2px solid #fff;*/
}

.gray-box hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #fff;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(90deg);
}

.master-points {
    padding-bottom: 45px;
}

.gray-box:before {
    position: absolute;
    display: inline-block;
    border-top: 20px solid transparent;
    border-left: 20px solid #e5e5e5;
    border-bottom: 20px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.2);
    right: -20px;
    top: 90px;
    content: '';
}

.list-group-item {
    border: 0;
    margin-bottom: 0;
}

.list-group-item {
    border-bottom: 1px solid #ddd !important;
    padding-left: 0;
}

.wallet-box {
    border: 2px solid #ddd !important;
}

    .wallet-box ul li:last-child {
        border-bottom: 0 !important;
    }

#walletLines {
    padding: 20px;
    overflow-y: scroll;
    height: 220px;
    overflow-x: hidden;
}

    #walletLines .title {
        border-bottom: 3px solid #ddd !important;
        padding-bottom: 10px;
    }

.gray-box, .wallet-box {
    /*height: 220px;*/
}

    .wallet-box .primary-button {
        margin-top: 30px;
    }

.right-details.wallet-lines {
    overflow: scroll;
    overflow-x: hidden;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.vertical-a-p {
    position: relative;
    height: 100%;
}

.vertical-a-c {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.vertical-a-c2 {
    border-right: 2px solid #eaeaea;
    width: 90%;
    border-left: 2px solid #eaeaea;
    background-color: white;
    padding-left: 28px;
}

.light-gray {
    color: #b1afaf;
}

.wallet-lines .title {
    border-bottom: 3px solid #ddd !important;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.wallet-lines p.list-group-item {
    color: #fdb813;
}

.center-details h5 {
    padding-top: 30px;
}

.main-color {
    color: #FDBE10;
}

.wallet .user-info {
    margin-bottom: 40px;
}

.width-100 {
    width: 100% !important;
}

.m-n-input {
    margin-right: 30px;
}

.ver-code-label {
    margin-top: 0 !important;
}

.asterisk {
    position: absolute;
}

.bottom-m-n .ladda-label {
    left: 0 !important;
    top: 0 !important;
}

.ver-code-btn {
    padding: 0 20px !important;
    font-weight: bold !important;
    background-color: #000 !important;
    color: #fff !important;
}

.create-w-btn {
    padding: 6px 20px !important;
    font-weight: bold !important;
}

    .create-w-btn[disabled] {
        opacity: .4;
    }

.ver-code-btn[disabled] {
    opacity: .4;
}

.wallet hr {
    border-top: 3px solid #eee !important;
    margin: 0 -20px 0 !important;
}

.gender input {
    height: auto !important;
}

.gender .male {
    margin-left: 50px !important;
}

.gender .mr-input {
    margin-left: 50px !important;
}

.row.name {
    margin-top: 34px;
    margin-bottom: 15px;
}

.row.address {
    margin-bottom: 34px;
    margin-top: 23px;
}

.n-m-n-section {
    margin: 13px 2px 6px 0;
    padding: 8px 0 1px 14px;
    background-color: #eaeaea;
}

    .n-m-n-section .text {
        margin-bottom: 25px;
        margin-top: 10px;
    }

.n-m-n-container {
    padding: 20px 0px 0 0;
    margin-bottom: -20px;
}

.add-n-n {
    margin-top: 30px;
    margin-bottom: 30px;
}

.bottom-btns {
    margin: 20px 0px 0px !important;
}

.trans-table {
    background-color: #fff;
}

.article-table {
    background-color: #fff;
}

.fa-check {
    color: #3c763d !important;
    font-size: 30px !important;
    position: relative;
    top: 6px;
    /*left: 11px;*/
    right: 15px;
    width: 100%;
    text-align: right;
}

.fa-warning {
    font-size: 25px !important;
    position: relative;
    top: 5px;
    /*left: 11px;*/
    right: 15px;
    width: 100%;
    text-align: right;
}

.fa-warning {
    color: #a94442 !important;
}

.check-case {
    /*top: -34px;
    left: 60px;
    position: relative;*/
}

.text-danger {
    color: #a94442 !important;
}

.text-success {
    color: #3c763d !important;
}

.m-label {
    height: 20px !important;
}

/*.points-placeholder {
    left: -84px;
    font-weight: 100;
    color: #a9a6a6 !important;

}

.currecny-placeholder {
    left: -70px;
    font-weight: 100;
    color: #a9a6a6 !important;
}*/

.del-m-n-btn {
    background: transparent;
    border: 0;
    font-size: 12px;
    font-weight: 700;
}

.min-w-btn {
    width: 183px;
}

.child-walllet {
    margin: 20px 0px 0px 0;
    padding: 3px 0px 0px 14px;
    background-color: #eaeaea;
    margin-bottom: -10px;
}

.new-wallet .view-head {
    background: transparent !important;
}

.new-wallet h2, #close {
    color: #FEBC10 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.new-wallet .view-body {
    border-top: 3px solid #dfdfdf;
}

.new-wallet .view-btns {
    border-top: 3px solid #dfdfdf !important;
}

.gender .new-container .radio-side {
    padding-top: 7px !important;
}

.input-cont::before {
    content: "\f00c";
    font-family: FontAwesome;
}

.check-case {
    position: absolute;
    display: block;
    /*right: 450px;*/
    right: 35.2%;
}

.points-input[disabled] {
    /*background: #f3f3f3 !important;*/
    background: transparent !important;
    border: 0;
}

#loading-bar .bar {
    /*position: static !important;*/
}

.new-tran-section {
    width: 65%;
    margin: auto;
}

.new-close {
    margin: 30px 0;
}

    .new-close img {
        height: 75px;
        cursor: pointer;
    }

.new-tran-section .view-head {
    background-color: #fff !important;
    border-bottom: 3px #f1f1f1 solid;
}

.new-tran-section h2 {
    color: #FDBE10 !important;
}

.new-tran-section .margin.text-danger {
    margin-bottom: -15px;
}

aside.opened .new-trans-btn {
    width: 80% !important;
    float: none !important;
    margin: auto;
    padding: 0;
    border-bottom: 0 !important;
    margin-top: 80px;
    margin-bottom: 17px;
}

    aside.opened .new-trans-btn:hover {
        overflow: hidden !important;
    }

    aside.opened .new-trans-btn .primary-button {
        width: 100% !important;
        padding: 10px !important;
        font-size: 15px !important;
    }

    aside.opened .new-trans-btn .fa-plus {
        color: #000 !important;
        position: relative;
        left: 16px;
        top: 0px;
        font-size: 12px !important;
    }

#asideToggle {
    border-bottom: 0 !important;
}

aside:not(.opened) .new-trans-btn {
    width: 80% !important;
    margin: auto;
    float: none !important;
    right: 2px;
    height: 45px;
    margin-bottom: 24px;
}

    aside:not(.opened) .new-trans-btn .fa-plus {
        color: #000 !important;
        position: relative;
        left: -2px;
        top: 0px;
        top: -4px;
        /*font-size: 20px !important;*/
    }

    aside:not(.opened) .new-trans-btn:hover {
        /*width: 100% !important;
        margin: auto;
        float: right !important;
        height: 45px;
        margin-bottom: 24px;*/
    }

        aside:not(.opened) .new-trans-btn:hover .fa-plus {
            /*left: 5px !important;
            top: 1px !important;*/
        }

.confirm {
    position: relative;
    top: -54px;
}

.loading-submit {
    position: relative;
    top: 10px;
}

*:fullscreen *:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
    overflow: auto !important;
}

#flex-pop-up .view-body .checkboxtextinput {
    height: 12px;
    line-height: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.lineHI {
    line-height: inherit !important;
}










.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    position: relative;
    right: 3px;
    padding-right: 17px;
    padding-left: 0;
}

    .file-upload .file-select {
        /*display: block;*/
        display: inline-block;
        width: 100%;
        display: inline-block;
        border: 1px solid #A0A0A0;
        color: #34495e;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        position: relative;
    }

        .file-upload .file-select .file-select-button {
            background: #dce4ec;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            float: right;
            border-left: 1px solid #A0A0A0;
            color: #181818;
            font-size: 14px;
            font-weight: bold;
        }

        .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px;
            font-size: 14px;
            height: 40px;
            line-height: 40px;
        }

        .file-upload .file-select:hover {
            /*border-color: #34495e;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;*/
        }

            .file-upload .file-select:hover .file-select-button {
                /*background: #34495e;
                color: #FFFFFF;
                transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;*/
            }

    .file-upload.active .file-select {
        border-color: #26583c;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

        .file-upload.active .file-select .file-select-button {
            background: #26583c;
            color: #FFFFFF;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

    .file-upload .file-select input[type=file] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload .file-select.file-select-disabled {
        opacity: 0.65;
    }

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    /*border: 2px solid #dce4ec;*/
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}











/*fix srcoll keypad*/
#wrapper article {
    position: relative;
    overflow: visible !important;
}

.small-box-shadow {
    position: fixed;
    width: 100%;
    z-index: 99999;
}

#wrapper aside {
    position: fixed;
        z-index: 99;
}

.add-bulk-users-sec {
    padding: 0;
}

.add-bulk-users-sec .add-bulk-users  .chooseFile-btn {
    background: #dfdfdf;
    padding: 0px 20px;
    margin-left: 50px;
    padding: 0px 7px !important;
    font-size: 12px !important;
    margin-right: 4px;
    font-weight: bold !important;
}


.add-bulk-users-sec .add-bulk-users {

    border: 1px solid #a9a9a9;
}

.add-bulk-users-sec .add-bulk-users label {
    height: 20px !important;
    line-height: 20px !important;
}


.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    border-radius: 7px;
    min-height: 10px;
    width: 7px;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background: #b3b3b3;
    background-clip: padding-box;
}


.simplebar-track:hover .simplebar-scrollbar {
    opacity: 0.8;
    -webkit-transition: opacity 0 linear;
    transition: opacity 0 linear;
}


/*.tooltipSec:hover {
    color: red;
     position: relative !important; 
}

.tooltipSec[title]:hover:after {
    content: attr(title);
    padding: 4px 8px;
    color: #333;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 20;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}*/



/*a {
  color: #900;
  text-decoration: none;
}

a:hover {
  color: red;
  position: relative;
}

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 20;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}*/

.ngdialog {
    z-index: 999999999 !important;
}


#loading-bar {
    z-index: 999999999 !important;
    position: relative;
}

#loading-bar-spinner {
    z-index: 999999999999 !important;
}

.points-input:after {
}

.points-input {
    width: 70px;
    padding: 0 !important;
}

.text-center {
    text-align: center !important;
}

.no-border {
    border: 0 !important;
}

.pb5 {
    padding-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-7 {
    margin-top: 7px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-12 {
 margin-top: 12px;
}

.percent-sympol {
    position: absolute;
    right: 22px;
    top: 3px;
}

.pl-5 {
    padding-left: 5px;
}

.mr-1 {
    margin-right: 5px;
}

a.primary-button {
    text-decoration: none;
}

.pl-10 {
    padding-left: 10px !important;
}

.btn-fit-1 {
    padding: 6px 27px !important;
    height: 41px !important;
    line-height: 30px;
}


.nav.nav-tabs.style-1 {
    margin-left: 1px;
    border-bottom: 1px solid #dddddd;
}

.nav.nav-tabs.style-1 a {
    background: transparent
}

.nav.nav-tabs.style-1 li.active a {
    font-weight: bold;
}

.tab-content.style-1 {
    margin-left: 1px
}

.nested-ul {
   
}

.nested-ul a {
    font-size: 15px !important;
    font-weight: 500 ;
    padding-left: 36px !important;
    display: inline-block !important;
    width: 100%;
}

.mr0 {

    margin: 0;
}
.nested-ul.collapse {
    visibility:visible !important;
}