/* ==== Site Name: index  ====
/* ==== Site Name: index  ====

PAGE BLOCKS:-

    01 - GENERAL STYLES
    02 - GLOBAL STYLES
    03 - GLOBLE-BLOCKS
    04 - HEADER
    05 - FOOTER
    06 - BANNER


*/

/* ===== 01-GENERAL STYLES  ====== */
body { width:100%; height:100%;	margin:0; padding:0; color:#373434; font-size: 15px; font-weight: 300; font-family: 'Lexend Deca', sans-serif; background-color: #fff; overflow-y:hidden; }
ul { padding:0;	margin: 0px 0px 10px 0px;}
li { list-style:none; }
a {color:#1f3036; text-decoration:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; color:inherit; }
a:hover, 
a:focus { text-decoration:inherit; outline:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
a img { border:none; transition: all 0.3s ease 0s; }
img {max-width:100%;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #242424; font-weight: 700; }
h1 { font-size: 100px; line-height: 100px; color: #ffffff; letter-spacing: 2px; }
h2 { font-size: 48px; line-height: 55px; }
h3 { font-size: 30px; line-height: inherit; color: #32618c; text-transform: uppercase; margin-bottom: 30px; text-align: center;}
h4 { font-size: 28px; line-height: 30px; }
h5 { font-size: 20px; line-height: 22px; }
p { margin: 0 0 15px; font-size: 14px; line-height: 28px; color: #242424; font-weight: 300; }
body.overflow-y { overflow-y:hidden; }
body>section { padding: 0px 30px 30px; margin-top: 125px; height:calc(100vh - 125px); overflow:auto; }
.container-fluid { max-width: 1800px; }

/*======= 02-GLOBAL-STYLES ==========*/
.btn { font-size: 16px; font-weight: 500; outline: none !important; border: 1px solid #32618c; background-color: transparent; display: inline-block; padding: 10px; line-height: initial; border-radius: 5px;}
.btn:hover,
.btn:focus { background-color: #32618c; color: #fff;}

/*.btn:focus {
  color: #32618c;
  text-decoration: none;
}*/


.btn.btn-solid {background-color: #32618c; color: #fff;}
/*.btn.btn-solid:hover {background-color: transparent; color: #32618c;}*/
.btn.white-btn {color: #fff; border:none; font-size: 18px; padding: 0 10px; }
.btn.white { background-color:transparent; color:#32618c; } 
.icon-btn {border: none; background-color: transparent; font-size: 20px; line-height: 20px; color: #fff; outline:none; }
::-webkit-input-placeholder {font-weight: 300   ; font-style:italic; }
::-moz-placeholder {font-weight: 300; font-style:italic; }
:-ms-input-placeholder {font-weight: 300; font-style:italic; }
:-moz-placeholder {font-weight: 300; font-style:italic; }
.note-placeholder {font-weight: 300; font-style:italic; }

label {font-size: 14px; color: #02447e; font-weight: 500;}
.form-control { font-size: 15px; color: #32618c; background-color: #fff; font-weight: 300; box-shadow: none; outline: none !important; height: 35px; border-radius: 5px !important;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; opacity: 1;}
textarea.form-control {height: 80px;}
textarea {resize: none;}
input[type="checkbox"] {position: relative; border: 2px solid rgb(0, 164, 189); border-radius: 5px; font-weight: 300; background-color: #fff; outline: none !important; appearance: none; height: 18px; width: 18px; vertical-align: middle; margin: 0; transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
input[type="checkbox"]:before {content: "\f00c"; opacity: 0; font-size:13px; color: #fff; font-family: fontawesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
input[type="checkbox"]:checked {border-color:rgb(0, 164, 189); background-color: rgb(0, 164, 189);}
input[type="checkbox"]:checked:before {opacity: 1;}
input[type="radio"] {position: relative; border: 2px solid rgb(0, 164, 189); border-radius: 50%; font-weight: 300; background-color: #fff; outline: none !important; appearance: none; height: 18px; width: 18px; vertical-align: middle; margin: 0; transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
input[type="radio"]:before {content: "\f00c"; opacity: 0; font-size:13px; color: #fff; font-family: fontawesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
input[type="radio"]:checked {border-color:rgb(0, 164, 189); background-color: rgb(0, 164, 189);}
input[type="radio"]:checked:before {opacity: 1;}
input.icon-checkbox[type="checkbox"]:before { font-size: 18px; opacity: 1; color: #00a9b8;}
input.icon-checkbox[type="checkbox"] { border: none; background: transparent;}
input.mail-checkbox[type="checkbox"]:before { content:"\f003";}
input.mail-checkbox[type="checkbox"]:checked:before { content:"\f0e0";}
input.pen-checkbox[type="checkbox"]:before { content:"\f044";}
input.pen-checkbox[type="checkbox"]:checked:before { content:"\f14b";}

section .select2-container,
.modal .select2-container {display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100% !important;}
.select2-container--default .select2-selection--single:focus {outline:1px solid #66afe9 !important;}
.select2-container--default .select2-selection--single { height: 35px; line-height: 35px; border: 1px solid #ccc; border-radius: 5px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 50%; transform: translateY( -50%);}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 32px; font-size: 14px; font-weight: 400; text-transform: none;}
select.js-example-basic-single.form-control,
select.select-picker {width: 100px;}
.color-block .select2-container--default .select2-selection--single {border: none; background-color:transparent;}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_filter {display: none;}

.file-drop-area.form-control {cursor:pointer; height:100%; overflow: auto; position:relative; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px;  border-radius:10px !important; border:2px dashed rgb(169 174 183); transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.file-drop-area.form-control:hover {border-color:#32618c; background-color:#32618c10; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.file-drop-area>ul {margin: 0; height:100%; display:table; vertical-align:middle; }
.file-drop-area>ul li {display: table-row;}
.file-drop-area>ul li span {display: table-cell;  vertical-align:middle; }
.file-drop-area.form-control input {cursor:pointer; position: absolute; top:0; left:0; height:100%; width:100%; background: transparent; font-size:0; border:none; opacity:0;}


.name-tooltip {position: relative;}
.name-tooltip .text-danger {color: red !important;}
.name-tooltip .text-success {color: green !important;}
.name-tooltip span {position: absolute; visibility: hidden; background-color: #fff; padding: 10px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); border-radius: 4px; opacity:0; top:100%; right:0; }
.name-tooltip span:hover,
.name-tooltip:hover span {opacity: 1; visibility: visible;}
.daterangepicker .drp-buttons .btn {font-size: 16px; font-weight: inherit;  padding: 10px;}

.team-player-breadcrumb {display:block; margin:0 auto 0 0; }
.team-player-breadcrumb li {max-width: inherit; background: transparent; border: none; display:inline-block; padding:0 8px; position:relative; }
.team-player-breadcrumb li:after {content:">"; position:absolute; right:-6px; top:50%; transform:translateY(-50%);  }
.team-player-breadcrumb li a {padding:7.5px 0px ;}
.team-player-breadcrumb li:last-child:after {display: none;}

.suggestions-block {position:relative;}
.suggestions-block .suggestions-list {background:#fff; position:absolute; left:0; border:1px solid #c5cdd8; text-align:left; z-index:1; width:100%; height:250px; overflow-y:auto; }
.suggestions-block .suggestions-list li {padding:5px 10px; cursor:pointer; }
.rte-fixed.rte-floatpanel-paragraphop {display: none !important;}

.td-bg-color {display: flex; background: #123C62; margin: -10px; height: 40px; align-items: center; padding: 10px; color: #FFFFFF;}

.select2-dropdown {z-index:98;}

/*======= LOGIN ==========*/
.login { display:table; background-color:#fff; width:100%; padding:0; text-align:center; margin-top: 0;}
.login aside { display: table-cell; float:none; vertical-align: middle; /*padding: 190px 0 254px;*/ padding: 40px 0; height:100vh; }
.login .left-block { width:38%; }
.login .right-block { width:62%; background-repeat:no-repeat; background-position:center; background-size:cover; }
.login .login-block { max-width:700px; padding:0 120px; float:right; } 
.login .login-block figure { margin-bottom: 36px; }
.login .login-block h3 { font-size:45px; line-height:50px; color:#000000; text-transform:uppercase; }
.login .login-block p { font-family: 'Roboto', sans-serif; margin-bottom: 47px; }
.login .login-block p a { color:#32618c; text-decoration:underline; }
.login .login-block p.copy { color:#606060; font-family: 'Montserrat', sans-serif; margin:0; }
.login .login-block p.copy a { text-decoration:none; color:#606060; }
.login .form-group { margin-bottom: 31px; }
.login .form-group .form-control { height:50px; background-color:#eef2f5; border:0; box-shadow:none; border-radius:7px; }
.login .form-group label { font-size:16px; font-weight:500; color:#000000; line-height:20px; font-family: 'Roboto', sans-serif; text-align:left; display:block; letter-spacing:0.5px; margin-bottom: 9px; }
.login .form-group label strong { float:right; color:#32618c; font-weight:500; }
.login .form-group label i { display:inline-block; margin-right: 8px; }
.login .btn { display:block; font-family: 'Roboto', sans-serif; letter-spacing:0.5px; padding: 12px 30px; margin: 42px 0 37px; }
.login h2 { font-size:60px; color:#ffffff; line-height:70px; text-transform:uppercase; margin-bottom: 26px; }
.login .content { max-width:1170px; width:100%; padding:0 140px; }
.login .content p { font-size:27px; font-weight:400; color:#ffffff; line-height:36px; }

/*======= HEADER ==========*/
.mobile-toggle{ display: none; }
header { background-color:#32618c; padding: 5px 30px; position: fixed; width:100%; top:0; left:0; z-index: 999;}
header>.container-fluid  { max-width:1850px;}
header .header-block { display:flex; align-items:center; }
header .logo { max-width:160px; width:100%; }
header .nav { float:none; margin: 0 0 0 30px; }
header .navbar-nav {float: none;}
header .nav li { font-size:13px; font-weight:500; color:#fff; float:none; display: inline-block; padding:0 15px; }
header .nav li a { color:#fff; position:relative; padding:0; }
header .nav li a:after { content:""; position:absolute; width:0; height:2px; background-color: #fff; left:0; bottom:-4px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; }
header .nav li a.active:hover::after,
header .nav li a:hover::after { width:40%; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
header .nav li a:hover,
header .nav li a:focus { background-color:transparent; }
header .notification img {width: 16px;}
header .profile { display:flex; align-items:center; }
header .profile .navbar-right {margin: 0; float: none !important;}
header .profile>figure {height:32px; width:32px; }
header .profile button {float: none; background-color: transparent; font-size: 13px; border: 0;  margin: 0; font-weight: 400; color: #fff;}
header .profile button i { margin-left:5px; }
header .right-list { display:flex; margin-left:auto; justify-content:right; align-items:center; } 
header .toggle-block { position: absolute; top: 50px; right: 0; z-index: 9; visibility:hidden; opacity:0; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; height: calc(100% - 75px); }
header .toggle-block.active { opacity:1; visibility:visible;  transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
header .btn.white-btn {aspect-ratio: 1/1; display:flex; align-items:center; justify-content:center; border-radius:50% !important; }
header .btn.white-btn:hover {background-color:#ffffff30;}
header .toggle-block.menu {top: 36px;}
header .toggle-block.menu .profile-menu:before {display: none;}
header .toggle-block.menu .profile-menu {border: none; border-radius:8px; box-shadow:0 0 4px 4px rgba(0, 0, 0, 0.1); }
header .toggle-block.menu .profile-menu>li {padding: 5px 0px; border:none; }
header .toggle-block.menu .profile-menu .user-menu li {padding: 0;}
header .toggle-block.menu .profile-menu .user-menu a { color: #33475b; display: block; font-weight: 400; font-size: 13px; padding: 6px 15px;}
header .toggle-block.menu .profile-menu .user-menu a:hover {background-color: #33475b20;}
header .profile-menu {min-width: 240px; top: 50px; border: 1px solid rgb(203, 214, 226); border-radius: 0; padding: 0; background-color:#fff;}
header .profile-menu:before {content: ""; height:20px; width:20px; position:absolute; top:-10px; background-color:#fff; right:19px; transform:rotateZ(45deg); border: 1px solid rgb(203, 214, 226); border-right: none;border-bottom: none; }
header .profile-menu>li {padding: 15px; border-bottom: 1px solid rgb(203, 214, 226);}
header .profile-menu li .user-info {display: flex; gap:15px;}
header .profile-menu li .user-info>div {flex-grow: 1;}
header .profile-menu li .user-info h6 {font-size: 16px; margin: 0; color:#33475b;  font-weight: 600;}
header .profile-menu li .user-info p {line-height: inherit; font-size: 12px; margin: 3px 0 5px ; color: #7C98B6; font-weight: 500;}
header .profile-menu li .user-info a {font-size: 14px; color:#0091ae;font-weight: 500; }
header .profile-menu li .user-account {padding: 0; position: relative; display:block; }
header .profile-menu li .user-account:before { content: "\f105"; font-family: fontawesome; font-size: 16px; color: #7c98b6; position: absolute; right:0; top:50%; transform:translateY(-50%); }
header .profile-menu li .user-account h6 {font-size: 14px; color: #33475b; font-weight: 600; margin-bottom: 5px;}
header .profile-menu li .user-account p {font-size: 14px; color: #33475b; font-weight: 400; margin-bottom: 0;}
header .profile-menu .user-menu  {max-height: calc(100vh - 332px); overflow: auto;}
header .profile-menu .user-menu  li {padding: 8px 0; border: none;}
header .profile-menu .user-menu  a {color: #33475b; font-weight: 500; font-size: 14px; }
header .profile-menu .user-menu button.btn-link {color: #33475b; margin: 0; font-size:14px; font-weight:500; }
header .profile-menu .user-footer a {color: #0091ae; font-size:13px; font-weight:500; display:inline-block; }
header .profile-menu .user-footer>div {display: inline-block;}
header .profile-menu .user-footer>a {float: right; padding: 0;}

/*======= Top Heading ==========*/
.top-heading { padding: 7px 0px; margin: 0; display: flex; align-items: center; background-color: transparent; gap:10px; }
.top-heading a .fa-plus {transform:scale(1.0); transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.top-heading a:focus .fa-plus {/*transform:scale(1.5);*/ transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.top-heading h5 { margin: 0; font-size: 18px; font-weight: 600; color: #333333; margin-right: auto;}
.top-heading .right-buttons { display: flex; align-items: center; gap: 15px;}
.top-heading .btn {padding: 5px 8px; line-height: 23px; font-size: 14px;}
.top-heading  .filter-list-block {flex-shrink:0; position:relative; padding: 6px; border-radius: 5px; border: 1px solid #d9e4ee;}
.top-heading  .dropdown-btn {border:none; text-transform:capitalize ; color: #02447e; font-size:16px; font-weight:500; position:relative; padding-right:20px; }
.top-heading  .dropdown-btn:before {content: "\f0d7"; font-family: fontawesome; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.top-heading .filter-list ul {  max-height: calc(100vh - 120px);overflow-y: auto; position:absolute; visibility:hidden; opacity:0; border: 1px solid #DFE3EB; z-index: 999; background: #fff; width: 300px; padding: 20px; margin-top: 14px; left: 50%; transform: translateX(-50%); transform-origin:top; transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.top-heading .filter-list.active ul { visibility:visible; opacity:1; transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.top-heading .filter-list:before{content:'\f0d8'; font-family:fontawesome; font-size:30px; line-height:initial; top:33px;line-height: 14px;z-index: 999;opacity: 0; left: 50%; transform: translateX(-50%); position:absolute;  color:#02447e; }
.top-heading .filter-list.active:before{opacity: 1;}
.top-heading .filter-list li {margin-bottom:20px;}
.top-heading .filter-list li strong {font-weight:400; color: #02447e; }
.top-heading .filter-list .select2-container {margin-top:5px;}
.search-block.open {max-width:280px; width:100%;}
.search-block {position:relative; width:auto; height:35px; border:1px solid #d9e4ee; display:flex; align-items:center; border-radius:4px; padding:0 3px; }
.search-block input.form-control {visibility:hidden; transform-origin:right; width:0; padding:0;}
.search-block.open input.form-control {flex-grow:1; height:100%; width:auto; visibility:visible; color:#373434; border:none; background:transparent; padding:8px;}
.search-block input.form-control::placeholder {color:#373434;}
.search-block input.form-control:focus { border-color:transparent; box-shadow:none; border-bottom-color:#32618c;}
.search-block .search-btn {color:#32618c; font-size:18px; background:transparent; border:none; }

/*======= Side Bar ==========*/
.side-bar-toggle {position: relative; outline: none; margin-left:20px; background-color:transparent; line-height:18px; font-size: 14px; color: #fff; padding: 0 18px 0 3px; border:2px solid #fff; display:inline-block; border-radius:5px;}
.side-bar-toggle:before {content: "\f054"; font-size: 8px; line-height: 8px; color: #fff; font-family: fontawesome; position:absolute; top:50%; right: 4px; transform:translateY(-50%) rotateY(0deg); transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.side-bar-toggle.active:before {transform:translateY(-50%) rotateY(180deg);}
.side-bar-toggle:after {content: ""; height:100%; width:2px; position:absolute; right:12px; top:0; background-color:#fff; }
.side-bar {padding: 20px ; width:250px; height:calc(100vh - 50px); overflow: hidden; background-color:#f5f8fa; position:fixed; top: 50px; z-index:90; transform: translateX(-100%); transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.side-bar.open {transform: translateX(0);}
.side-bar ul { height: 100%; overflow: auto; padding:20px 20px 60px 0; margin-right:-32px; }
.side-bar .search-block {margin-bottom: 5px;}
.side-bar .search-block:before {right:8px;}
.side-bar input.form-control {box-shadow: none; background-color:transparent; padding:0 30px 0 8px; border:1px solid #33475B; border-radius:4px !important; }
.side-bar li label {margin-top:20px; padding:0px 8px; color:#8966a4; color:#9399a1; text-transform:uppercase; }
.side-bar li a {padding:10px 8px; border-radius:8px; width: 100%; display: block; color:#33475B; font-weight: 400; display:inline-block; font-size:15px;}
.side-bar li a:hover {background-color:#83e3f7; }

/*======= Popup ==========*/
.modal-backdrop.in {display: none;}
.modal {margin: 0 0 0 auto; padding: 0 !important; max-width: 470px; width: 100%; box-shadow: -3px 0 8px 0 rgba(66,91,118,.21); transform: translate(100%,0) !important; z-index:999; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.modal.in  {transform: translate(0,0) !important; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.modal.no-fade {transform: translate(0,0) !important;}
.modal .modal-content { border: none; box-shadow: none; border-radius:0; }
.modal .modal-dialog { margin: 0; width: 100%; transform: translate(0, 0) !important;}
.modal .modal-header {background-image: linear-gradient(-303deg,#00a4bd,#00afb2 56%,#00bda5); border: none; padding: 10px 20px; display:flex; align-items:center; }
.modal .modal-header h4 {font-size: 20px; font-weight: 600; color: #fff; margin-right:auto; margin-bottom:0; }
.modal .modal-header .icon-btn {margin-left:15px; padding:0; }
.modal .modal-body {height: calc(100vh - 50px); overflow-y:auto; }
.modal rte-content {height: calc(100vh - 210px) !important; flex: 0 0 auto !important; overflow: auto !important;}
.modal rte-content iframe {min-height: 100% !important;}
.modal rte-resizecorner {display: none !important;}
.dynamic-fields-modal.modal.fade {max-width: 100%;}
.add-questions.modal.fade {max-width: 700px;}
.add-questions.modal.fade .modal-body .form-group {display: flex; justify-content:space-between; gap:5px; }
.add-questions.modal.fade .seller-modal-body .form-group {display: block;}
.add-questions.modal.fade .seller-modal-body .form-group>label {display: flex; justify-content:space-between; gap:5px;}
.art-work-modal.modal {max-width: 100%; margin:0 auto; width:100%; box-shadow:0 5px 15px rgba(0,0,0,.5); }
.art-work-modal.modal .modal-body img {max-width: 900px; width: 100%; margin:0 auto; display:block;}
.document-modal.modal {max-width: 100%;}
.document-modal.modal .modal-body {padding-top: 0; padding-bottom:0; overflow:hidden; }
.document-modal.modal .document-modal-content {display: flex; margin: 0 -15px;}
.document-modal.modal .document-modal-content .left-block,
.document-modal.modal .document-modal-content .right-block {padding: 20px 15px;}
.document-modal.modal .document-modal-content .right-block .form-block {display:flex;}
.document-modal.modal .document-modal-content .right-block .form-block .upload-doc {flex: 0 0 50%; padding-right:10px; }
.document-modal.modal .document-modal-content .right-block .form-block .form-fileds {flex:0 0 50%; padding-left:10px;}
.document-modal.modal .document-modal-content .right-block .form-block .form-fileds .form-group:last-child {margin:0;}
.document-modal.modal .document-modal-content .left-block {flex: 0 0 60%;}
.document-modal.modal .document-modal-content .right-block {flex: 0 0 40%; background:#f5f8fa; height:calc(100vh - 51px); overflow:auto; }
.document-modal.modal .document-modal-content .right-block .form-bottom table {width: 100%;}
.document-modal.modal .document-modal-content .right-block .form-bottom table td {padding: 5px; }
.document-modal.modal .document-modal-content .right-block .form-bottom table td:nth-child(2) {text-align: center;}
.document-modal.modal .document-modal-content .right-block .form-bottom table td:nth-child(3) {text-align: center;}
.document-modal.modal .document-modal-content .right-block .form-bottom table td span {display: flex; align-items: center; gap:5px;}
.document-modal.modal .document-modal-content .right-block .form-bottom table td span input {flex-shrink: 0;}
.document-modal.modal .document-modal-content .right-block .includes-feilds .includes-list li {word-break: break-all;}
.document-modal.modal .document-attachment-body .document-modal-content .left-block {flex: 0 0 75%;}
.document-modal.modal .document-attachment-body .document-modal-content .right-block {flex: 0 0 25%;}
.document-modal.modal .document-attachment-body .document-modal-content .left-block .attachment-img {display:block; text-align:center;}
.document-modal.modal .document-attachment-body .document-modal-content .left-block .attachment-img img {height: calc(100vh - 92px); object-fit:contain; }
.document-modal.modal .document-attachment-body .document-modal-content .right-block h5 {color: #02447e;}
.document-modal.modal .document-attachment-body .document-modal-content .right-block label {font-size: 16px;}
.document-modal.modal .document-attachment-body .document-modal-content .right-block .form-field {margin-bottom: 20px;}
.document-modal.modal .document-attachment-body .document-modal-content .right-block .form-group {margin-bottom: 5px;}
.rte-modern.rte-desktop.rte-toolbar-default {min-width: 100%; height:100%;}
.accounting-popup.modal {max-width: 580px;}
.accounting-popup .modal-body .bg-content .form-control {background-color: #aeccee; color:#000 !important; width:100% !important; }
.accounting-popup .modal-body .bg-content .form-control::placeholder {color: #000;}
.add-escrow-modal .category-check {display:flex; justify-content:space-between; gap:5px; align-items:center; margin-bottom:10px; }
.add-escrow-modal .category-check label {margin:0;}
.add-escrow-modal .category-check input {flex-shrink:0;}
.document-modal.modal #pspdfkitform .document-modal-content .left-block {flex:0 0 70%; padding:0; }
.document-modal.modal #esrdocumentform .document-modal-content .left-block {flex:0 0 70%; padding:0; }
.document-modal.modal #pspdfkitform .document-modal-content .right-block {flex:0 0 30%;}
.document-modal.modal #esrdocumentform .document-modal-content .right-block {flex:0 0 30%;}

/*======= Minimize & Maximize Popup ==========*/
.compose-modal { position: absolute; left: 0; bottom: 0; overflow: hidden; z-index: 999; width: 100%; padding:0 20px; display:flex; gap:5px; }
.compose-modal-content .header-block {background: linear-gradient(-303deg,#00a4bd,#00afb2 56%,#00bda5); display:flex; align-items:center; justify-content:space-between; padding:11px 15px; }
.compose-modal-content .header-block h4 {margin-bottom: 0;font-size: 20px; font-weight: 600; color: #fff;}
.compose-modal-content .header-block .action-block {display: flex; margin:0; }
.compose-modal-content .header-block .action-block button {border: none; outline: none; background:transparent; font-size:16px; padding:10px; color:#fff; }
.compose-modal-content .header-block .action-block button:hover {color:#02447e;}
.compose-modal-content.minimize {align-self: flex-end; flex-shrink:0; width:260px !important; border-radius: 15px 15px 0 0 ;}
.compose-modal-content.minimize .header-block {border-radius: 4px 4px 0 0 ;}
.compose-modal-content.minimize .header-block h4 {font-size: 14px;}
.compose-modal-content.minimize .header-block .action-block button {padding:5px 10px;}
.compose-modal-content .compose-modal-body { height:calc(100% - 60px); overflow:auto; background-color:#fff; }
.compose-modal-content.minimize .compose-modal-body {display: none;}
.compose-modal-content.maximize {position: fixed; top:20px; left:50%; transform:translateX(-50%);}
.compose-modal-content .fa:before  {font-family: fontawesome !important;}
.compose-modal-content.minimize .fa-window-minimize {display: none;}
.compose-modal-content.maximize .fa-window-maximize {display: none;}
.wrapper.compose-modal-content.maximize {position: static; transform:inherit;}
.ui-dialog-titlebar {position: absolute !important; top:0 !important; left:0 !important; width:calc(100% - 80px) !important; opacity:0 !important; cursor:move; height:48px !important; }
.ui-dialog-titlebar .ui-button {display: none !important;}
.ui-dialog.ui-widget.ui-widget-content { outline: none; padding:0 !important; border:none !important; box-shadow:0 5px 15px rgba(0,0,0,0.5); }
.ui-dialog.active {position: sticky; !important; bottom:1px !important; top:auto !important; height:36px !important; width:260px !important; margin:0 5px;}
.ui-dialog.ui-widget.ui-widget-content.active { background-color:transparent; box-shadow:none; }
.ui-dialog.active .ui-dialog-titlebar {cursor: context-menu; height:36px !important; }
.ui-dialog .compose-modal-content.ui-dialog-content {min-height: inherit !important; padding:0;  height:100%; width:100%; }
.ui-dialog .compose-modal-content.minimize.ui-dialog-content {height: 40px !important;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {font-family:'Lexend Deca', sans-serif !important; }
.ui-widget button {font-size:16px;}
.ui-dialog .ui-dialog-content {overflow:hidden;}

/*======= Tab List ==========*/
.top-block {position: fixed; width: 100%; left: 0; top: 49px; padding: 15px 30px; background-color: #fff;  z-index: 99;}
.top-block>div {border-bottom: 1px solid #cbd6e2; display:flex; align-items:center;}
.top-block .top-button {margin-left:10px; display:flex; align-items:center; }
.top-block .top-button span {display: inline-block; font-size: 16px; font-weight: 500; color: #000d24; padding-right: 5px;}
.tab-list {display: flex; margin-bottom: -1px; flex-grow:1; overflow-x: auto; white-space: nowrap;}
.tab-list li {flex-grow: 1; max-width: 220px;}
.tab-list li a {font-size: 14px; background-color: #f5f8fa; border: 1px solid #cbd6e2; color: #23527c; display: block;  padding:12px 15px; text-align:center; font-weight:400; }
.tab-list li.active a { background-color: #32618c; color:#fff; border: 1px solid #32618c; }

/*======= Tab List ==========*/
.nav-tabs {display: flex; overflow-x:auto;}
.nav-tabs li {float: none; white-space: nowrap; margin-bottom:0; }
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {background-color: #32618c; color: #fff; border-color: transparent;}

/*======= Table ==========*/
table.dataTable {width: 100% !important; position: relative;}
table.dataTable thead th { font-size: 12px; font-weight: 500 !important; color: #33475B; line-height: 20px; background-color: #f5f8fa !important; border: 1px solid #DFE3EB; padding: 10px 10px; text-transform: uppercase; white-space: nowrap;}
table.dataTable thead th, table.dataTable thead td {padding: 10px; border-bottom: 1px solid #DFE3EB;}
table.dataTable tbody td { font-size: 14px; font-weight: 300; color: #4d54 5; line-height: 20px; padding: 10px 10px; border: 1px solid transparent; border-bottom: 1px solid #DFE3EB; border-right: 1px solid #DFE3EB; background-color: #fff; white-space: nowrap; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
table.dataTable tbody td:first-child {border-left: 1px solid #DFE3EB;}
table.dataTable tr td:hover { border-color: #00A4BD !important; box-shadow: rgb(124, 152, 182) 0px 0px 0.4em; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
table.dataTable tbody td .icon strong { color: #0091ae; flex-grow: 1; width: 150px; overflow: hidden; text-overflow: ellipsis;}
table.dataTable tbody td .color-block {padding:2.5px 10px;}
.dashboard-page table tbody .c9, .c10, .c11, .c12, .c13, .c14, .c15 { padding: 0px !important;}
.dashboard-page table thead tr th:nth-child(7), .dashboard-page table tbody tr td:nth-child(7) { box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.75); clip-path: inset(0px -15px 0px 0px);}
.dataTables_wrapper {height: auto; padding-bottom:80px;}
.dataTables_paginate { float: none; position: absolute; right: 50%; bottom: 20px;}
.dataTables_length {position: absolute; bottom: 30px; left: calc(50% + 20px);}
.dataTables_length label {color: #0091ae; font-weight: 600; font-size:14px; margin-bottom:0; }
.dataTables_length select {border: none !important; padding:0 !important; cursor:pointer; outline: none;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 5px 6px; line-height: 14px; font-weight: 600; border: 1px solid transparent !important; background: transparent !important; color: #0091ae !important; font-size: 14px; box-shadow:none !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current {border: 1px solid #7fd1de !important; background: #e5f5f8 !important; color: #0091ae !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: #0091ae !important; border: 1px solid #7fd1de !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {cursor: no-drop; border-color:transparent  !important;  color:#b0c1d4!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous i {line-height:14px; vertical-align:middle; margin-right:10px; margin-top:3px;  }
.dataTables_wrapper .dataTables_paginate .paginate_button i:before {font-size: 34px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next i {line-height: 14px; margin-left: 10px; margin-top: 3px; vertical-align: middle;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {border-color: transparent !important;}
.dashboard-page {margin-top: 49px; padding-bottom:10px; height:auto; overflow:visible; }
.dashboard-page .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 250px);}
.esr-documents .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 368px);}
.contact-cards .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 324px);}
.dashboard-page #myTable {table-layout: fixed;}
.dashboard-page #myTable td {    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.dynamic-fields-modal .dynamic-fields .top-block {position: static;}
.dynamic-fields-modal .fileds-block {display: flex; padding: 0;}
.dynamic-fields-modal .fileds-block .fileds {flex-grow: 1; padding:0 15px; }
.dynamic-fields-modal .modal-body {height: auto; overflow:visible; padding-bottom: 0; padding-top: 0;}
.dynamic-fields-modal .modal-body .tab-content {height: calc(100vh - 140px); overflow:auto;}
.dynamic-fields-modal .modal-body .tab-content .form-control {min-width: 120px;}
.dynamic-fields-modal .modal-body .tab-content label {white-space: nowrap;}
.dynamic-fields-modal .fileds-block.wrap-fields {flex-wrap: wrap;}

/*======= TQ Info ==========*/
.block-bg {background-color: #d9e4ee;}
.grid-box {display: flex; flex-wrap:wrap; padding: 5px 0; border-radius:5px; }
.grid-box li {flex: 0 0 50%; padding:2.5px 5px; display:flex; align-items:center; gap:10px; }
.grid-box li strong {width: 145px; flex-shrink: 0; font-weight: 500; color: #02447e; font-size:14px;}
.grid-box.col {flex-direction: column;}
.grid-box.col li {flex: auto; width:50%;}
.top-heading {padding: 5px; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; margin-bottom: 5px; font-size: 14px; font-weight: 600; color: #32618c; line-height: 26px; text-transform: capitalize;}
.tqdiv { border: 1px solid #d9e4ee; padding: 5px; margin-bottom: 5px; border-radius: 4px;}
.tqdiv .min-content {border-bottom: 1px solid #bec0c7; padding-bottom: 5px; margin-bottom: 10px;}
.tq-info-block .max-content {display: flex; margin:0 -10px; align-items: flex-start;}
.tq-info-block .left-block,
.tq-info-block .right-block {flex: 0 0 50%; padding:0 10px; }
.tq-info-block .tqdiv .grid-box {padding: 5px 0;}
.tq-info-block .tqdiv .grid-box .twodigit {display: flex; align-items:center; gap:5px; }
.tq-info-block .tqdiv .grid-box .twodigit input {width: 50px;}
.tq-info-block .tqdiv .grid-box .extra strong{text-align: right;}
.tq-info-block .tqdiv textarea {margin-bottom: 15px;}
.tq-info-block .tqdiv .commissions-paid strong { color:#262a2e; font-weight:300; width:250px;}
.tq-info-block .tqdiv .commissions-paid select.form-control {width: auto;}
.tq-info-block .tqdiv .commissions-paid .form-group {display: flex; justify-content:right; align-items:center; margin: 0; gap: 5px;}
.tq-info-block .tqdiv .commissions-paid .form-group.min {width:145px;}
.tq-info-block .tqdiv .commissions-paid .form-group.max {flex-grow: 1}
.tq-info-block .tqdiv .commissions-paid .form-group label {margin: 0; color:#262a2e; font-weight:300;}
.tq-info-block .tqdiv .commissions-paid .form-group.min input {width: 75px;}

.toggle-block-actions {display: block !important;background-color: #fff;position: absolute;z-index: 99; width: 200px !important;right: 0;padding: 10px; visibility:hidden; opacity:0;border: 2px solid #ccc; } 
.toggle-show-actions {outline: none; padding:6.5px 9px !important;}
.toggle-show-actions:hover + .toggle-block-actions,
.toggle-block-actions:hover,
.toggle-block-actions.active {visibility:visible; opacity:1; }
.toggle-block-actions a {padding:5px; display:block;}
.toggle-show-dropdown {position:relative;}
.toggle-block-actions li {padding:2px 5px; width:auto !important; border: none; display:block; }
.toggle-block-actions a { color: #32618c; font-weight: 300; font-size: 15px;}
.toggle-block-actions a:hover { text-decoration:underline;}

.grid-box.grid-block {flex-wrap: nowrap; align-items:center; margin: 0;}
.grid-box.grid-block li {flex: auto; display:block; padding-left:5px; padding-right:5px;}
.grid-box.grid-block li:nth-child(1) {flex: 0 0 145px; width:145px;}
.grid-box.grid-block li:nth-child(3) {flex: 0 0 142px;}
.grid-box.grid-block li:nth-child(2),
.grid-box.grid-block li:nth-child(4),
.grid-box.grid-block li:nth-child(5) {flex: 1 0 20%; width:20%; }
.grid-box.grid-block .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.contact-preview.modal .user-info {display: flex; align-items:center; border-bottom: 1px solid rgb(203, 214, 226); padding-bottom:15px; margin-bottom:15px; gap:12px;}
.contact-preview.modal .modal-body>div { border-bottom: 1px solid rgb(203, 214, 226);}
.contact-preview.modal .user-info figure {height: 72px; width: 72px; flex-shrink:0; }
.contact-preview.modal .user-info figure img {height: 100%; width: 100%; object-fit: cover; border-radius: 50%;}
.contact-preview.modal .user-info h4 {font-size: 24px; line-height: 28px; font-weight: 400; color: #33475b; margin-bottom: 5px;}
.contact-preview.modal .user-info p {font-size: 14px; line-height: 18px; color: #33475b; margin-bottom: 0;}
.contact-preview.modal .contact-info {padding: 20px 0;}
.contact-preview.modal .contact-info h6 {font-size: 14px; color: #33475b; font-weight: 600; margin-bottom: 10px;}
.contact-preview.modal .contact-info li {margin-bottom: 0px; display:flex; gap:10px; border-bottom: 1px solid rgb(203, 214, 226); }
.contact-preview.modal .contact-info label {font-size: 14px; color:#516f90; font-weight:600;  margin-bottom:0; background:#f5f8fa; flex:0 0 40%; padding:5px;}
.contact-preview.modal .contact-info p {font-size: 14px; color: #33475b; line-height: 24px; margin-bottom: 0; font-weight:400; }
.contact-preview.modal .contact-info .contacts-list li {display:flex; gap:10px; border:none; margin-bottom:10px;}
.contact-preview.modal .contact-info .contacts-list li>div {flex-grow: 1;}
.contact-preview.modal .contact-info .contacts-list li>div:first-child {flex: 0 0 40%;}

.chat-box-modal.modal .modal-body { height:calc(100vh - 161px); }
.chat-box-modal.modal .modal-body li {margin-bottom: 5px; font-size: 14px; padding: 5px; background: #f5f8fa; border-radius: 5px;}
.chat-box-modal.modal .modal-body li span {color: #32618c; font-weight: 500; font-size: 12px; display: block; padding-bottom: 10px;}
.chat-box-modal.modal .modal-footer .form-group {margin: 0; display: flex; align-items: center; gap:10px; }

.esr-status-block .max-content aside {flex: 0 0 33.33%; padding:0 10px;}
.esr-status-block .esr-grid-block li {padding: 5px 0;}
.esr-status-block .esr-grid-block .grid-block {padding: 5px 0;}
.esr-status-block .esr-grid-block p {margin-bottom: 0;}
.esr-status-block .grid-block {display: flex; align-items:center; gap:10px;}
.esr-status-block .grid-block .date {flex: 0 0 140px; position:relative; }
.esr-status-block .grid-block label {flex-grow: 1; margin-bottom:0;}
.esr-status-block .grid-block .select2-container {flex: 0 0 140px !important;}
.esr-status-block .grid-block .date:after {content: "\f073"; position: absolute; font-family: fontawesome; font-size: 14px; color: #64696c; top: 50%; transform: translateY(-50%); right: 10px;}
.esr-status-block .grid-block .icon-btn {color: #32618c; font-size: 16px; opacity:0; }
.esr-status-block .grid-block:hover .icon-btn {opacity: 1;}
.esr-status-block .add_new {font-size: 14px; text-align: right; display: block; font-weight: 700; color: #02447e; padding-left: 5px;}
.esr-status-block .esr-status-section .esr-grid-block .grid-block label,
.esr-status-block .esr-status-section .esr-grid-block .grid-block input {flex: 1 0 20%;}
.esr-status-block .esr-status-section .esr-grid-block .grid-block input:last-child {flex: 0 0 140px;}

.seller-buyer-info .basic-info {background-color: #f5f8fb; align-self: stretch;}
.seller-buyer-info .basic-info .grid-box.grid-block {gap: 0px;}
.seller-buyer-info .basic-info .notary li {display: block;}
.seller-buyer-info .basic-info .notary li p {padding: 0;}
.seller-buyer-info .basic-info .notary .form-group {display: flex; align-items:center;}
.seller-buyer-info .basic-info.esr-status-section .esr-grid-block .grid-block label {flex: 0 0 80px;}
.seller-buyer-info .basic-info.esr-status-section .grid-block input:last-child {flex: 1 0 20%;}
.seller-buyer-info .basic-info .dynamic-field-list>li {margin-bottom: 15px;}
.seller-buyer-info .basic-info .dynamic-field-list .form-group {display: flex; gap:10px; margin-bottom: 10px;}

.esr-status-block .esr-status-section .dynamic-field-list .form-group {display: flex; gap:10px; margin-bottom: 10px;}
.esr-status-block .esr-status-section .dynamic-field-list>li {margin-bottom: 15px;}

.esr-documents {padding-bottom: 10px;}
.esr-documents table.dataTable th:nth-child(1) {width: 18px !important;}
.esr-documents .esr-documents-content table.dataTable th:nth-child(2) {width: 35% !important;}
.esr-documents .esr-documents-content table.dataTable td {padding: 2.5px 10px;}
.esr-documents .esr-documents-content table.dataTable td select {border: none; box-shadow:none; width: auto;}
.esr-documents .esr-documents-content table .name-data {display: flex;}
.esr-documents .esr-documents-content table .name-data>a {margin-right: auto;}
.esr-documents .esr-documents-content table .attach-main a {display: inline-block; margin:0 5px; }
.esr-documents .esr-documents-content table .attach-main i { color: #31708f; font-weight: 800; font-size: 20px;}
.esr-documents .seller-net-sheets-content table.dataTable th:nth-child(2) {width: 80% !important;}
.esr-documents #artworklist {height: calc(100vh - 245px); overflow:auto; margin: 0 -10px;}
.esr-documents .art-work-content .gallery-block {display: flex; flex-wrap:wrap; }
.esr-documents .art-work-content .gallery-block>label {flex: 0 0 100%; font-size: 20px; color: #32618c; padding: 0 10px; margin-bottom: 10px;}
.esr-documents .art-work-content .gallery-block .image-block {flex: 0 0 16.66%; padding: 0 10px; margin-bottom: 20px;}
.esr-documents .art-work-content .gallery-block .image-block img.form-control {width: 100%; height: auto; aspect-ratio: 1/1; object-fit: scale-down; padding:6px; border:1px solid #ccc; border-radius:4px; }
.esr-documents .art-work-content .gallery-block .image-block aside {display: flex; margin-top: 15px;}
.esr-documents .art-work-content .gallery-block .image-block aside input {flex-shrink: 0;}
.esr-documents .art-work-content .gallery-block .image-block aside span{font-size: 14px; font-weight: 600; padding-left: 5px; color:#373434; word-break: break-all;}

/*======= ACTIVITY ==========*/
.activity-block .activity-list {margin: 10px 0; position:relative; z-index: 0;}
.activity-block .activity-list:before {content: ""; background-color:#e4e9ed; height:100%; width:1px; position:absolute; top:0; left:13px; z-index:-1;}
.activity-block .activity-list .activity-item {margin-bottom:20px;}
.activity-block .activity-list .activity-item:last-child {margin-bottom:0px; }
.activity-block .activity-list .activity-item .activity-header {display: flex; align-items:center; gap: 10px; margin-bottom: 10px;}
.activity-block .activity-list .activity-item .activity-header figure {flex-shrink: 0;}
.activity-block .activity-list .activity-item .activity-header img {height: 26px; width: 26px; object-fit: cover; border-radius:50%; }
.activity-block .activity-list .activity-item .activity-header p {margin: 0; color: #212529; font-weight: 400;}
.activity-block .activity-list .activity-item .activity-header span {margin-left: auto; color: #9399A1; font-size: 14px;}
.activity-block .activity-list .activity-item .activity-body {background-color: #f8f9fa; padding: 10px; margin-left: 30px; border-radius: 12px;}
.activity-block .activity-list .activity-item .activity-body p:last-child {margin-bottom: 0;}


/*======= MAP-DETAILS ==========*/
.map-details h6 {font-size: 16px; text-transform: uppercase; font-weight:600; letter-spacing: 0.5px; color:#32618c; margin:0; border-bottom:1px solid #c1cfdc; padding:10px 0;}
.map-details .main-block {display: flex; margin: 0 -10px;}
.map-details .main-block .features-block,
.map-details .main-block .map-gallery-block {flex: 0 0 50%; padding:0 10px; }
.map-details .details-list {margin: 0 -5px 20px;}
.map-details .details-list>li {display: flex; gap:10px; padding: 12px 5px 0;}
.map-details .details-list>li strong {flex: 0 0 160px; font-size:14px; font-weight:500; color:#262a2e; }
.map-details .details-list>li p {flex-grow:1; line-height: initial; margin:0; color:#6f6f6f; font-size:14px; font-weight:400; }
.map-details .financial-block {display: flex;}
.map-details .financial-block>div {flex: 0 0 50%;}
.map-details .map-gallery-block>div {margin: 16px 0;}
.map-details .gallery-block { display:flex;}
.map-details .gallery-block>a>img {height: 100%; object-fit: cover;}
.map-details .gallery-block>a {flex: 0 0 calc(67% - 15px); margin-right:15px;}
.map-details .gallery-block a {background-color: #000; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.map-details .gallery-block div img {width: 100%; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.map-details .gallery-block a:hover img {opacity: 0.8; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.map-details .gallery-block>div {flex: 1 0 33%;}
.map-details .gallery-block>div a {display:block; margin-top:10px; position: relative;}
.map-details .gallery-block>div a:first-child {margin: 0;}
.map-details .map-block iframe {border: none; height:451px; width:100%; }
.map-details .gallery-block>div a>span {position: absolute; bottom:8px; padding:5px 11px; right:8px; font-weight:600; font-size:13px; color:#191919; background-color:#fff; }

/*======= FINACIALS BLOCK ==========*/
.financials-block {padding-top: 0;}
.financials-block .financial-inner {position: relative;}
.financials-block .financial-inner .balance-block {display: flex; gap:20px; background-color:#fff; border-bottom: 2px solid #2784bf; padding-bottom:20px; }
.financials-block .financial-inner .balance-block.active {position: sticky; top:0; left:0; }
.financials-block .financial-inner .balance-block .balance-file-status {flex-grow: 1;}
.financials-block .financial-inner .balance-file-status {width: 100%;}
.financials-block .financial-inner .balance-file-status thead th {background-color: #32618c; border: 1px solid #32618c; text-transform:uppercase; padding:9px 13px; color:#fff; font-size:15px; }
.financials-block .financial-inner .balance-file-status tbody td {border-right: 1px solid #aeccee; border-bottom: 1px solid #aeccee; padding: 4px 13px; font-weight:500; color:#02447e; font-size:14px;}
.financials-block .financial-inner .balance-file-status tbody td:first-child {border-left: 1px solid #aeccee;}
.financials-block .financial-inner .balance-file-status tbody td:nth-child(2) {width: 130px;}
.financials-block .financial-inner .balance-block .balance-file-status .icon-btn {transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.financials-block .financial-inner .balance-block.active .balance-file-status .icon-btn {transform: rotate(45deg);}
.financials-block .financial-inner .closing-statement table {width: 100%; white-space: nowrap;}
.financials-block .financial-inner .closing-statement table tr th {color: #fff; padding:9px 10px; border:1px solid #aeccee;}
.financials-block .financial-inner .closing-statement table tr td,
.financials-block .financial-inner .closing-statement table tfoot tr th {color: #373434; font-weight: 600; padding:9px 13px; border:1px solid #aeccee;}
.financials-block .financial-inner .closing-statement table tr td input.form-control {border: none; font-weight:600;}
.financials-block .financial-inner .closing-statement table tr .btn-content {width: 50px; text-align:center; }
.financials-block .financial-inner .closing-statement table tr .btn-content .add-btn { display: inline-block; font-size: 16px; font-weight: 700; color: #32618c; background-color: #fff; padding: 2px 8px;}
.financials-block .financial-inner .closing-statement table tr .table-top-heading {color: #464646; border:none !important; }
.financials-block .financial-inner .closing-statement table tr .white-space {border: none; width:12px !important; padding:0; background-color:transparent; }
.financials-block .financial-inner .closing-statement table tr .icon-btn {color: #23527c;  font-size:16px; opacity:0; }
.financials-block .financial-inner .closing-statement table tr:hover .icon-btn {opacity: 1;}
.financials-block .financial-inner .closing-statement .fixed-num,
.financials-block .financial-inner .closing-statement .fixed-desc { color: #000 !important; padding: 9px 10px !important; font-size: 16px; font-weight: 500;}
.financials-block table tr .min-content {width: 8% !important;}
.financials-block table tr .max-content {width: 44%;}
.financials-block table.main thead tr th {color: #fff; background-color:#32618c; }
.financials-block table.main.calc tr th {background-color: #fff; color: #373434; border: 1px solid #aeccee;}
.financials-block table tr .light-blue2 {background-color: #2784bf !important;}
.financials-block table tr .dark-blue,
.financials-block table tr .extra-dark-blue {background-color: #32618c !important;}
.financials-block table tr .dark-gray {background-color: #616161 !important;}
.financials-block table tr .light-gray {background-color: #c7c8ca !important;}
.financials-block .main,
.financials-block .main-in {margin-bottom: 20px;}

.closing-page table {width: 100%; margin-bottom: 15px;}
.closing-page .max-content {max-width: 600px;}
.closing-page table tr th { padding: 0 15px 7px; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #02447e; border-bottom: 1px solid #c1cfdc;}
.closing-page table tr td { padding: 8px 7px; font-size: 14px; font-weight: 500; color: #02447e;}
.closing-page table tr td.pri { color: green;}
.closing-page table th.price { color: green; font-size: 16px;}
.closing-page table tr .price-block {display: flex; align-items:center; gap:5px;}
.closing-page .deposit-block {display: flex; align-items:flex-start; gap:50px;}
.closing-page .deposit-block .print-publish {flex-grow: 1;}
.closing-page .deposit-block .print-publish.checkvs {flex: 0 0 34%;}
.closing-page .print-publish tr th:nth-child(2), .closing-page .print-publish tr th:nth-child(3) {text-align: center;}
.closing-page .check-block { text-align: center;}
.closing-page table tr td .add_new {float: right;}

section.contact-cards {padding-bottom:10px;}
.contact-cards .top-block ul.tab-list {border-bottom: 1px solid #cbd6e2;}
.contact-cards table .preview-btn {display:inline-block; padding:5px 12px; background:#eaf0f6; border: 1px solid #cbd6e2; color:#506e91; font-size:12px; line-height:14px; border-radius:3px; float:right; cursor:pointer; opacity:0;  transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.contact-cards table .preview-btn:hover {background:transparent; transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.contact-cards table td:hover .preview-btn {opacity:1; transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.contact-cards table th:first-child,
.contact-cards table td:first-child {text-align: center; width:18px !important; max-width:18px !important;}

.add-contact .top-block .top-button .btn {margin:5px 0 5px 10px;}
.add-contact .contact-info-grid li {display: flex; justify-content:space-between; align-items: center; margin-bottom:15px; gap:5px;}
.add-contact .contact-info-grid li>ul {width: 100%;}
.add-contact .contact-info-grid li strong {color: #02447e; flex: 0 0 30%; font-weight: 500;}
.add-contact .contact-info-grid li strong select {height: 100%; width: 100%; border: 1px solid transparent; outline:none; background:transparent; }
.add-contact .contact-info-grid li strong select:focus {border-color:#32618c;}
.add-contact .contact-info-grid li input[type="radio"] { flex-shrink: 0; margin: 0; height: 34px; width: 34px; border-radius: 4px; position: relative; border: 2px solid rgb(0, 164, 189); outline: none !important; appearance: none;}
.add-contact .contact-info-grid li input[type="radio"]:before { content: "\f00c"; opacity: 1; font-size: 16px; background-color: #fff; color: #fff; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; font-family: fontawesome; position: absolute; top: 0; left: 0; transform: inherit; transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.add-contact .contact-info-grid li input[type="radio"]:checked:before {background-color:#00a4bd;}
.add-contact .contact-info-grid li#label_profile_picture #profile-container {margin-right: auto;}
.add-contact .contact-info-grid li#label_profile_picture img {width: 150px; height:150px; border-radius:50%; object-fit:cover;}
.add-contact .contact-info-grid li#label_profile_picture #profile_picture {display: none;}
.add-contact .contact-info-grid.attachments-list li .form-group {position: relative; margin:0; flex-grow:1; }
.add-contact .contact-info-grid.attachments-list li input[type="file"] {appearance: none; opacity: 0; position: absolute; border: none; background: transparent; font-size: 0; margin: 0; padding: 0; height: 100%; width: 100%; }

.add-contact .dues-list .row {margin-bottom: 20px;}
.add-contact .dues-list .row:last-child {margin-bottom: 0;}
.add-contact .dues-list .row>div {margin-bottom:10px;}
.add-contact .table-block {overflow: auto;}
.add-contact .table-block table strong {padding-left: 5px; display:inline-block; }
.add-contact .table-block table .centering {text-align: center;}

.edit-seller-buyer {margin: 0 auto; padding:30px; max-width:1200px; width:100%; }
.edit-seller-buyer .btn {margin: 0 auto; display:block; width:fit-content; }

.settings-page {margin-top: 50px; padding:0; height:auto; overflow:visible; }
.templates-page .right-page .top-heading select {width: auto;}
.templates-page .right-page .top-heading .search-block:before {border-color: #32618c;}

.settings.side-menu {flex:0 0 15%; width: 15%; float: left; padding: 7px 15px; background:rgb(245, 248, 250); height: calc(100vh - 50px); position: relative; z-index: 1;}
.settings.side-menu h4 {font-size:20px; color:#33475b; margin-bottom:35px; padding:0 12px; }
.settings.side-menu .sub-menu {overflow: auto; height:calc(100vh - 125px); }
.settings.side-menu a {font-size:14px; font-weight:400; color:rgb(51, 71, 91); line-height:24px; width:100%; padding:7px 12px; display:inline-block; background-color:transparent;}
.settings.side-menu li.active a,
.settings.side-menu li a:hover,
.settings.side-menu .settings-dropdown-list a.settings-dropdown.active{background-color:#0091ae; color:#fff; }
.settings.side-menu li.active a.settings-dropdown:before {color:#fff;}
.settings.side-menu a.settings-dropdown {position: relative;}
.settings.side-menu .settings-dropdown-list a.settings-dropdown:before {content: "\f107";  font-size: 16px; color:rgb(51, 71, 91); position: absolute; right: 12px; font-family: fontawesome;  -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.settings.side-menu .settings-dropdown-list a.settings-dropdown.active:before {transform:rotateX(180deg); color: #fff;}
.settings.side-menu .settings-dropdown-list:hover a.settings-dropdown:before {color: #fff;}
.settings.side-menu .settings-dropdown-menu{width:100%; padding-left: 12px; height: 0; display: none; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.settings.side-menu .settings-dropdown-menu.show-list {height: 100%; display:block; }
.settings.side-menu .settings-dropdown-menu ul {border-left: 1px solid #DFE3EB; margin:5px 0;  }
.settings.side-menu .settings-dropdown-menu ul>li {position: relative; padding-left: 8px;}
.settings.side-menu .settings-dropdown-menu ul>li:before {content: ""; opacity: 0; height:100%; width:3px; position: absolute; border-radius: 10px; left:-2px; top:0; background-color: #0091ae;} 
.settings.side-menu .settings-dropdown-menu ul>li:hover:before,
.settings.side-menu .settings-dropdown-menu ul>li.active:before {opacity: 1;}
.settings.side-menu .settings-dropdown-menu ul>li.active a,
.settings.side-menu .settings-dropdown-menu a:hover {background-color: transparent; color: #0091ae;}

.settings-page .settings.side-menu {float: left; width:290px;}
.settings-page .right-page {float: left; width:calc(100% - 290px); padding:0 15px; }
.settings-page .right-page .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 230px);}

.settings-page .dynamic-fields-modal .dynamic-fields .top-block {padding-left: 0; padding-right: 0;}
.settings-page .dynamic-fields-modal .dynamic-fields .tab-content {height: calc(100vh - 184px); overflow:auto; }

.document-modal-content .btn-solid {padding: 5px 8px; line-height: 23px; font-size: 14px;}
.document-modal-content .form-btn-block {display: flex; gap:5px; }
.settings-page.dynamic-forms table.dataTable th:nth-child(1) {width: 18px !important;}
.users-page {margin-top: 50px;}

.net-sheet {margin-top: 0;}
.net-sheet .seller-form {max-width: 1200px; width:100%; margin:0 auto; }
.net-sheet .top-heading {padding-left: 15px; padding-right:15px; margin-bottom:10px; }
.net-sheet .top-heading .form-group {display: flex; align-items:center; margin:0; gap:5px; }
.net-sheet .top-heading .form-group label {margin: 0;}
.net-sheet .top-heading p.top-heading {margin-bottom: 0; padding-left: 0px; padding-right:0px;}
.net-sheet .net-sheet-list li {margin-bottom: 15px; display: flex; align-items:center; gap:15px;}
.net-sheet .net-sheet-list li .form-group {display: flex; align-items:center; gap:5px; margin-bottom:0; }
.net-sheet .net-sheet-list li>* {flex: 1 0 20%;}
.net-sheet .net-sheet-list li .form-group label {margin-bottom: 0;}
.net-sheet .net-sheet-list li .form-group .price_validate {width: 50px;}
.net-sheet .net-sheet-list li .form-group .price_validate + label {margin-right: 10px}
.net-sheet .image-container {display: flex; gap:20px; text-align:center; }
.net-sheet .image-container li img {width: 300px; height:200px; object-fit:cover; margin-bottom:10px;}
.net-sheet .btn-grp {display: flex; justify-content: center; gap:10px; text-align:center; margin-top:50px; }

.history-page {margin-top:50px;}
.history-page table.dataTable th:nth-child(1){width: 18px !important;}



div:where(.swal2-container).swal2-center > .swal2-popup {display: flex !important; width:500px !important; flex-wrap: wrap!important; padding: 15px 20px!important; align-items: center!important;}
div:where(.swal2-icon).swal2-warning.swal2-icon-show {display: flex!important; flex: 0 0 60px!important; height:60px !important; }
div:where(.swal2-container) .swal2-html-container {display: block!important; flex: 0 0 calc(100% - 85px)!important; padding: 0 0 0px 30px!important; text-align: left!important; font-size: 18px!important;}
div:where(.swal2-container) div:where(.swal2-actions) {display: flex!important; margin: 0 0 0 auto!important; font-size: 16px!important; margin-top:20px !important;}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {color:#191919 !important;}

.list-dynamic-formque .form-group label {display:flex; align-items:center; }
.list-dynamic-formque .form-group label span {margin-left:auto;}
.list-dynamic-formque .form-group label span a {margin-left:10px;}
.list-dynamic-formque .check-block label {display:inline-block}
.list-dynamic-formque .answers-block {margin:0 30px;}
.new-templates-modal .list-dynamic-formque {overflow:auto; height:calc(100vh - 87px );}

.diss-btn { color: #6d6a6a !important; }

.no-click {color: #6d6a6a;}
.no-click {pointer-events: auto;}
.no-click:active {pointer-events: none;}

.btn[disabled] {color: #6d6a6a; border-color: #6d6a6a; background-color: #e6e6e6;}
.btn[disabled] {pointer-events: auto;}
.btn[disabled]:active {pointer-events: none;}

.icon-btn[disabled] { color: #6d6a6a;}
.icon-btn[disabled] {pointer-events: auto;}
.icon-btn[disabled]:active {pointer-events: none;}

#morec { max-width: 700px; }



.custom-dropdown {position:relative;}
.custom-dropdown input {position: absolute; top:0; left:0; z-index: 1; width: calc(100% - 20px); border-radius: 4px 0px 0px 4px !important;}
.custom-dropdown .select2-selection.select2-selection--single {background-color:#32618c;}
.custom-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:#fff transparent transparent transparent;}
.custom-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #fff transparent;}



.contacts-popup-data .swal2-html-container {flex:0 0 100% !important; padding:0 !important; }
.contacts-popup-data .swal2-html-container .table-block {max-height:150px; width:100%; overflow-y:auto; }
.contacts-popup-data .swal2-html-container table th,
.contacts-popup-data .swal2-html-container table td {font-size:14px !important; padding:5px;  }
.contacts-popup-data .swal2-html-container table td a {color:#32618c !important;}
.alert-input { color: #a94442; background-color: #f2dede; border-color: #a94442; }


.select2-container .select2-selection--multiple .select2-selection__rendered {white-space:pre-wrap;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {float:none;  }
.select2-container--default .select2-search--dropdown .select2-search__field:focus {outline:1px solid #66afe9 !important;}

.custom-dropdown2 {position:relative;}
.custom-dropdown2>.form-control {padding-right:24px;}
.custom-dropdown2 button.dropdown-toggle {background:#32618c; border:none; color:#fff; border-radius:0 4px 4px 0; border:1px solid #ccc; position:absolute; top:0; right:0; height:100%; width: 22px; }
.custom-dropdown2 button.dropdown-toggle span {margin:0;}
.custom-dropdown2 .dropdown-menu {padding-top:0; width:100%; border-radius: 0 0 4px 4px; margin-top:0; border:1px solid #aaa; border-top:none; box-shadow:none; }
.custom-dropdown2 .dropdown-menu ul { max-height:240px; overflow-y:auto; }
.custom-dropdown2 .dropdown-menu input.form-control {margin:4px; width:calc(100% - 8px); }
.custom-dropdown2 .dropdown-menu li {width:100% !important; padding:0; }
.custom-dropdown2 .dropdown-menu li button {color:#373434; font-size:15px; width:100%; padding:6px; border:none; background-color:#fff; text-align:left; }
.custom-dropdown2 .dropdown-menu li button:hover,
.custom-dropdown2 .dropdown-menu li.active button {color:#fff; background-color:#5897fb; }


.import-file.swal2-html-container {padding: 0 !important; flex:0 0 100% !important;}
.import-file.swal2-html-container table {width: 100%;}
.import-file.swal2-html-container table tbody { border:1px solid #dfe3eb;}
.import-file.swal2-html-container th {padding:10px 10px; color:#32618c; border:1px solid #dfe3eb; background-color:#f5f8fa; font-size:16px;}
.import-file.swal2-html-container tr:first-child th {border:none; color:#fff; background-color:#32618c; font-size:18px; }
.import-file.swal2-html-container td {padding:5px 10px; width: 50%; font-size:13px; font-weight:500; color:#444444; border-right:1px solid #dfe3eb; }
.import-file.swal2-html-container tbody tr:first-child td {padding-top:15px;}
.import-file.swal2-html-container tbody tr:last-child td {padding-bottom:15px;}
div:where(.swal2-container).swal2-center.import-file-data > .swal2-popup { width: 100% !important; max-width: 100%;}
.import-file-data .swal2-popup .swal2-html-container {flex: 0 0 100% !important; padding:0 !important; }
.import-file-data .import-file {height:calc(100vh - 125px);}
.import-file-data .import-file.swal2-html-container thead {position:sticky; top:0;  }
.import-file-data .import-file.swal2-html-container td {width: auto;}
.import-file-data .import-file.swal2-html-container td,
.import-file-data .import-file.swal2-html-container th {white-space: nowrap;}