@charset "UTF-8";

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    width: 100%;
}

#vtButton {
    position: relative !important;
    top: -5px !important;
}

#pageTitle {
    font-weight: bold;
    margin-left: 15px;
    font-size: 24px;
    position: absolute;
}

.bars.pull-right {
    float: right !important;
}

li.crypto-currency-select-list-item, wallet {
    padding-left: 0px;
}

li.crypto-currency-select-list-item {
    padding: 10px;
    padding-left: 20px;
}

img.routing-card-logo {
    max-width: 100%;
    background-color: white;
    width: 8em;
    text-align: center;
    margin: 0 auto;
    display: block;
}

img.routing-card-logo:hover {
    max-width: 100%;
    background-color: #efefef;
}

.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
}

.source-label {
    font-weight: 700;
    text-align: center;
    margin-top: -16px;
    margin-bottom: 16px;
}

@media (max-width: 1056px){
    .site-header .site-logo {
        display: none;
    }
}

h4.tlsd {
    margin-bottom: 5px;
    margin-top: 20px;
}
.col-10.no-gutters {
    padding-left: 0px;
}

li.crypto-currency-select-list-item.wallet {
    padding-left: 10px;
}

.crypto-list-logo {
    padding-right: 5px;
    vertical-align: bottom;
    max-width: 30px;
}

.crypto-total-wrapper {

}
span#crypto-total {
    text-align: center;
    margin: 0 auto;
    font-size: 3em;
    color: #333;
    margin-top: -11px;
}

span#currency-total {
    margin: 0 auto;
    margin-top: -6px;
    font-size: 1.2em;
    color: #c6c3c3;
}

img.total-logo {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 10px;
    height: 90px;
    margin-top: 22px;
}

.showSweetAlert {
    animation: showSweetAlert 0s !important;
}

.hideSweetAlert {
    animation: hideSweetAlert 0s !important;
}

.modal-footer.pass-reset-footer {
    border-top: none;
}

/*.page-center-in {*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
/*}*/

span.pull-right.source-arrow:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

span.pull-right.source-arrow:hover::after {
    cursor: pointer;
    color: #00a8ff;
}

li.crypto-currency-select-list-item:hover {
    position: relative;
}

li.crypto-currency-select-list-item:hover {
    background-color: #e6e6e6;
}

.newExistingFix > .radio-inline:last-child{
    padding-left: 24px;
}

.crypto-wallet-table-wrapper {
    border-left: 3px solid #c6c3c3;
}

.dropdown-menu.open.show {
    border: 1px solid #d8e2e7;
}

.curtblhead, .curtblbody {
    display: table-row-group;
}

.col-2.crypto-wallet-menu.pre-scrollable {
    min-height: 440px;
    height: 100%;
    padding-right: 0px;
    overflow-x: hidden;
}

.fixed-table-container thead th .sortable {
    padding-right: 25px !important;
}

input#newCustomer {
    top: 27px;
    position: absolute;
}

i.fa.fa-caret-down {
    padding-left: 4px;
}

li.crypto-currency-select-list-item.active {
    background-color: #efefef;
    transition: all .2s ease-in-out;
    position: relative;
}

li.crypto-currency-select-list-item {
    transition: all .2s ease-in-out;
}


body > nav > div > div > ul > li.blue.with-sub > ul > li > a.active
{
    background-color: #2e2e2e !important;
}

.side-menu-list
{
    margin-top: -10px;
}

.mb10
{
    margin-bottom: 10px !important;
}

input.alias {
    max-width: 80px;
    border-radius: 4px;
    border-width: 1px;
    height: 38px;
    border-style: solid;
    border-color: #d8e1e7;
    padding-left: 5px;
}

input.withdrawalAddress {
    width: 100%;
    border-radius: 4px;
    border-width: 1px;
    height: 38px;
    border-style: solid;
    border-color: #d8e1e7;
    padding-left: 5px;
}

input.withdrawalAddress::placeholder {
    color: black;
    padding-left: 5px;
}

input.alias::placeholder {
    color: black;
    padding-left: 5px;
}

div.disableClick {
    display: none;
    position: relative;
    padding: 7px;
}

div#qrcodewrapper {
    margin: 0 auto;
    text-align: center;
    padding-left: 75px;
}

button.remove-button.btn-danger {
    font-size: .8em;
    padding: 2px;
}

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

select#action {
    display: none;
}

#rate7Day {
    font-weight: bold;
    font-size: 18px !important;
    margin-top: 20px;
}

.cardDetailsHeadingFix {
    margin-top: 65px !important;
}

.textCardsFix {
    margin-top: -25px;
}

#refundPrevious, .showForRefund
{
    display: none;
}

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

.equal, .equal > div[class*='col-'] {
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.card-full-width {
    width: 100%
}

.fakeLink
{
    cursor: pointer;
}

.hideMe
{
    display:none;
}

.testCardTable .fixed-table-body
{
    min-height: 180px !important;
}

.fixed-table-body
{
    min-height: 340px !important;
}

.fa-caret-down {
    padding-right: 4px;
}

button[aria-expanded='true'] > .fa-caret-down {
    transform: rotate(-180deg);
}

.cardIcon
{
    height: 30px;
}

#map_canvas
{
    height: 223px;
    border: 1px solid #d8e2e7;
    border-radius: 3px;
}

.panelMain {
    font-size: 1.5em;
}

.panelSub {
    font-size: 19px;
}

.profile-card .btn, .profile-card .btn-group {
    width: auto;
    max-width: none !important;
    font-size: 13px;
    margin-top: 8px;
}

span.cp-email-inner {
    display: block;
    word-break: break-all;
}

span.cp-name-inner {
    margin-top: 2px;
    text-transform: capitalize;
    display: block;
}

.privilegeTableCategoryDescription {
    font-weight: normal !important;
    font-style: italic;
}
/****************************************************/
/* Styling for Activity tab                         */
/*                                                  */
/****************************************************/


.activity-line-item .activity-line-date {
    top: 0px !important;
    background: #ffffff !important;
}

/****************************************************/
/* Styling for Notes tab                            */
/* Updated                                          */
/****************************************************/


.note-editor.note-frame .note-editing-area .note-editable
{
    padding:50px !important;
}

.glyphicon-skull:before {
    content: "\E291";
}

.glyphicon-group:before {
    content: "\E044";
}

.card-wrapper
{
    margin-bottom: 20px;
    margin-top: 20px;
}

.jp-card-shiny {
    top: -20px;
}

.jp-card-logo
{
    margin-top: 18px;
}

.noLinkColour
{
    color: #343434;
}

/****************************************************/
/* Styling for bootstrap tables                     */
/*                                                  */
/****************************************************/
.glyphicon-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}
span.input-group-btn-vertical > button.btn.btn-default
{
    background-color: #dbe4ea !important;
    border-color: #dbe4ea !important;
    color: #6c7a87 !important;
}

