body {
    font-family: "everTeamFont-regular", Arial, sans-serif!important;
    color:#0D3349;
}
.modal-body {
    padding: 20px;
}
/*=====================================*/
body.rtls.fixed-sidebar #page-wrapper{
    margin: 0 220px 0 0 ;
}
body.rtls.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 0 ;
}

body.rtls.body-small.fixed-sidebar #page-wrapper {
    margin: 0 0 0 0 ;
}
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 220px 0 0 ;
}

body.rtls .footer.fixed{
    margin-right: 220px!important;
}
body.rtls.mini-navbar .footer.fixed{
    margin-right: 0px!important;
}

body.rtls.body-small .footer.fixed{
    margin-right: 0px!important;
}
body.rtls.body-small.mini-navbar .footer.fixed{
    margin-right: 220px!important;
}

/* ============================= */
.m-l-none {
    margin-left: 0;
}
.m-l-xs {
    margin-left: 5px;
}
.m-l-sm {
    margin-left: 10px;
}
.m-l {
    margin-left: 15px;
}
.m-l-md {
    margin-left: 20px;
}
.m-l-lg {
    margin-left: 30px;
}
.m-l-xl {
    margin-left: 40px;
}
.m-l-n-xxs {
    margin-left: -1px;
}
.m-l-n-xs {
    margin-left: -5px;
}
.m-l-n-sm {
    margin-left: -10px;
}
.m-l-n {
    margin-left: -15px;
}
.m-l-n-md {
    margin-left: -20px;
}
.m-l-n-lg {
    margin-left: -30px;
}
.m-l-n-xl {
    margin-left: -40px;
}
/* =============== */
/* ==================== */
.m-r-none {
    margin-right: 0;
}
.m-r-xxs {
    margin-right: 1px;
}
.m-r-xs {
    margin-right: 5px;
}
.m-r-sm {
    margin-right: 10px;
}
.m-r {
    margin-right: 15px;
}
.m-r-md {
    margin-right: 20px;
}
.m-r-lg {
    margin-right: 30px;
}
.m-r-xl {
    margin-right: 40px;
}
.m-r-n-xxs {
    margin-right: -1px;
}
.m-r-n-xs {
    margin-right: -5px;
}
.m-r-n-sm {
    margin-right: -10px;
}
.m-r-n {
    margin-right: -15px;
}
.m-r-n-md {
    margin-right: -20px;
}
.m-r-n-lg {
    margin-right: -30px;
}
.m-r-n-xl {
    margin-right: -40px;
}
/* ================= */
/*=====================================*/

.md-skin .navbar-default .nav > li > a{
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.md-skin .navbar-default .nav > li > a:hover, .md-skin .navbar-default .nav > li > a:focus {
    font-weight: 500;
    color: #c99e2d;
}
#page-wrapper{
    /*padding: 0 0 50px 0;*/
    padding: 0;
    position: fixed!important;
    /*     overflow: hidden; */ /*comment this to fix iphone top menu white bg*/
    /*z-index:2002 ;*/
}
#inframe_body {
    position: relative !important;
}
/*#inframe_body .modal-dialog {
   margin: 1rem auto 6rem;
}*/
#iframe_container, #iframe_container_inside{
    width: 100%;
    height: calc(100% - 62px);
    margin: 0px;
    padding: 0px;
    display: block;
    min-height:600px;
}
.iframe_internal{
    width: 100%;
    /*     min-height:450px!important; */
    min-height:500px!important;
    height: calc(100% + 62px)!important;
    margin: 0px;
    padding: 0px;
    display: block;
}
.box_pdf .iframe_internal{
    min-height:375px!important;
}

.logo-element {
    padding: 5px 0;
}
.rtls .sweet-alert {
    font-family: "everTeamFont-regular", Arial, sans-serif;
}
.rtls .num_mask{
    direction: ltr; text-align: right
}
.title_color {
    color: #fff6ae !important;
}
.green_color {
    color: #c99e2d !important;
}
.profile-element {
    text-align: center;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #b89027 !important;
}
.login_name {
    font-size: 16px;
    color: #fff6ae;
}
.momra-logo {
    width: 100%;
    height: auto;
}
.md-skin .nav > li.active {
    background: #fff;
}
.md-skin .nav > li.active > a,
.md-skin .nav > li.active > a:hover,
.md-skin .nav > li.active > a:focus,
.md-skin .nav > li.active > a:active {
    color: #fff;
    font-weight: 500;
    background: #c99e2d;
}
.md-skin .nav li li.active > a,
.md-skin .nav li li.active > a:hover,
.md-skin .nav li li.active > a:focus,
.md-skin .nav li li.active > a:active {
    color: #0D3349;
    font-weight: 500;
    background: #f7f7bc !important;
}
.count-info .label {
    padding: 2px 4px;
    font-size: 12px !important;
}
body .cts_title {
    float: left;
    margin: 14px 5px 5px 5px;
    color: #fff;
    font-size: 18px;
}
body.rtls .cts_title {
    float: right;
    margin: 18px 5px 5px 5px;
    color: #fff6ae;
    font-size: 18px;
}
.minimalize-styl-2{
	background-color:#203f6e; /*#b89027;*/
	border-color: #203f6e ;
	color: #FFFFFF;
}
body.rtls .minimalize-styl-2 {
    float: right;
    margin: 17px 20px 5px 0px;
}
.md-skin .current-department {
    color: #fff6ae !important;
    font-weight: 300;
    margin: 0;
    font-size: 14px;
}
.md-skin .welcome-message {
    color: #ffffff !important;
    font-weight: 300;
    float: right;
    margin: 22px 0 0 0;
    font-size: 14px;
}
.md-skin .welcome-message .fa {
    color: #fff6ae;
    font-size: 18px;
    vertical-align: middle;
}
.right-sidebar-toggle.title_color .fa {
    vertical-align: middle;
}
.metismenu .arrow {
    float: left;
    line-height: 0.5;
    font-size: 20px;
    margin-top: 5px;
}

.navbar-default .nav > li > a > i {
    font-size: 18px;
    font-weight: normal!important;
    vertical-align: middle;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 12px;
    border-radius: 3px;
}

body.mini-navbar .navbar-default .nav > li > a {
    font-size: 20px;
}

.mini-navbar .nav .nav-second-level {
    padding: 3px !important;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level {
    display: block;
    border-radius: 0;
    min-width: 260px;
    height: auto;
}
body.rtls.fixed-sidebar.mini-navbar li.active .nav-second-level, body.rtls.canvas-menu.mini-navbar li.active .nav-second-level {
    left: auto;
    right: 0;
}
.md-skin.mini-navbar .nav-second-level {
    background-color: #ffffff;
    box-shadow: none;
}
body.rtls.md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
    /*padding-right: 52px;*/
    padding-right: 20px;
    padding-left: 0;
}
/*body.mini-navbar.fixed-sidebar .nav li:hover > .nav-second-level{*/
/*    display: block;*/
/*    border-radius: 0;*/
/*    min-width: 260px;*/
/*    height: auto;*/
/*}*/

.nav-second-level li{
    width: 100%;
}
.nav-second-level li::before {
	content: "\f2d1";
	font-family: "FontAwesome";
	float: right;
	margin-top: 11px;
	margin-right: 15px;
	color: #c99e2d;
	font-size: 6px;
}

.navbar-static-side .nav-second-level li a {
	border-bottom: 1px dashed #c6c6c6;
}
.navbar-static-side .nav-second-level li.active::before {
	color: #0D3349 !important;
}
.navbar .dropdown-menu {
    margin-top: -15px;
}
.to_department::before{
    content: "\f0a5";
    font-family: "FontAwesome";
    font-size: 16px;
    margin-right: 5px;
    margin-left: 5px;
    color: #c99e2d;
}

.md-skin .navbar-top-links .dropdown-menu li a {
    font-size: 12px;
}
.dropdown-menu.mo_notify .dropdown-item:before {
    display: none;
}

.ibox .dropdown-menu .dropdown-item:before {
    display: none;
}

#expand1 .ibox .ibox-title .dropdown-toggle:after {
    display: none;
}

.dataTables_wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dataTables_scrollBody {
    overflow-x: hidden!important;
    overflow-y: auto; /* scroll */
    width: 100%;
    height: 100%;
/*     direction: ltr; to reverse scroll to ltr */
    /* padding-left: 17px;
    box-sizing: content-box; */ /* So the width will be 100% + padding-left>px */
}
.dataTables_scrollBody .table{
/* 	direction: rtl!important; */
}
/*=======*/

