* {margin: 0;padding: 0;box-sizing: border-box;text-align: left;outline: 0px;}
.common {}
body {font-family: 'Poppins', sans-serif;font-size: 13px;color: #212529;background: #f2f3f8;padding-top: 0px;color: #595d6e;border-top: 100px solid #fff;}
.commonbt70 {padding-bottom: 70px !important;}
body.topmenutab {padding-top: 145px;}body.topmenutab header {box-shadow: none;}
h1 {}
h2 {}
h3 {font-size: 22px;padding: 20px;}
h4 {padding: 20px;font-size: 20px;font-weight: 500;}
h5 {}
h6 {}
p {}
a {outline: 0px;}a:hover {outline: 0px;}
button {outline: 0px;}button:hover {outline: 0px;}
/*a:visited,
a:active {color: #212529}*/
ul,
ol {margin: 0px;}
li {display: block;}
img {max-width: 100%;}
th {font-weight: normal;}
select {-webkit-appearance: none;background: transparent}
input[type=text],
select,
textarea {font-family: 'Poppins', sans-serif;font-size: 13px;width: 100%;border: 1px solid #d3d3d3;border-radius: 4px;padding: 5px 10px;resize: none;outline: none;}
input[type=text]:focus,select:focus,textarea:focus {border-color: #7a90ff;}
hr {margin-bottom: 10px;border: none;border-top: 1px solid #ebedf2;}
header .container-fluid.topmenu {position: relative;}header .container-fluid.topmenu:after {content: "";width: 120px;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: -1;}
.container-fluid {width: 100%;padding: 0 12px}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;display: table;}
.cl:after,
.cl:before {content: '';clear: both;display: table;}
.address-book-tabel .table thead tr th.tr {text-align: right !important;}
.address-book-tabel .table tbody tr td.tr {text-align: right !important;}
.tr {text-align: right !important;}


.address-book-tabel .table thead tr th.tc {text-align: center !important;}
.address-book-tabel .table tbody tr td.tc {text-align: center !important;}
.tc {text-align: center !important;}


.pr0 {padding-right: 0 !important}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT20 {margin-top: 20px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marTB10 {margin-top: 10px;margin-bottom: 10px;}
.dataTables_length {margin-bottom: 10px;}
.dataTables_length select {display: inline-block;width: 70px;}
.dataTables_info {width: 50%;padding: 10px 0;margin-top: 10px;float: left;color: #646c9a;position: absolute;bottom: 30px;}
.dataTables_paginate {text-align: right;padding: 10px 0;margin-top: 10px;position: absolute;bottom: 20px;right: 20px;}
.dataTables_paginate a {padding: 10px;min-width: 40px;display: inline-block;text-align: center;margin: 0 2px;padding: .5rem;border-radius: 3px;color: #93a2dd;font-size: 13px;line-height: 1rem;font-weight: 500;cursor: pointer;}
.dataTables_paginate > a {background: #f3f2f7;border: 1px solid #f0f3ff;background: #f0f3ff;}
.panel.hometable {min-height: 500px;position: relative;padding-bottom: 70px;}
a.paginate_button.current,
a.paginate_button:hover {/*border: 1px solid #f3f2f7;*/background: #5d78ff;color: #fff;}
.btn {border: 1px solid #ccc;text-decoration: none;padding: 5px 12px;color: #2e3192 !important;border-radius: 4px;display: inline-block;background-color: #f4f5f9;font-weight: 400;height: 34px;margin: 0 !important;cursor: pointer !important;}
.btn.btn-small {padding: 5px;font-size: 12px;font-weight: 500;color: #212529;}
a.btn:hover {background: #2e3192 !important;color: #fff !important;border-color: #2e3192;border-bottom-width: 0px;}
button.btn:hover {background: #2e3192 !important;color: #fff !important;border-color: #2e3192;border-bottom-width: 0px;}
.btn:hover {border-bottom-width: 0px;}
a.btn.btn-clean {border: none;background: none;}a.btn.btn-clean:hover {background: #eef1ff;color: #2e3192;}
a.btn .las {font-size: 16px;}
a.inline.inline-btn {background: rgba(255, 255, 255, 0.2);color: #fff !important;display: inline-block;padding: 1px 5px !important;margin: 0 10px !important;}
a.btn.btn-primary.btn-green {background: #0abb87;color: #fff !important;border: none;}
a.btn.btn-primary.btn-red {background: #fd3949;color: #fff !important;border: none;}
a.btn.btn-primary {background: #2e3192;color: #fff !important;border-color: transparent;line-height: 22px;}
a.btn.btn-primary:hover {background: #fff;color: #2e3192 !important;border: 1px solid #2e3192;outline: 0px;color: #fff !important;}a.btn.btn-primary i {margin-right: 5px;}
div button.btn.btn-primary.savebtn {background: #2e3192;}div button.btn.btn-primary.savebtn:hover {background: #fff;color: #2e3192 !important;border: 1px solid #2e3192;}
div button.btn.btn-primary.greenbtn {background: #0abb87;}div button.btn.btn-primary.greenbtn:hover {background: #fff;color: #0abb87 !important;border: 1px solid #0abb87;}
button.btn.btn-primary.btn-green {background: #0abb87;color: #fff !important;border: none;}
button.btn.btn-primary.btn-red {background: #fd3949;color: #fff !important;border: none;}
button.btn.btn-primary {background: #2e3192;color: #fff !important;border-color: transparent;line-height: 22px;}button.btn.btn-primary:hover {background: #f4f5f9 !important;color: #2e3192 !important;border: 1px solid #2e3192;outline: 0px;}button.btn.btn-primary i {margin-right: 5px;}
div a.btn.btn-primary.savebtn {background: #0abb87;}div a.btn.btn-primary.savebtn:hover {background: #fff;color: #0abb87 !important;border: 1px solid #0abb87;}
div a.btn.btn-primary.greenbtn {background: #0abb87;}div a.btn.btn-primary.greenbtn:hover {background: #fff;color: #0abb87 !important;border: 1px solid #0abb87;}/*Reset CSS end*/

/*global classes*/

*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-ms-word-break: keep-all;word-break: keep-all;-webkit-word-break: keep-all;-moz-word-break: keep-all;word-wrap: break-word;}
img {max-width: 100%;vertical-align: middle}
.wrapper {}
.container {margin: 0 auto;width: 100%}
.clear {clear: both}
.clear10 {clear: both;height: 10px}
.clear20 {clear: both;height: 20px}
.clumn {width: 198px;float: left}
.fl {float: left !important;}
.fr {float: right !important;}
.text-right {text-align: right !important}
.text-left {text-align: left !important}
.text-center {text-align: center !important}
.error {color: #F00;}
h1,
h2,
h3,
h4,
h5,
h6 {font-size: 12px;padding-bottom: 12px;}
h1 {font-size: 24px;text-transform: uppercase;}
h2 {font-size: 38px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}/*Form*/

/*form tag*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
select {width: 100%;padding: 9px 0px;border: 1px solid #9e9e9e;margin: 0;font-size: 14px;outline: none;}
select {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);width: 100%;padding: 9px 10px;border: none;outline: none;cursor: pointer;}
textarea {height: 80px;resize: none;width: 100%;padding: 9px 0px;margin: 0;font-size: 18px;font-weight: 500;outline: none;border-left: 0px;border-right: 0px;border-top: 0px;border-bottom: 1px solid #676767;color: #797979;}
input[type="checkbox"] {outline: none;}
input[type="radio"] {display: inline-block;vertical-align: middle;outline: none;position: relative;bottom: 3px;}
.animate-label .inputType {border: 0;background-image: -o-linear-gradient(#797979, #797979), -o-linear-gradient(#797979, #797979);/* background-image: linear-gradient(#797979, #797979), linear-gradient(#797979, #797979); */-webkit-background-size: 0 2px, 100% 1px;background-size: 0 2px, 100% 1px;background-repeat: no-repeat;background-position: center bottom, center -webkit-calc(100% - 1px);background-position: center bottom, center calc(100% - 1px);background-color: rgba(0, 0, 0, 0);-webkit-transition: background 0s ease-out;-o-transition: background 0s ease-out;transition: background 0s ease-out;float: none;-webkit-box-shadow: none;box-shadow: none;border-radius: 0;color: #797979;font-size: 14px;height: 41px;border-bottom: 1px solid #676767;}
.animate-label label.active + .inputType {outline: 0;background-image: linear-gradient(#676767, #676767), linear-gradient(#676767, #676767);-webkit-background-size: 100% 2px, 100% 1px;background-size: 100% 2px, 100% 1px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;font-weight: 500}
.animate-label label.active1 + .inputType {outline: 0;background-image: linear-gradient(#676767, #676767), linear-gradient(#676767, #676767);-webkit-background-size: 100% 2px, 100% 1px;background-size: 100% 2px, 100% 1px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;font-weight: 500}
.animate-label label.active + .search {outline: 0;background-image: linear-gradient(#676767, #676767), linear-gradient(#676767, #676767);-webkit-background-size: 100% 2px, 100% 1px;background-size: 100% 2px, 100% 1px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;font-weight: 500}
.animate-label label.active + textarea.inputType {outline: 0;background-image: linear-gradient(#676767, #676767), linear-gradient(#676767, #676767);-webkit-background-size: 100% 2px, 100% 1px;background-size: 100% 2px, 100% 1px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;font-weight: 500;font-size: 18px;}
.DropdownMultiCheckbox .input-type-select.inputType {outline: 0;background-image: linear-gradient(#676767, #676767), linear-gradient(#676767, #676767);-webkit-background-size: 100% 2px, 100% 1px;background-size: 100% 2px, 100% 1px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;font-weight: 500;font-size: 18px;}
.animate-label .input-group {position: relative;}
.animate-label .input-group label {position: absolute;color: #9e9e9e;font-size: 16px;font-weight: 500;left: 0px;top: 10px;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;z-index: 1;background-color: #fff;padding: 3px 0px;}
.animate-label label.active {top: -15px;color: #000;font-size: 14px;font-weight: bold;}
.animate-label label.active1 {top: -15px;color: #000;font-size: 14px;font-weight: bold;}
.mas-form-ryt .animate-label .input-group label {background: #fada48;}
.animate-label .input-group .input-type-select select {margin-bottom: 0px;font-size: 18px;font-weight: 500;padding: 13px 0px 5px;color: #797979;}
.animate-label .input-group .input-type-select select option {font-size: 16px;border-bottom: 1px solid #eee;font-weight: 400;color: #9e9e9e;}
.animate-label .input-group .input-type-select:after {height: 38px;}
.animate-label label.active + textarea {min-height: 80px;}
.freetrailbox .animate-label label.active {color: #000;}
.freetrailbox .animate-label label.active + .inputType {background-image: linear-gradient(#7690c9, #7690c9), linear-gradient(#7690c9, #7690c9);color: #6e797a;}/*Form Tag end*/

input[type=button].prim-btn {min-width: 140px;height: 40px;font-size: 18px;margin-right: 10px;border: 1px solid #296094;background-color: #296094;color: #fff;float: left}
input[type=button].prim-btn:hover {border: 1px solid #347bb8;background-color: #347bb8;color: #fff;}
input[type=button].sub-btn {min-width: 140px;height: 40px;font-size: 18px;margin-left: 10px;margin-right: 10px;border: 1px solid #296094;background-color: #fff;color: #296094;font-weight: 400;float: left}
input[type=button].sub-btn:hover {border: 1px solid #296094;background-color: #296094;color: #fff;}
.display-fex {display: flex;}
.add-role-details input[type=button].prim-btn {margin-right: 5px;background-color: #fff;color: #296094;font-weight: 500;border: 1px solid #fff;}
.add-role-details input[type=button].prim-btn:hover {background-color: #fff;color: #296094;font-weight: 500;border: 1px solid #fff;}
.add-role-details input[type=button].sub-btn {margin-left: 5px;background-color: #e8e8e8;color: #aaa;font-weight: 500;border: 0px solid #296094;}
.add-role-details input[type=button].sub-btn:hover {margin-left: 5px;background-color: #fff;color: #296094;font-weight: 500;border: 0px solid #fff;}
.add-role-details {width: 500px;margin: 0 auto;float: left;}
.add-role-details .grid-12 {padding: 0px;}
.add-role-details .grid-6 {padding: 0px;}
.add-role-details.full-width {width: 500px;margin: 0 auto;float: left;}
.add-role-details.full-width input[type=button].prim-btn {margin-left: 0px;background-color: #e8e8e8;color: #aaa;font-weight: 500;border: 0px solid #296094;}
.add-role-details.full-width input[type=button].prim-btn:hover {margin-left: 0px;background-color: #fff;color: #296094;font-weight: 500;border: 0px solid #fff;}
.add-role-details.full-width input[type=button].sub-btn {margin-right: 5px;background-color: #fff;color: #296094;font-weight: 500;border: 1px solid #fff;}
.add-role-details.full-width input[type=button].sub-btn:hover {margin-right: 5px;background-color: #fff;color: #296094;font-weight: 500;border: 1px solid #fff;}
.fff-bg {background-color: #fff;padding: 0 30px 0px 30px;}/*Common Buttons*/

/*input[type=button], input[type=submit], input[type=reset], a.box-btn, button.box-btn {display: inline-block;background-color: #296094;border: none;cursor: pointer;padding: 5px 15px;color: #fff;font-size: 18px;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;vertical-align: middle;text-decoration: none;text-align: center;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0px;margin-top: 10px;font-family: 'Roboto', sans-serif;}*/

/*input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, a.box-btn:hover, button.box-btn:hover, input[type=button].active, input[type=submit].active, input[type=reset].active, a.box-btn.active, button.box-btn.active {background-color: #2e3192;color: #989898;font-family: 'Roboto', sans-serif;}*/

input[type=button].secondary-btn,
input[type=submit].secondary-btn,
input[type=reset].secondary-btn,
a.box-btn.secondary-btn,
button.box-btn.secondary-btn {background-color: #33B7CC;color: #fff;font-family: 'Roboto', sans-serif;}
input[type=button].secondary-btn:hover,input[type=submit].secondary-btn:hover,input[type=reset].secondary-btn:hover,a.box-btn.secondary-btn:hover,button.box-btn.secondary-btn:hover,input[type=button].secondary-btn.active,input[type=submit].secondary-btn.active,input[type=reset].secondary-btn.active,a.box-btn.secondary-btn.active,button.box-btn.secondary-btn.active {background-color: #989898;font-family: 'Roboto', sans-serif;}/*Common buttons end*/

.form-layout {}
.form-layout .form-row {}
.form-row .form-field {padding-bottom: 35px;}
.form-row:last-child .form-field {padding-bottom: 0}
.input-type-select {border: 1px solid #ddd;overflow: hidden;position: relative;}
.input-type-select:after {background: url("../images/select-down-arrow.png") no-repeat scroll 90% center;content: "";display: block;height: 40px;position: absolute;right: 0;top: -3px;width: 41px;z-index: 80;cursor: pointer;pointer-events: none;-ms-pointer-events: none;-webkit-pointer-events: none;background-color: #fff;}/*form end*/

/*hack for mozzila */

@-moz-document url-prefix() {
	a.box-btn {padding: 8px 15px}
}
/*Global Classes End*/

/*List*/

ul.list {margin-left: 27px}ul.list li {padding: 5px 0 5px 7px;}ul.list.bullet {margin-left: 0}ul.list.bullet li {background: url("../images/bullet.png") no-repeat scroll left center rgba(0, 0, 0, 0);padding: 5px 0 5px 18px;}ul.list.number li {list-style-type: decimal;}ul.list.lower-roman li {list-style-type: lower-roman;}ul.list.upper-roman li {list-style-type: upper-roman;}/*list end*/

/*overlay */

.overlay-bg {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;left: 0;margin: 0 auto;position: fixed;top: 0;width: 100%;z-index: 100000;}
.overlay {height: 100%;left: 0;margin: 0 auto;position: fixed;top: 0;width: 100%;z-index: 100001;visibility: hidden}
.overlay-box {display: table;height: inherit;margin: 0 auto;width: 400px;}
.overlay-box .content {display: table-cell;vertical-align: middle;}
.overlay-box .closeBtn {background: #296094;border-radius: 50%;color: #fff;cursor: pointer;font-size: 24px;line-height: 30px;height: 32px;padding: 0;position: absolute;right: 20px;text-align: center;padding-top: 2px;top: 18px;width: 32px;z-index: 1002;}
.overlay-box .overlay-header {background: #fff;color: #555555;font-size: 26px;padding: 20px 15px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);position: relative;text-align: left;border-radius: 10px 10px 0 0;}
.overlay-box .overlay-content {padding: 20px 15px;background: #fff;border-radius: 0 0 10px 10px;}
.overlay-box .overlay-footer {padding: 20px 30px;background: #e3e3e3;text-align: right}
.overlayheader {background: #fff;color: #555555;font-size: 26px;display: inline-block;margin-top: 7px;}
.overlayheader span {color: #296094;}
.bill-wiew .overlay-header {padding: 20px 65px 20px 15px;}
.bill-wiew .closeBtn {top: 23px;right: 17px;}/*.addemployee .closeBtn{display:none;}
.bill-wiew .closeBtn{display:none;}*/

/*overlay end*/

.date {background: url(../images/calander.png) 96% center no-repeat;position: relative;}/*Tabs*/

.tabNav ul {}
.tabNav ul li {float: left;width: 19.2%;margin-right: 1%;text-align: center}
.tabNav ul li:last-child {margin-right: 0}
.tabNav ul li a {color: #000;padding: 13px 9px;display: block;border-radius: 5px;background: #fff;font-size: 16px;}
.tabNav ul li a:hover {}
.tabNav ul li a.active {background: #000;color: #fff;}
.tabNav ul li:last-child {background-image: none;}
.tabNav ul li a {}
.tabResult {padding: 20px 0;}
.tabResult .tabBx {display: none;}
.tabResult .grid-5,.tabResult .grid-7 {padding: 0}
.tabResult p {padding-bottom: 8px;}
.tabResult .tabBx .mobile-menu {display: none}/*Footer CSS Start*/

.footer .container {padding: 20px 0;max-width: 1200px;}
.kalptarulogo {float: left;margin-right: 45px;}
.shornav-ftr {float: left;padding-top: 7px;}
.shornav-ftr ul li {float: left;margin-right: 20px;}
.shornav-ftr ul li:last-child {margin-right: 0}
.shornav-ftr ul li a {color: #898686;font-size: 16px;}
.shornav-ftr ul li a:hover {color: #347bb8}
.copt-lft {float: left;color: #898686;font-size: 14px;padding-top: 9px;}
.copt-lft a {color: #898686;text-decoration: underline}
.copt-lft a:hover {color: #347bb8}/*Footer CSS End*/

/*Navigation*/

.header {background: #296094;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);position: relative;z-index: 99;position: fixed;width: 175px;height: 100%;top: 0;}
.navigation {padding: 0px;}
.logo {float: left;padding-top: 3px;}
.logocntr {float: left;padding: 4px 0px;background: #fff;margin: 0 20px 0 10px;z-index: 2;position: relative;}
.logocntr img {height: 44px;}
.nav-menu {float: left;padding: 0px;}
.nav-menu ul {float: left;}
.nav-menu > ul {display: flex;width: auto !important}
.nav-menu > ul > li {float: left;list-style: none;position: relative;text-align: center;margin-left: 10px;}/*.nav-menu ul li a {display: inline-block;vertical-align: middle;font-size: 12px;line-height: 18px;font-weight: 500;color: #fff;padding: 28px 10px;width: 100%;text-align: center;background-color: #2e3192;text-transform: uppercase;}*/
.nav-menu > ul > li.active > a {background: rgba(255, 255, 255, 0);box-shadow: inset 0 0 2px 0px rgba(0, 0, 0, 0.1);}
.nav-menu > ul > li > a {vertical-align: middle;line-height: 18px;width: 100%;text-align: center;background-color: #2e3192;display: block;text-decoration: none;font-size: 12px;font-weight: 500;text-transform: uppercase;padding: 7px 15px;margin: 10px 0;border-radius: 4px;color: #fff;}
.nav-menu ul li a b {margin-left: 10px;}
.nav-menu ul li a.active {background-color: #347bb8;}
.nav-menu ul li a.active p {font-weight: 900;}
.nav-menu ul li ul.sub-menu li:hover ul.sub-sub-menu li a {background-color: #41439c;color: #fff;background-image: none;}
.nav-menu ul li ul.sub-menu li:hover ul.sub-sub-menu li a:hover {background-color: #2a2d94;color: #fff;background-image: none;}
.nav-menu ul li a i {height: 27px;width: 25px;}
.nav-menu ul li a .outerdiv {float: left;}
.nav-menu ul li a i.middlediv {}
.nav-menu ul li a i.middlediv img {margin-right: 10px;}
.nav-menu ul li a p {float: left;padding: 4px 0px 4px 10px;text-align: left;width: 78%;line-height: 18px;}
.nav-menu ul li.home-iconmenu a {height: 20px;width: 20px;background: url(../images/sprite.png) -1px -1px no-repeat}
.nav-menu ul li.home-iconmenu a:hover {background-position: -1px -21px;}
.mobile-nav-icon {display: none}
.main-banner {background-attachment: fixed;background-color: #2eb8e9;background-image: url("../images/banner.jpg");background-position: center bottom;background-repeat: no-repeat;background-size: cover;overflow: hidden}
.main-banner ul li {text-align: center}
.main-banner ul li h2 {color: #fff;font-size: 38px;padding: 90px 0 40px 0}
.main-banner ul li h2 span {display: block;font-size: 22px;}
.login-mblmenu {float: left;}/*Navigation end*/

/*.nav-menu ul li ul.sub-menu {position: absolute;top: 50px;left: 0;background: #f3f5f9;width: 210px;opacity: 0;transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);pointer-events: none;z-index: 100;border-radius: 4px;}
.nav-menu ul li:hover ul.sub-menu {opacity: 1;pointer-events: all;}
.sub-sub-menu {display: none;}
.nav-menu ul li ul.sub-menu li:hover ul.sub-sub-menu {left: 210px;display: block;position: absolute;top: 0px;width: 210px;}
.nav-menu ul li ul.sub-menu li {float: none;text-align: left;list-style: none;position: relative;}
.nav-menu ul li ul.sub-menu li a {color: #5d78ff;padding: 10px 15px;font-size: 12px;line-height: 18px;margin: 0;border-bottom: 1px solid #e9ebef;display: flex;text-decoration: none;text-transform: uppercase;border-radius: 4px;}
.nav-menu ul li ul.sub-menu li a:hover {background: #c8ccea;background: #2a2d94bf;color: #fff;}
.nav-menu ul li ul.sub-menu li:hover a {background: #c8ccea;background: #2a2d94bf;color: #fff;border-radius: 0;}
.nav-menu > ul > li:hover > a {background: #f3f5f9;color: #5d78ff;box-shadow: inset 0 0 2px 0px rgba(0, 0, 0, 0.1);width: 100%;}
.ui-menu .ui-menu-item {font-size: 16px;border-bottom: 1px solid #eee !important;font-weight: 400;color: #9e9e9e;}*/

/****************************/
/* main menu styles */
    #nav, #nav ul {
        background: #2a2d94;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #nav {
        height: 54px;
        padding-left: 5px;
        padding-top: 0px;
        position: relative;
        z-index: 2;
    }

    #nav ul {
        left: -9999px;
        position: absolute;
        top: 37px;
        width: auto;
    }

    #nav li .sub-menu {
        background-color: #f3f5f9;
        color: #5d78ff;
        border-radius: 5px;
        margin-top:18px;
    }

    #nav li .sub-menu li a {
        background-color: #f3f5f9;
        color: #5d78ff;
        border-bottom: 1px solid #e9ebef;
        width: 180px;
    }

    #nav li .sub-menu li:first-child a {
        border-radius: 5px 5px 0px 0px;
    }

    #nav li .sub-menu li:last-child a {
        border-radius: 0px 0px 5px 5px;
    }

    #nav li .sub-menu li a:hover {
        background: #2a2d94bf;
        color: #fff;
    }


    #nav li .sub-menu li ul {
        overflow: hidden;
        border-radius: 0px 0px 5px 5px;
    }
    #nav li .sub-menu li ul li a {
        background-color: #41439c;
        color: #fff;
        border-bottom: 1px solid #e9ebef;
        width: 200px;
    }

    #nav li .sub-menu li ul li:first-child a {
        border-radius: 5px 5px 0px 0px;
    }

    #nav li .sub-menu li ul li:last-child a {
        border-radius: 0px 0px 5px 5px;
    }

    #nav li .sub-menu li ul li a:hover {
        background-color: #2a2d94;
        color: #fff;
    }


    #nav ul ul {
        left: -9999px;
        position: absolute;
        top: 0;
        width: auto;
    }

    #nav li {
        float: left;
        margin-right: 5px;
        position: relative;
    }

    #nav li a {
        background: #2a2d94;
        color: #fff;
        display: block;
        float: left;
        font-size: 12px;
        padding: 8px 10px;
        text-decoration: none;
    }

    #nav > li > a {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;
    }

    #nav li a.dropdown-toggle {
        background: #2a2d94;
        padding-right: 15px;
    }

    #nav ul li {
        margin: 0;
    }

    #nav ul li a {
        width: 120px;
    }

    #nav ul li a.dropdown-toggle {
        padding-right: 10px;
    }

    /*hover styles*/
    #nav li:hover > a {
        background-color: #f3f5f9;
        color: #5d78ff;
    }
    #nav li .sub-menu li:hover > a {
        background: #2a2d94bf;
        color: #fff;
    }
    /*focus styles*/
    #nav li a:focus {
        outline-width: 0;
    }

    /*popups*/
    #nav li a:active + ul.sub-menu, 
    #nav li a:focus + ul.sub-menu, 
    #nav li ul.sub-menu:hover {
        left: 0;
    }

    #nav ul.sub-menu li a:active + ul, 
    #nav ul.sub-menu li a:focus + ul, 
    #nav ul.sub-menu li ul:hover {
        left: 180px;
    }
/****************************/
.my-menu ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
}
.my-menu li:hover > a {
    background-color: #f3f5f9;
    color: #5d78ff;
}
/* Position submenus relative to parent list item */
.my-menu li {
    position: relative;
}

.my-menu li:focus-within > ul {
    display: block;
}

    .my-menu li .sub-menu li a:focus {
        background: #2a2d94bf;
        color: #fff;
        text-decoration: none;
    }
    .nav-menu ul {
        list-style: none;
        padding: 0;
    }

.my-menu a {
    display: block;
    padding: .5em 0;
    white-space: nowrap;
}

.my-menu a:hover {
    text-decoration: none;
}
.my-menu li .sub-menu {
    background-color: #f3f5f9;
    color: #5d78ff;
    border-radius: 5px;
    margin-top: 3px;
}
    .my-menu li .sub-menu li a {
        background-color: #f3f5f9;
        color: #5d78ff;
        border-bottom: 1px solid #e9ebef;
        width: 180px;
        font-size: 12px;
        padding: 10px;
    }

    .my-menu li .sub-menu li:first-child a {
        border-radius: 5px 5px 0px 0px;
    }

.my-menu li .sub-menu li:last-child a {
    border-radius: 0px 0px 5px 5px;
}

.my-menu li .sub-menu li a:hover {
    background: #2a2d94bf;
    color: #fff;
}


.my-menu li .sub-menu li ul {
    overflow: hidden;
    border-radius: 0px 0px 5px 5px;
}

    .my-menu li .sub-menu li ul li a {
        background-color: #41439c;
        color: #fff;
        border-bottom: 1px solid #e9ebef;
        width: 200px;
    }

    .my-menu li .sub-menu li ul li:first-child a {
        border-radius: 5px 5px 0px 0px !important;
    }

    .my-menu li .sub-menu li ul li:last-child a {
        border-radius: 0px 0px 5px 5px !important;
    }

    .my-menu li .sub-menu li ul li a:hover {
        background-color: #2a2d94;
        color: #fff;
    }
    
.sub-sub-menu {
    top: 0 !important;
    left: 180px !important;
}
/****************************/

.dropdown {position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;}
.dropdown dd,.dropdown dt {margin: 0px;padding: 0px;min-height: 32px;}
.dropdown ul {margin: -1px 0 0 0;}
.dropdown dd {position: relative;}
.dropdown a,.dropdown a:visited {color: #000000;text-decoration: none;outline: none;font-size: 12px;}
.dropdown dt a {display: block;padding: 8px 20px 5px 10px;min-height: 25px;line-height: 24px;overflow: hidden;border: 0;width: auto;margin-left: initial;}
.dropdown a {margin-top: 6px;display: block;margin-left: -75px;}
.dropdown dt a span,.multiSel span {cursor: pointer;display: inline-block;padding: 0px;font-weight: 500;font-size: 18px;color: #797979;margin-right: 10px;}
.dropdown dd ul {background-color: #ffffff;border: 1px solid #ddd;color: #000000;display: none;left: 0px;padding: 0px;position: inherit;top: 2px;min-width: 100%;width: 100%;max-width: 100%;list-style: none;height: auto;overflow: auto;}
.dropdown span.value {display: none;}
.dropdown dd ul li a {padding: 5px;display: block;}
.dropdown dd ul li a:hover {background-color: #fff;}
.mutliSelect {margin-top: 4px;}
.mutliSelect ul li {display: -webkit-box;font-size: 16px;border-bottom: 1px solid #eee;font-weight: 400;padding: 7px;}
.mutliselect-label {position: static;font-weight: 400;color: #9e9e9e;font-size: 16px;}
.dropdown dd {position: absolute;width: 419px;}
.delete-icon {position: relative;bottom: 2px;}
.p0 {padding: 0px !important;}
.p30 {padding: 30px;}
.pl {padding-left: 0px;}
.pt30 {padding-top: 30px}
.m0 {margin: 0px !important;}
header {/*background: #fff;*/position: fixed;width: 100%;top: 0;left: 0;z-index: 99999;/*background: #2a2d94;*/-webkit-box-shadow: 0 10px 30px 0 rgba(82, 63, 105, .08);box-shadow: 0 10px 30px 0 rgba(82, 63, 105, .08);}header .container {max-width: 100%;padding: 0 12px;height: 55px;background: #2a2d94;position: relative;/*display: flex;*/}header .container:after {content: "";width: 120px;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 0;}
.lft-heading {color: #fff;font-size: 24px;padding: 0px 0px;display: inline-block;}
.lft-heading a {color: #fff;font-weight: 400;}
.top-header {float: right;}
.top-header ul {}
.top-header ul li {display: inline-block;font-size: 14px;float: left;width: auto;}
.top-header ul li:hover {background-color: #5f5f5f;color: #fff;}
.top-header ul li:hover .welcome-msg {;color: #fff;}
.top-header ul li ul.sub-menu {display: none;}
.top-header ul li:hover ul.sub-menu {display: block;}
.top-header ul li ul.sub-menu li {width: 100%;border-bottom: 1px solid #757575;padding: 0px;}
.top-header ul li ul.sub-menu li a {color: #fff;padding: 15px 30px;width: 100%;display: block;}
.top-header ul li ul.sub-menu li a:hover {background-color: #aaaaaa;}
.top-header ul li:nth-child(2) {padding: 11px 0px 11px 10px;}
.top-header {position: absolute;right: 0px;top: 0px;z-index: 999;}
.fl {float: left;}
.fr {float: right;}
#right_nav li li.unreadnotification {background: rgba(85, 87, 170, 0.9);}
#right_nav ul li {float: left;list-style: none;position: relative;text-align: left;}
#right_nav li li a:hover {background: #c8ccea;background: transparent; color: #fff;}
#right_nav li li:hover {background: rgba(85, 87, 170, 0.67);}
#right_nav li li {width: 100%;}
#right_nav a.inline {padding: 0;font-size: 12px;display: inline;text-transform: initial;margin-right: 7px;text-decoration: none;font-weight: 500;border-radius: 4px;color: #fff;}
#right_nav a.logout-icon {
    padding: 0;
    font-size: 22px;
    display: inline;
    text-transform: initial;
    margin-right: 0;
    text-decoration: none;
    font-weight: 500;
    border-radius: 4px;
    color: #fff;
}

#right_nav time {font-size: 12px;color: #fff;font-weight: 500;width: 80px;min-width: 80px;display: inline-block;}
#right_nav li.login-user {text-align: left;padding: 7px 12px;color: rgba(255, 255, 255, 0.6);padding-left: 60px;position: relative;}
.first-letter {
    height: 40px;
    width: 40px;
    font-size: 24px;
    line-height: 36px;
    margin-right: 7px;
    font-weight: 500;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 50%;
    margin-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
#right_nav ul li a {display: block;text-decoration: none;font-size: 12px;font-weight: 500;color: #6c7293;text-transform: uppercase;padding: 0px;margin: 0px;border-radius: 4px;color: #fff;}
#notification-bar-wrap {position: relative;float: left;list-style: none;position: relative;text-align: center;}/*.notification-bar:before {content: "";width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.1);display: none;}#notification-bar-wrap:hover .notification-bar:before {display: block;}*/

.notification-bar li {padding: 10px;font-size: 11px;border-bottom: 1px solid rgba(204, 204, 204, 0.5);color: rgba(255, 255, 255, 0.7);line-height: 18px;}
.notification-bar li strong {font-weight: 500;letter-spacing: 0.5px;color: #fff;}
.notification-bar {position: fixed;top: 0;right: -100%;z-index: 1000;width: 200px;height: 100vh;opacity: 0;transition: all .2s cubic-bezier(0.46, 0.03, 0.52, 0.96);background: #dee1f3;background-color: #2a2d94;color: #fff;-webkit-box-shadow: 0 10px 30px 0 rgba(82, 63, 105, .08);box-shadow: 0px 10px 30px 0 #523f69;}
#notification-bar-wrap:hover .notification-bar {right: 0;opacity: 1;position: fixed;}
#notification-bar-wrap .notification-bar > ul {position: relative;top: 0;width: 100%;background: transparent}
.noti-ico .las {font-size: 27px;color: #2a2d94;}
#right_nav .noti-ico {padding: 6px 0;background: #fff;border-radius: 50% !important;width: 40px;height: 40px;text-align: center;margin-left: 20px;margin-bottom: 7px;margin-top: 8px;}
.count {position: absolute;top: 6px;right: 0;background: #fd3939;border: 1px solid #c72e2e;color: #ffffff;font-size: 9px;width: 15px;height: 15px;border-radius: 50%;text-align: center;line-height: 14px;}
.notification-bar span.count {top: 0px;font-family: 'Poppins', sans-serif;right: 2px;}
.notification-bar li strong {display: block;margin-bottom: 2px;}
.container-fluid {margin-left: 0px !important;margin-right: 0px !important;}
.body-content {padding: 0px 0;}
#main-container {padding: 0px 0;}
#main-container.topmenutab {padding-top: 40px;}
#breadcrumb {border-bottom: 1px solid #ebedf2;border-top: 1px solid #ebedf2;background: #fff;position: fixed;top: 53px;width: 100%;z-index: 9999;left: 0;}
#breadcrumb li {float: left;color: #959cb6;}#breadcrumb li a {text-decoration: none;padding: 10px 5px;display: block;color: #959cb6;position: relative;font-size: 13px;line-height: 24px;font-weight: 500;color: #959cb6;cursor: default;}#breadcrumb li.arrow {line-height: 40px;font-size: 14px}#breadcrumb li.page-name {font-weight: 500;margin: 10px;position: relative;color: #626e76;color: #434349;font-size: 15px;}#breadcrumb .dot {width: 5px;height: 5px;display: block;position: relative;top: 20px;right: 0;background: #dfe6ff;border-radius: 50%;margin: 0;}#breadcrumb .las.la-home {font-size: 16px;margin: 3px 0;color: #b7b9c1;}
ul.breadcrumblist {display: table;width: 100%;float: left;}
#breadcrumb ul.fr.btn-head-group li a {font-size: 20px;}
.sticky-panel {background: #fff;position: fixed;right: 0;top: 50%;border: 1px solid #eaeeff;transform: translateY(-50%);padding: 0 7px;z-index: 100;box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);border-radius: 4px 0 0 4px;}
#breadcrumb .btn-head-group li a {padding: 5px}
#breadcrumb .tab-nav a {text-decoration: none;padding: 5px 10px 5px;margin-right: 10px;display: block;border: 1px solid #ebedf2;border-bottom: 0px;border-radius: 0px;position: relative;top: 1px;z-index: 1;background: #fff;text-transform: uppercase;}
#breadcrumb .tab-nav li {float: left;position: relative;top: -1px;}#breadcrumb .tab-nav li.active a {background: #f2f3f8;color: #000;border-color: #6c7193;border-color: transparent;}#breadcrumb .tab-nav li.active {top: 0px;}#breadcrumb .tab-nav li a {color: #2a2d94;}/*#breadcrumb .tab-nav li:nth-child(1) a{color: var(--blue);}#breadcrumb .tab-nav li:nth-child(2) a{color: var(--pink);}#breadcrumb .tab-nav li:nth-child(3) a{color: var(--green);}#breadcrumb .tab-nav li:nth-child(4) a{color: var(--warning);}*/
#breadcrumb .tab-nav li.active a {color: #000;}#breadcrumb .tab-nav li:hover a {background: #f2f3f8;}
.tab-content {display: none;padding: 10px 0 0}
.tab-content.show {display: block;}
.b-right {position: relative;}
.b-right:after {content: '';display: block;height: 100%;width: 1px;position: absolute;top: 0;left: 0;background: #ebedf2;}
.pagination {text-align: right;}
.pagination a {padding: 10px;min-width: 40px;display: inline-block;text-align: center;margin: 0 2px;padding: 8px;border-radius: 3px;font-size: 13px;line-height: 16px;font-weight: 500;cursor: pointer;color: #93a2dd;border: 1px solid #f0f3ff;background: #f0f3ff;}
.pagination a:hover {background: #5d78ff;color: #fff;}
.prev {}
.next {}
.pagination {color: #7a7a7a;font-size: 14px;margin: 10px 0px;display: inline-block;width: 100%;text-align: right;}
.pagination ul {display: inherit;}
.pagination ul li {display: inline-block;float: left;position: relative;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}
.pagination ul li a {padding: 15px;display: inline-block;background-color: #fff;min-width: 45px;color: #4a4949;font-size: 16px;font-weight: 500;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}
.pagination ul li a:hover {background-color: #2e3192;color: #fff;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}
.pagination .next,.pagination .back {transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}
.pagination .next:before {width: 0;height: 0;border-top: 23px solid transparent;border-bottom: 23px solid transparent;border-right: 22px solid #989898;float: right;position: absolute;top: 0px;left: -22px;z-index: 1;content: '';transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}
.pagination .next:hover:before {border-right: 22px solid #296094;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}
.pagination .back:before {width: 0;height: 0;border-top: 23px solid transparent;border-bottom: 23px solid transparent;border-left: 22px solid #989898;float: right;position: absolute;top: 0px;right: -22px;z-index: 1;content: '';transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}
.pagination .back:hover:before {border-left: 22px solid #296094;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}
.form-design .fgroup.textareagroup {margin-bottom: 10px;height: 100px;}
.btn-head-group button {font-size: 20px;background: #f4f5f9;display: block;border: 1px solid #eaeeff;padding: 5px;border-radius: 4px;position: relative;margin: 5px;line-height: 20px;height: 32px;}
.btn-head-group button span {position: absolute;bottom: 0;pointer-events: none;opacity: 0;width: auto;font-size: 11px;padding: 7px 15px;background: #fff;text-align: center;white-space: nowrap;border-radius: 4px;right: 0;box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);transition: all .1s ease-in;z-index: 100;}
.btn-head-group button:hover span {bottom: -39px;opacity: 1;pointer-events: all;}
.btn-head-group button i {color: #fff}
.invoice-purch-no {
    height: 20px !important;
    padding: 0px 5px !important;
}
.invoice-purch-td-height tr td {
    line-height: 15px !important;
}
    .btn-head-group a {
        font-size: 20px;
        background: #f4f5f9;
        display: block;
        border: 1px solid #eaeeff;
        padding: 5px;
        border-radius: 4px;
        position: relative;
        margin: 5px;
        line-height: 20px;
        height: 32px;
    }

.btn-head-group a span {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    width: auto;
    font-size: 11px;
    padding: 7px 15px;
    background: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    right: 0;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    transition: all .1s ease-in;
    z-index: 100;
}
.btn-head-group a:hover span {bottom: -39px;opacity: 1;pointer-events: all;}
.btn-head-group a i {color: #fff}
.btn-head-group a.green {background: #0abb87}
.btn-head-group a.green:hover span {color: #0abb87}
.btn-head-group a.blue {background: #5867dd}
.btn-head-group a.blue:hover span {color: #5867dd}
.btn-head-group a.red {background: #fd397a}
.btn-head-group a.red:hover span {color: #fd397a}
.btn-head-group a.yellow {background: #ffb822}
.btn-head-group a.yellow:hover span {color: #ffb822}
.btn-head-group a.purple {background: var(--purple);}
.btn-head-group a.purple:hover span {color: var(--purple);}
.btn-head-group a.cyan {background: #17a2b8}
.btn-head-group a.cyan:hover span {color: #17a2b8}
.btn-head-group a.print {background: #04a9f3}
.btn-head-group a.print:hover span {color: #04a9f3}
.btn-head-group a.pink {background: #e83e8c}
.btn-head-group a.pink:hover span {color: #e83e8c}
.btn-head-group button.green {background: #0abb87}
.btn-head-group button.green:hover span {color: #0abb87}
.btn-head-group button.blue {background: #5867dd}
.btn-head-group button.blue:hover span {color: #5867dd}
.btn-head-group button.red {background: #fd397a}
.btn-head-group button.red:hover span {color: #fd397a}
.btn-head-group button.yellow {background: #ffb822}
.btn-head-group button.yellow:hover span {color: #ffb822}
.btn-head-group button.purple {background: var(--purple);}
.btn-head-group button.purple:hover span {color: var(--purple);}
.btn-head-group button.cyan {background: #17a2b8}
.btn-head-group button.cyan:hover span {color: #17a2b8}
.btn-head-group button.print {background: #04a9f3}
.btn-head-group button.print:hover span {color: #04a9f3}
.btn-head-group button.pink {background: #e83e8c}
.btn-head-group button.pink:hover span {color: #e83e8c}/*.search-header,.search-result-header{display:none;}*/

.rmaef-popup {
    width:1200px;
}
.modal .rmaef-popup .modal-body {
    min-height: 300px;
    max-height: 430px;
}
img.realbookslogo {
    height: 16px;
    margin-top: -3px;
    margin-left: 2px;
}
/*************Profile***************/
.eqlh {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.profile-details {
    background: #fff;
    height: 83vh;
    padding-right: 10px;
    box-sizing: border-box;
}

.profile-details-left {
    border-right: 1px solid #ddd;
    width: 100%;
}

.profile-img {
    width: 200px;
    overflow: hidden;
    margin: 0px auto 20px;
    position: relative;
}

.edit-profile-pic-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #28a745;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #28a745;
}
    .edit-profile-pic-btn:hover {
        background: #fff;
        border: 1px solid #28a745;
    }
        .edit-profile-pic-btn:hover i {
            color: green;
        }
    .edit-profile-pic i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.profile-img img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
}

.profile-mailid {
    text-align: center;
    margin: 0px 0;
}

    .profile-mailid h5 {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        padding: 0;
        margin: 0 0 10px 0;
        text-transform: initial;
    }

    .profile-mailid a {
    }

.profile-details-right {
    width: 100%;
    padding-top: 20px;
}

    .profile-details-right h4 {
        font-size: 25px;
        font-weight: 600;
        padding: 0;
        margin: 0;
        text-transform: initial;
        margin-bottom: 20px;
    }

.phone-no-table {
    margin-bottom: 20px;
}

    .phone-no-table tr td {
        padding: 4px 10px !important;
    }

.profile-details-right .fgroup {
    margin-bottom: 30px !important;
}

    .profile-details-right .fgroup label {
        font-weight: 500;
        top: 12px;
    }

    .profile-details-right .fgroup input {
        height: unset;
        padding: 10px 10px;
        border-radius: 10px;
    }

    .profile-details-right .fgroup select {
        height: unset;
        padding: 10px 10px;
        border-radius: 10px;
    }

.profile-details-right .input-group label {
    font-weight: 500;
    top: 12px;
}

.profile-details-right .input-group input {
    height: unset;
    padding: 10px 10px;
    border-radius: 10px;
}

.profile-details-right .input-group select {
    height: unset;
    padding: 10px 10px;
    border-radius: 10px;
}

.full-width {
    width: 100%;
}



.reset-pass button {
    position:relative;
}

    .reset-pass span {
        /*color: #fff;
        font-weight: 500;
        padding: 6px 15px;
        background: #f44336;
        display: inline-block;
        color: #fff;
        border-radius: 10px;
        border: 1px solid #f44336;
        text-decoration: none;
        cursor: pointer;*/
    }

        .reset-pass span:hover {
            color: #f44336;
            background: #fff;
        }
.profile-save {
    width: 80px;
    text-align: center;
    color: #0abb87;
    border: 1px solid #0abb87;
    background: #fff;
    line-height: 22px;
    padding: 3px 0;
    border-radius: 10px;
}
    .profile-save i {
        font-size: 20px;
        color: #0abb87;
        vertical-align: middle;
        margin-right: 2px;
    }

    .profile-save:hover {
        color: #fff;
        border: 1px solid #fff;
        background: #0abb87;
    }
        .profile-save:hover i {
            color: #fff;
        }
        .profile-save:hover span {
            background: #0abb87;
            color: #fff;
        }

.profile-edit {
    width: 80px;
    text-align: center;
    color: #0abb87;
    border: 1px solid #0abb87;
    background: #fff;
    line-height: 22px;
    padding: 3px 0;
    border-radius: 10px;
}

    .profile-edit i {
        font-size: 20px;
        color: #0abb87;
        vertical-align: middle;
        margin-right: 2px;
    }

    .profile-edit:hover {
        color: #fff;
        border: 1px solid #fff;
        background: #0abb87;
    }

        .profile-edit:hover i {
            color: #fff;
        }

        .profile-edit:hover span {
            background: #0abb87;
            color: #fff;
        }

.profile-back {
    width: 80px;
    text-align: center;
    color: #fd7e14;
    border: 1px solid #fd7e14;
    background: #fff;
    line-height: 22px;
    padding: 3px 0;
    border-radius: 10px;
    display: inline-block;
    text-decoration:none;
}

    .profile-back i {
        font-size: 20px;
        color: #fd7e14;
        vertical-align: middle;
        margin-right: 2px;
    }

    .profile-back:hover {
        color: #fff;
        border: 1px solid #fff;
        background: #fd7e14;
        text-decoration: none;
    }

        .profile-back:hover i {
            color: #fff;
        }

        .profile-back:hover span {
            background: #fd7e14;
            color: #fff;
        }


#change-password {
    margin-top: 10px;
    color: #fff;
    font-weight: 500;
    padding: 6px 15px;
    background: #f44336;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #f44336;
    text-decoration: none;
    cursor: pointer;
}
    #change-password:hover {
        color: #f44336;
        background: #fff;
        border: 1px solid #f44336;
    }

.change-password-dialog {
    width: 300px !important;
}

.change-password-sec {
    padding: 20px 0 10px;
}

    .change-password-sec .fgroup {
        margin-bottom: 5px !important;
    }

        .change-password-sec .fgroup input {
            height: unset;
            padding: 10px 10px;
            border-radius: 10px;
            margin-bottom: 10px;
        }

        .change-password-sec .fgroup label {
            font-weight: 500;
            top: 12px;
            font-size: 13px;
        }

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background-color: #000;
    opacity:0.5;
}

.reset-password-input {
    position: relative;
}

    .reset-password-input i {
        position: absolute;
        top: 13px;
        right: 15px;
        cursor: pointer;
    }
/*************Profile***************/
.btn-head-group {}
.btn-head-group .sub-btn {position: fixed;width: auto;top: 57px;right: 0;display: flex;margin: 0;z-index: 99999;padding: 0;}
:root {--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #5867dd;--secondary: #e1e1ef;--success: #0abb87;--info: #5578eb;--warning: #ffb822;--danger: #fd397a;--light: #f8f9fa;--dark: #343a40;}
.welcome-msg {padding: 5px 30px;color: #fff;font-size: 12px;font-weight: 500;/*text-transform: uppercase;*/}
.welcome-msg a {font-size: 11px;margin-top: 5px;display: block;color: #fff;}
span {margin-top: 5px;}
.welcome-msg a:hover {text-decoration: underline;}
.welcome-msg img {margin-left: 5px;}
.select-all-checkbox {margin-left: 10px;color: #9e9e9e;font-size: 16px;font-weight: 400;float: right;display: inline-block;}
.add-details input[type=button].prim-btn {background-color: transparent;color: #296094;font-weight: 500;border: 0px;padding-left: 10px;text-align: left;}
.add-details input[type=button].prim-btn:hover {text-decoration: underline;}
.expense-report input:hover {background-color: #296094;border: 1px solid #296094;color: #fff;}
.expense-tabel .search-input {padding: 0px;display: none;position: absolute;top: 0px;width: 100%;left: 0;height: 40px;}
.expense-tabel .search-input input {padding: 8px 15px 8px;border: none;color: #4d4d4d;}
.expense-tabel ul li .tag1 .search-input input {border-radius: 12px 0px 0 0;}
.expense-tabel ul li .tag7 .search-input input {border-radius: 0px 12px 0 0;}
.expense-tabel .search-input input::-webkit-input-placeholder {/* Chrome/Opera/Safari */color: #4d4d4d;font-size: 16px;}
.expense-tabel .search-input input::-moz-placeholder {/* Firefox 19+ */color: #4d4d4d;font-size: 16px;}
.expense-tabel .search-input input:-ms-input-placeholder {/* IE 10+ */color: #4d4d4d;font-size: 16px;}
.expense-tabel .search-input input:-moz-placeholder {/* Firefox 18- */color: #4d4d4d;font-size: 16px;}
.expense-tabel ul li a.search-icon {position: absolute;right: 8px;top: 11px;width: 15px;}
.expense-tabel ul {display: table-row-group;vertical-align: middle;border-color: inherit;border-collapse: collapse;}
.expense-tabel ul li {width: 100%;display: table-row;vertical-align: inherit;border-color: inherit;}
.expense-tabel ul li:first-child {box-shadow: 0px 3px 10px #d8d8d8;}
.expense-tabel ul li:first-child {background-color: #fff;border-bottom: 2px solid #dadae1;}
.expense-tabel ul li:nth-child(odd) {}
.expense-tabel ul li:nth-child(even) {background-color: #fff}
.expense-tabel ul li .expense-titel {padding: 12px 10px;color: #5d5c5c;font-weight: 700;}
.expense-tabel ul li div {border-right: 1px solid #dddddd;text-align: left;padding: 15px 10px;display: table-cell;vertical-align: inherit;color: #797979;font-size: 16px;font-weight: 500;position: relative;}
.expense-tabel ul li div.tag1 input {border: 0px;text-align: left;padding: 0px;display: table-cell;vertical-align: inherit;color: #797979;font-size: 16px;font-weight: 500;position: relative;outline: none;background-color: transparent;}
.expense-tabel ul li div a {color: #296094;}
.expense-tabel ul li div a img {padding: 0 10px;}
.expense-tabel ul li div a:hover {text-decoration: underline;}
.expense-tabel ul li div:last-child {border-right: 0px solid #dddddd;width: 100px;}
.expense-tabel ul li div.tag3 {min-width: 100px;}
.expense-tabel ul li div.tag2 {min-width: 90px;max-width: 90px;width: 90px;text-align: center !important;}
.expense-tabel ul li div.tag1 {min-width: 70px;max-width: 70px;width: 70px;text-align: center !important;}
.expense-tabel ul li:last-child div {border-bottom: 0px solid #dddddd;}
.expense-tabel ul li.add-level {background-color: #fff;width: 100%;}
.expense-tabel ul li.add-level .tag1 {border-top: 1px solid #dddddd;border-right: 0px;}
.expense-tabel ul li.add-level .tag2 {border-top: 1px solid #dddddd;border-right: 0px;}
.expense-tabel ul li.add-level .tag3 {border-top: 1px solid #dddddd;border-right: 0px;}
.expense-tabel ul li.add-level .tag4 {border-top: 1px solid #dddddd;border-right: 0px;}
.expense-tabel ul li.add-level .tag5 {border-top: 1px solid #dddddd;border-right: 0px;}
.expense-tabel ul li div.pending {color: #fd5814;}
.expense-tabel ul li div.verification {color: #0a94ef;}
.expense-tabel ul li div.approved {color: #23c649;}
.expense-tabel ul li div.disbursement {color: #ca03a2;}
.expense-tabel ul li div.settled {color: #03cab5;}
.expense-tabel ul li div.tag9 {text-align: center;}
.employee-top-head ul li {width: 33.33%;float: left;}
.employee-top-head.view-test ul li {width: 25%;float: left;}
.employee-top-head ul li:last-child {text-align: right;}
.employee-top-head ul li.deactivated-clients {padding: 10px 0px 10px 20px;}
.employee-top-head ul li.searchbar input {width: 70%;}
.employee-top-head ul li label {font-size: 14px;font-weight: 500;color: #797979;}
.employee-top-head ul li input[type="text"] {width: 100%;padding: 13px 0px 4px;border-left: 0px;border-right: 0px;border-top: 0px;border-bottom: 1px solid #676767;margin: 0;font-size: 18px;font-weight: 300;outline: none;color: #797979;background-color: #f4f4f4;background-repeat: no-repeat;background-position: bottom;}
.employee-top-head ul li .searchicon:before {content: " ";background: url(../images/search.png);background-repeat: no-repeat;display: block;height: 40px;width: 26px;position: absolute;right: 2px;top: 2px;z-index: 9;cursor: pointer;pointer-events: none;-ms-pointer-events: none;-webkit-pointer-events: none;background-position: center;}
.employee-top-head ul li .date:before {content: " ";background: url(../images/date.png);background-repeat: no-repeat;display: block;height: 40px;width: 26px;position: absolute;right: 2px;top: 2px;z-index: 9;cursor: pointer;pointer-events: none;-ms-pointer-events: none;-webkit-pointer-events: none;background-position: center;}
.employee-top-head ul li input[type=button] {min-width: 140px;height: 40px;font-size: 18px;margin-right: 0px;border: 1px solid #296094;background-color: #296094;color: #fff;padding: 5px 30px;margin-top: 0px;}
.employee-top-head ul li input[type=button]:hover {background-color: #408fd2;border: 1px solid #408fd2;}
.employee-top-head ul li .input-group label {background-color: transparent;}
.employee-top-head ul li .input-type-select:after {background-color: #f4f4f4;}
.export {background-image: url(../images/export.png);background-repeat: no-repeat;background-position: 10px center;padding: 5px 30px 5px 50px;background-size: 35px;}
.expense-tabel ul li .tag4 {text-align: center;}
.expense-tabel ul li a.deactivate,
.expense-tabel ul li a.activate {color: #fff;font-weight: 400;padding: 4px 15px;font-size: 16px;width: 120px;display: inline-block;text-align: center;}
.expense-tabel ul li a.activate {border: 1px solid #00c854;color: #00c854;}
.expense-tabel ul li a.activate:hover {background-color: #00c854;color: #fff;text-decoration: none;}
.expense-tabel ul li a.deactivate {border: 1px solid #ff5723;color: #ff5723;}
.expense-tabel ul li a.deactivate:hover {background-color: #ff5723;color: #fff;text-decoration: none;}
.expense-tabel ul li a:hover {text-decoration: underline;}
.address-book-master .container {}
.address-book-master .address-book-tabel {padding: 10px 5px;background: #fff;box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);border-radius: 4px;overflow: hidden;}
.tabel-header {background: #f4f4f4;padding: 20px 40px;border-radius: 4px 4px 0px 0px;border-bottom: 1px solid #e5e3e5;background: url(../images/address-bg.png);background-size: cover;/*display:none;*/background: #fff;}
.tabel-header h1 {color: #666668;font-size: 26px;font-weight: 700;float: left;padding: 8px 0 0px;}
.search-cntr {float: right;width: 250px;position: relative;}
.search-cntr:before {content: "";width: 1px;height: 100%;}
.search-cntr input {border: 1px solid #dddddd;border-radius: 6px;padding: 8px 30px 8px 15px;}
.search-cntr .search {background-image: url(../images/search.png);background-repeat: no-repeat;background-position: center;width: 31px;height: 32px;border: none;border-radius: 0;position: absolute;right: 4px;top: 1px;border-left: 1px solid #dddddd;margin: 0px;background-color: #fff;font-size: 0px;}
.sub-btn {text-align: center;margin-bottom: 10px;margin-top: 10px;}
.sub-btn input[type=button].primary-btn {color: #fff;font-size: 14px;font-weight: 700;margin: 0;padding: 10px 0px;width: 125px;height: 50px;background: #2dc25d;border: 2px solid transparent;border-bottom: 5px solid #239558;border-radius: 5px;text-align: center;margin-right: 20px}
.sub-btn input[type=button].primary-btn:hover {color: #239558;border: 2px solid #239558;border-bottom: 5px solid #239558;background: #fff;}
.sub-btn input[type=button].secondary-btn {color: #006cb8;font-size: 14px;font-weight: 700;margin: 0;padding: 10px 0px;width: 125px;height: 50px;background: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #006cb8;border-radius: 5px;text-align: center}
.sub-btn input[type=button].secondary-btn:hover {color: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #00487b;background: #006cb8;}
.sub-btn input[type=submit].primary-btn {color: #fff;font-size: 14px;font-weight: 700;margin: 0;padding: 10px 0px;width: 125px;height: 50px;background: #2dc25d;border: 2px solid transparent;border-bottom: 5px solid #239558;border-radius: 5px;text-align: center;/*margin-right:20px*/}
.sub-btn input[type=submit].primary-btn:hover {color: #239558;border: 2px solid #239558;border-bottom: 5px solid #239558;background: #fff;}
.sub-btn input[type=submit].secondary-btn {color: #006cb8;font-size: 14px;font-weight: 700;margin: 0;padding: 10px 0px;width: 125px;height: 50px;background: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #006cb8;border-radius: 5px;text-align: center}
.sub-btn input[type=submit].secondary-btn:hover {color: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #00487b;background: #006cb8;}
.sub-btn a.primary-btn {color: #fff;font-size: 14px;font-weight: 700;margin: 0;padding: 16px 0px;width: 125px;height: 50px;background: #2dc25d;border: 2px solid transparent;border-bottom: 5px solid #239558;border-radius: 5px;text-align: center;margin-right: 0px;display: inline-block;text-transform: uppercase;}
.sub-btn a.primary-btn:hover {color: #239558;border: 2px solid #239558;border-bottom: 5px solid #239558;background: #fff;}
.sub-btn a.secondary-btn {color: #006cb8;font-size: 14px;font-weight: 700;margin: 0;padding: 16px 0px;width: 125px;height: 50px;background: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #006cb8;border-radius: 5px;text-align: center;display: inline-block;text-transform: uppercase;}
.sub-btn a.secondary-btn:hover {color: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #00487b;background: #006cb8;}
.submitformbtn input[type=submit] {color: #006cb8;font-size: 12px;font-weight: 700;margin: 0;padding: 10px 0px;width: 100px;height: 50px;background: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #006cb8;border-radius: 5px;text-align: center}
.submitformbtn input[type=submit]:hover {color: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #00487b;background: #006cb8;}
.primary-btn {color: #fff;font-size: 14px;font-weight: 700;margin: 0;padding: 16px 0px;width: 125px;height: 50px;background: #2dc25d;border: 2px solid transparent;border-bottom: 5px solid #239558;border-radius: 5px;text-align: center;margin-right: 0px;display: inline-block;}
.primary-btn:hover {color: #239558;border: 2px solid #239558;border-bottom: 5px solid #239558;background: #fff;}
.secondary-btn {color: #006cb8;font-size: 14px;font-weight: 700;margin: 0;padding: 16px 0px;width: 125px;height: 50px;background: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #006cb8;border-radius: 5px;text-align: center;display: inline-block;}
.secondary-btn:hover {color: #fff;border: 2px solid #006cb8;border-bottom: 5px solid #00487b;background: #006cb8;}
.panel.tabel-header {background: #fff;box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);border-radius: 0px;overflow: hidden;margin-bottom: 0px;padding: 0;}
.panel {background: #fff;box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);border-radius: 4px;overflow: hidden;margin-bottom: 15px;border-bottom: 0;}
.panel .panel-header {color: #48465b;padding: 5px 15px;border-bottom: 1px solid #ebedf2;}
    .panel .panel-header.tabtitle {
        margin-bottom: 10px;
    }
.panel .panel-header input {margin: 0 !important}
.panel .panel-header select {margin: 0 !important}
.panel .panel-header h3 {display: inline-block;font-size: 16px;line-height: 25px;text-transform: uppercase;font-weight: 500;padding: 0;margin: 0;}
.panel .panel-header h3 i {margin-right: 5px;}
.panel .panel-body {padding: 10px 20px 0px;}
.panel .panel-body table {width: 100%;}
.panel .panel-body table tr {display: flex;margin-left: -10px;margin-right: -10px;}
.panel .panel-body.row- tr {display: table-row;margin-left: 0px;margin-right: 0px;width: 100%;}
.panel .panel-body.row- th,.panel .panel-body.row- td {float: none;width: auto !important;display: table-cell;text-align: left;}
.las.la-trash {font-size: 20px;}
.table tbody tr td a.las.la-print {color: #065af3 !important;font-size: 16px !important;line-height: 1.5 !important;font-weight: bold;padding: 0rem;border-radius: .2rem;/*width: 30px;*/text-align: center;cursor: pointer;}
.table tbody tr td button.las.la-print {color: #065af3 !important;font-size: 16px !important;line-height: 1.5 !important;font-weight: bold;padding: 0rem;border-radius: .2rem;width: 30px;text-align: center;cursor: pointer;border: 0;background: transparent;}
.table tbody tr td i.las.la-trash {color: #fd397a !important;font-size: 16px !important;line-height: 1.5 !important;font-weight: bold;padding: 0rem;border-radius: .2rem;width: 30px;text-align: center;cursor: pointer;}
.panel .panel-body table tr td {float: left;width: 25%;padding: 0 10px;margin-bottom: 0px;}
.panel .panel-body table tr td label {position: absolute;top: 6px;left: 14px;z-index: 10;background: #fff;padding: 0 5px;transition: all .1s ease-in-out;}

select {
    -webkit-appearance: none;
    background: transparent
}
input[type=text],input[type=email],input[type="file"],select,textarea {font-family: 'Poppins', sans-serif;font-size: 13px;width: 100%;border: 1px solid #d3d3d3;border-radius: 4px;padding: 5px 10px;resize: none;outline: none;margin-bottom: 10px !important;}
input[type=text]:focus,select:focus,textarea:focus {border-color: #7a90ff;}
.Maxcharacters {color: #808080;position: absolute;left: 14px;bottom: 8px;padding: 0px 4px;background: #fff;margin: 0;font-size: 10px;}
.panel .panel-body table tr td label {position: absolute;top: 6px;left: 14px !important;z-index: 1;background: #fff;padding: 0 5px !important;transition: all .1s ease-in-out;font-size: 13px;}
.panel .panel-body table tr td.input-checkbox label {position: absolute;top: 6px;left: 14px;z-index: 1;background: #fff;padding: 0 5px;transition: all .1s ease-in-out;font-size: 13px;}
.panel .panel-body table tr td div.input-group label {left: 4px !important;}
.panel .panel-body table tr td label.in {top: -7px;left: 14px;font-size: 10px;z-index: 4;}
.panel-header.panel-primary {background: #fff;color: #2a2d94;color: #fff;}
.panel-border-none {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
.panel-body-area {
    padding: 3px 0px 0px !important;
}
.panel-header-text {
    padding: 5px 2px !important;
}
.panel-header.panel-primary.color1 h3 {
    color: var(--blue);
}
.panel-header.panel-primary.color2 h3 {color: var(--pink);}
.panel-header.panel-primary.color3 h3 {color: var(--green);}
.panel-header.panel-primary.color4 h3 {color: var(--orange);}
.panel-header.panel-primary.color5 h3 {color: var(--pink);}
.panel-header.panel-primary.color6 h3 {color: var(--purple);}
.input-group .form-control {border-radius: 4px !important;box-shadow: 0px 0px 0px !important;}
.twinput2575 input.w25 {min-width: 25%;width: 25% !important;float: left;}
.twinput2575 input.w30 {min-width: 30%;width: 30% !important;float: left;}
.twinput2575 input.w50 {min-width: 50%;width: 50% !important;float: left;}
.twinput2575 input.w70 {min-width: 70%;width: 70% !important;float: left;}
.twinput2575 input.w75 {min-width: 75%;width: 75% !important;float: left;}

.fgroup.w25 {min-width: 25%;width: 25% !important;float: left;}
.fgroup.w30 {min-width: 30%;width: 30% !important;float: left;}
.fgroup.w50 {min-width: 50%;width: 50% !important;float: left;}
.fgroup.w70 {min-width: 70%;width: 70% !important;float: left;}
.fgroup.w75 {min-width: 75%;width: 75% !important;float: left;}

.input-group.w25 {min-width: 25%;width: 25% !important;float: left;}
.input-group.w30 {min-width: 30%;width: 30% !important;float: left;}
.input-group.w50 {min-width: 50%;width: 50% !important;float: left;}
.input-group.w70 {min-width: 70%;width: 70% !important;float: left;}
.input-group.w75 {min-width: 75%;width: 75% !important;float: left;}

.row {display: flex;margin-left: -10px;margin-right: -10px}
.row .col {width: 25%;padding: 0 10px;}
.row .col.col-25 {width: 25%}
.row .col.col-30 {width: 30%}
.row .col.col-33 {width: 33.33%}
.row .col.col-35 {width: 35%}
.row .col.col-40 {width: 40%}
.row .col.col-50 {width: 50%}
.row .col.col-50 + .col.col-50 {padding: 0 10px 0 10px;}
.row .col.col-66 {width: 66.66%}
.row .col.col-75 {width: 75%}
.row .col input.gobtn {min-width: 40px;display: inline-block;text-align: center;margin: 0 2px;padding: 10px 20px;border-radius: 3px;font-size: 13px;line-height: 1rem;font-weight: 500;cursor: pointer;background: #5d78ff;border: 1px solid #5d78ff;color: #fff;text-decoration: none;}
.row .col input.gobtn:hover {background: #fff;color: #5d78ff;}
.row .col button.Resetbtn {min-width: 40px;display: inline-block;text-align: center;margin: 0 2px;padding: 10px 20px;border-radius: 3px;font-size: 13px;line-height: 1rem;font-weight: 500;cursor: pointer;background: #fff;border: 1px solid #5d78ff;color: #5d78ff;text-decoration: none;}
.row .col button.Resetbtn:hover {background: #5d78ff;color: #fff;}
.search-box {position: relative;}
/*.search-box input {padding-left: 38px !important;}*/
.search-box .las {position: absolute;top: 6px;left: 17px;font-size: 20px;color: #74788d;pointer-events: none;}
.date input {padding-right: 26px !important;}
.date .las {position: absolute;top: 7px;right: 5px;left:unset;font-size: 20px;color: #74788d;pointer-events: none;z-index: 0;}
.fgroup label {position: absolute;top: 6px;left: 5px;z-index: 10;background: #fff;padding: 0 2px;transition: all .1s ease-in-out;z-index: 1;}
.fgroup {position: relative}
.form-design .fgroup {margin-bottom: 10px;height: 34px;}
table td .fgroup {margin-bottom: 0;}
.fgroup.in label {top: -7px;left: 7px;font-size: 10px;z-index: 3;}
.fgroup.setin label {top: -7px;left: 7px;font-size: 10px;z-index: 1;}
.dropdown-ico {position: absolute;right: 10px;top: 10px;pointer-events: none;}
select {-webkit-appearance: none !important;background: transparent !important;}
/*.login-top-cntr + .animated-form .animate-label .inputType.user-name {background: url(/Content/images/user-name.png);background-repeat: no-repeat;background-size: contain;}
.login-top-cntr + .animated-form .animate-label .inputType.password {background: url(/Content/images/password.png);background-repeat: no-repeat;background-size: contain;}*/


.animate-label .input-group.animate-label .input-group.UserLoginForm{position:relative}
.animate-label .input-group.UserLoginForm:before{content: "";position: absolute;left: 0px;top: 0px;background: url(/Content/images/user-name.png);background-repeat: no-repeat;background-size: contain;width: 68px;height: 41px;}
.animate-label .input-group.UserLoginPassword{position:relative}
.animate-label .input-group.UserLoginPassword:before{content: "";position: absolute;left: 0px;top: 0px;background: url(/Content/images/password.png);background-repeat: no-repeat;background-size: contain;width: 68px;height: 41px;}

.login-top-cntr + .animated-form .animate-label .inputType {border: 1px solid #dddddd;border-radius: 6px;padding: 8px 30px 8px 15px;padding-left: 72px;}
.border-box {/*border: #c2c1c1 solid 1px;*/margin-bottom: 10px;background: #fff;padding: 5px 0 10px}
.border-box1 {/*border: #c2c1c1 solid 1px;*/margin-bottom: 10px;background: #fff;padding: 5px 0 10px}
.border-none {border: none;}
.border-tbl {margin: 0 10px;background: #fff;}
.border-box-heading {border-bottom: none;position: relative;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);display: block;margin-top: 0px;border-radius: 4px 4px 0px 0px;}
.row-box {/*background: #fff;*/padding: 5px 0 0px 16px}
.border-box.tbl {padding: 0}
.border-box1.tbl {padding: 0}
.create-deta .container {width: 100%;padding: 0 12px;box-shadow: 0px 0px 0px #b1b1b1;border-radius: 0px;}
.create-deta h2 {font-size: 26px;color: #666668;font-weight: 700;position: relative;cursor: pointer;padding: 25px 40px 15px;border-radius: 4px 4px 0px 0px;border-bottom: 1px solid #e5e3e5;background: url(../images/address-bg.png);background-size: cover;text-transform: uppercase;}
.accordian-arrow-down {background: url(../images/hide-arrow.png) center center no-repeat;-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);height: 50px;width: 50px;position: absolute;right: 0;top: 0;}
.border-box {/* border: #c2c1c1 solid 1px; */margin-bottom: 10px;background: #fff;padding: 5px 0 10px;border-radius: 4px;}
.animate-label .input-group {position: relative;margin-top: 5px;margin-bottom: 6px;display: inline-block;padding-right: 10px;}
.row-box.animate-label table td label {position: absolute;padding: 6px 5px;background: #fff;top: 1px;left: 2px;z-index: 1;margin: 0px;font-size: 14px;font-weight: 500;}
.row-box.animate-label table td label strong {font-weight: bold;}
.row-box.animate-label label.active {top: -9px;padding: 0px 5px;font-size: 12px;font-weight: bold;height: 16px;color: #4d4b4b;}
.row-box.animate-label table td.pn label {position: unset;}
.half-cntr {width: 50%;display: block;float: left;}
.pt0 {padding-top: 0px !important;}
.table thead tr {
    background: #f4f4f4;
    border: none;
}
.table tr {border-bottom: 1px solid #f3f2f7;}
.table thead tr th {
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 13px;
    background: transparent;
    position: sticky;
    top: 0;
    background: #f4f4f4;
    z-index: 1;
}
.table th {color: #000;font-weight: 500;text-transform: uppercase;line-height: 14px;font-size: 13px;}
.table thead tr th {
    padding: 10px 5px !important;
    position: sticky;
    top: 0;
    background: #f4f4f4;
    z-index:1;
}

    .milestone-table {

    }
    .milestone-table tr {
        background: none !important;
    }
        .milestone-table tr td {
            vertical-align: middle !important;
            padding: 12px 0 !important;
        }
    
        .milestone-table tr td:first-child {
            width:55px;
        }
        .milestone-table tr td:first-child p {
            width: 40px;
            height: 40px;
            background: #ccc;
            border-radius: 50%;
            padding: 10px !important;
            line-height: 22px;
            text-align: center;
            font-size: 16px;
            margin: 0;
        }
        .milestone-table tr td:nth-child(2) p {
            font-size: 14px;
            margin-bottom: 0;
        }
            .milestone-table tr td:nth-child(2) p:nth-child(2) {
                font-size: 12px;
                margin-bottom: 0;
            }

.table-bordered {
    border: 0px solid #eee !important;
}
.table th,
.table td {/*border: none !important;*/font-size: 11px;padding: 4px 5px !important;text-align: left;text-transform: uppercase;color: #595d6e;/*vertical-align: middle !important;*/}
.table > tbody > tr:nth-child(even) {background: #fff;}
.table > tbody > tr:nth-child(odd) {background: #f9f9f9;}
.table th, 
.table td {border: 0 !important;}
/*.table thead tr th.addresstable {width: 20%;}
.table thead tr th.companytable {width: 10%}*/

table > tbody > tr > td > a {color: #797979;font-size: 11px;font-weight: 500;}
table > tbody > tr > td > a.edit {font-size: 16px;}
/*table thead tr th:nth-last-child(1),
.table thead tr th:nth-last-child(2) {text-align: left !important;}
table tbody tr td:nth-last-child(1),
.table tbody tr td:nth-last-child(2) {text-align: left !important;}
table tbody tr td:nth-child(2) {font-weight: bold;}*/
table thead tr th.checkboxcntr:last-child {width: 30px;}

table tbody tr td input[type="checkbox"]:not(:checked),
table tbody tr td input[type="checkbox"]:checked {position: absolute;left: -9999px;}
table tbody tr td input[type="checkbox"]:not(:checked) + label,
table tbody tr td input[type="checkbox"]:checked + label {position: relative;cursor: pointer;pointer-events: unset;}
table tbody tr td input[type="checkbox"]:not(:checked) + label:before,
table tbody tr td input[type="checkbox"]:checked + label:before {content: "";position: absolute;left: 0px;top: -12px;width: 18px;height: 18px;background: #fff;border-radius: 4px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.5);background: #f0f3ff;transition: all .1s ease-in-out;}
table tbody tr td input[type="checkbox"]:not(:checked) + label:after,
table tbody tr td input[type="checkbox"]:checked + label:after {content: '\f00c';position: absolute;top: -7px;left: 4px;font-size: 11px;line-height: 0.8;color: #2d3092;transition: all 0.2s;font-weight: 900;font-family: 'Line Awesome Free';}
table tbody tr td input[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
table tbody tr td input[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
table tbody tr td input[type="checkbox"]:disabled:not(:checked) + label:before,
table tbody tr td input[type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
table tbody tr td input[type="checkbox"]:disabled:checked + label:after {color: #999;}
table tbody tr td input[type="checkbox"]:disabled + label {color: #aaa;pointer-events: unset;}
table tbody tr td input[type="checkbox"]:checked + label:hover:after {font-size: 14px;}

table thead tr th input[type="checkbox"]:not(:checked),
table thead tr th input[type="checkbox"]:checked {position: absolute;left: -9999px;}
table thead tr th input[type="checkbox"]:not(:checked) + label,
table thead tr th input[type="checkbox"]:checked + label {position: relative;cursor: pointer;display: block;pointer-events: unset;}
table thead tr th input[type="checkbox"]:not(:checked) + label:before,
table thead tr th input[type="checkbox"]:checked + label:before {content: "";position: absolute;left: 0;top: -14px;width: 18px;height: 18px;background: #fff;border-radius: 4px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.5);background: #f0f3ff;transition: all .1s ease-in-out;}
table thead tr th input[type="checkbox"]:not(:checked) + label:after,
table thead tr th input[type="checkbox"]:checked + label:after {content: '\f00c';position: absolute;top: -8px;left: 4px;font-size: 11px;line-height: 0.8;color: #2d3092;transition: all 0.2s;font-weight: 900;font-family: 'Line Awesome Free';}
table thead tr th input[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
table thead tr th input[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
table thead tr th input[type="checkbox"]:disabled:not(:checked) + label:before,
table thead tr th input[type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
table thead tr th input[type="checkbox"]:disabled:checked + label:after {color: #999;}
table thead tr th input[type="checkbox"]:disabled + label {color: #aaa;pointer-events: unset;}
table thead tr th input[type="checkbox"]:checked + label:hover:after {font-size: 14px;}

input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {position: absolute;left: -9999px;}
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {position: relative;cursor: pointer;pointer-events: unset;}
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {content: "";position: absolute;left: 0;top: -14px;width: 18px;height: 18px;background: #fff;border-radius: 4px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.5);background: #f0f3ff;transition: all .1s ease-in-out;}
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {content: '\f00c';position: absolute;top: -8px;left: 4px;font-size: 11px;line-height: 0.8;color: #2d3092;transition: all 0.2s;font-weight: 900;font-family: 'Line Awesome Free';}
input[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
input[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
input[type="checkbox"]:disabled:checked + label:after {color: #999;}
input[type="checkbox"]:disabled + label {color: #aaa;pointer-events: unset;}
input[type="checkbox"]:checked + label:hover:after {font-size: 14px;}
.table tbody tr td {line-height: 22px;}
.table tbody tr td p{margin-top: 0 !important;text-align: inherit;}

input[type="radio"]:not(:checked),
input[type="radio"]:checked {position: absolute;left: -9999px;}
input[type="radio"]:not(:checked) + label,
input[type="radio"]:checked + label {position: relative;cursor: pointer;pointer-events: unset;}
input[type="radio"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before {content: "";position: absolute;left: 0;top: 0px;width: 18px;height: 18px;background: #fff;border-radius: 4px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.5);background: #f0f3ff;transition: all .1s ease-in-out;}
input[type="radio"]:not(:checked) + label:after,
input[type="radio"]:checked + label:after {content: '\f00c';position: absolute;top: 5px;left: 3px;font-size: 11px;line-height: 0.8;color: #2d3092;transition: all 0.2s;font-weight: 900;font-family: 'Line Awesome Free';}
input[type="radio"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
input[type="radio"]:checked + label:after {opacity: 1;transform: scale(1);}
input[type="radio"]:disabled:not(:checked) + label:before,
input[type="radio"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
input[type="radio"]:disabled:checked + label:after {color: #999;}
input[type="radio"]:disabled + label {color: #aaa;pointer-events: unset;}
input[type="radio"]:checked + label:hover:after {font-size: 14px;top: 4px;left: 2px;}
input[type="radio"]:checked + label:hover:before {transform: scale(1.15);border: 1px solid #cfd4e8;}

input[type="radio"]:not(:checked),
input[type="radio"]:checked {position: absolute;left: -9999px;}
input[type="radio"]:not(:checked) + a,
input[type="radio"]:checked + a {position: relative;cursor: pointer;padding-left: 30px;pointer-events: unset;}
input[type="radio"]:not(:checked) + a:before,
input[type="radio"]:checked + a:before {content: "";position: absolute;left: 0;top: 0px;width: 18px;height: 18px;background: #fff;border-radius: 4px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.5);background: #f0f3ff;transition: all .1s ease-in-out;}
input[type="radio"]:not(:checked) + a:after,
input[type="radio"]:checked + a:after {content: '\f00c';position: absolute;top: 5px;left: 3px;font-size: 11px;line-height: 0.8;color: #2d3092;transition: all 0.2s;font-weight: 900;font-family: 'Line Awesome Free';}
input[type="radio"]:not(:checked) + a:after {opacity: 0;transform: scale(0);}
input[type="radio"]:checked + a:after {opacity: 1;transform: scale(1);}
input[type="radio"]:disabled:not(:checked) + a:before,
input[type="radio"]:disabled:checked + a:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
input[type="radio"]:disabled:checked + a:after {color: #999;}
input[type="radio"]:disabled + a {color: #aaa;pointer-events: unset;}
input[type="radio"]:checked + a:hover:after {font-size: 14px;top: 4px;left: 2px;}
input[type="radio"]:checked + a:hover:before {transform: scale(1.15);border: 1px solid #cfd4e8;}

table tbody tr td input[type="checkbox"]:not(:checked) + input + label,
table tbody tr td input[type="checkbox"]:checked + input + label {position: relative;cursor: pointer;pointer-events: unset;}
table tbody tr td input[type="checkbox"]:not(:checked) + input + label:before,
table tbody tr td input[type="checkbox"]:checked + input + label:before {content: "";position: absolute;left: 0;top: 0px;width: 18px;height: 18px;background: #fff;border-radius: 4px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.5);background: #f0f3ff;transition: all .1s ease-in-out;}
table tbody tr td input[type="checkbox"]:not(:checked) + input + label:after,
table tbody tr td input[type="checkbox"]:checked + input + label:after {content: '\f00c';position: absolute;top: 5px;left: 4px;font-size: 11px;line-height: 0.8;color: #2d3092;transition: all 0.2s;font-weight: 900;font-family: 'Line Awesome Free';}
table tbody tr td input[type="checkbox"]:not(:checked) + input + label:after {opacity: 0;transform: scale(0);}
table tbody tr td input[type="checkbox"]:checked + input + label:after {opacity: 1;transform: scale(1);}
table tbody tr td input[type="checkbox"]:disabled:not(:checked) + input + label:before,
table tbody tr td input[type="checkbox"]:disabled:checked + input + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
table tbody tr td input[type="checkbox"]:disabled:checked + input + label:after {color: #999;}
table tbody tr td input[type="checkbox"]:disabled + input + label {color: #aaa;pointer-events: unset;}
table tbody tr td input[type="checkbox"]:checked + input + label:hover:after {font-size: 14px;top: 4px;left: 2px;}
table tbody tr td input[type="checkbox"]:checked + input + label:hover:before {transform: scale(1.15);border: 1px solid #cfd4e8;}

input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {position: absolute;left: -9999px;}
input[type="checkbox"]:not(:checked) + input + label,
input[type="checkbox"]:checked + input + label {position: relative;cursor: pointer;pointer-events: unset;}
input[type="checkbox"]:not(:checked) + input + label:before,
input[type="checkbox"]:checked + input + label:before {content: "";position: absolute;left: 0;top: 0px;width: 18px;height: 18px;background: #fff;border-radius: 4px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.5);background: #f0f3ff;transition: all .1s ease-in-out;}
input[type="checkbox"]:not(:checked) + input + label:after,
input[type="checkbox"]:checked + input + label:after {content: '\f00c';position: absolute;top: 5px;left: 4px;font-size: 11px;line-height: 0.8;color: #2d3092;transition: all 0.2s;font-weight: 900;font-family: 'Line Awesome Free';}
input[type="checkbox"]:not(:checked) + input + label:after {opacity: 0;transform: scale(0);}
input[type="checkbox"]:checked + input + label:after {opacity: 1;transform: scale(1);}
input[type="checkbox"]:disabled:not(:checked) + input + label:before,
input[type="checkbox"]:disabled:checked + input + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
input[type="checkbox"]:disabled:checked + input + label:after {color: #999;}
input[type="checkbox"]:disabled + input + label {color: #aaa;pointer-events: unset;}
input[type="checkbox"]:checked + input + label:hover:after {font-size: 14px;top: 4px;left: 2px;}
table tbody tr td input[type="checkbox"]:checked + input + label:hover:before {transform: scale(1.15);border: 1px solid #cfd4e8;}

.check-group label {padding-left: 30px !important;}
.check-group td.input-checkbox {margin-bottom: 10px !important;width: auto !important;min-width: 130px;}
.input-group {width: 100%;display: inline-block;}
.panel .panel-body table tr.check-group {margin-bottom: 10px !important;}
.panel .panel-body table tr.check-group td label {left: 0px;}
.panel .panel-body table tr.check-group td.input-checkbox label {left: 0px !important;padding-left: 30px !important;position: relative;}
.panel .panel-body table tr.check-group td label input[type="checkbox"] {}
.table tbody tr td label:hover:before {transform: scale(1.01);border: 1px solid #cfd4e8;}
.check-group label {padding-left: 0px;}
.check-group input[type="checkbox"]:not(:checked) + label:before,
.check-group input[type="checkbox"]:checked + label:before {top: 0px;}
label.newlab:before {top: -14px !important;}
label.newlab:after {top: -9px !important;}
.check-group input[type="checkbox"]:not(:checked) + label:after,
.check-group input[type="checkbox"]:checked + label:after {top: 5px;right: 2px}
.tableNA {position: absolute;top: 10px;right: 18px;z-index: 99;}
.tableView {color: blue !important;font-size: 22px;position: absolute;top: 4px;right: 18px;z-index: 99;}
.search-div.fl.row-box {padding: 10px 0 0px 10px;}
.row-box.animate-label table td label {position: static;padding: 9px 5px;background: #fff;top: 1px;left: 2px;z-index: 1;margin: 0px;font-size: 14px;font-weight: 500;display: block;color: #797979;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
textarea {
    padding: 6px 5px;
    border: 1px solid #c9c9c9;
    margin: 0;
    font-size: 14px;
    font-weight: 100;
    height: 34px;
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 5px 10px;
    resize: none;
    outline: none;
    color: #48465b;
    font-size: 13px !important;
    color: #48465b;
    font-weight: 100;
}

.panel .panel-body table tr td.subtitle label {position: static !important;}
.panel .panel-body table tr td.subtitle {}

.panel .panel-body table.wid33 tr td {width: 33.333%;}
.panel .panel-body table.wid50 tr td {width: 50%;}
input:focus + label {outline: 1px solid #7a90ff;}
input:focus + label + label {outline: 1px solid #7a90ff;}

select {border: 1px solid #c9c9c9;color: #2f3e5e;padding: 5px 10px;outline: none;cursor: pointer;position: relative;text-indent: 0.01px;overflow: hidden;background: url(../images/down-arrow.png) 98% center no-repeat;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 14px;font-weight: 500;height: 34px;font-size: 13px !important;color: #48465b;font-weight: 100;}
.create-deta {margin-top: 0px;}
.create-deta-bg {background: #fff;}
.half-cntr {width: 50%;display: block;float: left;}
.animate-label .input-group {position: relative;margin-top: 5px;margin-bottom: 6px;display: inline-block;padding-right: 14px;}
textarea {height: 78px;resize: none;font-size: 14px;}
.animate-label .input-group.input-checkbox {min-width: 138px;}
.animate-label .input-group.input-checkbox input[type="checkbox"] {position: relative;top: 2px;}
.outer-div {display: table !important;height: 140px;width: 100%;text-align: center;}
.middle-div {display: table-cell !important;vertical-align: middle;height: 100vh;}
.last-div {display: inline-block;margin: 0 auto;background-color: #fff;}
.wrapper-container {margin: 60px auto 0px;}
@media screen and (min-width: 1400px) and (max-width: 2500px) {}
@media screen and (min-width: 1023px) and (max-width: 1400px) {}
@media(min-width:1200px) {
.container {width: 100%;padding: 0px;}
}
@media(min-width:769px) {/*For Desktop Only*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {float: left;padding: 0 2%}
.grid-layout {margin: 0 -2%}
.grid-12 {width: 100%;float: none;}
.grid-11 {width: 91.66666666666666%}
.grid-10 {width: 83.33333333333334%}
.grid-9 {width: 75%}
.grid-8 {width: 66.66666666666666%}
.grid-7 {width: 58.333333333333336%}
.grid-6 {width: 50%}
.grid-5 {width: 41.66666666666667%}
.grid-4 {width: 33.33333333333333%}
.grid-3 {width: 25%}
.grid-2 {width: 16.666666666666664%}
.grid-1 {width: 8.333333333333332%}
.scrollTop {position: fixed;right: 20px;bottom: 20px;width: 40px;height: 40px;text-align: center;z-index: 6;display: none;background: #2e3192;border-radius: 50%;}
.scrollTop a {display: block;color: #fff;}
.scrollTop a:before {font: 20px/40px FontAwesome;content: '\f102';}
.tabResult .tabBx .content {display: block;}}
@media screen and (min-width: 1600px) and (max-width: 1920px) {}
@media screen and (min-width: 0) and (max-width: 1199px) {}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 0) and (max-width: 979px) {}
@media screen and (min-width: 0) and (max-width: 768px) {}
@media screen and (min-width: 0) and (max-width: 767px) {}
@media screen and (min-width: 0) and (max-width: 568px) {}
@media screen and (min-width: 0) and (max-width: 480px) {}
@media screen and (min-width: 0) and (max-width: 320px) {}
span.multiselect-native-select {position: relative}
span.multiselect-native-select select {border: 0 !important;clip: rect(0 0 0 0) !important;height: 1px !important;margin: -1px -1px -1px -3px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;left: 50%;top: 30px}
.multiselect-container {position: absolute;list-style-type: none;margin: 0;padding: 0}
.multiselect-container .input-group {margin: 5px}
.multiselect-container > li {padding: 0}
.multiselect-container > li > a.multiselect-all label {font-weight: 700}
.multiselect-container > li.multiselect-group label {margin: 0;padding: 3px 20px 3px 20px;height: 100%;font-weight: 700}
.multiselect-container > li.multiselect-group-clickable label {cursor: pointer}
.multiselect-container > li > a {padding: 0}
.multiselect-container > li > a > label {margin: 0;height: 100%;cursor: pointer;font-weight: 400;padding: 3px 0 3px 30px}
.multiselect-container > li > a > label.radio,.multiselect-container > li > a > label.checkbox {margin: 0}
.multiselect-container > li > a > label > input[type=checkbox] {margin-bottom: 5px}
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {padding: 3px 20px 3px 40px}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {margin-left: -20px;margin-right: 0}
/*Multiselect dropdown css end*/

.grid-4.action-btn {padding: 0;margin-top: 20px;margin-bottom: 40px;}
.grid-4.action-btn .grid-6 {padding: 0px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {float: left}
.col-xs-1 {width: 8.333333%}
.col-xs-2 {width: 16.666667%}
.col-xs-3 {width: 25%}
.col-xs-4 {width: 33.333333%}
.col-xs-5 {width: 41.666667%}
.col-xs-6 {width: 50%}
.col-xs-7 {width: 58.333333%}
.col-xs-8 {width: 66.666667%}
.col-xs-9 {width: 75%}
.col-xs-10 {width: 83.333333%}
.col-xs-11 {width: 91.666667%}
.col-xs-12 {width: 100%}
.col-xs-pull-0 {right: auto}
.col-xs-pull-1 {right: 8.333333%}
.col-xs-pull-2 {right: 16.666667%}
.col-xs-pull-3 {right: 25%}
.col-xs-pull-4 {right: 33.333333%}
.col-xs-pull-5 {right: 41.666667%}
.col-xs-pull-6 {right: 50%}
.col-xs-pull-7 {right: 58.333333%}
.col-xs-pull-8 {right: 66.666667%}
.col-xs-pull-9 {right: 75%}
.col-xs-pull-10 {right: 83.333333%}
.col-xs-pull-11 {right: 91.666667%}
.col-xs-pull-12 {right: 100%}
.col-xs-push-0 {left: auto}
.col-xs-push-1 {left: 8.333333%}
.col-xs-push-2 {left: 16.666667%}
.col-xs-push-3 {left: 25%}
.col-xs-push-4 {left: 33.333333%}
.col-xs-push-5 {left: 41.666667%}
.col-xs-push-6 {left: 50%}
.col-xs-push-7 {left: 58.333333%}
.col-xs-push-8 {left: 66.666667%}
.col-xs-push-9 {left: 75%}
.col-xs-push-10 {left: 83.333333%}
.col-xs-push-11 {left: 91.666667%}
.col-xs-push-12 {left: 100%}
.col-xs-offset-0 {margin-left: 0}
.col-xs-offset-1 {margin-left: 8.333333%}
.col-xs-offset-2 {margin-left: 16.666667%}
.col-xs-offset-3 {margin-left: 25%}
.col-xs-offset-4 {margin-left: 33.333333%}
.col-xs-offset-5 {margin-left: 41.666667%}
.col-xs-offset-6 {margin-left: 50%}
.col-xs-offset-7 {margin-left: 58.333333%}
.col-xs-offset-8 {margin-left: 66.666667%}
.col-xs-offset-9 {margin-left: 75%}
.col-xs-offset-10 {margin-left: 83.333333%}
.col-xs-offset-11 {margin-left: 91.666667%}
.col-xs-offset-12 {margin-left: 100%}

@media (min-width: 768px) {
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {float: left}
.col-sm-1 {width: 8.333333%}
.col-sm-2 {width: 16.666667%}
.col-sm-3 {width: 25%}
.col-sm-4 {width: 33.333333%}
.col-sm-5 {width: 41.666667%}
.col-sm-6 {width: 50%}
.col-sm-7 {width: 58.333333%}
.col-sm-8 {width: 66.666667%}
.col-sm-9 {width: 75%}
.col-sm-10 {width: 83.333333%}
.col-sm-11 {width: 91.666667%}
.col-sm-12 {width: 100%}
.col-sm-pull-0 {right: auto}
.col-sm-pull-1 {right: 8.333333%}
.col-sm-pull-2 {right: 16.666667%}
.col-sm-pull-3 {right: 25%}
.col-sm-pull-4 {right: 33.333333%}
.col-sm-pull-5 {right: 41.666667%}
.col-sm-pull-6 {right: 50%}
.col-sm-pull-7 {right: 58.333333%}
.col-sm-pull-8 {right: 66.666667%}
.col-sm-pull-9 {right: 75%}
.col-sm-pull-10 {right: 83.333333%}
.col-sm-pull-11 {right: 91.666667%}
.col-sm-pull-12 {right: 100%}
.col-sm-push-0 {left: auto}
.col-sm-push-1 {left: 8.333333%}
.col-sm-push-2 {left: 16.666667%}
.col-sm-push-3 {left: 25%}
.col-sm-push-4 {left: 33.333333%}
.col-sm-push-5 {left: 41.666667%}
.col-sm-push-6 {left: 50%}
.col-sm-push-7 {left: 58.333333%}
.col-sm-push-8 {left: 66.666667%}
.col-sm-push-9 {left: 75%}
.col-sm-push-10 {left: 83.333333%}
.col-sm-push-11 {left: 91.666667%}
.col-sm-push-12 {left: 100%}
.col-sm-offset-0 {margin-left: 0}
.col-sm-offset-1 {margin-left: 8.333333%}
.col-sm-offset-2 {margin-left: 16.666667%}
.col-sm-offset-3 {margin-left: 25%}
.col-sm-offset-4 {margin-left: 33.333333%}
.col-sm-offset-5 {margin-left: 41.666667%}
.col-sm-offset-6 {margin-left: 50%}
.col-sm-offset-7 {margin-left: 58.333333%}
.col-sm-offset-8 {margin-left: 66.666667%}
.col-sm-offset-9 {margin-left: 75%}
.col-sm-offset-10 {margin-left: 83.333333%}
.col-sm-offset-11 {margin-left: 91.666667%}
.col-sm-offset-12 {margin-left: 100%}
}
@media (min-width: 992px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {float: left}
.col-md-1 {width: 8.333333%}
.col-md-2 {width: 16.666667%}
.col-md-3 {width: 25%}
.col-md-4 {width: 33.333333%}
.col-md-5 {width: 41.666667%}
.col-md-6 {width: 50%}
.col-md-7 {width: 58.333333%}
.col-md-8 {width: 66.666667%}
.col-md-9 {width: 75%}
.col-md-10 {width: 83.333333%}
.col-md-11 {width: 91.666667%}
.col-md-12 {width: 100%}
.col-md-pull-0 {right: auto}
.col-md-pull-1 {right: 8.333333%}
.col-md-pull-2 {right: 16.666667%}
.col-md-pull-3 {right: 25%}
.col-md-pull-4 {right: 33.333333%}
.col-md-pull-5 {right: 41.666667%}
.col-md-pull-6 {right: 50%}
.col-md-pull-7 {right: 58.333333%}
.col-md-pull-8 {right: 66.666667%}
.col-md-pull-9 {right: 75%}
.col-md-pull-10 {right: 83.333333%}
.col-md-pull-11 {right: 91.666667%}
.col-md-pull-12 {right: 100%}
.col-md-push-0 {left: auto}
.col-md-push-1 {left: 8.333333%}
.col-md-push-2 {left: 16.666667%}
.col-md-push-3 {left: 25%}
.col-md-push-4 {left: 33.333333%}
.col-md-push-5 {left: 41.666667%}
.col-md-push-6 {left: 50%}
.col-md-push-7 {left: 58.333333%}
.col-md-push-8 {left: 66.666667%}
.col-md-push-9 {left: 75%}
.col-md-push-10 {left: 83.333333%}
.col-md-push-11 {left: 91.666667%}
.col-md-push-12 {left: 100%}
.col-md-offset-0 {margin-left: 0}
.col-md-offset-1 {margin-left: 8.333333%}
.col-md-offset-2 {margin-left: 16.666667%}
.col-md-offset-3 {margin-left: 25%}
.col-md-offset-4 {margin-left: 33.333333%}
.col-md-offset-5 {margin-left: 41.666667%}
.col-md-offset-6 {margin-left: 50%}
.col-md-offset-7 {margin-left: 58.333333%}
.col-md-offset-8 {margin-left: 66.666667%}
.col-md-offset-9 {margin-left: 75%}
.col-md-offset-10 {margin-left: 83.333333%}
.col-md-offset-11 {margin-left: 91.666667%}
.col-md-offset-12 {margin-left: 100%}}
@media (min-width: 1200px) {
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {float: left}
.col-lg-1 {width: 8.333333%}
.col-lg-2 {width: 16.666667%}
.col-lg-3 {width: 25%}
.col-lg-4 {width: 33.333333%}
.col-lg-5 {width: 41.666667%}
.col-lg-6 {width: 50%}
.col-lg-7 {width: 58.333333%}
.col-lg-8 {width: 66.666667%}
.col-lg-9 {width: 75%}
.col-lg-10 {width: 83.333333%}
.col-lg-11 {width: 91.666667%}
.col-lg-12 {width: 100%}
.col-lg-pull-0 {right: auto}
.col-lg-pull-1 {right: 8.333333%}
.col-lg-pull-2 {right: 16.666667%}
.col-lg-pull-3 {right: 25%}
.col-lg-pull-4 {right: 33.333333%}
.col-lg-pull-5 {right: 41.666667%}
.col-lg-pull-6 {right: 50%}
.col-lg-pull-7 {right: 58.333333%}
.col-lg-pull-8 {right: 66.666667%}
.col-lg-pull-9 {right: 75%}
.col-lg-pull-10 {right: 83.333333%}
.col-lg-pull-11 {right: 91.666667%}
.col-lg-pull-12 {right: 100%}
.col-lg-push-0 {left: auto}
.col-lg-push-1 {left: 8.333333%}
.col-lg-push-2 {left: 16.666667%}
.col-lg-push-3 {left: 25%}
.col-lg-push-4 {left: 33.333333%}
.col-lg-push-5 {left: 41.666667%}
.col-lg-push-6 {left: 50%}
.col-lg-push-7 {left: 58.333333%}
.col-lg-push-8 {left: 66.666667%}
.col-lg-push-9 {left: 75%}
.col-lg-push-10 {left: 83.333333%}
.col-lg-push-11 {left: 91.666667%}
.col-lg-push-12 {left: 100%}
.col-lg-offset-0 {margin-left: 0}
.col-lg-offset-1 {margin-left: 8.333333%}
.col-lg-offset-2 {margin-left: 16.666667%}
.col-lg-offset-3 {margin-left: 25%}
.col-lg-offset-4 {margin-left: 33.333333%}
.col-lg-offset-5 {margin-left: 41.666667%}
.col-lg-offset-6 {margin-left: 50%}
.col-lg-offset-7 {margin-left: 58.333333%}
.col-lg-offset-8 {margin-left: 66.666667%}
.col-lg-offset-9 {margin-left: 75%}
.col-lg-offset-10 {margin-left: 83.333333%}
.col-lg-offset-11 {margin-left: 91.666667%}
.col-lg-offset-12 {margin-left: 100%}
}
/*charts style*/
.highcharts-title tspan {color: #797979;font-size: 16px;font-weight: bold;}
.highcharts-legend-item tspan {color: #797979;font-size: 16px;font-weight: bold;}
text tspan {font-weight: bold;color: #797979;font-size: 16px;}
text {font-weight: bold;color: #797979;font-size: 14px;}
/*charts style end*/

#country_id {text-transform: uppercase !important;}
#state_id {text-transform: uppercase !important;}
#city_id {text-transform: uppercase !important;}
#ryal_branch_state_no {text-transform: uppercase !important;}
#ryal_branch_city_no {text-transform: uppercase !important;}
#select_all_chk {position: relative;top: 1.5px;left: 4px;}
#select_all_lbl {font-weight: bold !important;text-decoration: underline;display: inline-table;}
#select_all_lbl:hover {font-weight: bold !important;text-decoration: underline;/*color:#f1e3e3;*/}
.field-validation-error {color: red;font-size: 9px;display: block;margin-top: 5px;position: absolute;top: 7px;right: 14px;}
.td-height td {
    line-height: 14px !important;
}
#dsrtabledata th {
    font-size: 11px !important;
}
.td-bg {
    background: #FF7F50 !important;
    color: #fff !important;
    border-radius: 5px 5px 0px 0px;
}
.selected {
    background-color: #FF7F50;
    color: #fff !important;
}
    .fa-sort-amount-down-alt:before, .fa-sort-amount-up:before {
        margin-right: 2px !important;
    }
#entitytabledata th.asc:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #4a4a4a transparent transparent transparent;
    margin-left: 2px;
}

#entitytabledata th.desc:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 3px 5px 3px;
    border-color: transparent transparent #4a4a4a transparent;
    margin-left: 2px;
}
#iatasummarytabledata th.asc:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #4a4a4a transparent transparent transparent;
    margin-left: 2px;
}
.sortable span {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
}

.date-col-10 {
    width: 10% !important;
}
.date-col-12 {
    width: 12% !important;
}
.date-col-14 {
    width: 14% !important;
}
.date-col-16 {
    width: 16% !important;
}
.date-col-18 {
    width: 18% !important;
}
.date-col-20 {
    width: 20% !important;
}
.wid-auto {
    width:auto !important;
}
.wid-120 {
    width: 120px;
}
/*.sortable span {
    margin-left: 4px;
    padding-right: 3px;
}
    .sortable span:after {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: 11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #4a4a4a transparent transparent transparent;
    }

    .sortable span:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 3px 5px 3px;
        border-color: transparent transparent #4a4a4a transparent;
    }*/

#iatasummarytabledata th.desc:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 3px 5px 3px;
    border-color: transparent transparent #4a4a4a transparent;
    margin-left: 2px;
}

#tonnagetabledata th.asc:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #4a4a4a transparent transparent transparent;
    margin-left: 2px;
}

#tonnagetabledata th.desc:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 3px 5px 3px;
    border-color: transparent transparent #4a4a4a transparent;
    margin-left: 2px;
}
.input-validation-error {
    border: 1px solid red !important;
}
.pagination-container{width: 100%;border-top: 1px solid #eee;}
.pagination > li > a {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;padding: 15px;display: inline-block;background-color: #fff;min-width: 45px;color: #4a4949;font-size: 16px;font-weight: 500;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;border: 0;box-shadow: 0px 3px 10px #d8d8d8;}
.expense-tabel ul li:first-child {box-shadow: none;border: 0px;}
ul.pagination {text-align: right;position: absolute;bottom: -55px;right: 20px;width: auto;margin: 0;z-index: 999;}
ul.pagination li {min-width: 40px;display: inline-block;text-align: center;margin: 0 2px;padding: 0;border-radius: 3px;color: #93a2dd;font-size: 13px;line-height: 1rem;font-weight: 500;cursor: pointer;text-align: center;}
ul.pagination > li > a {padding: 0;min-width: auto;font-size: 14px;color: #93a2dd;border: 0;box-shadow: none;background-color: transparent !important;float: none;display: inline-block;width: 100%;text-align: center;padding: .5rem;cursor: pointer;}
ul.pagination li.active,
ul.pagination li:hover {background: #5d78ff;color: #fff;}
ul.pagination li.PagedList-skipToPrevious,
ul.pagination li.PagedList-skipToNext {border: 1px solid #f0f3ff;background: #f0f3ff;}
ul.pagination li.PagedList-skipToPrevious:hover,
ul.pagination li.PagedList-skipToNext:hover {background: #5d78ff;color: #fff;}
ul.pagination > li > a:hover {top: 0 !important;text-decoration: none !important;color: #fff;}
ul.pagination > li:hover a {color: #fff;cursor: pointer !important;}
ul.pagination li {float: left;width: auto;}
.expense-tabel p {margin: 10px 0 0 0;}
.expense-tabel p.activitylisthodcntr{width: auto;float: left;padding-right: 10px;position:relative;margin: 0;}
.expense-tabel p.activitylisthodcntr:after{content:"-";position: absolute;right: 2px;}
.expense-tabel p.activitylisthodcntr:last-child:after{display:none;}


.expense-tabel p.romlist{width: auto;display: table;padding-right: 10px;position:relative;margin: 0;}
.expense-tabel p.romlist:after{content:",";position: absolute;right: -4px;}
.expense-tabel p.romlist:last-child:after{display:none;}
/********************The system has to have all the data stored in uppercase only.****************************/
a[btn_cat="add"],
a[btn_cat="edit"],
input[type="submit"],
input[type="button"],
input[type="text"] {text-transform: uppercase;}
select,
select option {text-transform: uppercase;background: #fff;color: #595d6e;font-weight: 400;}
label {text-transform: uppercase;}
textarea {text-transform: uppercase;}

.fa,
.fas {font-weight: 900 !important;}
.la-lock-open{background-color: transparent;color: #0abb87 !important;font-size: 16px !important;width: 18px;min-width: 0;padding: 0;}
.la-check.available {background-color: rgba(10, 187, 135, .1);background-color: transparent;color: #0abb87 !important;font-size: 10px !important;line-height: 1.5 !important;font-weight: bold;padding: .5rem 0rem;border-radius: .2rem;width: 30px;width: 10px;min-width: 10px;text-align: center;text-align: center;}
.fa-times.not-available {background-color: rgba(253, 57, 122, .1);background-color: transparent;color: #f44336 !important;font-size: 10px !important;font-size: 12px !important;line-height: 1.5 !important;font-weight: bold;padding: .5rem 0rem;padding: 0;border-radius: .2rem;width: 10px;min-width: 10px;text-align: center;}
.fa-skull-crossbones.NONDG {background-color: rgba(10, 187, 135, .1);color: #0abb87 !important;font-size: 15px !important;line-height: 1.5 !important;font-weight: bold;padding: 2px 5px;border-radius: .2rem;width: 30px;text-align: center;margin: 0;position: relative;}
.fa-skull-crossbones.DG {background-color: rgba(253, 57, 122, .1);color: #fd397a !important;font-size: 15px !important;line-height: 1.5 !important;font-weight: bold;padding: 2px 5px;border-radius: .2rem;width: 30px;text-align: center;margin: 0;position: relative;}
.la-eye.view {background-color: rgba(93, 120, 255, 0.1);color: #5d78ff !important;font-size: 15px !important;line-height: 1.5 !important;font-weight: bold;padding: 2px 0px;border-radius: .2rem;width: 30px;text-align: center;}
.la-plus.add {background-color: rgba(10, 187, 135, .1);color: #0abb87 !important;font-size: 15px !important;line-height: 1.5 !important;font-weight: bold;padding: 2px 0px;border-radius: .2rem;width: 30px;text-align: center;}
button.la-plus.add {background-color: rgba(10, 187, 135, .1);outline: 0;border: 0;}
.available {background-color: rgba(10, 187, 135, 0.1);background-color: transparent;color: #0abb87 !important;font-size: 11px !important;line-height: 1.5 !important;font-weight: normal;padding: 5px;border-radius: .2rem;text-align: left;margin: 0 !important;outline: 0;border: 0;min-width: 30px;}
.not-available {background-color: rgba(253, 57, 122, 0.1);background-color: transparent;color: #f44336 !important;font-size: 11px !important;line-height: 1.5 !important;font-weight: normal;padding: 5px;border-radius: .2rem;text-align: left;margin: 0 !important;outline: 0;border: 0;min-width: 30px;}
.new-available {background-color: rgba(93, 120, 255, 0.1);background-color: transparent;color: #5d78ff !important;font-size: 11px !important;line-height: 1.5 !important;font-weight: normal;padding: 5px;border-radius: .2rem;text-align: left;margin: 0 !important;outline: 0;border: 0;min-width: 30px;}
.newavailable {background-color: rgba(255, 191, 128, 0.1);background-color: transparent;color: #ff851b !important;font-size: 11px !important;line-height: 1.5 !important;font-weight: normal;padding: 5px;border-radius: .2rem;text-align: left;margin: 0 !important;outline: 0;border: 0;min-width: 30px;}
.panel .panel-body table .tbody.tabprinttit {display: flex;}
.panel .panel-body table tr.tabprinttr {margin: 0 auto;width: 66%;}
.panel .panel-body table tr td.tabprinttd {width: 50%;}
/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */

input[type=number] {-moz-appearance: textfield;}
.panel,
.panel.tabel-header {overflow: visible;}
.modal .search-header {display: block !important}
.ui-widget-content {z-index: 9999999 !important;max-height: 300px !important;overflow-x: auto !important;overflow-y: auto !important;}
.far.fa-skull-crossbones.NONDG:after {content: "";position: absolute;top: 12px;left: 0;height: 2px;width: 100%;background: #0abb87;transform: rotate(-45deg);}
.table tbody tr:hover {background: rgba(255, 133, 27, 0.05) !important;}

.selecttyle {
    height: 34px;
    font-size: 13px;
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 5px 10px;
    resize: none;
}
.table-condensed thead tr {display: table !important;width: 100% !important;margin: 0 !important;}
.datepicker-days .table-condensed tbody tr {display: flex !important;width: 100% !important;margin: 0 !important;}
.datepicker-days .table-condensed tbody tr td {padding: 5px !important;margin: 0px !important;height: auto !important;}
.datepicker-months .table-condensed tbody tr td {width: 100% !important;}
.datepicker-years .table-condensed tbody tr td {width: 100% !important;}
.datepicker-decades .table-condensed tbody tr td {width: 100% !important;}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {text-align: left;}
.bootstrap-datetimepicker-widget table td span {text-align: center;}
.table-condensed thead tr.dow {background: #eee;}
.panel .panel-body table tr td .table-condensed tbody tr td {min-width: 37px !important;text-align: center !important;}
.form-design .fgroup .table-condensed tbody tr td {min-width: 37px !important;text-align: center !important;}
.fgroup .table-condensed tbody tr td {min-width: 37px !important;text-align: center !important;}/*.table-condensed tbody tr td {min-width: 37px !important;text-align: center !important;}*/

.datepicker-days .table-condensed tbody tr td.day.weekend {color: red;}
.datepicker-days .table-condensed tbody tr td.day.old.weekend {color: rgba(255, 0, 24, 0.5);}
.datepicker-days .table-condensed tbody tr td.day.disabled.weekend {color: red;}
.datepicker-days .table-condensed tbody tr td.day.new.disabled.weekend {color: rgba(255, 0, 24, 0.5);}
.datepicker-days .table-condensed tbody tr td.day {color: #000;min-width: 37px !important;text-align: center !important;}
.datepicker-days .table-condensed tbody tr td.day.old {color: #999;}
.datepicker-days .table-condensed tbody tr td.day.disabled {color: #000;cursor: not-allowed;}
.datepicker-days .table-condensed tbody tr td.day.new.disabled {color: #999;cursor: not-allowed;}
.datepicker-days .table-condensed tbody tr td.day.active {color: #fff !important}
.timepicker-picker .table-condensed tbody tr {display: table !important;width: 100% !important;margin: 0 !important;}
.timepicker-picker .table-condensed tbody tr td {padding: 0;width: auto;height: auto;line-height: normal;float: none;}
.timepicker-picker .table-condensed tbody tr td a.btn {width: 54px;height: 54px;padding: 0;margin: 15px !important;}
.bootstrap-datetimepicker-widget table td span {line-height: 50px !important;margin: 0 !important;top: -1px !important;left: -1px !important;}
.bootstrap-datetimepicker-widget table td span:hover {background: #2e3192 !important;}
.bootstrap-datetimepicker-widget table td span:hover .glyphicon-chevron-up:before {color: #fff;}
.bootstrap-datetimepicker-widget table td span.timepicker-hour:hover {background: #2e3192 !important;color: #fff;top: 0 !important;margin-left: 2px !important;margin-right: -2px !important;}
.bootstrap-datetimepicker-widget table td span.timepicker-minute:hover {background: #2e3192 !important;color: #fff;top: 0 !important;margin-left: -2px !important;margin-right: 2px !important;}

.form-control {width: 100%;line-height: 1.42857143;background-color: #ffffff;background-image: none;border-radius: 4px;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;border: 1px solid #c9c9c9;padding: 5px 10px;outline: none;cursor: pointer;position: relative;text-indent: 0.01px;overflow: hidden;height: 34px;font-size: 13px !important;color: #48465b;font-weight: 100;}
.bootstrap-datetimepicker-widget table td {height: auto;}
.ui-menu .ui-menu-item {font-size: 13px !important;color: #48465b;font-weight: 100;text-transform: uppercase;font-family: 'Poppins', sans-serif;padding: 5px 10px;}

label {pointer-events: none;}
.chKBoxCont label {pointer-events: auto;}
/*input[type="checkbox"] ~ label,
input[type="checkbox"] ~ label,
input[type="radio"] ~ label,
input[type="radio"] ~ label{pointer-events: unset;}*/
body{text-transform:uppercase;}
title{text-transform:uppercase;}

/*loader start*/

#preloader { display:none;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 9999999;
}

@keyframes preload-show-1 {
    from {
        -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #393185
    }
}

@keyframes preload-hide-1 {
    to {
        -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #393185
    }
}

@keyframes preload-cycle-1 {
    5% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #393185
    }

    10%,75% {
        -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: #393185
    }

    80%,100% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #393185
    }
}

@keyframes preload-show-2 {
    from {
        -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #0da0e2
    }
}

@keyframes preload-hide-2 {
    to {
        -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #0da0e2
    }
}

@keyframes preload-cycle-2 {
    10% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #0da0e2
    }

    15%,70% {
        -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: #0da0e2
    }

    75%,100% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #0da0e2
    }
}

@keyframes preload-show-3 {
    from {
        -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #0da0e2
    }
}

@keyframes preload-hide-3 {
    to {
        -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #0da0e2
    }
}

@keyframes preload-cycle-3 {
    15% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #0da0e2
    }

    20%,65% {
        -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: #0da0e2
    }

    70%,100% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #0da0e2
    }
}

@keyframes preload-show-4 {
    from {
        -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #0066b0
    }
}

@keyframes preload-hide-4 {
    to {
        -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #0066b0
    }
}

@keyframes preload-cycle-4 {
    20% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #0066b0
    }

    25%,60% {
        -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #0066b0
    }

    65%,100% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #0066b0
    }
}

@keyframes preload-show-5 {
    from {
        -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #0066b0
    }
}

@keyframes preload-hide-5 {
    to {
        -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #0066b0
    }
}

@keyframes preload-cycle-5 {
    25% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #0066b0
    }

    30%,55% {
        -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #0066b0
    }

    60%,100% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #0066b0
    }
}

@keyframes preload-show-6 {
    from {
        -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #393185
    }
}

@keyframes preload-hide-6 {
    to {
        -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #393185
    }
}

@keyframes preload-cycle-6 {
    30% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #393185
    }

    35%,50% {
        -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #393185
    }

    55%,100% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #393185
    }
}

@keyframes preload-flip {
    0% {
        -webkit-transform: rotateY(0deg) rotateZ(-60deg);
        transform: rotateY(0deg) rotateZ(-60deg)
    }

    100% {
        -webkit-transform: rotateY(0deg) rotateZ(-60deg);
        transform: rotateY(0deg) rotateZ(-60deg)
    }
}

.preloader {
position: absolute;
top: 50%;
left: 50%;
font-size: 15px;
display: block;
width: 3.75em;
height: 4.25em;
margin-left: -1.875em;
margin-top: -2.125em;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotateY(180deg) rotateZ(-60deg);
transform: rotateY(180deg) rotateZ(-60deg)
}

.preloader .slice {
border-top: 1.125em solid transparent;
border-right: none;
border-bottom: 1em solid transparent;
border-left: 1.875em solid #393185;
position: absolute;
top: 0;
left: 50%;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
border-radius: 3px 3px 0 0
}

.preloader .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
-webkit-animation: 0.15s linear 0.82s preload-hide-1 both 1;
animation: 0.15s linear 0.82s preload-hide-1 both 1
}

.preloader .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
-webkit-animation: 0.15s linear 0.74s preload-hide-2 both 1;
animation: 0.15s linear 0.74s preload-hide-2 both 1
}

.preloader .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
-webkit-animation: 0.15s linear 0.66s preload-hide-3 both 1;
animation: 0.15s linear 0.66s preload-hide-3 both 1
}

.preloader .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
-webkit-animation: 0.15s linear 0.58s preload-hide-4 both 1;
animation: 0.15s linear 0.58s preload-hide-4 both 1
}

.preloader .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
-webkit-animation: 0.15s linear 0.5s preload-hide-5 both 1;
animation: 0.15s linear 0.5s preload-hide-5 both 1
}

.preloader .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
-webkit-animation: 0.15s linear 0.42s preload-hide-6 both 1;
animation: 0.15s linear 0.42s preload-hide-6 both 1
}

.preloader.loading {
-webkit-animation: 2s preload-flip steps(2) infinite both;
animation: 2s preload-flip steps(2) infinite both
}

.preloader.loading .slice:nth-child(1) {
-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-1 linear infinite both;
animation: 2s preload-cycle-1 linear infinite both
}

.preloader.loading .slice:nth-child(2) {
-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-2 linear infinite both;
animation: 2s preload-cycle-2 linear infinite both
}

.preloader.loading .slice:nth-child(3) {
-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-3 linear infinite both;
animation: 2s preload-cycle-3 linear infinite both
}

.preloader.loading .slice:nth-child(4) {
-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-4 linear infinite both;
animation: 2s preload-cycle-4 linear infinite both
}

.preloader.loading .slice:nth-child(5) {
-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-5 linear infinite both;
animation: 2s preload-cycle-5 linear infinite both
}

.preloader.loading .slice:nth-child(6) {
-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
-webkit-animation: 2s preload-cycle-6 linear infinite both;
animation: 2s preload-cycle-6 linear infinite both
}
/*loader end*/






.job-cntr.job-creator-pdf-cntr {width: 1000px;margin: 0 auto;border: 0px solid #000;}
.job-cntr.job-creator-pdf-cntr .row {display: flex;margin-left: -5px;margin-right: -5px;}
.job-cntr.job-creator-pdf-cntr .row .col {padding: 0 5px;width: 100%;}
.job-cntr.job-creator-pdf-cntr .row .col.col-50 {width: 50%;}
.job-cntr.job-creator-pdf-cntr .panel{display: flex;}
.job-cntr.job-creator-pdf-cntr .panel .panel-body {padding: 15px 10px 0 !important;width: 100%;}
.job-cntr.job-creator-pdf-cntr .panel .panel-body.job-ship-cons-tbl {padding: 5px 10px 0 !important;display: inline-block;}
.job-cntr.job-creator-pdf-cntr .panel .panel-body.job-ship-cons-tbl table{margin-bottom: 10px;}
.job-cntr.job-creator-pdf-cntr .panel .panel-body h4{padding: 0px;margin-top: 0;font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.job-cntr.job-creator-pdf-cntr .panel .panel-body table tr th,
.job-cntr.job-creator-pdf-cntr .panel .panel-body table tr td { float: left; width: 100%; text-align: left !important;border: 0px !important;}
.job-cntr.job-creator-pdf-cntr .panel .panel-body table tr {margin-left: 0px;margin-right: 0px;}
.job-cntr.job-creator-pdf-cntr .table > tbody > tr:nth-child(odd) {background: #fff;}
.job-cntr.job-creator-pdf-cntr .row .col.col-50 + .col.col-50 {padding: 0 5px 0 5px;}
.job-cntr.job-creator-pdf-cntr .panel .panel-body h4.titletop{font-size: 14px;margin-top: -5px;margin-bottom: 10px;}



.expense-tabel .row:first-child {margin-right: 0px;}
.expense-tabel .row:first-child .col-md-12{height: 80.5vh;overflow: auto; width: 100%;}
.expense-tabel .col-md-12 .table thead tr th{position: -webkit-sticky;position: sticky;top: 0;background: #f4f4f4;z-index: 999;}

.legendoverlay {
    overflow: hidden;
    width: 100%;
}
.expense-tabel ul.legendcntr {
    display: table;
    float: left;
    margin-right: 20px;
}
.expense-tabel ul.legendcntr li {position: relative;top: 2px;font-size: 11px;font-weight: 500;padding: 10px 5px;display: block;margin: 0;font-family: 'Poppins', sans-serif;margin-right: 0px;float: left;width: auto;background: transparent;}
.expense-tabel ul.legendcntr li p{margin:0px;line-height: 2.5;border: 1px solid;padding: 0 5px;position: relative;top: -3px;font-size: 10px;height: 27px;}
.expense-tabel ul.legendcntr li p i{font-size: 19px !important;position: relative;top: 2px;}
.iconset {font-size: 19px;position: relative;top: 2px;padding: 2px 5px;width: 30px;}
.fas.fa-check.iconset{font-size: 16px;}
.expense-tabel ul.legendcntr li p i.fas.fa-check{font-size: 16px !important;}
.expense-tabel p.fas.fa-check{font-size: 14px !important;}
.table tbody tr td p.fas.la-check {color: green;width: 20px;font-size: 11px;text-align: center;}
.expense-tabel ul.legendcntr li p i.fal.fa-paper-plane {font-size: 14px !important;line-height: 1.5;}
.table tbody tr td a.las.la-print {margin-left: 0px !important;}

@keyframes showclass {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.showClass {
    animation-name: showclass;
    -webkit-animation-name: showclass;
    animation-delay: 0s;
    animation-duration: 0.2s;
    animation-timing-function: linear;
}
@keyframes hideclass {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.hideClass {
    animation-name: showclass;
    -webkit-animation-name: hideclass;
    animation-delay: 0s;
    animation-duration: 0.2s;
    animation-timing-function: linear;
}
.expense-tabel ul.legendclktext {
    display: table;
    float: left;
    margin-right: 20px;
}

.expense-tabel ul.legendclktext li {
    position: relative;
    top: 2px;
    font-size: 11px;
    font-weight: 500;
    padding: 10px 5px;
    display: block;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    margin-right: 0px;
    float: left;
    width: auto;
    background: transparent;
}

.expense-tabel ul.legendclktext li p {
    margin: 0px;
    line-height: 2.5;
    padding: 0 5px;
    position: relative;
    top: -3px;
    font-size: 12px;
    height: 27px;
    color: #1168b0;
    cursor: pointer;
}

.expense-tabel ul.legendclktext li p i {
    font-size: 19px !important;
    position: relative;
    top: 2px;
    color: #1168b0;
    margin-right: 6px;
}
.legendhide {
    font-size: 16px !important;
    background: #1168b0 !important;
    border: 1px solid #eaeeff;
    padding: 2px 8px 1px !important;
    border-radius: 0;
    margin: 7px 5px 5px !important;
    cursor: pointer;
}
.legendhide i {
    color: #fff;
}
.NotAvailableLegend {
    color: #f44336
}
.CompletedLegend{color:#008000;}
.NewLegend{color:#0000ff;}
.PendingLegend{color:#fd397a}
.PrintLegend{color:#065af3;}
.ImportedLegend{color:#ff851b;}
.DispatchLegend{color:#2a2d94;}
.UpdatedLegend{color:#ff851b;}
.GeneralLegend{color:#008000;}
.HazardousLegend{color:#fd397a;}
.TemperatureLegend{color:#065af3;}
.EinvoiceLegend{color:#5d78ff;}
.ManifestLegend{color:#0000ff;}
.ViewDetailsLegend{color:#ff851b;}
.NonHazardousLegend{color:#008000;}







.multiselect-container > li > a label{pointer-events: auto;}


.noposabs{margin-top:15px;}
.noposabs input + label{padding-left: 25px;}
.noposabs input + label:before{top: 0px !important;}
.noposabs input + label:after{top: 5px !important;}
.GMAXlogo {content: "";background: url(../images/amax-logo.png) no-repeat center;width: 35px;height: 15px;display: inline-block !important;background-size: 90%;}
.TEDIlogo {content: "";background: url(../images/tedi-logo.png) no-repeat center;width: 35px;height: 15px;display: inline-block !important;background-size: 90%;}
.dropdown-menu {
    min-width: 260px;
    min-height: 260px;
    max-height: 260px;
    overflow: auto;
    width: auto !important;
    overflow-x: hidden;
}
.isactive .expense-tabel .row:first-child .col-md-12 {height: 76vh;}

#shipmenttracking .modal-dialog {width: 1000px;}

.graphicalWrapper > .graphicalStatus-box {float: none;display: inline-block !important;}
.graphicalStatus-box {margin: 0;border: 1px solid #ccc;padding: 0;border-radius: 5px !important;}
.graphicalStatusTitle {background: #eaeaea;padding: 5px;border-bottom: 1px solid #d8d8d8;font-weight: bold;}
.graphicalStatus span {display: block;}
.shpStatusDetails  {padding: 0 !important;margin-bottom: 0px;min-height: 95px;text-align: center;border-right: 1px dotted #d1d1d1;}
.shpStatusDetails div {border-top: 1px dotted #ccc;margin: 10px 20px 0 20px;}













@media (min-width: 768px) {
    .add-contact-popup {
        width: 550px;
    }
}
@media (min-width: 500px) {
    .width50Pfrm500 {width: 50%;}
}
@media (min-width: 500px) {
.floatFixFrm500 {float: left;}
}
.statusIndicator {height: 35px;width: 85px;border: 1px solid #d8d8d8;display: inline-block !important;margin-right: 3%;padding-top: 11px;padding-left: 22px;border-radius: 10px !important;font-weight: bold;font-size: 12px;text-align: center;}
.rcsPast {background: url(/Content/images/shipingtrackingicon.png) no-repeat 3px -29px;}
.rcsActive {background: #10691f url(/Content/images/shipingtrackingicon.png) no-repeat 3px 1px;color: #fff;border: 1px solid #10691f;}
.depPast {background: url(/Content/images/shipingtrackingicon.png) no-repeat 5px -150px;}
.depActive {background: #10691f url(/Content/images/shipingtrackingicon.png) no-repeat 5px -120px;color: #fff;border: 1px solid #10691f;}
.rcfPast {background: url(/Content/images/shipingtrackingicon.png) no-repeat 2px -92px;}
.rcfActive {background: #10691f url(/Content/images/shipingtrackingicon.png) no-repeat 2px -63px;color: #fff;border: 1px solid #10691f;}
.dlvPast {background: url(/Content/images/shipingtrackingicon.png) no-repeat 3px -215px;}
.dlvActive {background: #10691f url(/Content/images/shipingtrackingicon.png) no-repeat 3px -187px;color: #fff;border: 1px solid #10691f;}

.panel-header .panel-heading {padding: 0;border-top-left-radius: 3px !important;border-top-right-radius: 3px !important;color: #333;background-color: #f5f5f5;border-color: #ddd;border-bottom: 0;}
.panel-header .panel-heading a {color: #fff !important;background-color: #2a2d94 !important;text-decoration: none;padding: 8px 10px;display: block;border-top-left-radius: 3px !important;border-top-right-radius: 3px !important;text-align: center;}



.tsp10 {margin-top: 10px;}
.lsp5 {margin-left: 5px;}
.txt14 {font-size: 14px;}
.center {text-align: center;}


@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .height-scroll {
        height: 66vh;
        overflow-y: auto;
        width: 100%;
    }
    .height-scroll2 {
        height: 62vh;
        overflow-y: auto;
        width: 100%;
    }
    .expense-tabel .row:first-child .col-md-12 {
        height: 73vh;
        overflow: auto;
        width: 100%;
    }
    .isactive .expense-tabel .row:first-child .col-md-12 {height: 70vh;}
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
    .wid-30 {
        width: 30% !important;
    }
    .wid-35 {
        width: 35% !important;
    }
    .height-scroll {
        height: 58vh;
        overflow-y: auto;
        width: 100%;
    }
    .height-scroll2 {
        height: 51vh;
        overflow-y: auto;
        width: 100%;
    }
    .expense-tabel .row:first-child .col-md-12 {height: 70vh;overflow: auto; width: 100%;}
    .isactive .expense-tabel .row:first-child .col-md-12 {height: 64.5vh;}
    #breadcrumb li a {font-size: 11px;}
    #breadcrumb li.page-name {font-size: 11px;line-height: 2.2;margin: 10px 5px;}
    #breadcrumb li.page-name a{font-size: 11px !important;}
    /*.btn-head-group a {margin: 5px 0px;}*/
    .expense-tabel ul.legendcntr li p i{font-size: 14px !important;}
    .expense-tabel ul.legendcntr li { padding: 10px 3px;}
    #breadcrumb .container-fluid {padding: 0 0px;}
    .expense-tabel ul.legendcntr { /*margin-top: -5px; */}
    .expense-tabel ul.legendcntr li p i.fal.fa-paper-plane {font-size: 12px !important;top: 0px !important;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .mobShipper {width: 16.5% !important;}
    .row .col {padding: 0 5px !important;}
    .fgroup label {top: 10px;font-size: 10px;}
    .search-box .fgroup i{display:none;}
    .row .col input.gobtn {padding: 10px 10px;}
    .row .col button.Resetbtn {height: 32px;line-height: 1.1rem;}
    .table thead tr th {font-size: 10px;}
    .table th, .table td {font-size: 10px;}
    .panel .panel-body table tr td label {font-size: 12px;line-height: 13px;}
}

/*************************New DashBorad Design*************************/

.header-img {
    width: 100%;
    height: 50px;
}

.panel-sec {
    overflow: hidden;
}

.dashboard-header {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 25px;
    color: #6d6d6d;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.panel-area {
    margin: 0 3% 100px;
}
.div-center {
    margin:0 auto;
}
.panel-box-img1 {
    background: url(../images/pannel-box-img1.jpg) no-repeat;
    background-size: 100% 100%;
}

.panel-box-img2 {
    background: url(../images/pannel-box-img2.jpg) no-repeat;
    background-size: 100% 100%;
}

.panel-box-img3 {
    background: url(../images/pannel-box-img3.jpg) no-repeat;
    background-size: 100% 100%;
}

.panel-box-img4 {
    background: url(../images/pannel-box-img4.jpg) no-repeat;
    background-size: 100% 100%;
}

.panel-box-img5 {
    background: url(../images/pannel-box-img5.jpg) no-repeat;
    background-size: 100% 100%;
}

.panel-box-img6 {
    background: url(../images/pannel-box-img6.jpg) no-repeat;
    background-size: 100% 100%;
}

.panel-box {
    padding: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 100px;
}

    .panel-box h4 {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #fff;
        width: 100%;
        margin: 0;
        float: left;
        padding: 0;
    }

    .panel-box h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 40px;
        color: #fff;
        font-weight: 700;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 5px;
    }

    .panel-box a {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #fff;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .panel-box span {
        border: solid #fff;
        border-width: 2px 2px 0 0;
        display: inline-block;
        padding: 3px;
        vertical-align: middle;
        margin-top: 0px;
        margin-left: 4px;
        transform: rotate(45deg);
    }
.flex-root {
    display: flow-root;
}
.eqlh {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chart-box {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 50px;
    box-shadow: 0 0 20px rgb(0 0 0 / 8%);
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}
.chart-box-height-5 {
    height: auto;
}
.chart-box-height-6 {
    height: auto;
}
.chart-box canvas {
    position: relative;
    bottom: 5px;
}

.chart-box h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #6d6d6d;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    margin: 0px;
}

/**********Chart table 1**************/
#chart {
    max-width: 760px;
    margin: 35px auto;
    opacity: 0.9;
}

.arrow_box {
    position: relative;
    background: #fff;
    border: 2px solid #efefef;
    color: #000;
    padding: 10px;
}

    .arrow_box:after, .arrow_box:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(85, 85, 85, 0);
        border-right-color: #fff;
        border-width: 10px;
        margin-top: -10px;
    }

    .arrow_box:before {
        border-color: rgba(0, 0, 0, 0);
        border-right-color: #efefef;
        border-width: 13px;
        margin-top: -13px;
    }

#chart .apexcharts-tooltip {
    color: #fff;
    transform: translateX(10px) translateY(10px);
    overflow: visible !important;
    white-space: normal !important;
}

    #chart .apexcharts-tooltip span {
        padding: 5px 10px;
        display: inline-block;
    }

.apexcharts-tooltip.apexcharts-theme-light {
    border: 0px solid #e3e3e3;
    background: transparent;
}
/************************/

@media(min-width: 1300px) {
    /*#myChart1 {
        height: 70% !important;
    }

    #speedChart {
        height: 60% !important;
    }

    #myChart3 {
        height: 60% !important;
    }*/
    /*#myChart {
        width: 500px !important;
        height: 500px !important;
        margin: 0 11%;
    }*/
}