#chargebackModal label
{
    font-weight: bold;

}

.m20
{
    margin: 20px !important;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

#optionsContainer > div > div.export.btn-group.open > ul > li
{
    margin: 10px 10px !important;
}

#optionsContainer > div > div.keep-open.btn-group.open > ul > li
{
    margin: 10px 10px !important;
}

.mt20
{
    margin-top: 20px !important;
}

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

.fixedWidthFont
{
    font-family: "Courier New", Courier, monospace !important;
}
/****************************************************/
/* Responsive styling for Dashboard on laptop       */
/*                                                  */
/****************************************************/
@media(min-width: 1200px) {
    .dashboardGraph {
        width: 100% !important;
    }
}
@media(min-width: 1440px) {
    .dashboardGraph {
        width: 50% !important;
    }
}

@media (max-width: 1056px){
    .site-header .site-logo {
        display: none;
    }
}

#moreFilters
{
    padding-top: 10px !important;
}

#filterApply
{
    padding-top: 10px !important;
}

#filterClear
{
    padding-top: 10px !important;
}

.select2-search
{
    display: none;
}

.iconButton
{
    cursor: pointer;
}

.grabbable
{
    cursor: row-resize;
}

.nowrap
{
    white-space: nowrap;
    overflow: auto;
}

table.cbf > tbody > tr > td
{
    padding-bottom: 10px !important;
}

table.lhf > tbody > tr > td
{
    line-height: 40px !important;
}

table.lhf2 > tbody > tr > td
{
    height: 62px !important;
}

table.tlf
{
    table-layout: fixed;
}

table.tlf > tbody > tr > td
{
    white-space: pre-wrap;
}

#routeSideScroll
{
    overflow: auto;
}

.ilb {
    display: block;
    float: left;
}

.dragMe
{
    cursor: move;
}

.test
{
    background-color: #fafafa;
    border: 2px dashed #dddddd;
    height: 482px;
    position: relative;
    float: none;
    display: inline-block;
    margin: 0px 15px;
    margin-bottom: -453px;
    border-radius: 5px;
    width: 244px;
}

.irf
{
    margin-top: 12px;
}

.textResetCenter
{
    text-align: center;
}

#routeLegend
{
    position: relative;
    display: none;
}

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

.pSources
{
    margin-bottom: 8px;
    padding: 0px 8px 0px 15px;
}

#noSourcesAlert
{
    margin: 0px 8px 0px 15px;
}

.pspLogo
{
    margin: 30px auto;
    width: 100%;
    min-width: 100px;
    max-width: 300px;
}

.popoverHelp
{
    cursor: help;
}

.hideMe
{
    display: none;
}

.modeToggleContainer
{
    border-top: 1px solid #383838;
    padding-top: 20px;
    text-align: center;
}

div#disableOverlay {
    display: block;
    align-items: center;
    position: absolute;
    z-index: 2;
    height: 100%;
    max-height: 150px;
    width: 100%;
    background: rgba(250, 253, 255, 0.71);
    transition: opacity 200ms ease-in-out;
    border-radius: 4px;
    padding: 6px;
    margin: 0px;
    left: 0;
    opacity: 1;
    top: 0px;
}

.verticalAlign
{
    vertical-align: middle !important;
}

.logoToggle
{
    background-color: #fafafa;
}

.logoToggle:last-child
{
    margin-bottom: 0px !important;
}

.declineReason
{
    cursor: pointer; cursor: hand;
}

.equalPanelHeight {
    /* min-height: 74px; */
    /* max-height: 64px; */
    height: 54px;
    display: table;
    width: 100%;
    word-break: break-all;
}

.tableCell
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.jp-card.jp-card-identified
{
    box-shadow: none !important;
}

#map_canvas_transaction_detail
{
    height: 200px;
    border: 1px solid #d8e2e7;
}

.text-black
{
    color: #000000;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 0.1px solid #ced4da;
    border-radius: 0;
}

.input-group-datepicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .275rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 0.1px solid #ced4da;
    border-radius: 0;
}

.whiteBox {
    width: 100%;
    border: 1px solid #d8e2e7;
    border-radius: 3px;
    background-color: #ffffff;
    height: 150px;
    text-align: center;
}

.vimage {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.whiteBox img {
    width: auto;
    padding: 5px 10px;
    vertical-align: middle;
}

.btn.btn-inline {
    margin-right: 0px;
    margin-bottom: 0px;
}

#showColumns
{
    padding-top: 10px !important;
}
.fixed-table-loading {
    z-index: 50 !important;
}
.noPadding{
    padding: 0px !important;
}

.widget-simple-sm .widget-simple-sm-top {
    border-bottom: solid 1px #d8e2e7;
    background: #f6f8fa;
    font-weight: 600;
    padding: 15px 6px;
    font-size: .9375rem;
    line-height: normal;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    word-break: break-all;
}

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102,175,233,.6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}
.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
    content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
    content: "\e080";
}
.ui-datepicker .ui-icon {
    display: none;
}
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
    background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
    color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}
/* ==========================================================================
   Datepicker
   ========================================================================== */
.daterangepicker .calendar, .daterangepicker .ranges, .daterangepicker.single .calendar, .daterangepicker.single .ranges {
    float: left;
}

.daterangepicker .calendar.left .calendar-table, .daterangepicker .left .daterangepicker_input {
    padding-right: 12px;
}
.daterangepicker .calendar.left .calendar-table {
    border-right: none;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ranges li {
    font-size: 1rem;
    background: #DBE4EB;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #292B2A;
    padding: 8px 12px;
    margin-bottom: 8px;
    cursor: pointer;
}

.daterangepicker .calendar, .daterangepicker .ranges, .daterangepicker.single .calendar, .daterangepicker.single .ranges {
    float: left;
}
.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px;
}