.md-skin .navbar-top-links .mo_notify {
    width: 200px;
}
.md-skin .navbar-top-links .mo_notify li a {
    padding: 5px !important;
}

.md-skin .navbar-top-links .mo_notify p {
    margin-bottom: 0px !important;
}

.md-skin .navbar-top-links .mo_notify li a .fa {
    font-size: 16px;
    vertical-align: middle;
}
.nav.navbar-top-links .mo_notify a {
    font-size: 11px !important;
}
.dropdown-menu .dropdown-item::before {
    content: "\f100";
    font-family: "FontAwesome";
    float: right;
    margin-right: -13px;
    color: #c99e2d;
}
body.rtls .navbar-top-links .dropdown-menu li:last-child {
    margin-left: 0;
}
.sidebar-message a .fa {
    font-size: 18px;
}
.sidebar-message.active {
    /* color:#fff; */
    /* background-color: #fff6ae !important; */
    background-color: #278ac8 !important;
}

.sidebar-message.active .fa {
    display: none;
}

.sidebar-message.active .badge-success {
    background-color: #fff;
    color: #278ac8;
    padding: 5px;
}
.sidebar-message.active b,
.sidebar-message.active .text-muted {
    /* color: #22528f !important; */
    color: #fff !important;
}

.btn_nav {
    padding-top: 12px;
    padding-bottom: 13px;
    border-radius: 0;
    border-width: 0;
    font-size: 14px;
    background: #0D3349;
}
.text-dark1{
    color:#0D3349;
}
.large_font{
    font-size: 70px;
}
.link_arrow {
    margin-left: 20px;
}
.link_arrow li {
    margin-top: 10px;
    border-bottom: 1px dotted #c99e2d;
    padding-bottom: 8px;
    font-size: 14px;
}
.link_arrow li:before {
    content: "\f127";
    font-family: "FontAwesome";
    float: right;
    margin-left: 5px;
    color: #c99e2d;
}

.mng_search {
    margin-top: 10px;
    font-size: 12px;
    color: #c99e2d !important;
    border-radius: 20px;
    height: 36px;
}

.modal-header .close {
    padding: 10px;
    margin: 0;
    position: absolute;
    top: 20px;
    left: 20px;
}

.inmodal .modal-header {
    padding: 10px 15px;
}

.inmodal .modal-icon {
    color: #caece3 !important;
    font-size:25px;
    margin-top: 5px;
}

.inmodal .modal-title{
    font-size:18px;
}

.modal-footer {
    padding: 0px;
    border-top: none;
}

.modal-footer .btn {
    border-radius: 0 !important;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.modal-header,
.modal-footer,
.toast-header {
    background: #f3fffc !important;
}

.momra_toast .toast-header {
    background-color: #fff6ae !important;
}

.momra_toast .toast-body {
    background-color: #fff6ae !important;
}

.txt_switch span, .txt_switch label {
    font-size: 14px;
    color: #1872ac;
    margin: 0 3px;
    cursor: pointer;
}

.form-check-label{
    cursor: pointer;
    margin-right: 3px;
}

.rtls .form-check-inline{
    margin-right: 2px;
}

.inline_controls, .inline_controls li.form-group{
    margin: 0!important;
}

.rtls .inline_controls li.form-group{
    margin-right: 20px!important;
}

.rtls .inline_controls li:first-child{
    margin-right: 0px!important;
}

.md-skin .page-heading h2 {
    font-size: 18px;
    color: #c99e2d;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0px;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 2px;
    color: #c99e2d;
}
.breadcrumb > .active {
    color: #c99e2d;
}

.footer {
    background: transparent;
    font-size: 10px;
    border-top: 0;
}

.hover_animate {
    border-radius: 5px;
    transition: all 0.2s ease;
}
.hover_animate:hover {
    -moz-transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
    -webkit-box-shadow: 0px 34px 31px -21px rgba(166, 166, 166, 1);
    -moz-box-shadow: 0px 34px 31px -21px rgba(166, 166, 166, 1);
    box-shadow: 0px 34px 31px -21px rgba(166, 166, 166, 1);
}
.hover_animate:hover h1,
.hover_animate:hover h3 {
    color: #000;
    font-weight: 500;
}

.mail-tools .fa{
    font-size: 16px!important;
}

.rtls .input-group-addon{
    border-right: 0;
    /*border-left: 0;*/
}

.rtls .title-action {
    text-align: left;
    padding-top: 30px;
}

.title-action .fa{
    font-size: 25px;
    cursor: pointer;
}
/* ===================== */
/*checkbox*/
.rtls .sidebar-container body.rtls .abc-radio label {
    padding-right: 5px;
    font-size: 14px;
    color: #1872ac;
}
body.rtls .abc-radio label::before {
    right: 0;
    margin-right: -20px;
}
.abc-radio label::after {
    right: 3px;
    margin-right: -20px;
}
body.rtls .abc-radio input[type="radio"] {
    margin-right: 0;
}
body.rtls .abc-radio {
    padding-right: 4px;
}

body .abc-radio-info input[type="radio"]:checked + label::after {
    background-color: #1872ac;
}

body .abc-radio-info input[type="radio"]:checked + label::before {
    border-color: #1872ac;
}

body.rtls .abc-checkbox label::before {
    right: 0;
    margin-right: -1.25rem;
    top:0;
}

body .abc-checkbox label::before {
    top:0;
}

body.rtls .abc-checkbox label::after {
	right: 0;
	margin-right: -1.25rem;
	padding-right: 3px;
	padding-top: 0px;
	top: 1px;
}

body.rtls .abc-checkbox input[type="checkbox"], .abc-checkbox input[type="radio"] {
    margin-right: 1px;
}

body.rtls .abc-checkbox {
    padding-right: 4px;
}

.btn_white2 .btn{
    /*background: #f3fffc !important;*/
    margin: 2px;
}

.li_mb5 li {
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.li_mb5 li button {
    color: #fff;
}

.rtls.md-skin .ibox .badge {
    padding: 0.50em .4em !important;
    font-size: 9px !important;
    vertical-align: middle;
    font-family: "everTeamFont-regular", Arial, sans-serif !important;
}

.progress{
    height: 10px;
    border-radius: 25px;
}

/*==== on grid page =====*/
.mail-body .ul_li_docs{
    margin-left: 0;
    margin-bottom: 30px;
}
.transaction_data {
    position: relative;
}
#only_transaction {
    /* position: absolute; */
    /* top: -15px; */
    /* right: -15px; */
    position: absolute;
    width: 32px;
    height: 32px;
    padding: 8px 5px;
    border-radius: 0;
    font-size: 16px;
    line-height: 1;
    float: left;
/*     border-radius: 0 5px; */
}
.hide{
    display: none;
}

#transactions_list p, #transactions_list span {
    max-width:200px!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}

#transactions_list{
    border-collapse:separate;
    border-spacing: 0 .5em;
     direction: rtl;
}
#transactions_list thead{
    display: none!important;
}
/* =========================== */
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #c99e2d;
    color: #fff;
}
#transactions table.dataTable tbody > tr.selected, #transactions table.dataTable tbody > tr > .selected {
    background-color: #E2F4FD;
    color: #212529;
}
#transactions table.dataTable tbody > tr.selected td{
    background-color: #E2F4FD;
    color:#0D3349;
}

.rtls div.dataTables_wrapper span.select-info, .rtls div.dataTables_wrapper span.select-item{
/*     margin-right: 0.5em; */
    margin-right: 1px;
    color: #22528f;
}

.cts_box_2 {
	border: 1px solid rgb(238, 238, 238);
	padding: 6px;
	background: #f9f9f9;
	border-radius: 4px;
}

#transactions .item_info {
    float: right;
}

#transactions li {
    position: relative;

}
#transactions li .ass_icons p{
    margin-bottom: 2px;
}
.rtls #transactions li .ass_icons {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left:10px;
}
.rtls #transactions li .ass_icons i {
    font-size: 16px;
}
#transactions{
    transition: all 400ms ease;
}
#transactions .dataTables_scrollHead{
    display: none!important;
}
#transactions div.dataTables_info {
/*     padding: 0.85em 0; */
	padding: 0.4em 0;
    font-size: 12px;
    float: right;
}
#transactions select.form-control:not([size]):not([multiple]){
	height: 1.7rem;
}
#transactions .dataTables_wrapper {
    padding-bottom: 30px;
}
#transactions div.dataTables_paginate ul.pagination{
    justify-content: center;
    margin: 0;
}

