:root{
	--them-color:         #F4F7F6;
	--font-color:         #444;
	--link-color:         #007CE2;
	--font-color-hover:   #437ac7;
	--border-color:       #f9f9f9;
	--tabel-hover:        #f9f9f9;
	--tabel-border:       #dee2e6;
	--btn-success:        #007CE2;
	--btn-success-hove:   #0080E9;
	--btn-success-focus:   rgba(0, 128, 233, 0.4);

	/*#f9f9f9*/
}

.page-loader-wrapper-none {
    display: none;
}
body, .page-link, select#pageSize, .page-item.disabled .page-link, .dropdown-menu {
    background-color: var(--them-color);
}
body.theme-purple {
    --theme-color: #8565ff
}
body.theme-blue {
    --theme-color: #4FA2FD;
}
body.theme-cyan {
    --theme-color: #2eacb3
}
body.theme-green {
    --theme-color: #31b96f;
}
body.theme-orange {
    --theme-color: #f68c1f
}
body.theme-blush {
    --theme-color: #ff5a7d
}
.table td, .table th {
	padding: .5rem;
	vertical-align: top;
	border-top: 1px solid var(--tabel-border);
	border-bottom: 1px solid var(--tabel-border);
}
table a, .breadcrumb a, .navbar a, .nav-tabs-new2 > li > a.active, .nav-tabs-new2 > li > a:hover, .nav-tabs-new2 > li > a:focus, .right_chat .media a, .right_chat .media a .name {
    color: var(--link-color);
}
thead{
	border-top: 1px solid  var(--tabel-border);
}
th{
	text-align: left;
}
tr{
	transition: all 0.4s;
}

table .transaction_id,
table .id{
	width: 25px;
}

.full_name a{
	color: var(--font-color);
}
.full_name a:hover{
	color: var(--font-color-hover);
}

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

.nav-tabs-new2 > li > a.active, .nav-tabs-new2 > li > a:hover, .nav-tabs-new2 > li > a:focus {
    border-bottom: 2px solid var(--theme-color) !important;
}
.modal-footer .btn-primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.theme-blue .sidebar-nav .metismenu > li i {
    color: #4FA2FD;
}
img {
    max-width: 100%;
}
img.avatar {
    max-width: 32px;
    max-height: 32px;
}
.card, .card .body, label, .form-control, .form-control:focus, select#pageSize, .card .select2-container--krajee .select2-selection--single .select2-selection__rendered,
.navbar-nav .dropdown-menu a, .input-group .custom-select, .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.pagination > li > a, .pagination > li > span, .page-link, .page-item.disabled .page-link, .settings-file .custom-file-label, .settings-file .custom-file-label::after,
.input-group > .input-group-append > .input-group-text, .file-caption .file-caption-name::placeholder, .dropdown-menu {
    color: 	var(--font-color);
}
.nav-tabs-new2 > li > a, .media .media-body .media-heading {
    color: var(--font-color);
}
#main-content h2, .table th a, .table th {
    color: var(--font-color);
}
.sidebar-nav .metismenu a, .media .media-body {
    color: #bbb;
}
.form-group, .search_tables, .search_tables form, .footer-dropdown .users-bulk-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.search_tables form {
    flex-wrap: nowrap;
}
#left-sidebar>.sidebar-scroll {
    overflow: auto;
    padding-bottom: 75px;
}
.block-header .col-md-7 {
    text-align: right;
}
select#pageSize {
    padding: 5px;
    border: 1px solid rgba(150, 150, 150, 0.5);
}
.left-scroll-button, .right-scroll-button {
    height: 0;
    display: none;
    position: sticky;
    width: 30px;
    line-height: 46px;
    font-size: 50px;
    border-radius: 100%;
    color: rgba(255, 255, 255, 0.35);
    z-index: 10;
}
.left-scroll-button {
    top: 52%;
    margin-left: -20px;
}
.right-scroll-button {
    bottom: 48%;
    left: 100%;
}
.sidebar-nav .metismenu>li.active>a, .mail-inbox .mail-left .mail-side .nav li.active, .mail-inbox .mail-left .mail-side .nav li:hover,
.mail-inbox .mail-right .mail-list ul li.unread, .mail-inbox .mail-right .mail-list ul li:hover, .sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {
    background-color: #030a21;
}
.table.table-hover .even {
	background-color: var(--tabel-hover)
}
.table.table-custom.table tbody tr:hover {
    background-color: rgba(0,0,0,.075);
}
.card, .settings-file .custom-file-label, .settings-file .custom-file-label::after, .footer_sticky {
    background-color: #fff;
}
.navbar-nav .dropdown{
	margin-left: 10px;
}
.navbar-nav .dropdown-menu {
    background-color: #c1c1c1;
}
.navbar-nav .dropdown-menu {
    background-color: #fff;
	border: 1px solid #fff;
}
.select2.select2-container--krajee .select2-selection, .input-group .custom-select, .form-group .select2-container--krajee.select2-container--disabled .select2-selection,
.input-group > .input-group-append > .input-group-text {
    background-color: transparent;
}
.input-group {
    margin-bottom: 1rem;
}
.form-group .control-label, .form-group .form-control, .input-group .control-label {
    width: 100%;
}
.form-control, .input-group .custom-select, .input-group > .input-group-append > .input-group-text {
    border: 1px solid rgba(150, 150, 150, 0.5);
}
.search_tables .form-control, .select2.select2-container {
    max-width: 250px;
}
.search_tables .form-control, #footer-actions .select2-container, .search_tables .btn {
    margin: 0 5px 5px 0;
}
.card.history_tabs {
    margin-bottom: 0;
}
.trn_sum span, #avtar_upload {
    float: right;
}
.profile-image {
    text-align: center;
}
.row.paginator_row {
    margin-top: 20px;
		margin-bottom: 20px;
}
img.rounded-circle.contact_avatar {
    width: 125px;
    height: 125px;
}
.footer_sticky {
    position: fixed;
    bottom: 5px;
    left: 275px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 83%;
    width: calc(100% - 300px);
    z-index: 2;
}
.form-control {
    padding: .375rem .35rem;
    line-height: 20px;
}
.file-caption-name::-webkit-input-placeholder,
.file-caption-name::-moz-placeholder,
.file-caption-name:-ms-input-placeholder,
.file-caption-name::-ms-input-placeholder,
.file-caption-name::placeholder {
    color: #ccc;
}
.input-group.date .form-control {
    max-width: 195px;
}
#contactGridView .desks, #contactGridView .phone, #ticketsGridView .table .title {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#leadsGridView .domain {
    min-width: 200px;
}
.select2-container--krajee .select2-selection--single .select2-selection__clear {
    right: auto;
    left: 0;
    top: 3px;
}
.select2-container--krajee .select2-selection__clear {
    color: #f00;
}
.select2-container .select2-dropdown, .select2-container.select2-container--krajee ul.select2-results__option {
    border: 1px solid rgba(150, 150, 150, 0.5);
}
.select2-container .select2-dropdown, .select2-container.select2-container--krajee .select2-results__option[aria-selected], .ui-datepicker.ui-widget-content {
    background-color: #262c35;
    color: #ccc;
}
.filters.hide_filters {
    display: none;
}
.modal-content {
    background-color: #262c35;
    color: #bbb;
}
.modal-content label, .modal-content input, .modal-content input:focus, .modal-content .form-control {
    color: #bbb;
}
.modal-body .form-group .form-control, .auth-box .form-group .form-control {
    width: 100%;
}
.modal-header .title, .chat .chat-history .message-data-time, .right_chat .media .name, .pagination-email > div {
    color: #ccc;
}
.mail-inbox .mail-left .mail-side .nav li a {
    color: #ccc !important;
}
.mail-inbox .mail-left .mail-side .nav li.active a, .mail-inbox .mail-left .mail-side .nav li:hover a {
    color: #17191c !important;
}