.daterangepicker .ranges {
    width: auto;
    float: left;
}
.daterangepicker .calendar, .daterangepicker .ranges, .daterangepicker.single .calendar, .daterangepicker.single .ranges {
    float: left;
}
.ranges {
    font-size: 1rem;
    margin: 4px;
    text-align: left;
}

.input-group.date .input-group-addon {
    background-color: #dbe4ea;
    border-color: #dbe4ea;
    color: rgba(108, 122, 134, 0.7);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.input-group.date .input-group-addon .font-icon {
    vertical-align: middle;
    font-size: 1.125rem /*18/16*/;
    position: relative;
    top: .08rem;
}
.input-group.date .bootstrap-datetimepicker-widget + .input-group-addon,
.input-group.date .input-group-addon:hover {
    background-color: #00a8ff;
    border-color: #00a8ff;
    color: #fff;
}
.bootstrap-datetimepicker-widget {
    font-size: .8125rem;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: none;
    color: #00a8ff !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th.prev,
.bootstrap-datetimepicker-widget table thead tr:first-child th.next {
    color: #adb7be;
}
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td.day {
    width: 32px;
    height: 28px;
    line-height: 28px;
}
.bootstrap-datetimepicker-widget table th.dow {
    font-weight: 600;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 165px;
}
.bootstrap-datetimepicker-widget table td.day:hover {
    background: none;
    color: #00a8ff;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #00a8ff;
    color: #fff;
}
.bootstrap-datetimepicker-widget table td span.active {
    background: #00a8ff;
}
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td.minute:hover {
    background-color: #dbe4ea;
}
.bootstrap-datetimepicker-widget table td span.timepicker-hour {
    background: none !important;
}
.bootstrap-datetimepicker-widget a[data-action].btn {
    padding: 0;
    background: none;
    color: #adb7be;
    border: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.bootstrap-datetimepicker-widget a[data-action].btn:hover {
    color: #6c7a86;
}
.bootstrap-datetimepicker-widget .accordion-toggle span {
    color: rgba(108, 122, 134, 0.7);
    background: #dbe4ea;
}
.bootstrap-datetimepicker-widget .accordion-toggle span:hover {
    color: #fff;
    background-color: #00a8ff;
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    display: none;
}
.bootstrap-datetimepicker-widget .glyphicon-calendar,
.bootstrap-datetimepicker-widget .glyphicon-time {
    font-family: "startui";
    vertical-align: middle;
}
.bootstrap-datetimepicker-widget .glyphicon-calendar:before,
.bootstrap-datetimepicker-widget .glyphicon-time:before {
    vertical-align: middle;
    position: relative;
    top: 0;
}
.bootstrap-datetimepicker-widget .glyphicon-calendar:before {
    content: "\65";
}
.bootstrap-datetimepicker-widget .glyphicon-time:before {
    content: "\23";
}
.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before,
.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before {
    position: relative;
    top: 1px;
}
.daterangepicker {
    position: absolute;
    color: inherit;
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
    /* Calendars */
}
.daterangepicker:before,
.daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: #d8e2e7;
    content: '';
}
.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #d8e2e7;
}
.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
    right: 9px;
}
.daterangepicker.opensleft:after {
    right: 10px;
}
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}
.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}
.daterangepicker.opensright:before {
    left: 9px;
}
.daterangepicker.opensright:after {
    left: 10px;
}
.daterangepicker.dropup {
    margin-top: -5px;
}
.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #d8e2e7;
}
.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001;
}
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}
.daterangepicker.show-calendar .calendar {
    display: block;
}
.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px;
}
.daterangepicker .calendar.single .calendar-table {
    border: none;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    width: 32px;
    height: 28px;
    line-height: 28px;
}
.daterangepicker .calendar-table {
    padding: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}
.daterangepicker table {
    width: 100%;
    margin: 0;
}
.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    color: #01A6FF;
}
.daterangepicker td.week,
.daterangepicker th.week {
    font-size: .8125rem;
    color: #8D99A9;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #8D99A9;
}
.daterangepicker td.in-range {
    background-color: #E5F6FE;
    border-color: transparent;
    color: #000;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.daterangepicker td.start-date {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #01A6FF;
    border-color: transparent;
    color: #fff;
}
.daterangepicker th.month {
    width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 1rem;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}
.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}
.daterangepicker select.yearselect {
    width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}
.daterangepicker .input-mini {
    border: 1px solid #d8e2e7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0A0A0A;
    display: block;
    margin: 0 0 5px 0;
    padding: .395rem 15px .355rem 30px;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
}
.daterangepicker .input-mini.active {
    border: 1px solid #d8e2e7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.daterangepicker .daterangepicker_input {
    position: relative;
}
.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 13px;
}
.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.taskIcon
{
    position: absolute;
    top: 33%;
    right: 15px;
}

.progress-alert
{
    border: 1px solid #00A8FF !important;
}

.progress-alert2
{
    border: 1px solid #46C35F !important;
}

.labelFix2
{
    margin-top: 8px !important;
    font-weight: bold;
}
.row.email-tp-wrapper {
    margin-bottom: 14px;
}
.newExistingFix
{
    margin-bottom: 24px;
}
.row.buttons-tp-wrapper {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 2px;
}
.row.p-a.p-b-0.text-center.att-title {
    padding-bottom: 0px;
}
.newExistingFix > .radio-inline
{
    margin-top: 8px;
}

.underline
{
    text-decoration: underline;
}

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

.profile-card {
    text-align: center;
    padding: 10px 15px 14px;
}
.profile-card .profile-card-photo {
    width: 110px;
    height: 110px;
    margin: 0 auto .5rem;
}
.profile-card .profile-card-location {
    color: #6c7a86;
    margin: .6em 0 18px;
    font-size: 0.8em;
}
.col-4.profile-card-name {
    font-size: 0.8em;
}