#transactions .dataTables_wrapper {
    padding-bottom: 10px;
}

div.dataTables_info {
    margin-right: 5px;
    float: right;
}

#expand1 .max_height100{
    max-height: 200px!important;
}

#expand1, #box_viewer, #box_wizard, #box_tabs{
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.cts_hide{
    display: none;
}

.mail-body{
    padding: 10px 10px;
}

.file_form{
    padding: 10px;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #e7eaec;
    margin: 10px 0 0 0;
}
.mail-body .file_form{
    padding: 10px 0 0 0;
    border:0;
    border-top: 1px solid #e7eaec;
}

.btn-file .fa{
    font-size: 18px;
    vertical-align: middle;
}

.rtls .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    left: 3px!important;
    right: auto!important;
}

.pace .pace-progress {
    background: #fff6ae;
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
}


.rtls .datepicker.dropdown-menu {
    right: initial;
}
/*.rtls .input-group.date .input-group-addon {
  border-left: 1px solid #E5E6E7;
  border-right: 0;
}*/
.rtls .input-group.date .input-group-addon.addon2 {
    border-left: none;
    border-right: 1px solid #E5E6E7!important;
    padding: 9px 12px 4px 12px!important;
}

#summernote, .note-toolbar-wrapper{
    direction: ltr;
}


.rtls .wizard>.steps>ul>li, .wizard>.actions>ul>li {
    float: right;
}

.note-editable{
    font-size: 18px;
}

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}

/*============= Tabs ===============*/
.tabs-container .nav-tabs{
    border: none;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.tabs-container .nav-tabs li a {
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    /*     font-weight: 600; */
    font-weight: normal;
    color: #293241;
    border: none;
    z-index: 2;
    position: relative;
    transition: all 0.3s ease 0s;
}

h1, h2, h3, h4, h5, h6{
    font-weight: normal!important;
}

.tabs-container .nav-tabs li a:hover,
.tabs-container .nav-tabs li a.active{ border: none; }
.tabs-container .nav-tabs li a:before{
    content: "";
    width: 100%;
    height: 4px;
    background: #f6f6f6;
    /*border: 1px solid #e9e9e9;*/
    border: 1px solid #ccc;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.tabs-container .nav-tabs li a:after{
    content: "";
    width: 0;
    height: 4px;
    background: #c99e2d;
    border: 1px solid #c99e2d;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.tabs-container .nav-tabs li a.active{
    color: #c99e2d;
}
.tabs-container .panel-body{
    padding: 20px 0 0 0;
    border:none;
}
.tabs-container .nav-tabs li:hover a:after,
.tabs-container .nav-tabs li a.active:after{
    width: 100%;
    opacity: 1;
}
.tabs-container .tab-content {
    padding: 0 20px;
    margin-top: 5px;
    /*line-height: 30px;*/
    position: relative;
}
.tabs-container .tab-content p{
    line-height: 2;
}
.tabs-container .tab-pane .panel-body{
    margin-bottom: 0px;
}
/*========================================*/

.rtls .badge {
    font-family: "everTeamFont-regular", Arial, sans-serif!important;
    padding: 4px 6px!important;
    font-size: 12px!important;
}

.btn_i_sm{
    padding: .375rem 0.62rem!important;
}

.tooltip-inner {
    font-size: 10px;
    padding: 5px 10px;
    font-family: "everTeamFont-regular", Arial, sans-serif;
}

.agile-detail .fa{
    color:#c99e2d;
}
/*========================================*/

.empty_scanner, .scanner_data.no_scanner .scanner_papers {
    display: none;
}
.empty_scanner .fa {
    font-size: 170px;
    color: #D9D9D9;
    padding-top: 15px;
}
.scanner_data.no_scanner{
    position: relative;
}
.scanner_data.no_scanner .empty_scanner {
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 350px;
    border: 1px solid #e7eaec !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}

.ScannerNavigation {
	float: left;
}
.ScannerNavigation a {
	margin: 0 4px;
	color: #22528f !important;
}
.ScannerNavigation input {
	text-align: center;
	border-radius: .25rem;
	border: 1px solid #e7eaec !important;
	height: calc(2.25rem + 2px) !important;
	line-height: 2.25rem;
	width: 40px;
}
.ScannerPreviewMode {
	float: left;
	margin-left: 20px;
    width:20% !important;
}
/*========================================*/
        .md-skin .wrapper-content.scanner_body{
            position: relative!important;
            padding-right: 60px;
        }
        .scanner_setting{
            width: 230px;
            position: fixed;
            top: 0;
            bottom:0;
            background: #fafdff;
            padding:10px;
            z-index:999;
            right: -230px;
            border-left: 1px solid #278ac8;
            transition: right ease-in-out .3s;
        }
        .scanner_setting_open {
            right: 0;
        }
        .scanner_setting_tools {
            position: absolute;
            left: -50px;
            top: 20px;
            font-size: 14px;
        }

        .scanner_setting_tools li .btn-default{
            margin: 5px 5px 0 0px;
            color: #278ac8;
        }

        .scanner_setting_btn.btn-circle {
            width: 50px;
            height: 37px;
            padding: 5px 12px;
            border-radius: 25px 0 0 25px;
            font-size: 18px;
            line-height: 1.33;
        }
        .btn-info:hover, .btn-info:focus, .btn-info.focus {
            color: #fff;
            background-color: #278ac8;
            border-color: #278ac8;
        }
        .scanner_setting_head {
            color: #278ac8;
            margin-top: 5px;
        }
        .scanner_setting hr {
            border-color: #278ac8;
            margin-top: 14px;
        }
        .refresh_horizontal{
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        .rotate_180{
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        .small_select2 .select2 {
            width:30% !important;
        }
/*========================================*/

.transaction_data.no_transaction{
    position: relative;
}
.transaction_data.no_transaction .mail-box-header, .transaction_data.no_transaction .mail-box{
    display: none;
}
.transaction_data.no_transaction .table-responsive, .transaction_data.no_transaction .btn_white2,  .transaction_data.no_transaction hr,  .transaction_data.no_transaction h3{
    display: none;
}
.transaction_data.no_transaction > .empty_transaction {
    text-align: center;
    position: relative;
    z-index: 1000;
    /*     padding: 200px 0; */
    padding: 100px 0;
    border: 1px solid #e7eaec !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.cts_fullTabs .transaction_data.no_transaction > .empty_transaction{
    border: none!important;
}

.empty_transaction{
    display: none;
}
.empty_transaction .fa {
    font-size: 250px;
    color: #D9D9D9;
}
.transaction_data.no_transaction .empty_transaction {
    display: block;
}

/*========================================*/

.transaction_data.multi_select .mail-box-header,
.transaction_data.multi_select .mail-box,
.transaction_data.multi_select .empty_transaction{
    display: none;
}
.transaction_data.multi_select .table-responsive,
.transaction_data.multi_select .btn_white2,
.transaction_data.multi_select hr{
    display: none;
}

.selectedTrx td{
    background: #f7f7bc !important;
/*     border-color: #fff!important; */
}

.selectedTrx td.td_multi_select {
    background: #f5f5f5!important;
}

.td_multi_select, .td_multi_select:hover{
    cursor: not-allowed !important;
    color:#666!important;
    background: #f5f5f5!important;
}
.td_multi_select .item_info{
    pointer-events: none;
}

.transaction_data.multi_select > .multi_select_actions {
    text-align: center;
    position: relative;
    z-index: 1050;
    padding: 100px 0;
    border: 1px solid #e7eaec !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.cts_fullTabs .transaction_data.multi_select > .multi_select_actions{
    border: none!important;
}

.multi_select_actions{
    display: none;
}
.transaction_data.multi_select .multi_select_actions {
    display: block;
}
.multi_select_actions::before {
    content: "";
    z-index: -1;
    position: absolute;
    background: url('../../images/momra/momra_bg.png') no-repeat;
    background-size: 100%;
    transform: translateX(-80%);
    max-width: 500px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.3;
}
#close_multi_select {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
    padding: 5px 10px;
    line-height: 1;
}

/*========================================*/

.transaction_data > .sk-spinner {
    display: none;
}
.transaction_data.sk-loading {
    position: relative;
}
.transaction_data.sk-loading::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.transaction_data.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

/*========================================*/

.ContentWithoutToolbar > .sk-spinner {
    display: none;
}
.ContentWithoutToolbar.sk-loading {
    position: relative;
}
.ContentWithoutToolbar.sk-loading::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.ContentWithoutToolbar.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

/*========================================*/
.tab-content > .sk-spinner {
    display: none;
}
.tab-content.sk-loading {
    position: relative;
}
.tab-content.sk-loading::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.tab-content.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

/*========================================*/

.full_loading > .sk-spinner {
    display: none;
}
.full_loading.sk-loading {
    position: relative;
}
.full_loading.sk-loading::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.full_loading.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 9999;
}

/*========================================*/

.modal-body > .sk-spinner {
    display: none;
}
.modal-body.sk-loading {
    position: relative;
}
.modal-body.sk-loading::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.modal-body.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 9999;
}

/*========================================*/

.c_flags {
    margin-bottom: 0;
}
.rtls .c_flags {
    float: left;
}
.c_flags li.is_attachment, .c_flags li.is_received{
    display: none;
}

.c_flags li.is_rejected, .c_flags li.is_rejected{
    display: none;
}
.mail-box-header .btn-xs .fa{
    font-size: 16px;
}
.mail-box-header h5,   .mail-box-header h3{
    margin: 0 0 3px 0;
}
.mail-box-header h2 .badge-danger {
    display: none;
}

/*=================== TOAST =====================*/
#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: right;
    color: #fff;
    padding-left: 0.5em;
    margin: auto -1.5em auto 0.5em;
}
#toast-container > .toast-warning:before {
    content: "\f005";
}
#toast-container > .toast-error:before {
    content: "\f001";
}
#toast-container > .toast-info:before {
    content: "\f003";
}
#toast-container > .toast-success:before {
    content: "\f2bd";
}

