/* ==== 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;}
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: 34px; line-height: 38px; }
h4 { font-size: 28px; line-height: 30px; }
h5 { font-size: 20px; line-height: 22px; }
p { margin: 0 0 15px; font-size: 16px; line-height: 28px; color: #242424; font-weight: 300; }
body.overflow-y { overflow-y:hidden; }
section { padding: 60px 0; }
.container-fluid { max-width: 1800px; }

/*======= 02-GLOBAL-STYLES ==========*/
.btn { font-size: 16px; font-weight: 500; border: 1px solid #32618c !important; background-color: transparent !important; color: #32618c !important; display: inline-block; padding: 10px 10px !important; line-height: initial; border-radius: 5px;  }
.btn:hover { background-color: #32618c !important; color: #fff !important;}
.btn.white { background-color:transparent; color:#32618c; } 
::-webkit-input-placeholder {font-weight: 300 !important; font-style:italic; }
::-moz-placeholder {font-weight: 300 !important; font-style:italic; }
:-ms-input-placeholder {font-weight: 300 !important; font-style:italic; }
:-moz-placeholder {font-weight: 300 !important; font-style:italic; }
.note-placeholder {font-weight: 300 !important; font-style:italic; }


input[type="checkbox"] {position: relative; border: 2px solid rgb(0, 164, 189); 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 { background-color: rgb(0, 164, 189);}
input[type="checkbox"]:checked:before {opacity: 1;}

.filter-list-block {flex-shrink:0; position:relative; }
.dropdown-btn {border:none; text-transform:capitalize ; color: #02447e; font-size:16px; font-weight:500; position:relative; padding-right:20px; }
.dropdown-btn:before {content: "\f0d7"; font-family: fontawesome; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.filter-list ul {  max-height: calc(100vh - 110px);overflow-y: auto; position:absolute; visibility:hidden; opacity:0; border: 1px solid #DFE3EB; z-index: 999; background: #fff; width: 300px; padding: 20px; margin-top: 17px; 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; }
.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;}
.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; }
.filter-list.active:before{opacity: 1;}
.filter-list li {margin-bottom:20px;}
.filter-list li strong {font-weight:400; color: #02447e; }
.filter-list .select2-container {margin-top:5px;  border-bottom:1px solid #000; }

.check-box-col {width:20px !important; max-width:20px;}

/*======= 03-GLOBAL-BLOCKS ==========*/
.form-control.alert { border: 1px solid red !important; }

.form-control:focus { box-shadow: 2px 0 20px #5193d0 !important; }

.dataTables_scroll table.dataTable {width: 100% !important; }

.search { background-color:transparent; border-radius: 5px; height:38px; position: relative; width: 100%; max-width: 270px; z-index: 0;}
.search .form-control { border:none; background-color:transparent; box-shadow:none!important; font-size:13px; color:#000000; font-weight:300; height: 100%; width:20px; position:absolute; top:0; right: 0; z-index: -1; 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;}
.search .form-control::-webkit-input-placeholder { color: #000000; }
.search .form-control::-moz-placeholder { color: #000000; }
.search .form-control:-ms-input-placeholder { color: #000000; }
.search .form-control:-moz-placeholder { color: #000000; }
.search button { background-color:#32618c; border:0; border-radius: 5px; font-size:16px; color:#fff; height:100%; position: absolute; right: 0; z-index: -2;}
.search .form-control:focus  {background-color: #fff;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;}
.search .form-control:focus + button {z-index: 0; background-color: #fff; color: #004d79;}

.check-block input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.check-block label { position: relative; cursor: pointer; font-size: 20px; font-weight: 400; color: #000000; margin:0; }
.check-block label:before { content: ''; padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; background-color: transparent; border-radius: 4px; top: -2px; border: 1px solid #818a93; }
.check-block label:after { content: '\f00c'; position: absolute; font-family: fontawesome; visibility: hidden; font-size: 16px; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; margin: 0 auto; }
.check-block input:checked + label:after { visibility: visible; }

.border-select { border:0; max-width:240px; width:100%; }
.border-select select { font-size:14px; font-weight:600; color:#262a2e; border:1px solid #c5cdd8; height:31px; padding:0 10px; }

form .form-group { margin-bottom:18px; position:relative; }
form .form-group.dateofbirth:after { content: "\f073"; position: absolute; right: 24px; font-family: fontawesome; font-size: 18px; color: #a7b5bd; top: 45px; }
form .form-group label { font-size:16px; font-weight:500; color:#02447e; text-align:left; display:block; padding:0 0px; margin-bottom: 8px; }
form .form-group .form-control { box-shadow:none; border:1px solid #c5cdd8; height:43px; font-size:15px; color:#373434; resize:none; }
form .form-group textarea.form-control { min-height:150px; padding-top:15px; }
form .form-group .form-control::-webkit-input-placeholder { color: #6f6f6f; }
form .form-group .form-control::-moz-placeholder { color: #6f6f6f; }
form .form-group .form-control:-ms-input-placeholder { color: #6f6f6f; }
form .form-group .form-control:-moz-placeholder { color: #6f6f6f; }

form .form-group .check-block { text-align: left; font-size: 16px; font-weight: 400; color: #6f6f6f; display:flex; padding: 7px 0 4px; }
form .form-group .check-block label { display:inline-block; padding: 0 10px 0 0; }
form .form-group .check-block label:after { right: inherit; left: 5px; top: 11px; }
form .form-group .check-block label:before { padding: 11px; border: 2px solid #bfc6cd; }
input, select{border-radius: 5px !important; }

/*======= 04-HEADER ==========*/
.mobile-toggle{ display: none; }
header { background-color:#32618c; padding: 5px  30px;}
/*header>.container-fluid {display: flex; align-items: center; max-width:1850px; }*/
header>.container-fluid  { max-width:1850px;}
header .logo { max-width:160px; width:100%; float:left; }
header .notification { padding: 0 31px; }
header .notification img {width: 16px;}
header .profile { display:flex; align-items:center; }
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-side { flex-grow: 1; display:flex; align-items:center; }
header .nav { float:none; margin: 0 0 0 30px; }
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 .toggle-block { position: absolute; top: 50px; right: 50px; 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 .toggle-block .settings { cursor:pointer; }
/*header .toggle-block ul { float:none; height: calc(100% - 30px);}
header .toggle-block ul li { float:none; padding: 10px 5px; position:inherit; }
header .toggle-block ul li a { padding:0; }
header .toggle-block .side-menu { display:none; }

header .toggle-block .sub-menu { position: absolute; top: 0; left: -150%; background-color: #457db0; width: 370px; padding: 30px 20px 0 15px; height:100%; 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; overflow:auto; }
header .toggle-block .sub-menu.active { left:250px; 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 .toggle-block .sub-menu li { position:relative; }
header .toggle-block .sub-menu .close { display: block; font-size: 20px; color: #fff; float: none; text-align: right; opacity: 1; margin-bottom: 10px; cursor:pointer; }
header .toggle-block .sub-menu p { font-size:18px; font-weight:600; color:#fff; }
*/

header .navbar-nav {float: none;}

header .btn-link:focus,
header .dropdown-tog:hover { color:#fff; text-decoration:none; }
header .dropdown-tog { font-size: 16px; font-weight: 400; color: #fff; padding:0; }
header #accordion ul { padding-left:15px; }

header .right-list { display:flex; margin-left:auto; justify-content:right; width:50%; align-items:center; } 
header .profile-menu {min-width: 290px; 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;}

header .toggle-block .sub-menu {padding-left: 15px; display: 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;}
header .toggle-block .sub-menu.active { display: block; animation: anim 800ms infinite ; }
header .toggle-block .sub-menu li {padding: 4px 0;}

header .navbar-right {margin: 0; float: none !important;}

/*======= LOGIN ==========*/
.login { display:table; background-color:#fff; width:100%; padding:0; text-align:center; }
.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; }

/*======= TRANSACTION-DETAIL ==========*/
.transaction-detail { padding:0 30px 0; }
.transaction-detail .top-block { border-bottom:1px solid #cbd6e2; margin: 15px 0; display: flex;}
.transaction-detail .top-block ul li { flex: 1 0 5%; max-width:230px; background-color: #f5f8fa; font-size:14px; font-weight:400; color:#33475b; line-height:22px; position:relative; border:1px solid #cbd6e2; border-bottom: 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;}
.transaction-detail .top-block ul li:hover {background-color: #fff; 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;}
.transaction-detail .top-block ul li.active {background-color: #32618c;color: #fff;font-weight:400;}
.transaction-detail .top-block ul li:before {content:""; height:1px; width:100%; opacity: 0; position:absolute; bottom:-1px; left:0; background:#fff; }
.transaction-detail .top-block ul li.active:before {opacity: 1;}





.transaction-detail .top-block ul li a { padding: 12px 15px;text-align: center; width: 100%; height: 100%; display: inline-block; position:relative; }
.transaction-detail .top-block ul li:last-child::after { display:none; }
.transaction-detail .top-block .btn { float:right; margin:5px 0; font-size:14px; font-weight:600; padding: 8px 21px; }
.transaction-detail aside { float:left; width:50%; }
.transaction-detail aside.left-block { float:left; width:50%; }
.transaction-detail aside.right-block { float:left; width:50%; }
.transaction-detail aside.contact_block { float:left; width:100% !important; }
.transaction-detail aside:first-child { padding-right:10px; }
.transaction-detail aside:last-child { padding-left:10px; }
.transaction-detail aside p { font-size:14px; font-weight:600; color:#32618c; line-height:26px; text-transform:uppercase; }/* margin-bottom: 5px;*/
/*.transaction-detail aside ul { display:flex; flex-wrap:wrap; align-items:center; width: 100%; }*/
.transaction-detail aside ul li { flex:0 0 50%; display:flex; font-size:14px; font-weight:300; color:#262a2e; align-items:center; flex: 0 0 50%; position:relative; }
.transaction-detail aside ul li strong { font-size:14px; font-weight:500; }
/*.transaction-detail aside ul li:nth-child(odd) { padding-right:10px; }
.transaction-detail aside ul li:nth-child(even) { padding-left:10px; }*/
.transaction-detail aside ul li strong { min-width:145px; font-weight:500; color:#02447e; }
.transaction-detail aside ul li strong.twodigit { display: flex; align-items: center; } 
.transaction-detail aside ul li strong.twodigit input { width:50px; margin-right:5px; }

.transaction-detail .form-control { font-size: 15px; color: #32618c; font-weight: 300; box-shadow: none; height:35px; border-radius: 5px !important; } /*border: 1px solid transparent;*/
.transaction-detail .form-control::-webkit-input-placeholder { color: #6f6f6f91; }
.transaction-detail .form-control::-moz-placeholder { color: #6f6f6f91; }
.transaction-detail .form-control:-ms-input-placeholder { color: #6f6f6f91; }
.transaction-detail .form-control:-moz-placeholder { color: #6f6f6f91; }
/*.transaction-detail .form-control:focus { border:1px solid #c5cdd8 !important; }*/
.transaction-detail aside .min-content { border-bottom: 1px solid #bec0c7; padding-bottom:5px; margin-bottom:10px; }

/*.transaction-detail .right-block .contact-info li:first-child,
.transaction-detail .right-block ul li ul li:first-child { flex:0 0 49%; }*/

.transaction-detail .right-block .contact-info li:nth-child(2),
.transaction-detail .right-block ul li ul li:nth-child(2) { flex:1 0 23%; width:23%; }
.transaction-detail .right-block .contact-info li:nth-child(3),
.transaction-detail .right-block ul li ul li:nth-child(3) { flex:0 0 142px; }
.transaction-detail .right-block .contact-info li:nth-child(3) .datapicker_single9,
.transaction-detail .right-block ul li ul li:nth-child(3) .datapicker_single9 {margin:0;}
.transaction-detail .right-block .contact-info li:nth-child(4),
.transaction-detail .right-block ul li ul li:nth-child(4) {flex:1 0 23%;}
.transaction-detail .right-block ul li ul li { display:flex; }
.transaction-detail .right-block .contact-info,
.transaction-detail .right-block ul li ul { display:flex; }
.transaction-detail .right-block ul li { display: block; flex: inherit; padding: 2px 5px !important; }
.transaction-detail .right-block ul { display:block; }
.transaction-detail .right-block .full { display:block; }
.transaction-detail .right-block ul#contact_list li:nth-child(3) { flex: 0 0 142px; }
.transaction-detail .right-block ul#contact_list li .datapicker_single9 {margin:0;}
.transaction-detail .right-block ul#contact_list li .minus { padding-left: 5px; opacity:0; }
.transaction-detail .right-block ul#contact_list li:hover .minus { opacity:1; }

.transaction-detail aside ul li.extra strong { text-align:right; }
.transaction-detail aside ul li.full { float: none; flex: 0 0 100%; align-items: initial; text-align: right; }
.transaction-detail aside ul li.full textarea { height:100px; }

.transaction-detail aside ul li.agent-com { text-align:left; }
.transaction-detail aside ul li.agent-com input { width:55px; }
.transaction-detail aside ul li.agent-com em { width:70px; margin:0 4px;  }
.transaction-detail aside ul .extra.full .select2-container { min-width: 75px; margin-right: 5px; }
.transaction-detail aside ul .extra.full .form-control { width: 155px !important; min-width: 75px; margin-right: 5px; }
.transaction-detail aside ul .extra.full li { text-align:left; }
.transaction-detail aside ul .extra.full li:nth-child(even) .form-control.price_validate.threedigit { width:80px; }
.transaction-detail aside ul .extra.full li:nth-child(even) em { display:flex; align-items: center; }
.transaction-detail aside ul .extra.full li:nth-child(even) em input { margin-left:5px; }

/*======= TRANSACTION-DETAIL-2 ==========*/
.transaction2 .process { display:flex; max-width:500px; width:100%; margin-bottom:20px; }
.transaction2 .process input { width:240px; }
.transaction2 .process .form-control { font-size:14px; font-weight:500; color:#262a2e; border:1px solid #c5cdd8; box-shadow:none; height:31px; appearance:none; }
.transaction2 .process .form-control::-webkit-input-placeholder { color: #262a2e; }
.transaction2 .process .form-control::-moz-placeholder { color: #262a2e; }
.transaction2 .process .form-control:-ms-input-placeholder { color: #262a2e; }
.transaction2 .process .form-control:-moz-placeholder { color: #262a2e; }
.transaction2 .process .select-button { width:260px; padding-left:20px; position:relative; }
.transaction2 .process .select-button:after { content:"\f107"; position: absolute; font-family: fontawesome; font-size:14px; color:#64696c; top:50%; transform: translateY(-50%); right:10px; }
.transaction2 table { width:100%; margin-bottom:10px; }
.transaction2 table tr th { font-size:14px; font-weight:600; color:#262a2e; line-height:22px; text-transform:uppercase; border-bottom:1px solid #32618c; padding: 5px 5px; }
.transaction2 p .btn { float:right; }
.transaction2 .btn { font-size: 14px; font-weight: 600; padding: 4px 14px; text-transform: capitalize; }
.transaction2 .btn i { margin-left:3px; }
.transaction2 table tr td { border-bottom:1px solid #c1cfdc; padding: 8px 5px 7px; }
.transaction2 table tr td:nth-child(2),
.transaction2 table tr td:nth-child(3),
.transaction2 table tr td:nth-child(4) { width:36% }
.transaction2 table tr td:last-child { width:100px; }
.transaction2 table tr td .trash { font-size:14px; opacity:0; }
.transaction2 table tr td:hover .trash { opacity:0.5; }

.transaction-detail aside ul .extra.full { padding: 0 !important; }
.transaction-detail aside ul .extra.full ul li:nth-child(odd) { flex: 0 0 40%; }
.transaction-detail aside ul .extra.full ul li:nth-child(even) { flex: 0 0 60%; }

.transaction2 table tr td span.select2-selection { border:0; padding:0; font-weight:500; font-size:14px; }
.transaction2 table tr td .select2-container { width: 190px !important; }
.transaction2 table tr td select { font-size:14px; font-weight:400; color:#000; }
.transaction2 .select2-container .select2-selection--single .select2-selection__rendered { padding-left:0; }
.transaction2 table tr .status .select2-container  { width:100% !important; }

.transaction2 a.more { cursor:pointer; }

.tq-info .sell-co.top-heading ul { margin: 0px 0px 0px 0px;}
/*.tq-info .right-block ul li .select2 { margin-right:10px; }*/
.tq-info .right-block ul li .select2-container--default .select2-selection--single { height: 35px; line-height: 35px; border: 1px solid #ccc; border-radius: 5px !important }


/*======= TRANSACTION-DETAIL-3 ==========*/
.transaction3 aside { padding:0 !important; }
.transaction3 aside ul { display:block; }
.transaction3 aside ul li { padding:0 !important; }
.transaction3 aside ul li strong { min-width: 210px; }
.transaction3 .max-content { max-width:450px; width:100%; }

/*======= STATUS-ESR ==========*/
.top-block ul { display:flex; flex-grow:1; margin-bottom: 0; margin-right:20px; }
.top-block .top-button { display:flex; align-items:center; margin:5px 0; float:right; }
.top-block .top-button span { display:inline-block; font-size:16px; font-weight:500; color:#000d24; padding-right:5px; }
.top-block .top-button .btn { margin:0 5px; }


.status-esr aside { width: 31.7%; padding: 0 !important; margin: 0 0.8%; }
.status-esr h5 { font-size:14px; font-weight:600; color:#32618c; line-height:26px; text-transform:uppercase; margin-bottom: 7px; display:flex; align-items:center; justify-content:space-between; }
.status-esr .toggle-icon { position:relative; width:13px; height:12px; }
.status-esr .toggle-icon:after { content:""; position:absolute; width:100%; height:3px; background-color:#004580; top:50%; transform:translateY(-50%); }
.status-esr .toggle-icon:before { content:""; position:absolute; width:3px; height:0; background-color:#004580; top:0; left:0; right:0; margin:0 auto; }
.status-esr .toggle-icon.collapsed:before { height:100%; }

.top-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; background-color: #d9e4ee; padding: 5px 5px; border-radius: 5px; }
.status-esr .top-heading h5 { margin:0; }
.status-esr .heading { background-color:#a3c6e6; padding: 10px 15px; margin-bottom:15px; }
.status-esr .select2 { width:100% !important; font-size:14px; font-weight:300; }
.status-esr .border-select { max-width: 50%; width: 50%; }
.status-esr .border-select  .dropdown.bootstrap-select.select-picker.bs3 { width: 100%; }

.status-esr .select2-container--default .select2-selection--single { border:1px solid #c5cdd8; height:31px; color:#262a2e; padding: 0 10px; }
.status-esr .select2-container--default .select2-selection__arrow b { border-color: #64696c transparent transparent transparent; }
.status-esr .randy-opener { margin-bottom:20px; }
.status-esr .randy-opener .form-group { display:flex; margin-bottom:10px; align-items:center; }
.status-esr .randy-opener .form-control { border:1px solid #c5cdd8; }
.status-esr .randy-opener .date { width:210px; padding-left:15px; position:relative; }
.status-esr .randy-opener .minus { font-size: 16px; padding-left: 10px; line-height: 16px; color: #32618c; opacity:0; }
.status-esr .randy-opener .form-group:hover .minus { opacity:1; }

.status-esr .randy-opener .date:after { content:"\f073"; position:absolute; font-family:fontawesome; font-size:14px; color:#64696c; top:50%; transform:translateY(-50%); right:10px; }
.status-esr textarea.form-control { height:80px; border:1px solid #c5cdd8; resize:none;  margin-bottom:15px; }
.status-esr table { width:100%; }
.status-esr .btn { padding: 3px 7px; float:right; }
.status-esr .btn i { margin:0; }
.status-esr table tr th { padding:0 15px 7px; font-size:14px; font-weight:600; color:#02447e; border-bottom:1px solid #c1cfdc; }
.status-esr table tr td { padding:8px 7px; font-size:14px; font-weight:500; color:#02447e; }
.status-esr table tr .status .select2-container { border:0; }
.status-esr table tr .status .select2-container--default .select2-selection--single { border-color:transparent; }
.status-esr table tr .status .select2-container--default .select2-selection--single:hover,
.status-esr table tr .status .select2-container--default .select2-selection--single:focus { border-color: #c5cdd8; }
.status-esr table tr .full .select2-container { display:block; width:100% !important; }
.status-esr table tr:last-child td { border:0; }
.status-esr table tr td a { font-size:14px; font-weight:700; color:#02447e;padding-left: 5px; }
.status-esr table tr td.status { min-width: 150px; width: 150px !important; }

.buyer-doc { margin-bottom: 10px; }
.buyer-doc tr th:last-child { text-align: right;   }
.buyer-doc tr td.status { min-width: 110px; }
.buyer-doc tr td:last-child { width: auto !important;}
.buyer-doc table { margin: 0; }
/*.buyer-doc table tr:last-child td { border-bottom: 1px solid #c1cfdc; }*/
.buyer-doc .select-in { display: flex; align-items: center; } 
.buyer-doc tr td .minus { opacity: 0; }
.buyer-doc tr:hover td .minus { opacity: 1; }


/*======= CLOSING-PAGE ==========*/
.closing-page .status { display:flex; align-items:center; justify-content:space-between; max-width:600px; width:100%; margin-bottom:15px; }
.closing-page table { margin-bottom:15px;}
.closing-page .check-reg tr td:nth-child(2){ width:13.6%; }
.closing-page .check-reg tr td:nth-child(4){ width:13.4%; }

.closing-page .check-reg.closing-align { max-width: 1230px; }
.closing-page .check-reg.closing-align tr td:first-child { width: 23.5%; }
.closing-page .check-reg.closing-align tr td:nth-child(2) { width: 16%; }
.closing-page .check-reg.closing-align tr td:nth-child(3) { width: 12%; }
.closing-page .check-reg.closing-align tr td:nth-child(4) { width: 15.5%; }


.closing-page .final-dates tr th:first-child , 
.closing-page .print-publish tr th:first-child { font-size:14px; font-weight:600; color:#02447e; text-transform:uppercase; }
.closing-page table tr th { text-transform:uppercase; }
.closing-page table tr td { border-bottom:0px solid #32618c; }
/*.closing-page table tr td input { font-weight:500 !important; }*/
.closing-page .final-dates { max-width:600px; width:100%; }
.closing-page .final-dates tr td:first-child { width:50%; }

.closing-page .print-publish tr th:nth-child(2),
.closing-page .print-publish tr th:nth-child(3) { text-align:center; }
.closing-page .print-publish { max-width:65%; }
.closing-page .check-block { text-align:center; }
.closing-page .price { width:10.1%; }
/*.closing-page .price input { text-align:right; }*/
.closing-page .check-reg tr td:first-child { width: 20%; }
/*.closing-page h5 { max-width:1450px; }*/

.title-page h5 { max-width:100%; }
.lender-page h5 { max-width:100%; }

.closing-page .deposit-block table { float:left; }
.closing-page .checkvs { max-width:calc(35% - 50px); margin-left:50px; }
.closing-page .top-heading.check { max-width: 1450px; }

/*======= BASIC-INFO-PAGE ==========*/
.basic-info table tr th { padding: 0 5px 7px; }
.basic-info table tr th:last-child { text-align: right; }
.basic-info .buyer-information { background-color:#f5f8fb; top: 20px; position: relative; padding-top: 5px !important; padding-left: 20px !important; }
.basic-info .max-content-block { display:table; width: 100%; }
.basic-info aside { margin: 0; padding: 20px 30px 20px 0 !important; width: 33.3%; display:table-cell; float:none; vertical-align:top; }
.basic-info .buyer-information p { font-size:14px; font-weight:400; color:#02447e; text-transform:capitalize; font-weight:600; }
.basic-info .buyer-information tr td:first-child { font-weight:600; width:17%; }
.basic-info .buyer-information tr td a { font-size:14px; color:#6f6f6f; font-weight:500; padding-left:0; } 
.basic-info .buyer-information tr td a i { opacity: 0; }
.basic-info .buyer-information tr:hover td a i { opacity: 1; }
.basic-info .buyer-information tr:last-child td { border-bottom: 1px solid #c1cfdc; }
.basic-info .buyer-information .vesting { display:block; margin-bottom:30px; }
.basic-info .buyer-information ul li { padding:0 5px !important; flex:0 0 50%; margin-bottom: 15px; position: relative; }
.basic-info .buyer-information ul li .form-control { background-color:transparent; border: 1px solid #c1cfdc; } 
.basic-info .buyer-information ul.dynamic_field_list li .form-control { background-color:#fff !important; }
ul.seller-list .form-control { background-color:#fff !important; }
.dynamic_field_list.form-control { background-color:#fff !important; }
.basic-info .buyer-information ul li strong { min-width:145px; }
.basic-info .buyer-information textarea { background-color:transparent; }
.basic-info .buyer-information .btn { float: none;}
.basic-info .buyer-information .btn:hover { background-color:#32618c; }
.basic-info table tr td { border-color: transparent; }
.basic-info table tr td.border-in { border-color:#c1cfdc; } 

.basic.fade .modal-dialog { position: absolute; margin: auto; right: 0; width: 38%; height: 100vh; overflow: auto; -webkit-transform: translate(100%,0) ; -ms-transform: translate(100%,0) ; -o-transform: translate(100%,0) ; transform: translate(100%,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;}
.basic.fade.in .modal-dialog{-webkit-transform: translate(0,0) ; -ms-transform: translate(0,0) ; -o-transform: translate(0,0) ; transform: translate(0,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;}
.new-template-modal.modal.in .modal-dialog { left: 50%; transform:translateX(-50%); margin: 0;}
/*.basic.modal.in .modal-dialog { right: 0; top:0; }*/
/*.contact-preview.modal.fade.in {transform: translate(0,0) !important;}*/
.basic.modal .modal-content { border-radius:0; box-shadow:none; min-height:100%; border: none;}
.modal-backdrop { background-color:transparent; }
/*.basic.modal button.close { position: sticky; top: 10px; font-size: 25px; border-radius: 50%; color: #32618c; font-weight: 400; text-shadow: none; opacity: 1; right: 15px; left: 0; z-index: 9; padding: 0; } */
.basic.modal .buyers-escrow { padding: 20px 30px 30px; }
.basic .buyers-escrow h3 { font-size: 22px; line-height: 26px; margin-bottom: 15px; padding: 7px 0; background-color: #fff; position: sticky; top: 0; left: 0; right: 0; z-index: 5; }
.basic form .form-group label { font-size:14px; margin-bottom: 4px; }
.basic form .form-group { margin-bottom:10px; }
.basic form .form-group .form-control { height:40px; }
.basic form .form-group.dateofbirth:after { right: 15px; top: 27px; }
.basic form .form-group .check-block label { padding: 5px 10px 0 0; }
.basic form .form-group .check-block { font-size: 14px; padding: 5px 0 4px; align-items:center; }
.basic form .form-group .check-block label:before { padding: 8px; }
.basic form .form-group .check-block label:after { left: 3px; top: 13px; font-size: 14px; }
.basic .buyers-escrow h5 { font-size: 18px; line-height: 26px; padding: 10px 0 0; }
.basic form .form-group textarea.form-control { min-height: 100px; }
.basic .buyers-escrow .pagination li a { padding: 10px 15px; }

/*======= BUYERS-ESCROW ==========*/
.buyers-escrow { text-align:center; max-width:1200px; width:100%; padding: 31px 15px; margin:0 auto; }
.buyers-escrow .logo, .contact_add_form .logo { max-width:300px; width:100%; margin:0 auto 35px; }
.buyers-escrow h3, .contact_add_form h3 { font-size:30px; color:#32618c; line-height:46px; text-transform:uppercase; margin-bottom: 30px; text-align:center; }
.buyers-escrow h5 { font-size:22px; color:#32618c; line-height:26px; padding: 23px 0 0; }
.buyers-escrow form .form-group figure { text-align:left; padding-left:10px; }
.buyers-escrow .pagination { margin:10px 0; }
.buyers-escrow .pagination li a { font-size: 16px; font-weight: 400; color: #6f6f6f; border: 1px solid #c5cdd8; padding: 10px 29px; }
.buyers-escrow p { font-size:16px; font-weight:400; color:#6f6f6f; line-height:22px; float:left; padding:0 8px; }
.buyers-escrow p.right { float:right; }

.trash2 { padding: 5px 0 0 5px; color:red !important; }
.trash2 { opacity:0; }
.trash2:hover { opacity:0.5; }

.alert-danger { padding: 3px 5px; }

/*======= seller-form ==========*/
.buyers-escrow .seller-form .form-control{display: inline-block;margin: 5px 0;width: 95%;}
.buyers-escrow .seller-form .required{display: inline-block;margin: 5px 0;width: 85%;}

/*======= PIPELINE ==========*/

.top-heading .form-control { width: 250px; font-size: 16px; font-weight: 300; height: 35px; border: 1px solid #d9e4ee; margin-right: 0px; padding: 5px 10px; }
.top-heading .form-control:focus {border-width: 2px !important;}
.top-heading .right-buttons { display:flex; align-items:center; gap: 15px;}

/*.transaction-detail { max-width:1850px; margin:0 auto;}*/

/*.pipeline-page { height: calc(100vh - 75px); overflow-y: hidden; }*/
.pipeline-page.user-form { overflow: inherit; }
.pipeline-page .top-heading { padding:7px 0px; margin:0; display:flex; align-items:center; background-color: transparent; }
.pipeline-page .top-heading .form-group {margin-bottom:0;}
.pipeline-page .top-heading h5 { margin:0; font-size:18px; font-weight:600; color:#333333; margin-right:auto;}
.pipeline-page .top-heading .btn { font-size:14px; font-weight:600; text-transform:uppercase; padding: 7px 10px; }
/*.pipeline-page .table-block { overflow: auto; height: calc(100vh - 130px); }*/
.pipeline-page table { width:100% !important; position:relative;}
.pipeline-page .dataTables_filter {border: 1px solid #DFE3EB; border-bottom: none; float:none; text-align:left;  padding: 5px;}
.pipeline-page .dataTables_filter label { display: block; font-size: 0; margin: 0;max-width: 250px; width: 100%; position: relative; z-index: 0;}
.pipeline-page .dataTables_filter label:before {content: "\f002"; color: #0091ae; font-family:fontawesome; font-size:16px; position: absolute ; top:50%; transform:translateY(-50%); right:1px;  z-index: 2; padding: 0 15px; background-color: #fff;}
.pipeline-page .dataTables_filter input {font-size: 14px; font-weight: 300; margin:0; outline: none; border-color: #cbd6e2; height: 36px; 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;}
.pipeline-page .dataTables_filter input:focus {border-color: rgba(0,208,228,.5); box-shadow: 0 0 4px 1px rgba(0,208,228,.3), 0 0 0 1px #00d0e4;  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;}
.pipeline-page table thead { position: sticky; top: 0; left: 0; }
.pipeline-page table tr th { font-size:12px; font-weight:500; color:#33475B; line-height:20px; background-color:#f5f8fa; border: 1px solid #DFE3EB; padding:10px 10px; text-transform:uppercase; white-space: nowrap; }
.pipeline-page table tr th:hover,
.pipeline-page table tr th.sorting_asc:hover,
.pipeline-page table tr th.sorting_desc:hover {background-color: #E5F5F8;}
.pipeline-page table tr th.sorting_asc,
.pipeline-page table tr th.sorting_desc {background-color: #eaf0f6;}
.pipeline-page table tr th:before,
.pipeline-page table tr th:after {font-size: 16px !important;}
.pipeline-page table tr th.sorting_asc:before {color: #00A4BD;}
.pipeline-page table tr th.sorting_desc:after {color: #00A4BD;}

/*.pipeline-page table thead tr th:nth-child(1),
.pipeline-page table tbody tr td:nth-child(1) { position: sticky; left: 0; z-index: 1;}
.pipeline-page table thead tr th:nth-child(2),
.pipeline-page table tbody tr td:nth-child(2) { position:sticky; left:35px; z-index:1;}
.pipeline-page table thead tr th:nth-child(3),
.pipeline-page table tbody tr td:nth-child(3) { position:sticky; left:136px; z-index:1;}
.pipeline-page table thead tr th:nth-child(4),
.pipeline-page table tbody tr td:nth-child(4) { position:sticky; left:237px; z-index:1;}
.pipeline-page table thead tr th:nth-child(5),
.pipeline-page table tbody tr td:nth-child(5) { position:sticky; left:606px; z-index:1;}
.pipeline-page table thead tr th:nth-child(6),
.pipeline-page table tbody tr td:nth-child(6){ position:sticky; left:864px; z-index:1;}
.pipeline-page table thead tr th:nth-child(7),
.pipeline-page table tbody tr td:nth-child(7) { position:sticky; left:1122px; z-index:1;}*/

table.dataTable thead tr>.dtfc-fixed-left, 
table.dataTable thead tr>.dtfc-fixed-right, 
table.dataTable tfoot tr>.dtfc-fixed-left, 
table.dataTable tfoot tr>.dtfc-fixed-right {background-color: #f5f8fa;}



.property-page table thead tr th:nth-child(7),
.property-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 .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 210px);}
.tab-fileds-page .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 285px);}
.documents-main .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{height: calc(100vh - 350px);}
.accounting .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 330px);}
.sett-template  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 355px);}


#myTable_wrapper {height: auto; padding-bottom:40px;}
#myTablen_wrapper {height: auto; padding-bottom:40px;}
.dataTables_length {position: absolute; bottom: -2px; 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.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:34px; 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: 34px; margin-left: 10px; margin-top: 3px; vertical-align: middle;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {border-color: transparent !important;}

.pipeline-page table tr:hover {background-color:#f5f8fa;}
.pipeline-page table tr td { font-size:14px; font-weight:300; color:#4d545; 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;}
.templates-page table tr td {padding:12px 10px ;}
.pipeline-page table 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;}
.pipeline-page table tr td:first-child {border-left: 1px solid #DFE3EB;}
.pipeline-page table tr:hover td { background-color: #f5f9fc; }
.pipeline-page table tr td a strong { font-weight:600; }
.pipeline-page table .form-control {font-weight: 300;}
.pipeline-page table select.form-control {border: none; width:auto; }
.pipeline-page table .form-control:focus {box-shadow: none !important; border: none !important;}
.pipeline-page table option {padding: 20px;}

.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; }
.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;}


.sell-co { padding-bottom:0px;}
.sell-co a { display: flex; font-size:16px; padding:5px 5px; color:#797979; }
.sell-co a strong { min-width:35%; font-weight:600;  }

.box table { width:100%; margin-bottom:15px; }
.box table tr th { font-size: 14px; font-weight: 600; color: #32618c; text-transform: uppercase; background-color: #d9e4ee; padding:4px 5px; }
.box table tr td { font-size:14px; font-weight:400; text-align:left; border-bottom: 1px solid #c1cfdc; padding:4px 5px; }
.box table tr td strong { font-weight:600; }
.box .card { display: flex; flex-wrap: wrap; margin-bottom: 15px; padding: 10px 0; border-radius: 5px; border: 1px solid #707173bd; }
.box .card li { flex:0 0 50%; padding:5px 10px; }
.box .card li strong { font-size:14px; font-weight:500; text-align:left; display:block; padding-bottom:3px; }
.box .card li .form-control { font-size:14px; box-shadow:none; height: 30px; border: 1px solid #dedede; }
.box .card li .btn { font-size:14px; padding:10px 15px; display:block; }



/*

.transaction-detail .right-block .sell-co li strong { width:40%; }
.transaction-detail .right-block .sell-co li span { width:50%; }
.transaction-detail .right-block .sell-co li .minus { justify-content: end; width: 8%; opacity:0; }
.transaction-detail .right-block .sell-co li:hover .minus { opacity:1; }*/

.sell-co li { padding-bottom:5px !important; }
.transaction-detail .right-block .sell-co li .minus { justify-content: end; opacity:0; }
.transaction-detail .right-block .sell-co li:hover .minus { opacity:1; }
.transaction-detail .right-block .sell-co li ul { width:100%; }
/*.transaction-detail .right-block .contact-info li:first-child,
.transaction-detail .right-block .sell-co li ul li:first-child { flex:0 0 49%; }*/
.transaction-detail .right-block .sell-co li ul li { position:relative; }
.sujjetions { border: 1px solid #d9d9d9; border-radius: 5px; width: 100%; height: 100px; padding:10px; position: absolute; left: 0; bottom: -100px; z-index: 3; background-color: #fff; overflow: auto; display:none; }
.sujjetions a { display:block; font-size: 14px; font-weight: 400; margin: 4px 0; text-align:left; }

/*
.transaction-detail .right-block .sell-co li strong { width:100%; }
*/


.icon { /*padding: 0 0 0 10px;*/ display: flex;}
.icon>strong {flex-grow: 1; width: 150px; overflow: hidden; text-overflow: ellipsis;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff !important; opacity: 1; }

.icon strong { color: #32618c; color: #0091ae; }

section .select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width:100% !important;
}

.top-heading.red { justify-content: inherit; }
.top-heading.red span { color: red; }

.basic.modal .contact_block { padding: 20px 15px 30px; }
.basic.modal .contact_block .top-heading { background-color: #d9e4ee; float:none; font-size: 16px; font-weight: 600; color: #32618c; line-height: 26px; text-transform: uppercase; margin-bottom: 5px; padding: 5px 5px; }
.basic.modal .contact_block  .sell-co li { font-size:14px; }
.basic.modal .contact_block  .sell-co li strong { font-weight:600; }

/* Contact card add details */
.contact-preview.modal {margin: 0 0 0 auto; max-width: 470px; width: 100%; box-shadow: -3px 0 8px 0 rgba(66,91,118,.21)}
.contact-preview.modal.fade {transform: translate(100%,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;}
.contact-preview.modal.fade.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;}
.contact-preview .modal-dialog {margin: 0; width:100%; transform: translate(0,0) !important;} 
.contact-preview .modal-content {border: none; box-shadow: none; height:100vh; }

.modal-header {background-image: linear-gradient(-303deg,#00a4bd,#00afb2 56%,#00bda5); border: none; padding: 20px 30px; height:68px; }
.modal-header h4 {font-size: 20px; font-weight: 600; color: #fff;}
.modal-header .close {font-size: 40px; color: #fff; opacity: 1; font-weight: 100; line-height: 26px; 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-header .close:active {transform: scale(0.1); 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;}

.contact-preview .modal-body {height: calc(100vh - 68px); overflow: auto; padding: 0;}
.contact-preview .modal-body>div {border-bottom: 1px solid rgb(203, 214, 226);}
.contact-preview .modal-body .user-info {display: flex; gap: 12px; padding: 24px 24px 10px;}
.contact-preview .modal-body .user-info>div {flex-grow: 1;}
.contact-preview .modal-body .user-info img {width: 72px;}
.contact-preview .modal-body .user-info h4 {font-size: 24px; font-weight: 400; color: #33475b; margin-bottom: 5px;}
.contact-preview .modal-body .user-info p {font-size: 14px; color: #33475b; line-height: 24px; margin-bottom: 0;}
.contact-preview .contact-info {padding: 20px;}
.contact-preview .contact-info h6 {font-size: 14px; color: #33475b; font-weight:600; }
.contact-preview .contact-info ul {padding: 0 10px;}
.contact-preview .contact-info li {margin-bottom: 0px; display:flex; gap:10px; border-bottom: 1px solid rgb(203, 214, 226); }
.contact-preview .contact-info label {font-size: 14px; color:#516f90; font-weight:600;  margin-bottom:0; background:#f5f8fa; width:40%; padding:5px;}
.contact-preview .contact-info p {font-size: 14px; color: #33475b; line-height: 24px; margin-bottom: 0; font-weight:400; }

.contact_add aside {
  float: left;
  width: 100%;
}

.contact_add aside ul li {  display:flex; font-size:16px; font-weight:500; color:#262a2e; align-items:center; position:relative; }
.contact_add .slabel {margin-bottom: 15px;}

/*.contact_add aside ul li:nth-child(2n) {
  padding-left: 0px;
  padding-right: 15px;
}*/


/*.contact_add aside ul li {
  padding-bottom: 10px;
}*/

.contact_add h5 {
  font-size: 16px;
  font-weight: 500;
  
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact_add textarea.form-control {
  height: 60px;
  border: 1px solid #c5cdd8;
  resize: none;
  margin-bottom: 0px;
}

.contact_add aside ul li strong { min-width: initial; color: #02447e; flex: 0 0 30%; font-weight:500; padding-right: 5px;}

.contact_add .alert {
  padding: 15px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.contact_add .form-control,
.contact_add .select2 {
  font-size: 15px;
  color: #373434;
  box-shadow: none;
  border: 1px solid #b7b7b7;
  height: 35px;
  border-radius: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  flex-grow:  1;
  margin: 0 5px;
}

.contact_add .select2 {padding:0; font-weight: 300;border-radius: 5px !important;}
.contact_add .select2.select2-container--default span {height:100%;}
.contact_add .select2.select2-container--default .select2-selection--single {border:none;}


.contact_add .add-button {padding: 5px 9px; line-height: initial; margin-right: 5px; margin-left:auto;border-radius: 5px !important;}
.contact_add input[type="radio"] {flex-shrink: 0; margin: 0; height: 34px; width: 34px; margin-right: 5px;   position: relative; border: 2px solid rgb(0, 164, 189); background-color: #fff; outline: none !important; appearance: none; vertical-align: middle; 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;}
.contact_add input[type="radio"]:before {content: "\f00c"; opacity: 0; font-size:16px; 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;}
.contact_add input[type="radio"]:checked { background-color: rgb(0, 164, 189);}
.contact_add input[type="radio"]:checked:before {opacity: 1;}

.contact_add select {width: 100%; border: none; outline: none; background:#fff; }
.contact_add .data-list {display: block;}

.contact_add .add-contact-block input {margin: 5px 0;}
.contact_add .h-inputs .form-control {margin: 0;}
.contact_add .dinput .form-control {flex: 0 0 calc(35% - 10px);;}
.contact_add .dinput .datapicker_single1 {margin:0 5px;}

.closing-page .price {
  display: flex;
  width: auto !important;
  align-items: center;
}

.closing-page th.price {
  color: green;
  font-size: 16px;
}

.closing-page td.pri {
  color: green;
}


.tq-info .left-block ul { display:flex;}


.category-check { display: flex; align-items: center; justify-content: space-between; margin-bottom:10px; padding-right: 110px; }
.category-check label { font-size:16px; margin:0;font-weight: 500; }

.datapicker_single9 {
  margin-right: 10px;
}

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

.add_new {
  float: right;
  font-size: 14px !important;
}

#myTable_info , .pipeline-page .dataTables_filter {
  display: none;
}

#myTablen_info , .pipeline-page .dataTables_filter {
  display: none;
}

#myTable_paginate {
   float: none;
   position: absolute;
   right: 50%;
   bottom: -20px;
}

#myTablen_paginate {
   float: none;
   position: absolute;
   right: 50%;
   bottom: -20px;
}

/*#myTable_wrapper {
  height: calc(100vh - 150px);
}*/

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

ul.notary {
display: flex;
flex-wrap: wrap;
}


.accounting table { width:100%; }
.accounting .heading2 { background-color:#00ff00; color:#000; text-align:center; }
.accounting .heading3 { background-color:#ffff00; color:#000; text-align:center; }
.accounting .description { width:25% }


.heading-center { text-align:center; }
.green { background-color:#6aa84f; color:#000 !important; }
.sky-blue { background-color:#9fc5e8; color:#000 !important; }
.grey { background-color:#d9d9d9; color:#000 !important; }


.ul-full-width {
  display: block !important;
  width: 100%;
}

.ul-full-width .select2-selection.select2-selection--single {
  height: 35px;
  line-height: 35px;
  border: 1px solid #ccc;
  border-radius: 5px !important;
}


.transaction-detail aside .ul-full-width li:nth-child(2n) {
  padding-right: 10px;
  padding-left: 0px !important;
}

.transaction-detail aside .ul-full-width li:nth-child(2n+1) {
  padding-right: 10px;
}
.transaction-detail aside .ul-full-width li {
  flex: 0 0 50%;
  display: flex;
  font-size: 14px;
  color: #262a2e;
  align-items: center;
  flex: 0 0 50%;
  position: relative;
}

/*.transaction-detail aside ul .extra.full ul .maxi { flex:0 0 15% !important; display:block; }*/
.transaction-detail aside ul .extra.full ul .maxi  { display:block; }
.transaction-detail aside ul .extra.full ul .maxi:first-child { flex:0 0 30% !important; }
.transaction-detail aside ul .extra.full ul .maxi:first-child ul li { padding: 8px 0 12px !important; }
.transaction-detail aside ul .extra.full ul .maxi:nth-child(2) { flex: 0 0 10% !important; }
.transaction-detail aside ul .extra.full ul .maxi:nth-child(2) .form-control { width:100% !important; }
.transaction-detail aside ul .extra.full ul .maxi:nth-child(3) { flex: 0 0 20% !important; }
.transaction-detail aside ul .extra.full ul .maxi:nth-child(4) { flex: 0 0 10% !important; }
.transaction-detail aside ul .extra.full ul .maxi:nth-child(4) .form-control { width:100% !important; }
.transaction-detail aside ul .extra.full ul .maxi:nth-child(5) { flex: 0 0 30% !important; }
.transaction-detail aside ul .extra.full ul .maxi:nth-child(5) ul li { float:right; }
.transaction-detail aside ul .extra.full ul .maxi:nth-child(5) .form-control { width:100% !important; }

.transaction-detail aside ul .extra.full ul .maxi ul { display:block; }
.transaction-detail aside ul .extra.full ul .maxi ul li { padding:0; height: 40px; }

.accounting table { width:100%; }
.accounting table tr em { font-style:inherit; font-weight:600; color:#32618c; text-transform:uppercase; }
.accounting .balance-block { display:flex; }
.accounting .balance-block table { max-width:500px; width:100%; float:left; margin:0 6px 25px; }
.accounting .balance-block tr td { font-weight: 500; }
.accounting .balance-block table tr th { text-transform:uppercase; border:1px solid #32618c !important; border-right: 0; padding: 9px 13px; }
.accounting .balance-block table tr td { border-right: 1px solid #aeccee;border-bottom: 1px solid #aeccee;; padding: 4px 13px; }
.accounting .balance-block table tr td:first-child { border-left: 1px solid #aeccee; }
.accounting .balance-block table tr th:nth-child(even),
.accounting .balance-block table tr td:nth-child(even) { width:130px; font-weight:500; }
.accounting table tr td .form-control { font-weight:600; }
.accounting .form-control { background-color:transparent; }
.accounting .table-top-heading { text-align:left; padding:0 0 5px; border:0; text-transform:uppercase; font-weight:600; }
.accounting .text-center { text-align:center; }
.accounting table tr th { color:#fff !important; padding:9px 10px; }
.accounting table tfoot th {color: #373434 !important;}
.accounting table tr th,
.accounting table tr td { border-right:1px solid #aeccee; border-left:1px solid #aeccee; border-bottom:1px solid #aeccee; }
.accounting table tr th:first-child,
.accounting table tr td:first-child { border-left:1px solid #aeccee; }
.accounting table tr td { padding:4px 0; }
.accounting .description { width:34%; }
.accounting .main { margin-bottom:20px; }
.accounting table .center .form-control { font-style:initial; font-weight:600; }
.accounting .main-in { margin-bottom:20px; }
.accounting .main-in tr:nth-child(2) th:first-child,
.accounting .main-in tr:nth-child(2) th:nth-child(3) { border:0; }
/*.accounting .main-in tr td:last-child,
.accounting table tr th:last-child,
.accounting .main-in tr th:last-child { border-right:0; }*/

.accounting .main-in tr th:last-child,
.accounting .main-in tr td:last-child,
.accounting .main tr th:last-child,
.accounting .main tr td:last-child { text-align:center; width:50px; }
.accounting .main-in tr td:nth-child(8),
.accounting .main tr td:nth-child(8) { border-right:0; font-style:italic; }
.accounting .main tr th:first-child,
.accounting .main-in tr td:first-child,
.accounting .main tr td:first-child { width:8%; }
.accounting .main tr th:nth-child(2),
.accounting .main-in tr td:nth-child(2),
.accounting .main tr td:nth-child(2) { width:8%; }
.accounting .main tr th:nth-child(4),
.accounting .main-in tr td:nth-child(4),
.accounting .main tr td:nth-child(4) { width:8%; }
.accounting .main tr th:nth-child(5),
.accounting .main-in tr td:nth-child(5),
.accounting .main tr td:nth-child(5) { width:8%; }
.accounting .main tr td:nth-child(1) .form-control,
.accounting .main tr td:nth-child(2) .form-control,
.accounting .main tr td:nth-child(4) .form-control,
.accounting .main tr td:nth-child(5) .form-control { font-weight:600; }
.accounting .main-in tr td:last-child a,
.accounting .main tr td:last-child a { opacity:0; }
.accounting .main-in tr:hover td:last-child a,
.accounting .main tr:hover td:last-child a { opacity:1; }
.accounting .form-control:focus,
.accounting .form-control { border:0 !important; }
.accounting .pad { padding:8px 10px }
.accounting .main.calc tr td:nth-child(6),
.accounting .main.calc tr td:nth-child(7) { border-right:0; border-bottom:0; }


.white-space { width: 12px; padding: 0 !important; border-bottom: 0 !important; }

.text-semibold .form-control { font-weight:600 !important; }
.blue-font { color:#32618c !important; font-weight:600 !important; }
.blue-font .form-control { font-weight:600 !important; }
.blue-font .form-control::-webkit-input-placeholder { color: #32618c; }
.blue-font .form-control::-moz-placeholder { color: #32618c; }
.blue-font .form-control:-ms-input-placeholder { color: #32618c; }
.blue-font .form-control:-moz-placeholder { color: #32618c; }
.form-control::placeholder {
  opacity: 1;
  font-size: 15px;
  font-weight: normal;
}

.heading-center { text-align:center; }
.sky-blue { background-color:#32618c; color:#000 !important; }
.light-blue { background-color:#dae4ee; }
.add-btn { display:inline-block; font-size:16px; font-weight:700; color:#32618c; background-color:#fff; padding: 2px 8px; }
.dark-blue { background-color:#32618c; }
.light-blue2 { background-color: #2784bf; width: 8% !important; }
.dark-gray { background-color: #616161; }
.light-gray { background-color: #c7c8ca; }
.extra-dark-blue { background-color: #32618c; }


.fixed-desc {
  font-weight: 600;
  padding: 9px 13px !important;
  color: #373434;
  font-size: 15px;
}

.accounting table .fixed-num {
  color: #000 !important;
  padding: 9px 10px !important;
  font-size: 16px;
  font-weight: 500;
}

.accounting .description {
	width:44%;
}

.description.multi-desc input, .description.multi-desc select {
	display:inline-block;
	width:13%;
}
.description.multi-desc .full-width { width:100% !important; }
.description.multi-desc .large-input { width:27% !important; }
.description.multi-desc .cal-input { width:15% !important; }
.description.multi-desc .rate-input { width:10% !important; }
.description.multi-desc .per-input { width:15% !important; }

.accounting table tr .processing {
	border-right:none;
}
.main-in .light-blue {
	text-align:center;
}
.no-border { border: none !important; }

.main.calc th {background-color: #fff; color: #373434 !important; border: 1px solid #aeccee;}
.main.calc .space.no-border { border: none; border-left: 1px solid #fff; }
.main-in .table-top-heading { border-left: 1px solid #fff !important; }

.accounting-popup.basic { margin-top:0; }
.accounting-popup.basic .modal-dialog { width: 31%; box-shadow:0 0 30px rgb(0,0,0,0.2); right:0; }
.accounting-popup.basic .modal-dialog .close  { position:absolute; right:15px; left: inherit; }

.chat-box .modal-dialog { height:100vh; }
.chat-box .buyers-escrow { padding: 19px 30px 10px !important; }
.chat-box .modal-dialog #getchatbox { height: calc(100vh - 270px); overflow-y: scroll; }
.chat-box .modal-dialog #getchatbox li { text-align: left; overflow: hidden; margin-bottom: 2px;  font-size: 14px; padding: 5px; background: #f5f8fa; border-radius: 5px; }
.chat-box .modal-dialog #getchatbox li strong { display:block; font-weight:400; }
.chat-box .modal-dialog #getchatbox li span { color: #32618c; font-weight: 500; font-size: 12px; display: block; padding-bottom: 10px; }
.chat-box .btn { margin-top:10px; }

.balance-file .bg { padding:20px 0 30px !important;}
.balance-file .bg .bg_gray {background:#aeccee; padding:6px; margin:0; }
.balance-file .bg .bg_light {background:#fff;}
.balance-file .bg .form-group {padding:0 30px; margin:10px 0; }
.balance-file .bg .btn-save {margin-top:10px;}

.accounting .balance-block.active {position:sticky; top:0; background-color:#fff; z-index: 2;}
.accounting .balance-block .cross-btn {background-color: transparent; border-radius: 2px; border: 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;}
.accounting .balance-block .cross-btn:hover {background-color: #ffffff20; 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;}
.accounting .balance-block .cross-btn>i {transform: rotate(45deg); 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;}
.accounting .balance-block.active .cross-btn>i {transform: rotate(0deg);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;}

#balance_block { border-bottom: 2px solid #2784bf; }

.documents .top-heading {align-items:center;}
.documents .top-heading h5 {margin-bottom:0;  }
.documents .top-heading .btn {font-size: 14px; font-weight: 600;text-transform: uppercase;padding: 6px 10px;}
.documents .edit-icons {text-align:right;}
.documents .edit-icons a {font-size: 16px; padding: 5px 5px; color: #797979;}
.documents .document-form .form-group {width:48%; float:left;}
.documents .document-form .form-group.right {float:right;}
.documents .document-form .form-group.editor {width:100%; min-height:500px; }
.documents .document-form .form-group.editor .ck-editor {height:530px;}
.documents .document-form .form-group.editor .ck-editor__main,
.documents .document-form .form-group.editor .ck-content{height:100%;}
.documents .document-buttons button {width:100%; margin-bottom:10px; }
.note-editable { height: 500px !important; }
.document-listing label, .document-form label { font-weight: 500 !important; font-size: 14px !important; }
.document-listing .form-control, .document-form .form-control { height: 35px !important; }
.document-listing h5 { font-size: 18px; font-weight: 600; }
.documents .dtype .document-delete {opacity:0; transition: all 0.3s ease 0s;}
.documents .dtype:hover .document-delete {opacity:1; transition: all 0.3s ease 0s;}
.documents .dtype.active {background-color:#f4f4f4;}
.documents .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #32618c;color: #fff;font-weight:400;}


.templates-page {max-width:1312px;}
.templates-page table.dataTable  {width:100% !important; }
.templates-page td {position:static !important; left:auto !important; min-width:inherit !important; }
.templates-page th {position:static !important; left:auto !important; min-width:inherit !important; }

.new-template-modal.modal.fade {top:50px; transform: scale(0) translate(0,0) !important; transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.new-template-modal.modal.fade.in {transform: scale(1.0) translate(0,0) !important; transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.new-template-modal.modal .modal-dialog  {min-height:inherit !important; transform: translate(-50%,0) !important;  height:auto;max-width:900px; width:100%; }
.new-template-modal .close {position:static !important; margin-left:auto; color:#fff !important; }
.new-template-modal .close:active { transform: scale(0.1); transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.new-template-modal .modal-header {display:flex; align-items:center; background:linear-gradient(-303deg,#00a4bd,#00afb2 56%,#00bda5); }
.new-template-modal .modal-header h4 {margin-bottom:0; font-size:20px; font-weight:600; color:#fff; }
.new-template-modal form {display:flex; flex-wrap:wrap; }
.new-template-modal .modal-content {min-height:inherit !important;}
.new-template-modal .buyers-escrow {max-width:820px;}
.new-template-modal .buyers-escrow .form-group {padding:0 5px; flex:0 0 50%; }
.new-template-modal .buyers-escrow .form-group.editor {display:block; flex: 0 0 100%; text-align:left; width:100%; }
.new-template-modal .buyers-escrow .form-group.editor .btn { float:left; margin:0 7.5px; }


.templates-page .top-heading .form-group {margin:0 20px 0 auto;}
.templates-page table th:first-child ,
.templates-page table td:first-child {text-align:center;}
.form-control:focus {box-shadow: rgb(0, 123, 255) 0px 0px 0.4em !important;}

.pipeline-page table tr:hover td {background:transparent;}
.pipeline-page .select2-selection {border:none ; background:transparent !important;}
.pipeline-page .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;}
.pipeline-page .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;}
.pipeline-page 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-page {max-width:inherit; display:flex; margin:0; height:auto; padding:0; }*/
.contact-page  {max-width:inherit; margin:0; height:auto; padding:0;}
.contact-page .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;}
.contact-page .side-menu h4 {font-size:20px; color:#33475b; font-weight:600px; margin-bottom:35px; padding:0 12px; }
.contact-page .side-menu .sub-menu {overflow: auto; height:calc(100vh - 125px); }
.contact-page .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;}
.contact-page .side-menu li.active a,
.contact-page .side-menu li a:hover{background-color:#0091ae; color:#fff; }
.contact-page .side-menu li.active a.settings-dropdown:before {color:#fff;}
.contact-page .side-menu a.settings-dropdown {position: relative;}
.contact-page .side-menu .settings-dropdown-menu{  visibility: hidden; position: absolute; top: 0; right: 1px; height:100%; width:0; transform:translateX(100%) ; overflow:auto; background-color:#E5F5F8; -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;}
.contact-page .side-menu a.settings-dropdown:before {content: "\f105";  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;}
.contact-page .side-menu .settings-dropdown-list:hover a.settings-dropdown:before {right: 8px; color: #fff;}
/*.contact-page .side-menu a.settings-dropdown.collapsed:before {transform: rotate(180deg);}*/
/*.contact-page .side-menu a.settings-dropdown:hover {background-color: transparent; color: inherit;}*/
.contact-page .right-page {flex:0 0 85%; padding: 0 15px; float: left; width: 85%;}
.contact-page .right-page table  {width:100% !important; border-collapse:separate; }
/*.contact-page table th:nth-child(2) {max-width:200px;}*/
.contact-page table tr td {padding: 8px 10px;}

.actions-tab {font-size:0;}
.actions-tab a {padding:0 5px; cursor:pointer; color: #02447e; vertical-align: middle; font-size:16px;  display: inline-block;}
.name {width:550px;}
.templates-page .name {width:550px;}

.property-page .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0;}
.property-page .select2-container--default .select2-selection--single .select2-selection__arrow {right: 0;}
.property-page .select2-container--default .select2-selection--single .select2-selection__arrow b {right: 0; left: auto;}
.select2-container--default .select2-selection--single {border-radius: 5px;}

.balance-file-status .label-name {font-size: 14px; color:#02447e; font-weight:500; }
.balance-file-status .label-value {color: #373434; font-size: 15px; font-weight: 300 !important;}
.last .sky-blue{display:inline-block;padding:0;}
.last .sky-blue th{padding:7px 13px !important;}
.last .sky-blue .btn{color:#ffffff;}

.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {word-wrap:anywhere !important;}

/*======= 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; }

.dynamic-fields-page .dynamic-fields label {font-size: 14px; color: #02447e; font-weight:500; }

.dynamic-fields-page .dynamic-fields .nav {border-color:#cbd6e2; display:flex;}
.dynamic-fields-page .dynamic-fields .nav>li {background:#f5f8fa; float:none; border: 1px solid #cbd6e2; border-bottom:none;  margin-bottom:0; max-width:200px; flex:1 0 5%;  position:relative;}
.dynamic-fields-page .dynamic-fields .nav>li:before {content:""; background:transparent; width:100%; height:1px; position:absolute; bottom:0; left:0; }
.dynamic-fields-page .dynamic-fields .nav>li.active,
.dynamic-fields-page .dynamic-fields .nav>li:hover {background-color:#fff;}
.dynamic-fields-page .dynamic-fields .nav>li.active:before {bottom:-1px; background:#fff; }
.dynamic-fields-page .dynamic-fields .nav>li>a {border:none; background:transparent; padding:9px 15px; font-size: 14px; font-weight: 400; color: #33475b; height: 100%;}
.dynamic-fields-page .dynamic-fields .nav>li.active>a
.dynamic-fields-page .dynamic-fields .nav>li>a:hover,
.dynamic-fields-page .dynamic-fields .nav>li>a:focus {background:transparent; border:none; }
/*.dynamic-fields-page .dynamic-fields .tab-pane {padding:15px;}*/

.tab-fileds-page .nav {border-color:#cbd6e2; display:flex; padding-top: 15px;}
.tab-fileds-page .nav>li {background:#f5f8fa; float:none; border: 1px solid #cbd6e2; border-bottom:none;  margin-bottom:0; max-width:200px; flex:1 0 5%;  position:relative;}
.tab-fileds-page .nav>li:before {content:""; background:transparent; width:100%; height:1px; position:absolute; bottom:0; left:0; }
.tab-fileds-page .nav>li.active,
.tab-fileds-page .nav>li:hover {background-color:#fff;}
.tab-fileds-page .nav>li.active:before {bottom:-1px; background:#fff; }
.tab-fileds-page .nav>li>a {border:none !important; background:transparent; padding:9px 15px; font-size: 14px; font-weight: 400; color: #33475b; height: 100%;}
.tab-fileds-page .nav>li.active>a
.tab-fileds-page .nav>li>a:hover,
.tab-fileds-page .nav>li>a:focus {background:transparent; border:none; }

.tqdiv { border: 1px solid #d9e4ee; padding: 5px; margin-bottom: 5px; border-radius: 4px; }

.fr-wrapper {height:calc(100vh - 400px); overflow-x:auto;} 
.fr-view {word-wrap: anywhere !important;}
.contact-page .kbw-signature {display:block; margin:10px 0;}



/*======= PERMISSIONS ==========*/
.permission-page .permission-table-block {height: calc(100vh - 155px); overflow:auto; }
.permission-page .permission-table-block table {border-collapse:separate;}
.permission-page .permission-table-block table>thead {z-index: 1;}
.permission-page .centering {text-align:center;}
.permission-page .user,
.permission-page .menu {float:right;}
.permission-page .modal-footer {padding-bottom: 0;}

.new-template-modal .sceditor-container textarea {padding:20px 40px !important; width: calc(100% - 80px) !important; margin:0 !important;} 
.contact_add .max-content-block .attachments .btn {padding:5px 7px; margin:0 5px; }


.attachments-popup .modal-dialog {width:75%; height:calc(100vh - 70px); }
.attachments-popup .modal-dialog .modal-content {height:100%;}



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


.top-heading .styled-select { position:relative;}
.top-heading .styled-select select {border:none; appearance:none; width:auto; font-weight:500; padding-right:20px; }
.top-heading .styled-select select:focus {border:none !important;}
.top-heading .styled-select:before {content:"\f0d7"; font-family:fontawesome; position:absolute; top:50%; right:5px; transform:translateY(-50%); }
.search-block {position:relative; max-width:280px; width:100%; position:relative; }
.search-block input.form-control {width:100%; color:#373434; border:1px solid #d9e4ee; padding:8px;}
.search-block input.form-control::placeholder {color:#373434;}
.search-block input.form-control:focus { border:none !important; border-bottom:1px solid #32618c !important;}
.search-block:before {content:"\f002"; font-family:fontawesome; color:#32618c; font-size:18px; right:7px; top:50%; transform:translateY(-50%); position:absolute; }



.transaction-detail ul.toggle-block-actions {display: block !important;background-color: #fff;position: absolute;z-index: 99; width: 185px !important;right: 0;padding: 10px; visibility:hidden; opacity:0;border: 2px solid #ccc; }
 
.transaction-detail .toggle-show-actions {outline: none; padding:3px 9px; }
.transaction-detail .toggle-show-actions:hover + .toggle-block-actions,
.transaction-detail .toggle-block-actions:hover,
.transaction-detail ul.toggle-block-actions.active {visibility:visible; opacity:1; }
.transaction-detail .toggle-block-actions a {padding:5px; display:block;}
.toggle-show-dropdown {position:relative;}
.toggle-block-actions li {padding: 8px 0; 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;}

.seller-list li>ul {display:flex;}
.seller-list li>ul>li {flex:auto !important;}
.seller-list li>ul>li:first-child {width:80px !important;}
.seller-list .select2 {width:150px !important;}
.seller-list .select2.select2-container--default .select2-selection--single {height:100%;}
.basic-info .buyer-information .seller-list li { align-items:stretch; margin-bottom:0 !important; }
.basic-info .buyer-information .seller-list ul li {padding:2px 5px !important; }

.contract-terms>ul>li {align-items:flex-start !important;} 

a.actions { padding: 2px;font-size: 15px; }
.btn.dropdown-toggle {font-size: 14px; background:#fff; font-weight:400; color: #262a2e; border: 1px solid #c5cdd8; height: 31px;}
.btn.dropdown-toggle:focus {border-color:#32618c;}
.btn.dropdown-toggle:after {content:"\f0d7"; font-family:fontawesome; font-size:14px; color:#000; }
.dropdown-menu.open {margin:0; top:86%; overflow:auto; height:fit-content; }
.dropdown-menu.open .dropdown-menu.inner li {display:block;}
.btn.dropdown-toggle:hover + .dropdown-menu.open,
.btn.dropdown-toggle:focus + .dropdown-menu.open,
.dropdown-menu.open:hover{display:block !important;}
.btn.dropdown-toggle .bs-caret {display:none;}

.transaction-detail .right-block .contact-info li:nth-child(1),
.transaction-detail .right-block ul li ul li:nth-child(1) {width:17%;}



.select2-container--open .select2-selection--single { box-shadow: rgb(0, 123, 255) 0px 0px 0.4em !important; border-color: #66afe9 !important; }

.dataTable tr td .attach-main{float:right;}
.dataTable tr td .attach-main a{font-size:18px;padding:0 5px;}
.c9, .c10, .c11, .c12, .c13, .c14, .c15 {padding: 0px !important;}
.color-block { padding:10px;}

.selection .select2-selection__rendered{width:100%;margin:0 auto;}

.dynamic_inner li ul li:first-child{width:95%;display:inline-block}
.dynamic_inner li ul li nth-child(2){width:5%;}
.dynamic_inner li ul li:last-child{width:100%;}

#artworklist aside { float: left;width: 100% !important; }

/*Side Bar*/
.side-bar-toggle {position: relative; outline: none; margin-right:20px; background-color:transparent; height:22px; width:22px; 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: 3px; 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; left:4px; 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:999; 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; }
body .transaction-detail {margin-left: auto; /*height: calc(100vh - 50px); overflow-Y: auto;*/  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;}
body.open-sidebar .transaction-detail { width:calc(100vw - 250px);}


.transaction-detail aside .right_left .ul-full-width li:nth-child(2n){ padding: 2px 5px !important; }
.transaction-detail aside .right_left li{ flex: 0 0 50% !important; width: 100% !important; }

.activity-page .right-buttons {display:flex; justify-content:right; gap:20px; }
.activity-page .sell-co.tqdiv {border:none;}
.activity-page .activity-list { position:relative; z-index:0; margin:20px 0; }
.activity-page .activity-list:before {content:""; height:100%; width:1px; background-color:#e4e9ed; position:absolute; left:13px; top:0; z-index:-1; }
.activity-page .activity-item {padding:20px 0 30px;}
.activity-page .activity-item:first-child {padding-top:0 !important;}
.activity-page .activity-item:last-child {padding-bottom:0 !important;}
.activity-page .activity-item .activity-header {display:flex; align-items:center; gap:10px; margin-bottom:20px;}
.activity-page .activity-item .activity-header img {width: 26px; height: 26px;}
.activity-page .activity-item .activity-header p {margin:0;  color:#212529; font-weight:400; }
.activity-page .activity-item .activity-header span {margin-left:auto; color:#9399A1; font-size:14px;}
.activity-page .activity-item .activity-body {background-color:#f8f9fa; padding:10px; margin-left:30px; border-radius:12px; }
.activity-page .activity-item .activity-body p:last-child {margin:0;}


.filter-list-block { padding: 6px; border-radius: 5px; border: 1px solid #d9e4ee; }
.styled-select { border-radius: 5px; border: 1px solid #d9e4ee; }

li.active a:focus, li.active a:hover { color: #fff !important; }



.property-page .filter-list-block .select2-container--default .select2-selection--single .select2-selection__arrow { right: 5px; }
.pipeline-page .select2-container .select2-selection--single { /*height: 19px !important;*/ }


.filter-list-block .filter-list .select2-container { margin-top: 2px; border: 1px solid #d9e4ee; padding: 2px; border-radius: 5px; }

.property-page .filter-list-block .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 4px; }

#other_contacts tr td,
#other_contacts_edit td {padding:5px 0;}
#other_contacts_edit td:first-child {width:263px; padding-right:5px;}
#other_contacts_edit td:first-child span {display:flex; align-items:center; }

#div_editor1 rte-content {height:calc(100vh - 650px) !important; min-height:240px !important; flex:auto !important; }
#div_editor1 iframe.rte-editable {min-height:1px !important;}
.rte_command_fontname.rte-command-enabled.rte-command-deactive { display: none; }

#esrdocumentform #div_editor1 rte-content {height:calc(100vh - 225px) !important;}
#esrtemplatform #div_editor1 rte-content {height:calc(100vh - 225px) !important;}
.div_editor1 rte-content {height:calc(100vh - 310px) !important; min-height:240px !important; flex:auto !important; }
.div_editor1 iframe.rte-editable {min-height:1px !important;}

input.icon-checkbox[type="checkbox"] {border:none; background:transparent; }
input.icon-checkbox[type="checkbox"]:before {font-size:18px; opacity:1; color:#00a9b8; }
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";}

#other_contacts td:first-child {width:78%;}
#other_contacts td:first-child span {display:flex; align-items:center; }
.new-template-modal .buyers-escrow .document-content-editor { margin-top:0; display:flex !important; justify-content:space-between; align-items:center; }

.ui-dialog.ui-widget.ui-widget-content {max-height: calc(100vh - 60px) !important;}
.ui-widget-content .div_editor1 rte-content {max-height:calc(100vh - 310px) !important; min-height:100% !important;}
#div_editor1.div_editor2 rte-content {height:calc(100vh - 310px) !important;}
{height: calc(100vh - 130px);overflow-y: auto;}
.transaction-detail .max-content, .status-esr .max-conten, .transaction-detail .full-block{height: calc(100vh - 130px);overflow-y: auto;}
/*.accounting .colseing-statement {height: calc(100vh - 480px);overflow-y: auto;}*/
.transaction-detail .max-content.documents{height: inherit;overflow-y: inherit;}
.transaction-detail .tab-content{height: calc(100vh - 190px);overflow-y: auto;}
.sett-template .tab-content{height: inherit;overflow-y: inherit;}
.connection-main .tab-content{height: inherit;overflow-y: inherit;}
.transaction-detail .financial-inner{height: calc(100vh - 135px);overflow-y: auto;}


.modal-header .btn-save {margin-left:auto; margin-right:10px; }
.modal-header .btn {border:none !important; font-size:20px; color: #fff !important; margin:0 2.5px; 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;}
.modal-header .btn:hover {background-color:transparent !important; transform:scale(1.3); 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;}

#esrtemplatform .modal-header .btn-save {margin-left:auto; margin-right:10px; }
#esrtemplatform .modal-header .btn {border:none !important; font-size:20px; color: #fff !important; margin:0 2.5px; 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;}
#esrtemplatform .modal-header .btn:hover {background-color:transparent !important; transform:scale(1.3); 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;}

.pipeline-page .filter-list select.form-control {width:100%;}