.profile-card .profile-card-photo img {
    display: block;
    width: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

i.fa.fa-envelope.tp-en {
    display: block;
}

.profile-statistic {
    text-align: center;
    font-size: .9375rem;
}
.tbl-row {
    display: table-row;
}

.profile-statistic .tbl-cell:first-child {
    border-left: none;
}
.profile-statistic .tbl-cell {
    vertical-align: middle;
    border: 1px solid #d8e2e7;
    padding: 10px;
}
.fakeLink {
    cursor: pointer;
}
.tbl-cell {
    display: table-cell;
}
.profile-statistic .tbl-cell:last-child {
    border-right: none;
    width: 50%;
}
.profile-statistic .tbl-cell {
    vertical-align: middle;
    border: 1px solid #d8e2e7;
    padding: 10px;
}

.select2-container--arrow .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--white .select2-selection--single .select2-selection__rendered {

    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #343434;
    padding: .375rem 25px .375rem 1rem;
    min-height: 38px;
    background: #fff;

}
.select2-container--open .select2-dropdown--below {

    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;

}
.widget-chart-combo {

    background: #fff;
    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    zoom: 1;

}
#sortingAlgorithm {

    display: none;

}
.select2-container--open .select2-dropdown {

    left: 0;

}
.widget-chart-combo-content {

    background: #fff;
    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    zoom: 1;

}
.chart-legend-list .dot.red, .chart-legend-tbl .dot.red {

    background-color: #fa424a;

}
.select2-dropdown {

    border-color: #d8e2e7;
    border-top-color: rgb(216, 226, 231);
    font-size: 1rem;

}
.widget-chart-combo {

    background: #fff;
    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    zoom: 1;

}
.pspLogo {

    margin: 30px auto;
    width: 100%;
    min-width: 100px;
    max-width: 300px;

}
.center-block {

    display: block;
    margin-right: auto;
    margin-left: auto;

}
.select2-container--arrow .select2-results > .select2-results__options, .select2-container--default .select2-results > .select2-results__options, .select2-container--white .select2-results > .select2-results__options {

    max-height: 250px;

}
.select2-container--default .select2-results > .select2-results__options {

    overflow-y: auto;

}
.select2-results__options {

    list-style: none;
    margin: 0;
    padding: 0;

}
.select2-dropdown {

    border: 1px solid #aaa;
    border-top-color: rgb(170, 170, 170);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(170, 170, 170);
    border-bottom-color: rgb(170, 170, 170);
    border-left-color: rgb(170, 170, 170);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;

}

.trans-top-bar-outer-geo {
    background-color: white;
    /* padding: 16px; */
    display: block;
    border: 1px solid #d8e2e7;
    border-radius: 0.25em;
    margin: 20px 0px 15px 0px;
    padding: 12px 10px 0px 10px;
}
.select2-close-mask, .select2-container--default .select2-selection--single, .select2-dropdown {

    background-color: #fff;

}
.select2-container .select2-selection--single .select2-selection__rendered {

    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;

}
.activity-line-item .activity-line-item-user .activity-line-item-user-name, .full-count, .profile-card .profile-card-name {
    font-weight: 100;
    text-transform: lowercase;
}

b, strong {

    font-weight: 700;

}chart-legend-list {
     font-size: .75rem;
     padding: 5px 0 0;
 }
.widget-tabs-nav.colored .nav-link.blue.active, .widget-tabs-nav.colored .nav-link.blue:hover {

    background-color: #0097e6;

}
.widget-tabs-nav.colored .nav-link.blue {

    background-color: #00a8ff;

}
.widget-tabs-compact .widget-tabs-nav .nav-link {

    height: 80px;
    font-size: .875rem;

}
.widget-tabs-nav.colored .nav-link {

    color: #fff;

}
.widget-tabs-nav.colored .nav-link.green {

    background-color: #46c35f;

}
.widget-tabs-nav .nav-item:last-child .nav-link {

    -webkit-border-bottom-right-radius: .25rem;
    border-bottom-right-radius: .25rem;

}
.widget-tabs-compact .widget-tabs-nav .nav-link {

    height: 80px;
    font-size: .875rem;

}
.widget-tabs-nav.colored .nav-link {

    color: #fff;

}
.widget-tabs-nav .nav-link {

    display: block;
    height: 94px;
    position: relative;
    background: #fbfcfd;
    background-color: rgb(251, 252, 253);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;

}
.widget-tabs-nav .nav-link {

    display: block;
    height: 94px;
    position: relative;
    background: #fbfcfd;
    background-color: rgb(251, 252, 253);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;

}
.widget-tabs-nav.colored .nav-link.blue {

    background-color: #00a8ff;

}
.widget-tabs-nav .nav-item:first-child .nav-link {

    -webkit-border-bottom-left-radius: .25rem;
    border-bottom-left-radius: .25rem;

}
.widget-chart-combo .widget-chart-combo-content {
    float: left;
    width: 100%;
    margin-right: -150px;
}
.widget-chart-combo .chart {
    width: 100%;
    height: 210px;
}
.jspPane {
    position: absolute;
    width: 100% !important;
}
.widget-chart-combo .chart-legend-list .dot {
    top: -2px;
}
.widget-chart-combo .chart-legend-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    font-size: 1rem;
}
.widget-chart-combo .chart-legend-list .dot {
    top: -2px;
}
.chart-legend-list .dot.orange, .chart-legend-tbl .dot.orange {
    background-color: #fdad2a;
}
.widget-chart-combo .widget-chart-combo-side {
    float: right;
    width: 150px;
    position: relative;
    background: #f6f8fa;
    -webkit-border-radius: 0 0 3px;
    border-radius: 0 0 3px;
    border-left: solid 1px #d8e2e7;
}
.chart-legend-list .dot.blue, .chart-legend-tbl .dot.blue {
    background-color: #00a8ff;
}
.chart-legend-list .dot, .chart-legend-tbl .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #adb7be;
    background-color: rgb(173, 183, 190);
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}
.chart-legend-list .dot.green, .chart-legend-tbl .dot.green {
    background-color: #46c35f;
}
.chart-legend-list .dot, .chart-legend-tbl .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #adb7be;
    background-color: rgb(173, 183, 190);
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}
.widget-tabs-nav .nav-item {

    display: table-cell;

}
.widget {

    margin: 0 0 30px;

}
.widget-chart-combo .widget-chart-combo-content {
    float: left;
    width: 100%;
    margin-right: -150px;
    margin-bottom: 31px;
}
.btn {

    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #00a8ff;
    background: #00a8ff;
    color: #fff;
    font-weight: 600;

}
.select2-container--arrow .select2-selection--single .select2-selection__arrow::before, .select2-container--default .select2-selection--single .select2-selection__arrow::before, .select2-container--white .select2-selection--single .select2-selection__arrow::before {

    border-width: 0 3px 5px;
    border-color: transparent transparent #6c7a86;
    margin-top: -6px;

}
.select2-container--arrow .select2-selection--single .select2-selection__arrow::after, .select2-container--arrow .select2-selection--single .select2-selection__arrow::before, .select2-container--default .select2-selection--single .select2-selection__arrow::after, .select2-container--default .select2-selection--single .select2-selection__arrow::before, .select2-container--white .select2-selection--single .select2-selection__arrow::after, .select2-container--white .select2-selection--single .select2-selection__arrow::before {

    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 50%;

}
.select2-container--arrow .select2-selection--single .select2-selection__arrow::after, .select2-container--default .select2-selection--single .select2-selection__arrow::after, .select2-container--white .select2-selection--single .select2-selection__arrow::after {

    border-width: 5px 3px 0;
    border-color: #6c7a86 transparent transparent;
    margin-top: 1px;

}
#transaction_type {
    display: none;
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow::after, .select2-container--arrow .select2-selection--single .select2-selection__arrow::before, .select2-container--default .select2-selection--single .select2-selection__arrow::after, .select2-container--default .select2-selection--single .select2-selection__arrow::before, .select2-container--white .select2-selection--single .select2-selection__arrow::after, .select2-container--white .select2-selection--single .select2-selection__arrow::before {

    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 50%;

}