.topForm_btn{
    margin: 0;
    position: absolute;
    left: 15px;
    bottom: 0;
}
/*========================================*/


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

.cts_dataTable td.actions{
    white-space: normal;
    padding: 3px;
}
.cts_dataTable .actions .btn{
    margin:2px;
}
.cts_dataTable td.dt_actions{
    white-space: normal;
    padding: 3px;
}
.cts_dataTable .dt_actions .btn{
    margin:2px;
}

.cts_dataTable{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    /*table-layout: fixed;*/
    word-wrap:break-word;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard .table-responsive, .mail-body .table-responsive, .delegation-form .table-responsive {
    background: #fff;
    border-radius: 5px 5px 0 0;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

/*==========*/
tr.warning-element-details td:nth-child(1),tr.warning-element-details td:nth-child(2) {
    border-bottom: 1px solid #f8ac59 !important;
}
tr.danger-element-details td:nth-child(1), tr.danger-element-details td:nth-child(2) {
    border-bottom: 1px solid #ed5565!important;
}
tr.info-element-details td:nth-child(1), tr.info-element-details td:nth-child(2) {
    border-bottom: 1px solid #22528f!important;
}
tr.success-element-details td:nth-child(1), tr.success-element-details td:nth-child(2) {
    border-bottom: 1px solid #c99e2d!important;
}

/*========================================*/

tr.success-element-details td:nth-child(1).details-control::before{
    color:#c99e2d !important;
}
tr.warning-element-details td:nth-child(1).details-control::before {
    color: #f8ac59 !important;
}
tr.danger-element-details td:nth-child(1).details-control::before{
    color:#ed5565 !important;
}
tr.info-element-details td:nth-child(1).details-control::before{
    color:#22528f !important;
}

.note-popover .note-children-container span{
    margin-top: 5px!important;
    margin-right: 5px!important;
    direction: ltr!important;
    text-align: left!important;
}


/*========================================*/

.rtls ul.gj-list-bootstrap {
    padding-right: 0;
    margin-bottom: 0;
}

.rtls ul.gj-list-bootstrap li [data-role="display"] {
    padding: 8px 4px 8px 0;
    line-height: 2;
}

ul.gj-list-bootstrap .fa{
    font-size: 18px;
    padding: 8px 4px 8px 0px;
    vertical-align: middle;
}

.list-group-item.active{
    background-color: #f2f2f2;
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active {
    color: #212529;
}

.gj-checkbox-material-icons input[type="checkbox"]:checked + span::after {
    background: #22528f;
    color: #fff;
    border-radius: 10px;
}

.gj-checkbox-material-icons input[type="checkbox"]:checked + span {
    border:none;
}
.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type="checkbox"]:checked + span::after, .gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type="checkbox"]:indeterminate + span::after {
    font-size: 20px;
}

.gj-picker table{
    width: 100%;
}

/*========================================*/

form input.error, form .select2-hidden-accessible.error + .select2-container .select2-selection
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: rgb(220, 53, 69);
}

.input-group label.error {
    width:100%!important;
    margin-right: 0!important;
}

form input.error + .input-group-addon {
    background: rgb(251, 227, 228);
    border-color:  #fbc2c4;
    color: rgb(220, 53, 69);
}

.form-control:disabled{
    cursor: not-allowed;
}

.form-control:disabled + .input-group-addon{
    background-color: #e9ecef;
}

.fr-toolbar.fr-top{
    border-radius: 0!important;
}
.fr-box.fr-basic .fr-element.fr-view {
    font-family: "everTeamFont-regular", Arial, sans-serif;
    font-size: 16px;
    color: #444444;
}


.rtls .input-group > .input-group-append > .btn,
.rtls .input-group > .input-group-append > .input-group-text,
.rtls .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.rtls .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.rtls .input-group > .input-group-prepend:not(:first-child) > .btn,
.rtls .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-radius: 4px 0 0 4px;
}

.rtls .input-group > .custom-select:not(:last-child),
.rtls .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.rtls .input-group-append, .rtls .pdf-toolbar .input-group {
    margin-right: -1px;
}

.rtls .pagination > li > a, .rtls .pagination > li > span {
    float: right;
    margin-right: -1px;
    margin-left: 0;
}

.rtls .dataTables_length {
    float: right;
}
.rtls div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
.rtls div.dataTables_wrapper div.dataTables_filter label {
    text-align: left;
}
.rtls div.dataTables_wrapper div.dataTables_filter input{
    margin-right: 0.5em;
    margin-left: 0;
}

/*============ dataTables =============*/
td.details-control{
    width: 10px;
    height: auto;
    text-align: center;
    padding:3px!important;
}
td.details-control:before {
    /*background: url('../plugins/dataTables/details_open.png') no-repeat center center;*/
    cursor: pointer;
    font-family: 'FontAwesome';
    content: "\f055";
    color:#c99e2d;
    font-size: 20px;
}
tr.shown td.details-control:before {
    /*background: url('../plugins/dataTables/details_close.png') no-repeat center center;*/
    font-family: 'FontAwesome';
    content: "\f056";
    color: rgb(220, 53, 69);
}

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

.mail-body .ul_li_bordered{
    margin-right: 20px;
}

.ul_li_bordered li {
    margin-top: 10px !important;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
}
.ul_li_bordered li {
    font-size: 14px;
}

.ul_li_bordered li .fa {
    font-size: 25px;
}
.ul_li_bordered li strong{
    font-weight: normal;
    color: #0d98ce;
}

.ul_li_bordered li strong::after{
    content: ':';
    color: #0d98ce;
}

/*=====================================*/

.ul_li_docs {
    margin-left: 20px;
}

.ul_li_docs li {
    margin-top: 10px;
    border-bottom: 1px dotted #c99e2d;
    padding-bottom: 8px;
    font-size: 14px;
}

.ul_li_docs li:before {
    content: "\f1c2";
    font-family: "FontAwesome";
    float: right;
    margin-left: 5px;
    color: #333;
}

.ul_li_docs li.active a{
    color: #22528f;
}

.ul_li_docs li a{
    color: #333;
}
.ul_li_docs li.active{
    border-bottom: 2px dotted #22528f;
}

.ul_li_docs li .fa {
    font-size: 16px;
    color: #22528f;
}

/*========================================*/

.mail-body form{
    padding:15px;
    border-radius: 5px;
    /*background: #FAFAFB;*/
    background: #f5f5f5;
    border: 1px solid #e7eaec;
}

/*========================================*/

