/* -----------------------------------------------------
	Responsive Styles
----------------------------------------------------- */

@media screen and (max-width:1920px) {

.login .content { padding:0 10.5%; }

/*.pipeline-page table { width: 1830px !important; }*/
}



@media screen and (max-width:1799px) {

.login .content { padding: 0 8.5%; }
.login .login-block { padding: 0 17%; }


}


@media screen and (max-width:1699px) {

.login .content { padding: 0 5%; }
.login .login-block { padding: 0 14%; }



}


@media screen and (max-width:1599px) {

.login .login-block { padding: 0 12%; }
.login .content { padding: 0 20px; }
/*header .nav li a { padding: 0 9px; }*/

header .nav li { padding: 0 12px;}


}

@media screen and (max-width: 1499px) {

.login .login-block { padding: 0 9%; }
/*.search { max-width: 280px; }*/
header .right-list {width: 46%;}



}


@media screen and (max-width: 1399px) {

.login .login-block { padding: 0 6%; }
header .notification { padding: 0 15px; }
header .nav li { font-size: 14px; padding: 0 8px;}
/*header #toggle-slow { margin: 18px 15px 0 0; }*/
/*.search { max-width: 240px; }*/


/*======= TRANSACTION-DETAIL ==========*/
header .right-list {width: 40%;}
/*.transaction-detail { margin-bottom:20px; }*/
.transaction-detail aside { float: none; width: 100%; padding: 0 !important; margin-bottom: 15px; overflow: hidden; }

/*======= TRANSACTION-DETAIL-2 ==========*/
.transaction2 table tr td:nth-child(2) { width: auto; }
.transaction2 table tr td:nth-child(3) { width: 92%; }

/*.contact-page{flex-wrap: wrap;}
.contact-page .side-menu{flex:0 0 100%;height: auto;display: flex;}
.contact-page .side-menu .sub-menu {height: auto;}
.contact-page .side-menu h4{margin-bottom: 0px;}
.contact-page .side-menu ul{display: flex;}*/

.contact-page .right-page{width:80%;}

.contact-page .side-menu{width: 20%;}
}

@media screen and (max-width: 1299px) {

.login .login-block { padding: 0 30px; }
.toggle-block .nav { display:block !important; height:auto; }

header .nav{margin :0 0 0 11px;}
}