.select2-container {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;

}
#country {

    display: none;

}
#cc_expiryy {
    display: none;
}
#cc_expirym {
    display: none;
}
#currency {
    display: none;
}
#source {
    display: none;
}

.newExistingFix > .radio-inline {

    margin-top: 8px;

}
.checkbox-inline, .radio-inline {

    position: relative;
    display: inline-block;
    vertical-align: middle;

}
#countryID {
    display: none;
}
#userGroupID {
    display: none;
}
#companyID {
    display:none;
}
#softwareVendor {
    display:none;
}
#softwareType {
    display: none;
}
.select2-container--arrow .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--white .select2-selection--single .select2-selection__arrow {

    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 23px;
    text-align: center;
    background: #dbe4ea;
    -webkit-border-radius: 0 .25rem .25rem 0;
    border-radius: 0 .25rem .25rem 0;

}
.widget {

    margin: 0 0 30px;

}
.widget-chart-combo {
    background: #fff;
    border: 0px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    zoom: 1;
}
.btn {

    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;

}
.widget-tabs-nav .font-icon {

    display: block;
    height: 64px;
    overflow: hidden;
    line-height: 70px;
    font-size: 1.875rem;

}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    width: 100%;
}
.line-with-icon .font-icon, p.line-with-icon .font-icon {
    color: #adb7be;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1rem;
}
.line-with-icon, p.line-with-icon {
    position: relative;
    padding: 0 0 0 1.75em;
    margin: 0 0 1em;
}
.widget-tabs-nav.colored .nav-link.green {
    background-color: #46c35f;
}
.widget-tabs-nav {
    display: table;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}


.widget-chart-combo .widget-chart-combo-side .tbl-cell {
    padding: 10px 10px 10px 15px;
    font-size: .9575rem;
    border-top: solid 1px #d8e2e7;
}.widget-tabs-compact .widget-tabs-nav .font-icon {

     font-size: 1.625rem;
     height: 48px;
     line-height: 60px;

 }