.rtls table.dataTable thead .sorting::after,
.rtls table.dataTable thead .sorting_asc::after,
.rtls table.dataTable thead .sorting_desc::after,
.rtls table.dataTable thead .sorting_asc_disabled::after,
.rtls table.dataTable thead .sorting_desc_disabled::after {
    left: 0.5em;
    right: auto;
    content: "\2193";
}
.rtls table.dataTable thead .sorting::before,
.rtls table.dataTable thead .sorting_asc::before,
.rtls table.dataTable thead .sorting_desc::before,
.rtls table.dataTable thead .sorting_asc_disabled::before,
.rtls table.dataTable thead .sorting_desc_disabled::before {
    left: 1em;
    right: auto;
    content: "\2191";
}
.rtls table.dataTable thead > tr > th.sorting_asc,
.rtls table.dataTable thead > tr > th.sorting_desc,
.rtls table.dataTable thead > tr > th.sorting,
.rtls table.dataTable thead > tr > td.sorting_asc,
.rtls table.dataTable thead > tr > td.sorting_desc,
.rtls table.dataTable thead > tr > td.sorting {
    padding-left: 30px;
    padding-right: 8px;
}
.rtls table.table-bordered.dataTable th,
.rtls table.table-bordered.dataTable td {
    border-right-width: 0;
    border-left-width: 1px;
}

.rtls .html5buttons {
    float: left;
}

.rtls button.dt-button, .rtls div.dt-button, .rtls a.dt-button {
    margin-left: 0.333em;
    margin-right: auto;
}

.rtls div.dt-buttons {
    float: right;
}
/*========================================*/