.ui-datepicker.ui-widget-content .ui-state-default {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    border-radius: 3px;
    color: #ccc;
    transition: all linear 0.2s;
}
.ui-datepicker.ui-widget-content .ui-state-default:hover {
    background-color: rgba(73, 78, 85, 0.7);
    color: #eee;
}
.ui-datepicker .ui-widget-header {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    color: #ccc;
}
.auth-box .card .header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.chat {
    margin-left: 0;
}
#taskCommentForm {
    padding: 15px;
}
.list-group .list-group-item {
    background-color: #494e55;
    color: #ccc;
}
select#mtaccounts-currency {
    padding: 5px;
    border: 1px solid rgba(150, 150, 150, 0.5);
    color: #ccc;
    background-color: #494e55;
}

.pagination-email ul.btn-group {
    list-style: none;
}
#mttransactions-transaction_comment {
   resize: none;
}
.form-group.field-task-ckeditor label.control-label {
    width: 100%;
}
.form-group.create_task_btn {
    justify-content: flex-end;
}
.form-group div.input-group {
    max-width: 49%;
}

.auth-box img {
    max-width: 250px;
    max-height: 250px;
}
.auth-box .title {
    color: #fff;
}
.mt-transactions-view #edit_comment {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.sortable-item .sortable-item-content {
    padding-left: 40px !important;
}
.sortable-item-content .menu-link-actions {
    padding: 0 5px !important;
}
.navbar-fixed-top .navbar-right .navbar-nav {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
}

.user-account.head {
    display: inline-flex !important;
    align-items: center;
}
body::before, body::after, #wrapper::before, #wrapper::after {
    display: none;
}
#config-tool {
    display: none; /* SELECT THEME COLOR && MUST RETURN BODY CLASS */
}
.navbar-fixed-top {
    top: 0;
}
.select2-container--krajee.select2-container--open .select2-search--dropdown .select2-search__field {
    background: #494e55 url('search.png') right 10px top 7px no-repeat;
    color: #fff;
}
.user-account .user-photo {
    width: 40px;
    height: 40px;
}