@media screen and (max-width: 1199px) {

.login aside { padding: 150px 0; }
.login .login-block h3 { font-size: 40px; }
.login h2 { font-size: 55px; }
.login .login-block { padding: 0 20px; }

header .toggle-block {right: 15px;}
header .right-side {flex-wrap: wrap;}
header .nav {order: 1; text-align: center; flex:0 0 100%; padding: 5px 0;}
.search .form-control {width: 100%; background-color: #fff;}
.search .form-control + button { z-index: 0; background-color: #fff; color: #004d79;}
header .right-list {width: auto; flex-grow:1; }

/*======= TRANSACTION-DETAIL ==========*/
.transaction-detail .top-block ul li a { padding: 14px 25px 12px; }
.transaction-detail .top-block ul li { font-size: 16px; }

.pipeline-page table tr th,
.pipeline-page table tr td {position: inherit !important;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { height: calc(100vh - 225px);}

}

@media screen and (min-width:992px){
	.contact-page .side-menu .settings-dropdown-list:hover + .settings-dropdown-menu,
	.contact-page .side-menu .settings-dropdown-menu:hover {padding: 30px 20px; width: 270px; visibility: visible;}
}

@media screen and (max-width: 991px) {

.login { display: block; } 
.login aside { display: block; width: 100% !important; overflow: hidden; }
.login .login-block { padding: 0 20px; float: none; margin: 0 auto; max-width: 500px; }
.login .left-block { padding: 60px 0; }
.login h2 { font-size: 50px; }

/*======= TRANSACTION-DETAIL ==========*/
/*.search { max-width: 210px; }*/
header .notification { padding: 0 15px; }
/*.transaction-detail .top-block ul li { font-size: 14px; }*/
/*.transaction-detail .top-block ul li a { padding: 14px 10px 12px; }*/
.transaction-detail .top-block ul {width: 100%; overflow-x:auto; }
.transaction-detail .top-block ul li {flex: 0 0 100px;}
header .right-side {justify-content: right;}
header nav#nav {flex-direction:  column; align-items: flex-start;}
header nav#nav .navbar-nav {padding:60px 30px; float: none !important; text-align: left; overflow: auto; height: 100%; margin:0; }
header nav#nav .navbar-nav>li {display: block; float: none; border-bottom:1px solid #c1cfdc ; margin:0; padding: 8px 0;}
header nav#nav .navbar-nav>li>a {color: #fff; font-weight: 400; font-size:16px;}
header .nav li a:after {display: none;}
header nav#nav.is-active{opacity:1;visibility:visible; transform: translateX(0); transition:all .5s ease;}
header nav#nav{position:fixed;top:0;right:0;margin-top:0;z-index:990;opacity:0; visibility:hidden; height: 100%; width:100%; max-width: 450px; background-color:#32618c; transform: translateX(100%); transition:all .5s ease;}
header .mobile-toggle{ position:relative; right:0; z-index:999;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.25s;transition-timing-function:linear;background-color:transparent;border:0; overflow:visible; padding:0; width:34px; margin-left: 5px; height:28px; float:right;}
header .mobile-toggle:hover{opacity:.7}
header .mobile-toggle:focus{outline:0}
header .mobile-toggle-box{width:28px;height:28px;display:inline-block;position:relative;}
header .mobile-toggle-inner{display:block;top:50%;margin-top:-2px}
header .mobile-toggle-inner,
header .mobile-toggle-inner::before,
header .mobile-toggle-inner::after{width:28px;height:2.5px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;}
header .is-active .mobile-toggle-inner,
header .is-active .mobile-toggle-inner::before,
header .is-active .mobile-toggle-inner::after{background-color:#fff}
header .mobile-toggle-inner::before,.mobile-toggle-inner::after{content:"";display:block}
header .mobile-toggle-inner::before{top:-8px}
header .mobile-toggle-inner::after{bottom:-8px}
header .mobile-toggle--squeeze .mobile-toggle-inner{ -webkit-transition-duration:.075s;-ms-transition-duration:.075s;transition-duration:.075s;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-ms-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
header .mobile-toggle--squeeze .mobile-toggle-inner::before{-webkit-transition:top .075s .12s ease,opacity .075s ease;-ms-transition:top .075s .12s ease,opacity .075s ease;transition:top .075s .12s ease,opacity .075s ease}
header .mobile-toggle--squeeze .mobile-toggle-inner::after{-webkit-transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);-ms-transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19)}
header .mobile-toggle--squeeze.is-active .mobile-toggle-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.12s;-ms-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-ms-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
header .mobile-toggle--squeeze.is-active .mobile-toggle-inner::before{top:0;opacity:0;transition:top .075s ease,opacity .075s .12s ease}
header .mobile-toggle--squeeze.is-active .mobile-toggle-inner::after{bottom:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);-ms-transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1)}
header .right-list {flex-grow: 1;}


.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { height: calc(100vh - 200px);}

.contact-page .right-page{width:74%;}

.contact-page .side-menu{width: 26%;}
.contact-page .side-menu .settings-dropdown-menu{position: inherit;transform: inherit;height: 0; visibility:inherit; display: none; width:100%; }
.contact-page .side-menu .settings-dropdown-menu.show-list {display: block; height:auto; }

.contact-page .side-menu a.settings-dropdown:before:hover{transform: translateY(90%);}
}

@media screen and (min-width: 768px){
	header .profile-menu .user-menu .settings-main-dropdown{display: none;}
}
@media screen and (max-width: 767px) {
.login .login-block figure { max-width: 350px; margin: 0 auto 20px; }
.login .login-block h3 { font-size: 35px; line-height: 40px; margin-bottom: 15px; }
.login .login-block p { margin-bottom: 25px; }
.login .form-group .form-control { height: 40px; }
.login .form-group { margin-bottom: 20px; }
.login .btn { padding: 10px 30px; margin: 25px 0 30px; }
.login .form-group label { font-size: 14px; }
.login .left-block { padding: 40px 0 50px; }
.login h2 { font-size: 45px; margin-bottom: 15px; line-height: 50px; }
.login .content p { font-size: 22px; }
.login aside { padding: 100px 0; }

/*======= TRANSACTION-DETAIL ==========*/
header .right-side { justify-content: space-between;}
.transaction-detail .top-block { text-align:center; padding: 10px 0 0; }
.transaction-detail .top-block ul li { float: none; text-align: center; margin-bottom:5px; }
.transaction-detail .top-block ul li::after { display:none; }
.transaction-detail .top-block .btn { float: none; }
.transaction-detail aside ul { display: block; }
.transaction-detail aside ul li { padding:0 !important; }
.transaction-detail .right-block { overflow:auto; }
.transaction-detail .contact-block { min-width: 780px; padding-bottom: 20px; }

header .notification {padding: 0 10px; flex-shrink: 0;}
header .profile {flex-shrink: 0;}
.search {height:auto; margin-left: 10px;}

/*======= TRANSACTION-DETAIL-2 ==========*/
.transaction2 .max-content { overflow: auto; }
.transaction2 .max-content-block { min-width:770px; }
.transaction2 table { margin-bottom: 25px; }
.check-block label::before { padding: 8px; }
.check-block label::after { font-size: 14px; }
.transaction2 table tr td:nth-child(3) { width: 90%; }

#myTable_wrapper {padding-bottom: 80px;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { height: calc(100vh - 230px);}
.dataTables_length {left: 50%; transform: translateX(-50%);}
#myTable_paginate {right: 50%; bottom: 13px; transform: translateX(50%); width: 100%;}

.top-heading .right-buttons{padding-left: 10px;}

.contact-page .right-page{width:100%;flex: 0 0 100%;}

.contact-page .side-menu{display: none;}

.top-heading .right-buttons{flex-wrap: wrap;}
.top-heading .styled-select select{padding-left: 0px;}


header .profile-menu .user-menu li:first-child{padding: 0;}
header .profile-menu .user-menu li .settings-top{position: relative;display: block;}
header .profile-menu .user-menu li .settings-top:before{content: "\f107";font-family: fontawesome;font-size: 16px;color: #7c98b6;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
header .profile-menu .user-menu .settings-main-dropdown .settings-dropdown-menu{display: none;}
header .profile-menu .user-menu .settings-main-dropdown {padding-left: 10px;}
header .profile-menu .user-menu .settings-main-dropdown li{padding-bottom: 5px;padding-top: 5px; margin: 0;}
header .profile-menu .user-menu .settings-main-dropdown .settings-dropdown-menu.show-list{display: block;padding-left: 15px;position: relative;}
header .profile-menu .user-menu .settings-main-dropdown .settings-dropdown-menu.show-list:before{content: "\f107";font-family: fontawesome;font-size: 16px;color: #7c98b6;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
}

@media screen and (max-width: 599px) {
.login .login-block h3 { font-size: 30px; }
.login h2 { font-size: 40px; }
.login .content p { font-size: 20px; line-height: 30px; }
.login aside { padding: 70px 0; }

/*======= TRANSACTION-DETAIL ==========*/
header .mobile-toggle{right: 10px;}
header {padding: 10px 0;}
header .profile p { font-size: 14px; }
header .container-fluid {flex-wrap: wrap;}
header .logo {max-width: inherit; padding-bottom: 15px; text-align: center;}
.search .form-control  {background-color: #fff; 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;}
header .right-side {padding-left: 0;}
header .right-list {justify-content: left;}
.search button { height: 36px;}
.search .form-control + button { z-index: 0; background-color: #fff; color: #004d79;}
header nav#nav .navbar-nav {padding-top: 100px;}
.search {margin-left: 0px;}
#myTable_wrapper { padding-bottom: 70px;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {height: calc(100vh - 285px);}

.top-heading .right-buttons{flex-wrap: wrap;padding-left: 15px;}
.transaction3 aside ul li strong { min-width: 150px; padding-right: 5px; margin-bottom: 5px; }
header .toggle-block {right: -50px;}
header .profile-menu{min-width: 210px;}
header .profile-menu:before {right: 50px;}

.search-block{max-width: 250px;padding-bottom: 10px;}

header .profile-menu li .user-info{flex-wrap: wrap;}
.top-heading{flex-wrap: wrap;justify-content: space-between;}

/*.pipeline-page .top-heading .btn{margin-bottom: 15px;}*/

.top-heading .right-buttons{padding-left: 0;gap: 10px;}
.search-block{padding-bottom: 0;}

.basic.fade .modal-dialog{width: 45%;}


}


@media screen and (max-width: 479px) {
.login h2 { font-size: 35px; line-height: 45px; }
.login .btn { margin: 25px 0 15px; }

/*======= TRANSACTION-DETAIL ==========*/
header .profile { justify-content: center; }
/*.transaction-detail{padding: 0 25px 0;}*/

/*======= TRANSACTION-DETAIL-2 ==========*/
.transaction2 .process { display: block; }
.transaction2 .process .form-control { margin-bottom:15px; }
.transaction2 .process .select-button { padding:0; width: 240px; }

/*======= TRANSACTION-DETAIL-3 ==========*/
.transaction3 aside ul li strong { min-width: 160px; padding-right: 10px; margin-bottom: 5px; }
header .toggle-block {right: -48px;}
header .profile-menu:before {right: 48px;}
.pipeline-page .top-heading {flex-wrap: wrap;}

.top-heading .right-buttons{padding-left: 0px;padding-top: 10px;}

.filter-list{width:170px;padding: 15px;margin-bottom: 15px;}
.filter-list li{margin-bottom: 10px;}
header .profile-menu>li{padding: 10px;}

.filter-list li {margin-bottom: 15px;}

.transaction-detail {padding: 0 20px 0;}
.basic.fade .modal-dialog{width: 55%;}
.modal-header h4{font-size: 18px;}
.basic.modal .buyers-escrow{padding: 20px 15px;}
.modal-header {padding: 20px 20px;}

.contact-page .right-page{padding: 0;}
}

@media screen and (max-width: 375px) {
/*======= TRANSACTION-DETAIL ==========*/
.transaction-detail aside ul li strong { min-width: 120px; }
.navbar-right {margin: 0;}
header #toggle-slow {font-size: 0;}
header #toggle-slow i {font-size: 16px;}
header .profile button i {margin-left: 0px;}
/*.transaction-detail{padding: 0 15px 0;}*/

/*======= TRANSACTION-DETAIL-3 ==========*/
header .profile-menu li .user-account h6{font-size: 14px;}

header .toggle-block {right: -100px;}
header .profile-menu{min-width: 180px;}
header .profile-menu:before{right: 100px;}
header .profile-menu .user-menu li{padding: 2px 0;}
header .profile-menu li .user-info{gap: 5px;}
.top-heading .right-buttons{gap:10px;}

.selection{font-size: 14px;}
.filter-list{padding:10px;margin-bottom: 5px;}
.filter-list li strong {font-size: 14px;}

.search-block{max-width: 245px;}

.dynamic-fields-page .dynamic-fields .nav{overflow-x: scroll;overflow-y:clip; }

#myTable_paginate{bottom: 22px;}
.modal-header {padding: 20px 15px;}
}