.full-modal .modal-content {
    min-height: 100%;
    border: 0;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px 0;
    background: rgba(0,0,0,0.6);
    z-index: 1040;
}
.full-modal.inmodal .modal-body{
    background: transparent;
}
.full-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 2.5em;
}
.full-modal .modal-content p {
    margin-bottom: 30px;
}
.full-modal .modal-content p.item-intro {
    margin: 10px 0 30px;
    font-size: 14px;
    font-style: italic;
}
.full-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}
.full-modal .modal-content img {
    margin-bottom: 30px;
}
.full-modal .close-modal {
    position: absolute;
    top: 30px;
    left: 45px;
    width: 41px;
    height: 41px;
    background-color: #000;
    cursor: pointer;
    z-index: 9999;
    opacity: 0.8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.full-modal .close-modal:hover {
    opacity: 1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.full-modal .close-modal:hover .lr, .full-modal .close-modal:hover .lr .rl {
    background-color: #fff3cd;
}
.full-modal .close-modal .lr {
    z-index: 1051;
    width: 2px;
    height: 30px;
    margin-right: 20px;
    margin-top: 6px;
    background-color: #f2f2f2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.full-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 2px;
    height: 30px;
    background-color: #f2f2f2;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.full_modal2, .full-modal {
    padding-right: 0!important;
}

/* =========== */
.full_modal2 .modal-dialog{
    margin: 0!important;
    max-width: 100%!important;
}
.full_modal2 .container-fluid, .full-modal .modal-content{
    padding: 0!important;
}
.full_modal2 .modal-body{
    padding: 0!important;
}
.full_modal2 .close-modal{
    top:40px!important;
    left:15px!important;
}
.full_modal2 #transaction_header{
    border-width: 10px!important;
}

.full_modal2 .modal-content, .full_modal2 .modal-body, .full_modal2 iframe{
    background:#fff;
    position:fixed;
    top:0;
    bottom:62px;
    right:0;
    left:0;
}

/*========================================*/

.rtls .text-left{
    text-align: right!important;
}
.md-skin .mail-box-header{
    padding: 5px 15px 10px 15px!important;
}
.mail-box-header h2 {
    margin-bottom: 10px!important;
    font-size: 20px!important;
}
.mail-box-header h2 {
    padding-left: 25px;
}
.rtls .mail-box-header h2 {
    padding-right: 25px;
}

/*========================================*/

.cts_charts canvas, .cts_charts svg {
    direction: ltr!important;
    width: 100%!important;
}
.cts_charts h1{
	font-family: "everTeamFont-bold", Arial, sans-serif!important;
	font-size: 40px;
	color:#22528f !important;
}
.cts_charts h3{
	font-family: "everTeamFont-bold", Arial, sans-serif!important;
}
.c3-legend-item{
	font-family: "everTeamFont-regular", Arial, sans-serif!important;
}
label.required_mark::after
{
    content:"\f069";
    font-family: "FontAwesome";
    font-size: 10px;
    color:rgb(220, 53, 69);
    padding: 0 3px;
}

th.required_mark::after
{
    content:"\f069";
    font-family: "FontAwesome";
    font-size: 10px;
    color:rgb(220, 53, 69);
    padding: 0 3px;
}

table.cts_table th.required_mark::after
{
    content:"\f069";
    font-family: "FontAwesome";
    font-size: 10px;
    color:rgb(237, 244, 4);
    padding: 0 3px;
}

fieldset h2 , .mail-body h2 {
    color: #c99e2d;
    border-bottom: 2px dotted rgba(13, 51, 73, 0.13);
    padding-bottom: 15px;
    margin-bottom: 0px;
    margin-top:15px!important;
}

fieldset .panel-collapse .row, .mail-body .panel-collapse .row{
    margin-top: 15px;
}


.faq-question {
    position: relative;
    font-size: 14px !important;
    margin-bottom: 2px;
    font-weight: normal;
    padding: 10px 20px;
    border-bottom: 1px dashed #0d33494d;
}

.faq-question::after {
    content: "\f104";
    color: #0D3349;
    top: 3px;
    right: 0px;
    position: absolute;
    font-family: "FontAwesome";
    font-size: 22px;
}

.faq-question[aria-expanded="true"]::after {
    content: "\f107";
}

.wizard > .content > .body label.error, .mail-body label.error, label.error {
    margin-right: 0px;
    font-size: 11px;
}
.bootstrap-datetimepicker-widget {
    list-style: none!important;
    z-index: 9999!important;
}

::-webkit-input-placeholder { /* Edge */
    font-size: 10px!important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 10px!important;
}
::placeholder {
    font-size: 12px!important;
}

.color_help {
    margin-bottom: 10px;
    text-align: center;
}

.cts_box {
    clear: both;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.margin10tb{
    margin:10px 0;
}
.color_help li {
    margin-left: 15px;
    font-size: 10px;
}
.rtls .color_help li {
    margin-left: 0px;
    margin-right: 8px;
}
.rtls .color_help li .fa{
    vertical-align: middle;
    font-size: 25px;
}

.v_align_m{
    vertical-align: middle;
}

/*========================================*/

.wizard .mail-attachment, .mail-body .mail-attachment {
    border:none!important;
    padding: 10px;
}

.file .icon,
.file .image {
    height: 148px;
}
.file .icon {
    padding: 55px 10px;
}
.file .icon .fa {
    font-size: 50px;
    /*color: #c99e2d4d;*/
}

.file-box {
    margin-bottom: 15px;
}
.file-box table{
    margin-bottom: 0px;
}
.file-box .table > tbody > tr > td {
    padding: 8px 12px;
}
.file .corner{
    display: none;
}
.file{
    position: relative;
    overflow: hidden;
    margin-right: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.file .file_actions{
    position: absolute;
    margin: 0;
    padding: 0;
    top:5px;
    bottom: 0;
    /*left: -50px;*/
    left: -35px;
    transition: all ease 0.5s;
}

.file .file_actions li{
    margin-bottom: 8px;
}

.file:hover .file_actions{
    left: 5px;
}

.file .file_status{
    position: absolute;
    margin: 0;
    padding: 0;
    top:5px;
    bottom: 0;
    right: 5px;
}
.file .file_status li{
    margin-bottom: 5px;
}

.file .file_actions .btn{
    padding: 0.15rem .75rem;
}
.file .file_status .fa {
    font-size: 16px;
}
.file .file_actions .fa {
    font-size: 14px;
}
.file .file_extra{
    display: none;
}
.file .table{
    font-size: 12px;
}
.file .table tr td:first-child {
    width: 25%;
    background: #f3f3f4;
}
.file .table td strong{
    color: #333;
}

.file .table td strong::before{
    content: "\f111";
    font-family: "FontAwesome";
    margin-left: 5px;
    color: #c99e2d;
    font-size: 8px;
}

.file .file-name {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 88px;
}

.col-lg-12.file-box .file{
    padding: 0px;
}
.col-lg-12.file-box .file .icon {
    padding: 35px 10px;
}
.col-lg-12.file-box .file .icon, .file .image {
    height: 110px;
}
.col-lg-12.file-box .file a {
    text-align: center;
}
.col-lg-12.file-box .file .file_extra {
    display: block;
}
.col-lg-12.file-box .file .file-name{
    display: none;
}
.col-lg-12.file-box  .file .file_status{
    top: 10px;
}
.col-lg-12.file-box  .file .file_status li{
    float: right;
    margin-right: 5px;
}
/*========================================*/

.multi_rows{
    margin-bottom: 15px;
    border-bottom: 2px dashed #333;
}

.inc_dec_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff3cd;
}

.btn-circle.btn_cbig {
    width: 50px;
    height: 50px;
    padding: 12px 15px;
    border-radius: 26px;
    font-size: 22px;
    line-height: 1.33;
}
.btn-circle.btn_cbig2 {
    width: 40px;
    height: 40px;
    padding: 8px 10px;
    border-radius: 26px;
    font-size: 20px;
    line-height: 1.33;
}

.wizard > .content > .body {
    padding: 15px!important;
    height: auto;
}

.wizard > .content > .body.cts_forward {
    padding-top: 0!important;
}

.i_text{
    font-size: 20px;
    vertical-align: middle;
}

.embed-responsive-4by3::before {
    padding-top: 130%;
}

/*========================================*/

.sm_uploader .dropzone .dz-preview .dz-remove {
    background: #ed5565!important;
    border-radius: 20px 20px 0 0!important;
}
.sm_uploader .dropzone .dz-preview.dz-file-preview .dz-image, .sm_uploader .dropzone .dz-preview .dz-image{
    border-radius: 20px!important;
}
.sm_uploader .dropzone .dz-preview .dz-details{
    padding: 15px 10px!important;
}
.sm_uploader .dropzone .dz-preview {
    border-radius: 20px!important;
    width: 92px!important;
}
.sm_uploader .dropzone .dz-preview .dz-image {
    width: 92px!important;
    height: 92px!important;
}
.sm_uploader .dropzone .dz-preview .dz-details {
    font-size: 12px!important;
    line-height: 1!important;
}
.sm_uploader .dropzone .dz-preview .dz-details .dz-size {
    font-size: 12px;
}

.sm_uploader .dropzone_cloud {
    font-size: 40px;
}

.sm_uploader .dropzone .dz-message {
    /*color: #22528f;*/
    font-size: 12px;
    margin:0;
}

.sm_uploader .dropzone{
    border-color:  #22528f;
    background: #f9f9f9;
    padding: 10px;
    min-height: unset;
}

/*========================================*/

.fileinput{
    margin:0;
}
.fileinput .close{
    font-weight: normal;
}
.fileinput-filename {
    line-height: 1.2em;
    max-width: 125px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 11px;
    white-space: nowrap;
}

.filename .cts_or{
    margin: 0 5px;
}

.mr_actions_2px .btn{
    margin:2px;
}

#box_wizard.col-lg-6 .file-box.col-lg-3{
    flex: 0 0 50%;
    max-width: 50%;
}

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

.select2 {
    width:100%!important;
}
.rtls .select2-container--bootstrap4 .select2-selection__clear {
    width: 1.2em;
    height: 1.2em;
    line-height: 1.45em;
    padding-right: .3em;
    padding-left: 0em;
    margin-top: 0.8em;
    border-radius: 100%;
    background-color: #6c757d;
    color: #f8f9fa;
    float: left!important;
    margin-left: .3em;
    margin-right: 0em;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
/*     padding: 0.375rem 1.2rem 0.375rem 0.2rem; */
    padding: 0.2rem 1.2rem 0.2rem 0.2rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*===solve cut of datepicker inside wizard===*/
.wizard > .content, .wizard, .tabcontrol{
    overflow: visible!important;
}

/*========================================*/

.cts_cards{
    padding-top: 100px;
}
.cts_cards .col-lg-3{
    position: relative;
}
.cts_card::before {
    content: "";
    z-index: -1;
    position: absolute;
    background: url('../../images/momra/momra_bg.png') no-repeat;
    background-size: 100%;
    transform: translateX(-20%);
    max-width: 500px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.3;
}
.cts_card {
    position: relative;
    background: #fff;
    margin-bottom: 25px;
    border: 1px solid #e7eaec;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.cts_card .big_i{
    font-size: 120px;
    margin-top: 50px;
    margin-bottom: 30px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.cts_card h2{
    margin:0;
    padding: 15px 0;
    font-size: 20px;
}
.cts_card a{
    width: 100%;
    float: left;
}
.cts_card p{
    font-size: 16px;
}
.cts_card.card1 a {
    color:#22528f;
}
.cts_card.card1 h2 {
    color:#fff;
    background: #22528f;
}
.cts_card.card2 a{
    color:#c99e2d;
}
.cts_card.card2 h2 {
    color:#fff;
    background: #c99e2d;
}
.cts_card:hover{
    -moz-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    -o-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px);
    transform: translate(0px, -20px);
    -webkit-box-shadow: 0px 14px 14px -11px rgba(179,175,179,1);
    -moz-box-shadow: 0px 14px 14px -11px rgba(179,175,179,1);
    box-shadow: 0px 14px 14px -11px rgba(179,175,179,1);
    z-index: 9999;
}
.cts_card:hover .big_i{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.cts_card.card1:hover{
    background-color: rgba(28, 132, 198, 0.05);
}
.cts_card.card2:hover{
    background-color: rgba(25, 170, 141, 0.05);
}

/*========================================*/

#advanced_search{
    display: none;
}
.corner_action_btn{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.corner_action_btn_right{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.corner_action_btn_full{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#box_viewer .box_pdf{
    padding-top: 50px;
    min-height: 375px;
    position: relative;
}
.mail-box #box_viewer .ibox.side_uploader, .mail-box .ibox.ibox_pdf{
    margin-bottom: 0!important;
}

.sidebar-container ul.nav-tabs li{
    float: left;
    line-height: 1.9!important;
}

#right-sidebar .nav-tabs .nav-item.show .nav-link, #right-sidebar .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #f9f9f9;
}

.rtls .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtls .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.hasTooltip span {
    display: none;
    color: #000;
    text-decoration: none;
    padding: 3px;
}
.hasTooltip:hover span {
    display: block;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #CCC;
    margin: 2px 10px;
}

/*============= cts_fullTabs page ============*/

.cts_fullTabs .cts_card2 h2{
    margin-top: 0;
    margin-bottom:10px;
}
.cts_fullTabs .cts_card2 label{
    font-size: 40px;
    line-height: 1;
}
.row.nav-tabs {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    margin-right: -15px !important;
    margin-left: -15px !important;
    margin-bottom: 0;
}

.md-skin .cts_fullTabs .ibox{
    margin-bottom: 0;
}

.cts_fullTabs .cts_card2::after {
    content: "";
    z-index: 1;
    position: absolute;
    background: url('../../images/momra/momra_bg.png') no-repeat;
    background-size: 70%;
    transform: translateX(-10%);
    max-width: 500px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.3;
    overflow: hidden;

}
.cts_fullTabs .cts_card2 {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #e7eaec;
    min-height: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cts_fullTabs .cts_card2 .fa{
    font-size: 60px;
    position: absolute;
    left: 15px;
    top: 35px;
    z-index: 2;
    display: block;
    visibility: visible;
}
.cts_fullTabs .tabs-container .nav-tabs li a {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
/* .cts_fullTabs .tabs-container .nav-tabs li a.active .cts_card2 {
    border: 1px solid #c99e2d !important;
} */
.cts_fullTabs .tabs-container .nav-tabs li a::after{
    height: 6px;
}
.cts_fullTabs .tabs-container .nav-tabs li a::before{
    height: 6px;
    border-color: #ddd;
}
.cts_fullTabs .tabs-container .nav-tabs li a:hover .fa {
    -webkit-animation: rubberBand 1s;
    animation: rubberBand 1s;
}
.cts_fullTabs .tabs-container .nav-tabs li a::before, .cts_fullTabs .tabs-container .nav-tabs li a::after{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 2;
}
.cts_fullTabs .tabs-container .tab-content{
    padding: 0;
    margin: 0;
}
.cts_fullTabs .tabs-container .nav-tabs{
    border-bottom: 0;
}
.cts_fullTabs .tabs-container .panel-body{
    background-color: transparent;
    padding: 0;
}

.cts_fullTabs table, .table-responsive table{
    width: 100% !important;
}

/*=================================*/

.modal-body .txt_switch label{
    font-size: 12px!important;
    margin: 0!important;
}

.form-group.p-md{
    padding: 35px 15px;
}

.modal-body .form-group.p-md{
    padding: 0px 15px!important;
}

.tree, .treeCheck{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    min-height: 200px;
}

/*
.modal-body .treeCheck, .modal-body .tree{
    border:none!important;
}
*/

.modal_item_name{
    font-size: 16px;
    font-weight: normal;
}

.rtls .treeview span, .rtls .treeview .fa {
    vertical-align: middle!important;
}

.rtls .treeview span.fa-group{
    color: #c99e2d;
    font-size: 16px!important;
    width: 16px!important;
}


.rtls .treeview span.node-icon{
    color: #c99e2d;
    font-size: 14px!important;
    width: 14px!important;
    margin-left: 8px!important;
    margin-right: 0!important;
}
.rtls .treeview span.node-icon.fa-user{
    color: #f4a308;
    font-size: 18px!important;
}

.node-selected span.node-icon, .node-selected span.check-icon, .node-selected span.fa-group{
    color: #fff!important;
}

.rtls .treeview span.expand-icon{
    font-size: 18px!important;
    width: 12px!important;
    margin-left: 4px!important;
    margin-right: 0!important;
}

.rtls .treeview span.check-icon{
    color: #22528f;
    font-size: 20px!important;
    width: 14px!important;
    margin-left: 8px!important;
    margin-right: 0!important;
}

.treeview .node-checked{
    color: #22528f;
    font-size: 14px!important;
}
.treeview .text-muted .node-icon{
    color: #888888 !important;
}
.treeview .text-muted .expand-icon{
    color: #0D3349 !important;
}
.rtls .treeview span.icon {
    font-weight: normal;
}

.rtls .treeview .fa-folder-o {
    font-size: 16px;
}

/*===========================*/

.rtls .tree ul.gj-list-bootstrap li [data-role="display"]::before, .rtls .treeCheck ul.gj-list-bootstrap li [data-role="display"]::before{
    content:"\f108";
    margin: 0 5px;
    color: #c99e2d;
    font-size: 16px;
    vertical-align: middle;
    font-family: "FontAwesome";
}
.rtls .tree ul.gj-list-bootstrap li [data-role="display"]{
    padding-right: 0!important;
}

/*===========================*/

#exit_delegation{
    color: #fff6ae;
    margin: 0;
}


#modal_bell{
    color: #ff0000;
    margin: 0;
}


.delegation_alert{
    width: 100%;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    color:#fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 37px;
    margin: 0;
    padding: 5px 25px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 10;
}
.delegation_alert span{
    font-size: 12px;
}
.delegation_alert label{
    color: #fff6ae;
    margin: 0;
}
.delegation_alert .btn{
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: 0;
}
.delegation_alert .btn:hover{
    color:#fff6ae;
}

.delegation_alert .btn .fa {
    font-size: 18px;
    vertical-align: middle;
    color:#fff6ae;
}
.delegation_alert .fa-user-circle-o{
    font-size: 20px;
    vertical-align: middle!important;
}

/*===========================*/


.window_minimize{
    position: absolute;
    left:0;
    right: 0;
    top: 53px;
    text-align: center;
    z-index: 5;
}

.window_minimize .fa{
    font-size: 25px;
    cursor: pointer;
    color: rgba(0,0,0,0.5);
    clear: both;
    padding: 2px 3px;
    border-bottom: 3px solid rgba(0,0,0,0.5);
    margin: 0;
    transform: scale(2,0.8);
}
.swap_msg_top{
    top: 21px;
}
.swap_msg_top .fa{
    color: #c99e2d;
    border-bottom: 3px solid #c99e2d;
}
.cts_relative{
    position: relative!important;
}

/*===========================*/

.nodeActionsBtn, .nodeActionsBtn:hover {
    color: #22528f;
    border-bottom: 2px solid #22528f;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.node-disabled .check-icon, .node-disabled .node-icon{
    color:#ddd!important;
}

.centerLastTD td:last-child, .centerLastTD th:last-child{
    text-align: center;
}
.centerLastTD2 td:nth-last-child(2), .centerLastTD2 th:nth-last-child(2){
    text-align: center;
}

.centerLastTD td:last-child .fa-minus{
    color: #999;
}

.nestedModal .modal-header .modal-title{
    margin: 0!important;
}

.nestedModal .modal-header .close{
    top: 5px!important;
    left: 5px!important;
}

table .form-group{
    margin-bottom: 0 !important;
}

/*===========================*/

#sessionSecondsRemaining{
    font-size: 18px;
}

#idleModal .modal-title .fa {
    font-size: 22px;
    vertical-align: middle;
}
#idleModal .modal-body .flex_container .fa {
    font-size: 80px;
}
.flex_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #ddd;
}
.sysMsg .fa{
    font-size: 18px;
    vertical-align: middle;
}
.emptyOverlay{
    display: none;
    position: absolute;
    /* 	background: #f5f5f5; */
    background: #fff;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    display: none;
}

