body {font-family: 'Roboto', sans-serif; font-weight:400; padding-bottom: 30px; background-color: #eeeeee;}
a {color: #95a0aa;}
a:hover, a:focus {color: #777777;}
.btn:active, .btn.active, .btn-group.open .dropdown-toggle {-webkit-box-shadow:none; box-shadow:none;}
.page-wrapper {max-width: 1860px; margin:0 auto; width:100%;}
.nav>li>a {padding:10px 15px;}
.header .notice {font-size: 12px; color: #95a0aa; font-weight: 500; margin-right:10px;}
.header .notice .badge {color: #ffffff; margin-left:5px; font-size: 8px; background-color: #f86b4f; border-radius:100%; width:2em; height:2em; line-height: 2em; padding:0; text-align: center; margin-top:-1em;}
.header-toolbar .btn-group>.btn {font-weight:500; font-size: 12px; color: #95a0aa; background-color: transparent; border-width:0; padding-right: 0; padding-left:0;}
.header-toolbar .user-image {width:25px; height: 25px; border-radius:50%; margin-right: 5px;}
.navbar {margin-bottom:0px;min-height: 51px !important;}
.navbar-brand {padding: 0px 15px; height: auto;}
.header-toolbar .btn .select-icon {fill: #95a0aa;}
.navbar-default .navbar-brand img {width: 150px;}
.navbar-wrapper, .extra-header-container, .content-container {max-width: 1860px;}
.navbar-wrapper {order:1; width: 100%;}
.extra-header-container {order: 2; width: 100%;}
.content-container {order: 3; width: 100%;}
.dropdown:hover .dropdown-menu {display: block;}
.secondaynavbar {padding-left:0; padding-right: 0;}
.secondaynavbar .nav>li {border-top: 1px solid #e1e1e1; background-color: #fff; position: relative;}
.secondaynavbar .nav>li:before {content:""; width:4px; height:100%;position: absolute;left: 0;top: 0; background-color: #d0590a; display: none;}
.secondaynavbar .nav>li:hover {background-color: #f7f7f7;}
.secondaynavbar .nav>li.active:before, .secondaynavbar .nav>li:active:before {display: block;}
.secondaynavbar .nav>li.active {background-color: #eeeeee;}
.secondaynavbar .nav>li.active a {color: #29334a; font-weight: 600;}
.secondaynavbar .nav>li.active .submenu-icon {fill:#d0590a;}
.secondaynavbar .nav>li:last-of-type {border-bottom: 1px solid #e1e1e1;}
.secondaynavbar .nav>li>a{display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;align-items: center; font-weight:500;font-size:12px; color:#95a0aa; padding:5px 12px 5px;}
.sidebar-title {font-size: 16px; color: #fff; font-weight:500; line-height: 1em; margin: 10px 0; background: #3bb8ea; padding: 10px;}
.menu-icon {width: 24px; height: 24px; fill:#fff; margin: 0 7px 0 0;}
.submenu-icon {width: 17px; height: 17px; fill:#7f7f7f; margin: 0 15px 0 0;}
.submenu-open-icon {position: absolute;right: 0;top: 0;margin: 15px 15px;width: 25px;height: 25px;fill: white;}
.heading-icon {width: 22px; height: 22px; fill: #777777; margin-right: 7px;}
.content-icon {width: 24px; height: 24px; fill: #8b8b8b; margin-right: 7px;}
.table-icon {width: 24px; height: 24px; fill: #7f7f7f;}
.table-btn-icon {width:14px; height:14px; fill: #95a0aa;}
.pager-icon {width: 30px; height: 30px; vertical-align: middle;}
.paypal-icon {width:90px; height:24px;}
.table-call-icon {width: 15px; height: 15px;}
.table-call-icon.outbound {fill: #f10000;}
.table-call-icon.inbound {fill: #00ac00;}
.table-time-icon {width:24px; height:24px; fill:#7f7f7f; display: block;}
.notif-carousel {padding:15px; background-color:#f4f4f4; border-bottom: 1px solid #e1e1e1; font-weight: 500;}
.notif-carousel .carousel-btn svg {margin:0; vertical-align: top;}
.notif-date {font-size: 10px;text-transform: uppercase;color: #95a0aa; margin-bottom:3px;}
.notif-title {font-size: 12px;margin-bottom: 20px;text-transform: uppercase;color: #3bb8ea;}
.notif-content {font-size: 10px;line-height: 18px;color: #95a0aa;font-weight: 400;margin-bottom: 1em;}
.notif-more, .notif-carousel .carousel-btn {font-size: 10px;text-transform: uppercase;color: #3bb8ea;font-weight: 500;}
.notif-carousel .carousel-btn {margin-left: 12px;}
.notif-more:hover, .notif-carousel .carousel-btn:hover {color: #24c1ff;}
.carousel-nav {display: inline-block; position: absolute; bottom:0; right: 0; background-color: #f4f4f4;}
.howto {padding: 15px; background-color: #fff;}
.howto-heading {font-size: 14px; color: #95a0aa; margin-bottom: 20px; letter-spacing: 0.075em; font-weight: 500;}
.howto-heading svg {width:17px;height: 17px; fill: #7f7f7f; margin-right: 25px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.breadcrumb {padding:0; background-color: transparent; color: #95a0aa; font-size: 12px;}
.breadcrumb li {font-weight: 700;}
.breadcrumb a {font-weight: 300; color: #95a0aa;}
.breadcrumb>li+li:before {font-weight: 300;}
h1 {color: #615f5f; font-size: 13px; font-weight: 500; line-height: 1; margin:0;}
h1>.lighter {color:#95a0aa;}
h2 {font-size: 13px; color: #95a0aa; font-weight: 400; margin: 10px 0;}
.page-heading {color: #95a0aa; border-bottom: 1px solid #afafaf; font-size: 13px; margin-bottom: 5px;}
.navbar-default {z-index: 10; border-bottom-width: 0;}
.navbar-nav>li>a {font-size:14px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.075em;}
.navbar-nav>li>a:hover .menu-icon, .navbar-nav>li.active .menu-icon {fill: #fff;}
.submenu-toggle {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0;}
.submenu-toggle .icon-bar {float: right; clear: right; background-color: #fff;}
.navbar-right {margin-right: 0;}
.subactions {font-weight: 500; margin-bottom: 10px;}
.subactions > a {margin-right: 10px;}
.subactions .credits-value {color: #2c3e50;}
.paybox {background-color: #fff; padding:30px;}
.paybox + .paybox {margin-top: 30px;}
.paybox-header {border-bottom: 1px solid #afafaf; padding-bottom:10px; font-size: 14px; color: #131e38;}
.paybox-header>svg {vertical-align: top;}
.paybox-content {padding-top:15px;}
.paybox-content legend {color: #131e38; font-size: 14px;}
.paybox-content legend label {font-size: 10px;}


.paybox-footer {padding-top:30px; border-top: 1px solid #afafaf; margin-top: 15px;}
.paybox-footer .btn {width: 100%;}
.btn {border-radius: 2px; font-size: 13px; font-weight: 500; padding: 5px 10px; letter-spacing: 0.075em;}
.price-button {font-size: 13px; width: 100%; border-radius: 19px; margin-top: 23px;}
.btn-primary:hover {color: #fff; background-color: #34a1ea; border-color: #34a1ea;}
.form-control {border-radius: 19px;background-color: #fff; border: none;font-size: 12px; color: #a1abb3; font-weight: 400; height:27px; -webkit-box-shadow:none; box-shadow: none; padding: 4px 12px}
.form-control.bordered, .form-control.file-caption {border: 1px solid #c4eaf9;}
.select-control {position: relative;}
.select-control .form-control {position: relative; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; padding-right: 20px; cursor: pointer;}
.select-control .form-control::-ms-expand {display: none;}
.select-control .arrow {position: absolute;right: 0;top: 0;pointer-events: none;line-height: 16px;height: 16px;padding: 3px;box-sizing: content-box; cursor: pointer;}
.select-icon {width: 22px;height: 22px;fill: #3bb8ea;}
.form-group label {color: #131e38; font-weight: 500; font-size: 12px;}

.actions .btn {width: 100%;}
table.panel-default {font-weight: 500; font-size: 14px;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border-color: #dadee7;line-height: 24px; font-size:12px}
.panel-default>.panel-heading {color: #fff; background-color: #3bb8ea; border-color: #3bb8ea; border: 1px solid #51add8;}
.panel-default>.panel-heading th {font-weight: 400;}
.table-bordered>thead>tr>th {border-color: #51add8;}
.cdr-audio {width: 44px;}
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {vertical-align: middle;}
.table-search-form .form-group label {font-size: 12px; color: #a1aab3 ; font-weight: 500;}
.table-responsive {border:none;}
.pager {margin:0;}
.pager li>a, .pager li>span {display: inline-block;padding:0;background-color: #fff;border: 1px solid #e6e6ea;border-radius: 0;color: #0e1a35;font-size: 14px;font-weight: 500; width: 30px;height: 30px;line-height: 30px;}
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {color: #009ae2;background-color: #fff;}
.pager .pager-next>a, .pager .pager-previous>a {background-color: transparent; border-width: 0; padding:0;}
.pager .pager-next svg, .pager .pager-previous svg {fill: #34495e;}
.pagination {margin: 33px 0;}
.pagination li>a, .pagination li>span {display: inline-block;padding: 0;background-color: #fff;border: 1px solid #e6e6ea;border-radius: 0;color: #0e1a35;font-size: 14px;font-weight: 500;width: 30px;height: 30px;line-height: 30px; text-align: center;}
.pagination .disabled>a, .pagination .disabled>a:hover, .pagination .disabled>a:focus, .pagination .disabled>span {color: #009ae2;background-color: #fff;}
.pagination .next>a, .pagination .previous>a {background-color: transparent; border-width: 0;}
.pagination .next svg, .pagination .previous svg {fill: #34495e;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {color: #009ae2;background-color: #fff;border-color: #ddd;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #009ae3; outline:none;}
.pagination .next a, .pagination .previous a {padding:0;}
.table-actions {text-align: center;}
.download-csv {text-align: center; margin-top: 15px;}
.panel-heading {border-radius:0;}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {border-top: 1px solid #51add8;}
.table>thead>tr>th {vertical-align: middle;}
#datatable-numbers>thead>tr>th,#datatable-numbers>tbody>tr>th,#datatable-numbers>tfoot>tr>th,#datatable-numbers>thead>tr>td,#datatable-numbers>tbody>tr>td,#datatable-numbers>tfoot>tr>td {padding:3px 17px 3px 3px;}
#datatable-numbers>thead>tr>th:first-child, #datatable-numbers>tbody>tr>td:first-child{padding-right: 3px;}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {border-bottom-width: 1px}
.btn.btn-icon {color: #fff;background-color: #ecebeb;border-color: #ffffff;border-radius: 5px;padding: 5px; margin-left: 5px;}
.btn.btn-icon:hover, .btn.btn-icon:active {background-color: #d8d5d5;}
.btn-default svg {vertical-align: top; width:16px; height: 16px;}
.sortable th>div {display: -ms-flexbox;display: flex; -ms-flex-pack: justify; justify-content: space-between;}
div.dataTables_wrapper div.dataTables_filter label {margin-bottom:0;}

div.dataTables_wrapper div.dataTables_length select {font-size: 14px;}
#btn-placeholder {text-align: center; padding: 0;}
.menu-option-grp>span {-webkit-flex-basis: 100%; flex-basis: 100%; margin-bottom: 10px;}
.menu-option-grp .btn-icon {margin-left:0; margin-right: 5px;}
.call-handling .panel-heading {line-height: 34px;}
.dataTables_filter .form-control.input-sm {height: 27px; padding: 4px 12px;}
table.dataTable {margin-top:29px!important; border-collapse: collapse;}
.dataTables_wrapper label {font-weight: normal;}
/*table.dataTable thead .sorting span {margin-left: 5px;}*/
table.panel-default, .panel-heading {font-size: 12px;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {padding: 15px 18px; vertical-align: middle;}
.dataTables_wrapper .dataTables_paginate {padding-top: 0;}

.phone-numbers .dynamic-section {color: #131e38; font-size:14px; line-height: 18px; font-weight: 600;}
.phone-numbers .dynamic-section .heading, .phone-numbers .dynamic-section legend {font-size: 14px; margin-top:3px; margin-bottom: 15px;  font-weight: 600;}
.phone-numbers .dynamic-section legend {border-bottom-width: 0;  font-weight: 600;}
.phone-numbers .dynamic-section label {line-height:1;  font-weight: 600;}

.phone-numbers label a {color: #3bb8ea;margin-right: 15px;}
.phone-numbers label.full {width: 100%;}
.dashpanel {border:none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0;}
.dashpanel .pane-title {font-size: 14px; color:#fff; font-weight: 500; line-height: 73px;}
.dashpanel .panel-heading {background-color: #3bb8ea; border-bottom-width: 0; padding: 0 5px;}
.dashpanel .select-control .form-control {border: 1px solid rgba(255,255,255,0.3); background-color: #3bb8ea; color: #fff; text-align: right; font-size: 14px; font-weight: 300;}
.dashpanel .select-control .select-icon {fill: #fff;}
.dashpanel .panel-body {padding: 10px;}
.nav-tabs {border-bottom-width: 0; border-top: 1px solid #afafaf;}
.nav-tabs li {margin-top: -1px; margin-bottom: 0}
.nav-tabs li>a {color: #615f5f; font-size: 13px; border:none; border-top: 6px solid transparent; border-radius: 0;padding:10px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border-width: 0; font-weight: 500; border-top: 6px solid #5faee3; border-radius: 0; margin:0;}
.nav-tabs>li>a {margin-right: 0;}
.nav-tabs>li>a:hover {border-top:6px solid #5faee3;}
.box-body table.panel-default {margin-top:0;}
#faxes tr td:nth-child(4), #faxes tr td:nth-child(5),
#faxes tr th:nth-child(4), #faxes tr th:nth-child(5),
#messages tr td:nth-child(4), #messages tr td:nth-child(5), #messages tr td:nth-child(6),
#messages tr th:nth-child(4), #messages tr th:nth-child(5), #messages tr th:nth-child(6) {text-align: center;}
.input-group.file-caption-main .btn {font-size: 14px; line-height: 26px; padding: 5px;}
.navbar-brand>img {width: 178px;}
.chart {height: 300px;}
.list-group-item {padding: 5px;}
audio {max-width: 100%;}
#table-pagination {text-align: center;}
.dataTables_wrapper .dataTables_paginate {float: none; text-align: center;}
table.dataTable, table.dataTable th, table.dataTable td {box-sizing: border-box;}
.childmenubg{background-color: #777777 !important;}
.childmenubg>li>a{
    color: #FFF !important;
}
.menu_bars {
    font-size: 30px;
}
.row{
    margin: 0px !important;
}
.btn-no-padding{
    padding: 5px 0px;
}
.text-orange{
    color: #f0ad4e;
}
.text-white{
    color: #FFFFFF;
}

@media (min-width: 425px) {
    .special-pull-right {right: 0; left: auto;}
    
}
@media (max-width: 768px) {
    .table-responsive {margin-bottom: 0;}
    .box-body .table-responsive {margin-bottom: 20px;}
    .filter-dropdown{
        width: 100% !important;
        font-size: 12px !important;
    }
    .dropdown-menu li a {

        padding: 2px 6px !important;
        margin: 0px 4px !important;
        font-size: 12px !important;
    }
    .custom-filter-list{
        max-height: 200px !important;
        min-height: 100px !important;
        padding-bottom: 15px !important;
        overflow-y: auto !important;
    }
    .dropdown-menu{
        min-width: 0px !important;
    }
    .taskDateBox{
        width: 100% !important;
    }
    .table tr td, .table tr td {
        font-size: 8px !important;
    }
}
@media (max-width: 1280px) {
    .table-responsive {margin-bottom: 0;}
    .box-body .table-responsive {margin-bottom: 20px;}
    .table tr th, .table tr td {
        font-size:12px !important;
    }
}
@media (max-width: 500px) {
    .table-responsive {margin-bottom: 0;}
    .box-body .table-responsive {margin-bottom: 20px;}
    .table tr th, .table tr td {
        font-size:8px !important;
    }
}

@media (min-width: 768px) {
    h1 {color: #615f5f; font-size: 13px;}
    h2 {font-size: 14px;}
    .breadcrumb {font-size: 10px;}
    .navbar-wrapper {order:2;}
    .extra-header-container {order: 1;}
    .subactions {font-size: 13px; margin-bottom: 20px;}
    .navbar-brand {padding: 0px 0 0px;}
    .navbar-nav>li>a {padding:15px 18px; font-size: 13px; flex-direction: column;}
    .navbar-nav>li>a>svg {margin: 0 0 17px;}
    .navbar-nav>li>a>svg {display: block;}
    .navbar-nav>li.active>a:after, .navbar-nav>li:hover>a:after {content:"";position: absolute;width: 0; height: 0; border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 5px solid #3bb8ea;bottom: -5px; left: 50%; margin-left: -7px;z-index: 3;} 
    .sidebar-title {margin: 15px 0 15px; background: transparent; padding: 0; color: #95a0aa;}
    .subactions > a {margin-right: 35px;}
    .download-csv {text-align: right; margin-top:0;}
    #btn-placeholder {text-align: left; padding: 0 15px 0 0;}
    .search-box-placeholder {padding: 0 0 0 15px;}
    .menu-option-grp>span {-webkit-flex-basis: 0.000000001px; flex-basis: 0.000000001px; margin-bottom: 0;}
    .menu-option-grp .btn-icon {margin-left:5px; margin-right: 0;}
    .header-toolbar .user-image {width:34px; height: 34px; margin-right: 10px;}
    .page-heading {margin-top: 14px;}
    .btn {border-radius: 4px; font-size: 13px; line-height:16px; padding: 5px 10px;}
    .navbar-default {background-color:transparent; border-color: transparent;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color: #3bb8ea;}
    .menu-icon {width: 17px; height: 17px;}
    .content-icon {width: 24px; height: 24px;}
    .dashpanel .pane-title {font-size: 13px; line-height: 52px;}
    .dashpanel .panel-body {padding: 5px;}
    table.panel-default, .panel-heading {font-size: 12px;}
    .dashpanel .select-control .form-control {font-size: 12px;}
    .chart {height: 350px;}
    .paybox {padding:15px;}
    .paybox-header {border-bottom: 1px solid #afafaf; padding-bottom:12px; font-size: 14px;}
    .header .notice {margin-right: 20px;}
    .header .notice .badge {font-size: 10px;}

    .call-handling {margin-top: 56px;}
    .table-icon {width: 18px; height: 18px;}
    .highcharts-legend-item text {font-size: 10px; font-weight: normal;}
    .cdr-search .actions {margin-bottom: -43px;z-index: 1;}
    .btn-no-padding{
        padding: 5px 0px;
    }
}


@media (min-width: 1440px) {
    h1 {font-size: 14px;}
    h2 {font-size: 16px;}
    .breadcrumb {font-size: 14px;}
    .page-heading {margin-top: 10px;}
    .sidebar-title {font-size: 16px; margin: 19px 0 13px;}
    .navbar-brand {padding: 0px 0;}
    .navbar-brand>img {width: 248px;}
    .subactions {font-size: 18px;}
    .secondaynavbar .nav>li>a, .notif-carousel, .howto {padding:5px 12px 5px; font-size: 12px;}
    .secondaynavbar .nav>li>a {letter-spacing: 0.075em;}
    table.panel-default, .panel-heading {font-size: 14px;}
    .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 6px 4px;}
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th {padding: 15px 16px;}
    .header .notice, .header-toolbar .btn-group>.btn {font-size: 18px;}
    .panel-heading {padding: 12px 22px;}
    .navbar-wrapper {order:2;}
    .extra-header-container {order: 1;}
    .navbar-brand {padding: 0px 0;}
    .navbar-nav>li>a {padding:15px 40px; font-size: 14px; flex-direction: column;}
    .navbar-nav>li>a>svg {margin: 0 0 17px;}
    .navbar-nav>li.active>a:after, .navbar-nav>li:hover>a:after {content:"";position: absolute;width: 0; height: 0; border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 5px solid #3bb8ea;bottom: -5px; left: 50%; margin-left: -7px;z-index: 3;} 
    .sidebar-title {margin: 19px 0 13px; background: transparent; padding: 0; color: #95a0aa;}
    .subactions > a {margin-right: 50px;}
    .download-csv {text-align: right; margin-top:0;}
    #btn-placeholder {text-align: left; padding: 0;}
    .search-box-placeholder {padding: 0 0 0 15px;}
    .menu-option-grp>span {-webkit-flex-basis: 0.000000001px; flex-basis: 0.000000001px; margin-bottom: 0;}
    .menu-option-grp .btn-icon {margin-left:5px; margin-right: 0;}
    .header-toolbar .user-image {width:48px; height: 48px;}
    .page-heading {margin-top: 10px;}
    .btn {border-radius: 4px; font-size: 18px; line-height:26px; padding: 5px 25px;}
    .navbar-default {background-color:transparent; border-color: transparent;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color: #3bb8ea;}
    .pagination li>a, .pagination li>span {font-size: 19px; width: 40px;height: 40px;line-height: 40px;}
    .pager-icon {width: 40px; height: 40px;}
    .content-icon {width: 36px; height: 36px;}
    .menu-icon {width: 24px; height: 24px;}
    .nav-tabs li>a {font-size: 20px; padding:22px 30px;}
    .dashpanel .pane-title {font-size: 18px; line-height: 73px;}
    .dashpanel .panel-heading { padding: 0 15px 0 30px;}
    .dashpanel .panel-body {padding: 15px;}
    .submenu-icon {width: 24px; height: 24px; margin: 0 19px 0 0;}
    .secondaynavbar .nav>li:before {width:7px;}
    .notif-date {font-size: 14px;}
    .notif-title {font-size: 16px;margin-bottom: 29px;}
    .notif-content {font-size: 14px;}
    .notif-more, .notif-carousel .carousel-btn {font-size: 12px;}
    .howto-heading {font-size: 20px; margin-bottom: 28px; }
    .howto-heading svg {width: 22px;height: 22px; margin-right: 25px;}
    .form-control, .dataTables_filter .form-control.input-sm {font-size: 16px; height:38px; padding: 7px 12px}
    .dashpanel .select-control .form-control {font-size: 14px;}
    .select-control .form-control {padding-right: 30px;}
    .select-control .arrow {padding: 9px;}
    .chart {height: 490px;}
    .paybox-content legend {font-size: 20px;}
    .paybox-content legend label {font-size: 12px;}
    .form-group label {font-size: 16px;}
    .paybox {padding:30px;}
    .paybox-header {padding-bottom:18px; font-size: 20px;}
    .paypal-icon {width:124px; height:33px;}
    .table-search-form .form-group label {font-size: 14px; line-height: 19px;}
    .pager li>a, .pager li>span {font-size: 19px;width: 40px;height: 40px;line-height: 40px;}

    .call-handling {margin-top: 67px;}
    .call-handling .panel-heading {line-height: 29px;}
    #datatable-numbers>thead>tr>th,#datatable-numbers>tbody>tr>th,#datatable-numbers>tfoot>tr>th,#datatable-numbers>thead>tr>td,#datatable-numbers>tbody>tr>td,#datatable-numbers>tfoot>tr>td {padding:5px 17px 5px 5px;}
    #datatable-numbers>thead>tr>th:first-child, #datatable-numbers>tbody>tr>td:first-child{padding-right: 5px;}
    .table-icon {width: 24px; height: 24px;}

    /*New styles*/
    .glyphicon {font-size: 10px !important;}

    #reseller-portal-marker{
        background-color: #26004d;
        color: white;
        padding: 7px 22px;
        border-radius: 8px;
    }

    #admin-portal-marker{
        background-color: #292e2d;
        color: white;
        padding: 7px 22px;
        border-radius: 8px;
    }
    .btn-no-padding{
        padding: 5px 0px;
    }
}

.payment-overdue{
    background-color: #ff9999 !important;
}

.payment-due-asap{
    background-color: #ffff99 !important;
}

.small-px-font{
    font-size: 10px;
}

.btn-top{
    padding: 2px 5px !important;
    margin-left: 2px;
}
.no-padding-left{
    padding-left: 0px !important; 
}
.no-padding-right{
    padding-right: 0px !important; 
}
.text-bold {
    font-weight: bold;
}

.negative-credits{
    background-color: #99ccff !important;
}

#datatable_filter {
    padding-bottom: 10px;
}