.widget-chart-combo .widget-chart-combo-content-in {
    margin-right: 150px;
    padding: 15px 15px 5px;
}
.select2-container--arrow .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--white .select2-selection--single .select2-selection__rendered {
    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #343434;
    padding: .375rem 25px .375rem 1rem;
    min-height: 38px;
    background: #fff;
}
.progress {
    display: block;
    width: 100%;
    height: 1rem;
    margin-bottom: 1rem;
}
.progress[value] {
    -webkit-appearance: none;
    color: #0074d9;
    border: 0;
    -moz-appearance: none;
    appearance: none;
}
.progress[value]::-webkit-progress-bar {
    background-color: #eee;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
}
.progress[value]::-webkit-progress-value::before {
    content: attr(value);
}
.progress[value]::-webkit-progress-value {
    background-color: #0074d9;
    -webkit-border-top-left-radius: .25rem;
    border-top-left-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.progress[value="100"]::-webkit-progress-value {
    -webkit-border-top-right-radius: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-bottom-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
@media screen and (min-width: 0) {
    .progress {
        background-color: #eee;
        -webkit-border-radius: .25rem;
        border-radius: .25rem;
    }
    .progress-bar {
        display: inline-block;
        height: 1rem;
        text-indent: -999rem;
        background-color: #0074d9;
        -webkit-border-top-left-radius: .25rem;
        border-top-left-radius: .25rem;
        -webkit-border-bottom-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }
    .progress[width^="0"] {
        min-width: 2rem;
        color: #818a91;
        background-color: transparent;
        background-image: none;
    }
    .progress[width="100%"] {
        -webkit-border-top-right-radius: .25rem;
        border-top-right-radius: .25rem;
        -webkit-border-bottom-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }
}
.progress-striped[value]::-webkit-progress-value {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}
.progress-striped[value]::-moz-progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}
@media screen and (min-width: 0) {
    .progress-bar-striped {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }
}
.progress-animated[value]::-webkit-progress-value {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-animated[value]::-moz-progress-bar {
    animation: progress-bar-stripes 2s linear infinite;
}
@media screen and (min-width: 0) {
    .progress-animated .progress-bar-striped {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite;
    }
}

.pie_progress__svg svg {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.pie_progress {
    text-align: center;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.progress-success[value]::-webkit-progress-value {
    background-color: #5cb85c;
}
.progress-success[value]::-moz-progress-bar {
    background-color: #5cb85c;
}
@media screen and (min-width: 0) {
    .progress-success .progress-bar {
        background-color: #5cb85c;
    }
}
.progress-info[value]::-webkit-progress-value {
    background-color: #5bc0de;
}
.progress-info[value]::-moz-progress-bar {
    background-color: #5bc0de;
}
@media screen and (min-width: 0) {
    .progress-info .progress-bar {
        background-color: #5bc0de;
    }
}
.progress-warning[value]::-webkit-progress-value {
    background-color: #f0ad4e;
}
.progress-warning[value]::-moz-progress-bar {
    background-color: #f0ad4e;
}
@media screen and (min-width: 0) {
    .progress-warning .progress-bar {
        background-color: #f0ad4e;
    }
}
.progress-danger[value]::-webkit-progress-value {
    background-color: #d9534f;
}
.progress-danger[value]::-moz-progress-bar {
    background-color: #d9534f;
}
@media screen and (min-width: 0) {
    .progress-danger .progress-bar {
        background-color: #d9534f;
    }
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
}
.btn-group.bootstrap-select > .btn.dropdown-toggle .filter-option, .chat-list-item .chat-list-item-name .name, .chat-list-item .chat-list-item-txt, .fm-file .file-size, .fm-file .fm-file-name, .gallery-item p, .gd-doc .gd-doc-title, .mail-box-item .mail-box-item-content .txt, .mail-box-item .mail-box-item-title, .mail-box-letter-item .mail-box-letter-item-txt, .mail-file p, .post-announce .post-announce-title, .profile-links-list li.nowrap, .proj-page-attach p, .select2-container .select2-selection--multiple .select2-selection__rendered, .select2-container .select2-selection--single .select2-selection__rendered, .site-header .dropdown-menu-messages .mess-item .mess-item-name, .site-header .dropdown-menu-messages .mess-item .mess-item-txt, .text-truncate, .uploading-list .uploading-list-item-name {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

    width: 100% !important;

}
.form-group .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group {
    margin-bottom: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}
.bootstrap-select {
    width: 220px\9;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.p-a {
    padding: 15px;
    padding-top: 15px;
}.profile-statistic .tbl-cell:first-child {
     border-left: none;
 }
.profile-statistic .tbl-cell {
    vertical-align: middle;
    border: 1px solid #d8e2e7;
    border-left-color: rgb(216, 226, 231);
    border-left-style: solid;
    border-left-width: 1px;
    padding: 10px;
}
.btn-group.bootstrap-select > .btn.dropdown-toggle {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #fff !important;
    font-weight: 400;
    color: #343434 !important;
    border-color: #d8e2e7 !important;
    padding-left: 0;
    vertical-align: middle;
    font-size: 1rem;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
}
.fakeLink {
    cursor: pointer;
}
.tbl-cell {
    display: table-cell;
}
.tbl-cell, .text-vertical-middle, audio, canvas, img, video {
    vertical-align: middle;
}

.text-center {
    text-align: center;
}
.m-t-0, .m-y-0 {
    margin-top: 0 !important;
}
.p-t-0, .p-y-0 {
    padding-top: 0 !important;
}
.row {
    margin-right: -.9375rem;
    margin-left: -.9375rem;
}
.profile-links-list li.divider {
    border-top: solid 1px #d8e2e7;
    margin: 0;
    padding: 0;
    height: 0;
}

.widget-simple-sm .widget-simple-sm-statistic .number {
    font-weight: 600;
    font-size: 1em;
}

.trans-top-bar-outer-th {
    background-color: white;
    /* padding: 16px; */
    border: 1px solid #d8e2e7;
    border-radius: 0.25em;
    margin: 15px 0px 15px 0px;
    padding: 12px 10px 15px 10px;
}

.trans-top-bar-outer {
    background-color: white;
    /* padding: 16px; */
    border: 1px solid #d8e2e7;
    border-radius: 0.25em;
    margin: 47px 0px 15px 0px;
    padding: 12px 10px 0px 10px;
}
.alert.alert-success.alert-fill {
    background-color: #46c35f;
}
.alert.alert-success {
    background-color: #edf9ee;
}
.alert.alert-success, .alert.alert-success ul li:before {
    border-color: #46c35f;
}
.alert.alert-fill, .alert.alert-fill .font-icon-inline {
    color: #fff!important;
}
.fade.in {
    opacity: 1;
}
.alert {
    padding: 8px 10px;
    color: #343434;
    font-size: 1rem;
    box-shadow: none;
    position: relative;
}

.box-typical.box-typical-dashboard .box-typical-body {
    height: 305px;
}

span.cp-email-inner {
    font-size: 15px;
    cursor: pointer;
}

.widget-chart-combo .widget-chart-combo-side {
    float: right;
    width: 150px;
    position: relative;
    background: #f6f8fa;
    -webkit-border-radius: 0 0 3px;
    border-radius: 0 0 3px;
    border-left: solid 1px #d8e2e7;
}

.initiallyHidden { display: none; }

.widget-simple-sm .widget-simple-sm-icon {
    height: 80px;
    overflow: hidden;
    line-height: 80px;
    font-size: 2.75rem;
}
.widget-simple-sm {
    border: 1px solid #d8e2e7;
    background: #fff;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    text-align: center;
}
.client-summary-title {
    text-align: center;
}
.widget-simple-sm-cp .widget-simple-sm-cp-icon {
    height: 69px;
    overflow: hidden;
    line-height: 77px;
    font-size: 1.2em;
    /* padding: 81px; */
}
.input-group-addon {
    line-height: 36px;
}
body > header > div > div > div > div > div > div > div.dropdown-item:hover {
    color: #16181b;
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: unset;
}
.widget-simple-sm-cp {
    background: #fff;
    border-top: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: 0;
    text-align: center;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 0px;
}
.widget-simple-sm-cp .widget-simple-sm-cp-bottom {
    border: solid 1px #d8e2e7;
    background: #f6f8fa;
    font-weight: 600;
    padding: 0px 5px;
    font-size: .8em;
    line-height: normal;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    max-width: 200px;
    margin: 0 auto;
}
.center-api {
    margin: 0 auto;
}
.widget-simple-sm .widget-simple-sm-bottom {
    border: solid 1px #d8e2e7;
    background: #f6f8fa;
    font-weight: 600;
    padding: 15px 10px;
    font-size: .9375rem;
    line-height: normal;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.progress {
    display: block;
    width: 100%;
    height: 1rem;
    margin-bottom: 1.26em;
}
.pie_progress__svg {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
}

p.mb0 {
    font-size: .9em;
}

.circle-progress-bar-typical {
    width: auto;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    max-width: 200px;
}

#pspTable {
    table-layout: fixed;
}
#groupsTable {
    table-layout: fixed;
}

.profile-icon {
    max-width: 16px;
    padding-top: 5px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 1px;
}
.bootstrap-table .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px solid #b5a8a8 !important;
}
#usersTable > thead > tr > th:nth-child(4) {
    width: 300px;
}
select#editPrivilegeCategory {
    display: none;
}
select#inputWhitelistType {
    display: none;
}
.detailed-view-icon {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.detailed-view-icon {
    text-decoration: none;
    border-bottom: none !important;
}

.col-4.profile-card-status {
    font-size: .8em;
    display: block;
}
.tp-phone {
    display: block;
    margin-top: -2px;
    padding-bottom: 8px;
}
.progress-success {
    background: #ecf2f5 !important;
}
.circle-progress-bar-typical .pie_progress__number {
    font-size: 3rem;
    font-weight: 600;
}
.pie_progress__content, .pie_progress__icon, .pie_progress__label, .pie_progress__number {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

a#reveal {
    border: none;
}

.jp-card {
    min-width: auto !important;
    max-width: 340px;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-number {
    font-size: 1.4em !important;
}
.select2-container--arrow .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--white .select2-selection--single .select2-selection__rendered {
    border: 1px solid #d8e2e7;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #343434;
    padding: .375rem 25px .375rem 1rem;
    min-height: 38px;
    background: #fff;
}
.pie_progress__content, .pie_progress__icon, .pie_progress__label, .pie_progress__number {

    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;

}

.modal-dialog.debug-modal {
    width: 60vw !important;
    max-width: unset;
}
.p-t-0 {

    padding-top: 25px;

}
#testCardType\[0\] {
    display: none;
}
.close {

    font-size: 2rem;
    color: #6c7a86;
    position: absolute;
    right: 28px;

}
.flag-icon-list .flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.statistic-box>div {
    -webkit-border-radius: inherit;
    border-radius: inherit;
    height: 129px;
    background: url(../img/statistic-box-grid.png) 50% 0;
    background-size: 21px 20px;
    position: relative;
}
select#updateCompanyID {
    display: none;
}
select#type {
    display: none;
}
select#editBlacklistType {
    display: none;
}
.progress, .progress[value] {
    color: #00a8ff;
}
.progress[value] {
    -webkit-appearance: none;
    border: 0;
    -moz-appearance: none;
    appearance: none;
}
.progress {
    background-color: #ecf2f5;
}