.emptyOverlay .fa{
    font-size: 130px;
    color: #D9D9D9;
}

/*===========================*/

.breadcrumb {
    float: left;
    margin-left: 10px;
}

.rtls .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    float: right;
    margin-right: 10px;
}

.page-heading h2 {
    margin: 0;
    float: left;
}
.rtls .page-heading h2 {
    margin: 0;
    float: right;
}

.md-skin .page-heading {
    padding: 15px;
    padding-top: 20px;
}

.md-skin .wrapper-content{
    padding: 20px;
    margin-bottom: 30px;
}

/*===========================*/

.cts_bigbtn {
    font-size: 14px;
}

.md-skin .nav > li > a{
    color: #0D3349;
}

.cts_bigbtn .fa {
    font-size: 22px;
    vertical-align: middle;
}

/*===========================*/

.ui-widget {
    font-family: "everTeamFont-regular", Arial, sans-serif!important;
}
.ul_li_cliked  {
    margin-bottom:0;
}
.ul_li_cliked  li{
    padding: 10px;
    margin-top: 0px !important;
    text-align: right;
    cursor: pointer;
}
.ul_li_cliked  li:hover{
    background: rgba(231, 249, 226, 1);
}
.ul_li_cliked  li .fa{
    vertical-align: middle!important;
}
.m_f_moreBtns {
    padding: .75rem!important;
    border-top: 1px solid #dee2e6!important;
}
.m_f_moreBtns > * {
    margin: .25rem!important;
}

.modal-footer > *{
    margin: 0!important;
}
.modal-footer .btn-white {
    color:#333!important;
}
.modal-footer .btn {
    margin: .25rem;
    font-size: 14px!important;
    padding:.375rem .75rem;
    border-radius: 3px!important;
}

/*===========================*/

.pdf-toolbar {
    max-width: none!important;
    margin: 0 auto;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 40px;
}
.pdf-toolbar .input-group input{
    text-align: center !important;
}
.pdf-toolbar .fa{
    font-size: 16px;
}

/*===========================*/

.dropdown-item{
    width: 100%;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-left: .3em solid transparent;
    border-bottom: 0;
    border-right: .3em solid transparent;
}
.dropdown-menu {
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
}
.dropdown-item {
    padding: .45rem 1.5rem;
}

/*===========================*/

.cts_full_screen{
    padding-top:0!important;
}
.cts_full_screen .navbar-static-top,
.cts_full_screen .navbar-static-side,
.cts_full_screen #right-sidebar {
    display:none!important;
}
.cts_full_screen  #page-wrapper {
    margin:0px!important;
    width:100%!important;
}

/*===========================*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    position: absolute;
    left: 6px;
    top: .8em;
}
.dropdown-submenu .dropdown-menu .dropdown-item::before {
    content: "\f02b" !important;
}

.dropdown-menu > li > a{
    margin:0;
}
.dropdown-submenu .dropdown-menu {
    top:120%;
    /*right: auto;*/
    left:0;
    margin-top:0px;
}

/*===========================*/

/*==NOTE: modal set 2050 to make select2 above modal*/
.modal-open .select2-container--open { z-index: 2052 !important;}

/*==NOTE: to make swal above modal*/
.swal2-container {
    z-index: 2051!important;
}

/*==NOTE: to make select2 above swal & above modal*/
.select2-dropdown {
    z-index: 9001!important;
}
/*===========================*/