.big_img.w-100 {
    margin-top: 20px;
}
.navbar-brand .crm_nav {
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
    font-weight: 600;
	color: #007fed;
}


.form-control:disabled{
	background: #e0e0e0;
	color: #6c757d;
	border: 1px solid var(--border-color);
}
.user-account .user-photo{
	margin-left: 15px;
}
.trn_sum,
.list-unstyled li{
	padding-bottom: 30px;
}
.summary{
	text-align: right;
}
.navbar-nav .btn-user-account{
	display: flex;
	color: #ccc ;
	cursor: pointer;
	transition: all 0.4s;
}
.navbar-nav .btn-user-account:hover{
	color: #fff;
}

a.btn-success.focus , a.btn-success:focus{
	color: #fff;
}
.form-group .btn,
.block-header .btn{
	margin-left: 5px;
}
.nav-tabs-new2{
	border-bottom: none;
}
.full_name{
	font-weight: 600;
}
.user-menu li {
	padding: 5px 0;
}
.text-info{
	color: var(--link-color) !important;
}

.icon-menu .icon-equalizer{
	padding-right: 5px;

}
.file-zoom-dialog .modal-content .file-other-icon {
    font-size: 22em;
}
#incompleteform-message {
    color: #fff;
}
.lg-outer .lg-video-cont {
    max-width: 100% !important;
}

#contactsAccountsGridView .header .search_tables {
    justify-content: space-between;
    padding: 15px;
}



/** Start btn settings **/
.btn-toggle-fullwidth{
	font-size: 20px;
	margin: 0;
}
.btn-success {
	color: #fff;
	background-color: var(--btn-success);
	border-color: var(--btn-success);
}
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):active{
	color: #fff;
	background-color: var(--btn-success-hove);
	border-color: var(--btn-success-hove);
}
.btn-success.focus, .btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active:focus{
	box-shadow: 0 0 0 0.2rem var(--btn-success-focus);
}
/** End btn settings **/


/** Start ckeditor**/
body .cke_chrome{
	width: 100%;
}
/** End ckeditor**/
.card-ib-inner {
    display: flex;
    margin-bottom: 20px;
    text-align: left;
    justify-content: space-between;
}
.card-ib-link {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.125);
    margin-right: 10px;
    align-self: center;
    padding: 8px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 12px;
    flex: 0 1 100%;
    color: var(--gray-dark);
    transition: all .4s;
}

/* Start ib-crm */
.ib-crm.card {
    height: 100%;
    margin-bottom: 0;
}
.ib-crm .input-group{
    flex-wrap: nowrap;
    align-items: baseline;
}
.ib-crm .input-group .control-label {
    width: auto;
    min-width: 100px;
    margin-right: 30px;
}
.ib-crm .form-control {
    margin-right: 10px;
}
.ib-crm #btn_coppy-link {
    display: flex;
    align-items: center;
}
.card-ib-link_focus{
    border: 1px solid var(--primary);
    box-shadow: 0 0 5px 0 var(--primary);
}
.ib-crm .card-ib_title {
    font-size: 17px;
    margin-bottom: 15px;

}
.ib-crm  label {
    font-weight: 400;
}
.card-ib__withdraw-descript {
    text-align: right;
    font-style: italic;
    color: #888;
}
/* End ib-crm */


@media (max-width: 2000px) {  }

@media (max-width: 1200px) {
    .btn-toggle-fullwidth{
        display: block;
    }
    .layout-fullwidth #wrapper #left-sidebar{
        left: 0;
    }
}

@media (max-width: 992px) {  }

@media (max-width: 768px) {  }

@media (max-width: 576px) {
    .search_tables form {
        flex-wrap: wrap;
    }
    .table tr, .table td, .table th {
        display: block;
    }
    .table tr {
        border: 1px solid #111111;
        border-radius: 4px;
        margin-bottom: 15px;
        text-align: center;
    }
    #DataTables_Table_0 td[class], #DataTables_Table_0 th[class] {
        max-width: 100%;
    }
    .navbar-brand{
        flex: 1 0 auto;
    }
    .navbar-fixed-top .navbar-brand img {
        width: 83px;
        margin-top: 5px;
    }
    .navbar-brand .crm_nav{
        font-size: 12px;
        transform: translateY(-3px);
        display: inline-block;
    }
    .navbar-brand{
        margin-right: 0;
    }
    .user-account .user-photo{
        margin-right: 0px;
    }

    .ib-crm .input-group .control-label {
        min-width: auto;
    }
}

@media (max-width: 320px) {  }


@media (min-width: 320px) {  }

@media (min-width: 576px) {}

@media (min-width: 768px) {  }

@media (min-width: 992px) {  }

@media (min-width: 1200px) {  }

@media (min-width: 2000px) {  }