.circle-progress-bar-typical .pie_progress__number {
    font-size: 2.5em;
    font-weight: 600;
}
.pie_progress__number {
    font-size: 15px;
}
.pie_progress__content, .pie_progress__icon, .pie_progress__label, .pie_progress__number {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

svg:not(:root) {
    overflow: hidden;
}
.pie_progress__svg svg {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.pie_progress svg {
    margin: 0 auto;
}

.flag-icon-list .flag {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-size: contain;
    margin-left: 10px;
}

.add-customers-screen .add-customers-screen-in {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

select#updateGroupParentID {
    display: none;
}

select#pspID {
    display: none;
}

select#inputBlacklistType {
    display: none;
}

select#addGroupParentID {
    display: none;
}
select#addCompanyID {
    display: none;
}
select#addMerchantID {
    display: none;
}
select#addPrivilegeCategory {
    display: none;
}
.limits-label {
    font-size: 1.1em;
    text-align: center;
    text-transform: capitalize;
}
button#addSource {
    margin-top: 25px;
}

.text-center {
    text-align: center;
}
.side-menu {
    border-right: none !important;
}
.row.panelSub {
    justify-content: center;
}
.row.panelMain {
    justify-content: center;
}

.widget-accordion .card:first-child .panel-heading a {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.widget-accordion .card-heading a[aria-expanded=true] {
    background: 0 0;
    color: #0082c6;
}
.widget-accordion .card-heading a {
    display: block;
    padding: 12px 44px 12px 15px;
    color: #343434;
    font-weight: 600;
    background: #fbfcfd;
    position: relative;
}

.widget-activity .widget-header, .widget-tasks .widget-header {
    border-bottom: solid 1px #d8e2e7;
    padding: 12px 15px;
    font-weight: 600;
    background-color: #fff;
}
#currenciesTable {
    border-right: 1px solid #ddd;
}
.checkbox-toggle {
    padding: 4px 0px;
}

.priority-input {
    max-width: 30px;
    text-align: center;
    border: none;
}
.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

#currenciesTable > thead > tr > th:nth-child(6), #currenciesTable > thead > tr > th:nth-child(1), #currenciesTable > thead > tr > th:nth-child(2) {
    display: none;
}
#currencyID > td:nth-child(6), #currencyID > td:nth-child(1), #currencyID > td:nth-child(2) {
    display: none;
}
#form-details > div:nth-child(4) > div > section > div > div > div:nth-child(6) > div > div > div > div > div.bs-actionsbox > div > button.actions-btn.bs-select-all.btn.btn-default {
    display: none;
}

#form-details > div:nth-child(4) > div > section > div > div > div:nth-child(6) > div > div > div > div > div.bs-actionsbox > div > button.actions-btn.bs-deselect-all.btn.btn-default {
    display: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

.col-sm-2.clientProfileSidebar {
    padding-top: 2%;
}

.jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
    color: white;
    font-weight: normal;
    opacity: 1.5 !important;
    -webkit-transition: opacity 400ms linear;
    -moz-transition: opacity 400ms linear;
    transition: opacity 400ms linear;
}
img.client-profile-avatar {
    max-width: 20px;
    /* display: inline-block; */
    text-align: center;
    display: block;
    margin: 0 auto;
}

.client-profile-name {
    display: inline-block;
}

i.fa.fa-envelope.cp-envelope {
    float: none;
    display: block;
    text-align: center;
}

.cp-email {
    padding-top: 4px;
}

.cs-cp-row {
    margin-bottom: 20px;
    max-width: 565px;
    margin: 0 auto;
}

.risk-metrics-table {
    border-left: solid 1px #d8e2e7;
    border-bottom: solid 1px #d8e2e7;
    border-right: solid 1px #d8e2e7;
}