.table-responsive{
/*     -webkit-border-radius: 5px 5px 0 0; */
/*     -moz-border-radius: 5px 5px 0 0; */
/*     border-radius: 5px 5px 0 0; */
    overflow-x: auto;
}
.modal .table-responsive{
    max-height: 520px;
    overflow-x: auto;
}
.modal .table-responsive table{
    width: 100%!important;
}

/*===========================*/

.max_height400{
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}
.max_height300{
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
.max_height120{
    max-height: 135px;
    min-height: 135px;
    overflow-x: hidden;
    overflow-y: auto;
}
.max_height100{
    max-height: 200px!important;
}
.min_height300{
    min-height: 300px;
}
.min_height400{
    min-height: 400px;
}
/*===========================*/

.mr_t_14{
    margin-top:14px;
}

table.cts_table table th {
    padding: inherit;
    background: inherit;
    color: inherit;
}

.modal_niframe .modal-body{
    padding: 0!important;
}

.btn_iframe_modal{
    position: fixed; bottom: 0; left: 0; right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
}

.swal2-container {
    z-index: 99999;
}

.rtls .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #bdc6d0;
    font-weight: 700;
    margin-right: 3px;
    margin-left: 1px;
    padding-left: 3px;
    padding-right: 3px;
    float: right;
}

.rtls .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #343a40;
    border: 1px solid #bdc6d0;
    border-radius: .2rem;
    padding: 0 0px 0 5px;
    cursor: pointer;
    float: right;
    margin-top: .3em;
    margin-left: 5px;
}

.modal-title{
    margin-bottom: 5px!important;
}
.demo_text{
    vertical-align: middle;
    font-weight: bold;
    direction: ltr;
}
.demo_text:before {
    font-family: 'FontAwesome';
    content:"\f00d \f00d \f00d \f00d \f00d";
    font-weight: normal;
}

.min_height{
    min-height: 310px;
}
.toggle_element{
    display: block;
}

/*.modal:nth-of-type(even) {
    z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}*/

/*=========== Table ===========*/
table.cts_table {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
}
.cts_table > thead > tr > th, .cts_table > tbody > tr > th, .cts_table > tfoot > tr > th, .cts_table > thead > tr > td, .cts_table > tbody > tr > td, .cts_table > tfoot > tr > td {
    border: 1px solid #e7e7e7;
}
/*table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}*/
table.table-striped.cts_table-hover tbody tr:hover {
    background: #fffce4;
}
table.cts_table th {
/*     padding: 10px 8px!important; */
    background: #22528f;
    color: #fff;
}

/* ==== datetimepicker inside table===== */
table .bootstrap-datetimepicker-widget table{
    border-collapse: initial!important;
}
table .bootstrap-datetimepicker-widget table td{
    border: 0!important;
}
table .bootstrap-datetimepicker-widget table th {
    border: 0!important;
    padding: inherit!important;
    background: #fff!important;
    color: inherit;
}
table .bootstrap-datetimepicker-widget table tr, .bootstrap-datetimepicker-widget table tr:hover {
    color: inherit!important;
    background-color: #fff!important;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 99999 !important;
}
/* ========= */

table.cts_table th i {
    font-size: 13px;
    margin: 0 5px;
    cursor: pointer;
}
table.cts_table th i.fa-calendar {
    font-size: 13px!important;
}
table.cts_table td:last-child i {
    opacity: 1;
    font-size: 20px;
    margin: 0 5px;
}
table.cts_table td a.editBtn {
    color: #ffb105;
}
table.cts_table td a.deleteBtn {
    color: #F44336;
}
table.cts_table td a.viewBtn {
    color: #22528f ;
}
table.cts_table td a.editDelegationBtn {
    color: #ffb105;
}
table.cts_table td a.deleteDelegationBtn {
    color: #F44336;
}
table.cts_table td a.editNoteBtn {
    color: #ffb105;
}
table.cts_table td a.deleteNoteBtn {
    color: #F44336;
}
table.cts_table td i {
    font-size: 19px;
}
table.cts_table td i.fa-calendar {
    font-size: 13px!important;
}

/*=====================================*/
/* Customize the label (the chech_container) on Grid.html */
.chech_container {
    display: none;
    position: absolute;
    top:0;
    left: 0;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#transactions td:hover .chech_container, #transactions tr.selected .chech_container, .td_multi_select .chech_container {
	display: block;
}

/* Hide the browser's default checkbox */
.chech_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 20px;
    width: 20px;
    background-color: #fff;
/*     border: 1px solid #ddd; */
    border: 2px solid #22528f;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.chech_container:hover input ~ .checkmark {
    /*   background-color: #ccc; */
}

/* When the checkbox is checked, add a blue background */
.chech_container input:checked ~ .checkmark {
    background-color: #22528f;
    border-radius: 2px;
    border:none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chech_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chech_container .checkmark::after {
    left: 6.5px;
    top: 4px;
    width: 7px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*=====================================*/

.delegation-form .form-check {
    display: inline-block;
}

.navbar-fixed-top,
.navbar-static-top {
    background: #c99e2d !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.refNumAr{
	font-size: 14px;
}

.editableTableTD {
	padding-top: 1.4rem;
	background: white;
}

/* ============ for responsive ============ */

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1000px;
    }
    .modal-xl {
        max-width: 1400px;
    }
}

@media (min-width: 768px) {
    .navbar-static-side {
        z-index: 2001;
        width: 250px;
    }
}

@media (max-width: 768px) {
    .form-group.p-md{
        padding: 0px 15px;
    }
    .delegation_text{
        display: none;
    }
    .delegation_alert .fa-user-circle-o{
        font-size: 20px;
    }
    .flex_container {
        border:none;
        margin-bottom:10px;
    }
}

@media (width: 1024px) {
    .d-sm-inline, .d-none{
        display: none!important;
    }
    .btn-group, .btn-group-vertical{
        display: flex;
    }
}

@media (max-width: 992px) {
    /* #transactions{
        max-height: 200px;
        overflow-x: scroll;
    } */
    #expand_screen1, #expand_screen2{
        display: none;
    }
    .md-skin .page-heading h2{
        font-size: 14px;
    }
    .breadcrumb{
        font-size: 10px;
    }
    .d-sm-inline{
        display: none;
    }
    .panel-body{
        padding: 20px 0!important;
    }
}

@media (max-width: 415px) {
    #transactions {
        /*height: 150px;*/
        font-size: 12px;
    }
    .mail-box-header h2 span.transaction_title{
        font-size: 16px!important;
    }
    .mail-box-header h3{
        font-size: 14px!important;
    }
    .mail-box-header .top_tools{
        width: 100%;
    }
    #transactions .agile-detail{
        display: none;
    }
    #transactions .ass_icons{
        display: none;
    }
    .mail-body .nav-tabs li span{
        display: none;
    }
    #expand1 .max_height100{
        max-height: 100px!important;
    }
    .wizard > .steps > ul > li{
        width: 100%;
    }

    .rtls .inline_controls li.form-group {
        margin-right: 0px !important;
    }

    .inline_controls, .inline_controls li.form-group {
        margin: 0 !important;
        margin-bottom: 25px !important;
    }

    .wizard > .content > .body label.error, .mail-body label.error{
        margin-right: 0px;
        width: 100%;
    }

    .transaction_data.no_transaction > .empty_transaction {
        padding: 40px 0;
    }

    .transaction_data.multi_select > .multi_select_actions {
        padding: 40px 0;
    }

    .empty_transaction .fa{
        font-size: 120px;
    }
}

@media only screen and (max-width: 479px){
    .tabs-container .nav-tabs li{
        width: 25%;
        text-align: center;
        margin-bottom: 15px;
    }
    .cts_fullTabs .tabs-container .nav-tabs li{
        width: 100%;
        text-align: right;
        margin-bottom: 0px;
    }
    .tabs-container .tab-content{ margin-top: 0; }

    .wizard ul{
        font-size: 10px!important;
    }
    .file .file_actions {
        left: 5px;
    }

}

/* @media only screen and  (min-width: 479px){ */
/* .wizard > .content, .wizard, .tabcontrol{ */
    /* overflow: visible!important; */
/* } */
/* } */

#userPropDivId select#PRIVACY + span.select2-container {
	display: inline-block !important;
    width: 65%!important;
    margin-right: 10px;
}

#userPropDivId #PRIVACY_REASON1 {
	display: inline-block !important;
	width: 65%;
	margin-right: 10px
}