.tabs-section>.tab-content:not(.no-styled) {
    background: #fff;
    border: solid 1px #d8e2e7;
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 15px;
}
/* ==========================================================================
    Application CSS update
   ========================================================================== */
select#merchant {
    display: none;
}

select.select2.select2-hidden-accessible {
    display: none;
}

span.label.label-black {
    background-color: #333;
}
/* ==========================================================================
    Mobile - Routing
   ========================================================================== */
.top-buffer {
    margin-top:20px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #usersTable > thead > tr > th:nth-child(4) {
        width: auto;
    }

    /* Styles */
    .col-12.col-lg-12.col-xl-4.profile-card-status {
        margin: 10px;
    }
    table#channelsTable {
        font-size: .6em;
    }
    .checkbox-toggle input+label {
        padding: 0px 0px 0 52px;
        float: left;
    }
    .limits-label {
        font-size: 0.8em;
        text-align: center;
        text-transform: capitalize;
    }
    /* Routing */
    .top-buffer {
        margin-top:20px;
    }
    .routing-table {
        max-width: 100%;
        width: 100%;
    }
    .table-responsive .bootstrap-table {
        min-width: unset !important;
        overflow-y: hidden;
    }
    .columns.columns-right.btn-group.pull-right {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .bootstrap-table .fixed-table-toolbar .search {
        width: 100%;
    }
    .bootstrap-table .fixed-table-toolbar .bars {
        float: none;
        padding-bottom: 15px;
        line-height: 32px;
        text-align: center;
    }
    .columns-mobile {
        text-align: center;
        margin: 0 auto;
    }
    .bootstrap-table .fixed-table-pagination {
        zoom: 1;
        font-size: .8125rem;
        padding: 0px;
    }
    .bootstrap-table .fixed-table-pagination .pagination-detail {
        float: none;
        line-height: 32px;
        text-align: center;
    }
    div#moreFilters {
        text-align: center;
    }
    div#showColumns {
        text-align: center;
        padding-bottom: 15px;
        border-radius: 30px;
        border: 0px solid #c3c3c3;
        padding: 5px 0px;
        margin-top: 10px;
        max-width: 184px;
        margin-bottom: 10px;
        line-height: 21px;
    }

    div#showColumns:hover {
        background-color: #c3c3c3;
        color: #333;
    }

    .reset-button {
        margin-bottom: 10px;
    }
    .af-button {
        margin-top: 10px;
    }
    .mobile-options-center {
        justify-content: center;
    }
    .daterangepicker.dropdown-menu {
        max-width: 288px;
        z-index: 80;
    }
    .daterangepicker .calendar, .daterangepicker .ranges, .daterangepicker.single .calendar, .daterangepicker.single .ranges {
        float: none;
        text-align: center;
    }

    .columns.columns-right.btn-group.pull-right {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
        display: none;
    }
    .bootstrap-table .fixed-table-toolbar {
        padding: 15px 15px 0;
        zoom: 1;
    }
    .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
        margin: 2px;
    }
    #usersTable {
        table-layout: auto;
    }

    #groupsTable {
        table-layout: auto;
    }

    .tp-phone {
        display: initial;
        margin-top: -2px;
    }

    i.fa.fa-envelope.tp-en {
        display: initial;
    }

    .profile-icon {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: .2em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }
    i.fa.fa-envelope.tp-en {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: .2em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }
    .profile-icon {
        display: initial;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .form-label {
        display: block;
        margin-bottom: 6px;
        font-size: 0.8em;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #groupsTable {
        table-layout: auto;
    }
    #usersTable {
        table-layout: auto;
    }
    #pspTable {
        table-layout: auto;
    }
    .tp-phone {
        display: initial;
        margin-top: -2px;
    }
    #usersTable > thead > tr > th:nth-child(4) {
        width: auto;
    }
    i.fa.fa-envelope.tp-en {
        display: initial;
    }

    .profile-icon {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: .2em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .col-12.col-lg-12.col-xl-4.profile-card-status {
        margin: 10px;
    }
    #groupsTable {
        table-layout: auto;
    }
    #usersTable {
        table-layout: auto;
    }
    #pspTable {
        table-layout: auto;
    }
    .tp-phone {
        display: initial;
        margin-top: -2px;
    }
    #usersTable > thead > tr > th:nth-child(4) {
        width: auto;
    }
    i.fa.fa-envelope.tp-en {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: .2em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }
    .profile-icon {
        display: initial;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    i.fa.fa-envelope.tp-en {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: .2em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }
    .profile-icon {
        display: initial;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }
    .col-12.col-lg-12.col-xl-4.profile-card-status {
        margin: 10px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    i.fa.fa-envelope.tp-en {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: .2em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }
    .profile-icon {
        display: initial;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }
    .col-12.col-lg-12.col-xl-4.profile-card-status {
        margin: 10px;
    }

}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {

}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    i.fa.fa-envelope.tp-en {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: .2em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }
    .profile-icon {
        display: initial;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }
    .tp-phone {
        display: initial;
        margin-top: -2px;
        padding-bottom: 8px;
    }
    .col-12.col-lg-12.col-xl-4.profile-card-status {
        margin: 10px;
    }
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    i.fa.fa-envelope.tp-en {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: 0em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }
    .tp-phone {
        display: initial;
        margin-top: -2px;
        padding-bottom: 8px;
    }
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    i.fa.fa-envelope.tp-en {
        display: initial;
    }
    .profile-card .profile-card-location {
        color: #6c7a86;
        margin: .2em 0 18px;
        font-size: 1em;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-status {
        margin-bottom: 3px;
    }
    .profile-icon {
        display: initial;
    }
    .col-12.col-lg-4.col-xl-4.profile-card-name {
        margin-bottom: 3px;
    }
    .tp-phone {
        display: initial;
        margin-top: -2px;
        padding-bottom: 8px;
    }
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */

}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}



/* ==========================================================================
    Restore Bootstrap 3 Hidden classes for missed cases
   ========================================================================== */



/* Breakpoint XS */
@media (max-width: 575px)
{
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up,
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up,
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    }
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    }
}



#sortable > tr > td:first-child {
    cursor: grabbing;
}

#sortable tr.drag-active {
    background-color: #7cbb56;
}