.icon-keyboard_arrow_right ,  a, button, .fav-colors-wrpr, .sidebar, .featured-products .card, .featured-products .card img, .searchresults-products .card, .searchresults-products .card img{
	transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
/*custom scrollbar*/
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff; 
}
 
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #465365 !important; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #465365 !important; 
}

/*custom scrollbar ends*/
a, .navbar-toggle.active span + span {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
body, input, select, button{
	font-family:Montserrat;
	
}
body{
    font-size:13px;
}

/*a.navbar-brand {
    background: #132861;
    height: auto;
    padding: 0;
    min-width: 340px;
    min-height: 69px;
    text-align: center;
    display: flex;
    justify-content: center;
}*/

a.navbar-brand {
    background: #dcdddf;
    height: auto;
    padding: 0;
    min-width: 340px;
    min-height: 69px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.navbar-collapse.collapse.headernav {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    height: 86px !important;
	background:#dcdddf;
}
.headernav h1 {
    font-size: 18px;
    font-weight: 400;
    font-family: Montserrat;
    color: #000;
}
.headernav:before,
.headernav:after {
    display: none;
}
.navbar-default{
	border:none;
}
.round-icons li a {
    background: #fff;
    border-radius: 50%;
    line-height: 1px;
    height: 34px;
    width: 34px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px;
    color: #01c7fc !important;
}
.round-icons {
    margin-right: 0px;
}
.procu-accordion .panel-heading {
    background: #ededed;
	background:#f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
	border-radius: 10px;
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.lokin{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.navbar-brand > img {
    display: block;
    max-width: 250px;
}
.procu-accordion .panel-heading h4.panel-title{
	color:#072c47;
}
.procu-accordion .panel-heading h4.panel-title a:hover,
.procu-accordion .panel-heading h4.panel-title a:focus{
	text-decoration:none;
}
.procu-accordion .panel-default.active .panel-heading h4.panel-title{
	color:#fff;
}
.procu-accordion .panel-default.active .panel-heading{
	background:#465365;
	color:#fff;
}

.procu-accordion .panel-heading h4 {
    color: #fff;
}
.procu-accordion .panel-heading span {
    display: inline-block;
    background: #465365;
    padding: 8px;
    border-radius: 50%;
    margin-right: 8px;
    color: #fff;
}

.procu-accordion {
    margin-top: 70px;
}
.procu-accordion .panel-body .icon-user3 {
    background: #00aad8;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
}
.procu-accordion .panel-body h5 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    /* opacity: .6; */
}
.procu-accordion .panel-body h6 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 25px;
}
.procu-accordion .panel-body .username{
	font-size:14px;
	font-style:normal;
}
.resrouces-details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.resrouces-details h6 {
    margin: 0;
    margin-bottom: 0 !important;
}
.resrouces-details2 {
    margin-top: 7px;
    margin-bottom: 15px;
    opacity:.8;
}
.devider {
    color: #c6c6c6;
    display: inline-block;
    margin: 0 10px;
}
.date {
    color: #00aad8;
}

.cal-icon {
    color: #225eab;
    margin-right: 8px;
}
.actionBtns a, .actionBtns button {
    border-radius: 30px;
}
.actionBtns a.choosevendor , .actionBtns button{
    background: #072c47;
	border-color:#072c47;
	min-width:160px;
    margin-right: 5px;
}
.actionBtns a.choosevendor span {
    margin-right: 6px;
}

.deletebillresource {
    width: 30px !important;
    min-width: inherit !important;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background:#ed1b2d !important;
    border-color:#ed1b2d !important;
    min-height:30px;
}
.actionBtns .choosevendor:hover {
    background: #0675cd !important;
}
.btn {
    padding: 4px 12px;
    font-size: 14px;
}

.delete-resources:before {
    position: relative;
    top: -1px;
}
.resource-list + .resource-list {
    border-top: 1px solid #dfdfdf;
}
.procu-accordion .panel-body {
   
}

.resource-list {
    padding: 0px 15px;
    margin-left: -15px;
    margin-right: -15px;
}
.acco-billofresources .panel-body {
    padding: 0px;
}
.acco-vendors .panel-body {
    padding: 0;
}
h2#Orders {
    display: none;
}
.procu-accordion .panel-heading a {
    display: block;
	position:relative;
}
.procu-accordion  .panel-heading a:after {
    content: '\e313';
    font-family: 'icons-sm';
    position: absolute;
    right: 7px;
    top: 10px;
    color: #000;
}
.procu-accordion .acco-billofres-active .acco-billofresources .panel-heading a:after,
.procu-accordion .acco-vendors-active .acco-vendors .panel-heading a:after,
.procu-accordion .acco-cart-active .acco-cart .panel-heading a:after,
.procu-accordion .acco-confirmorders-active .acco-confirmorders .panel-heading a:after,
.procu-accordion .acco-despatchorders-active .acco-despatchorders .panel-heading a:after

{
    content: '\e316';
    font-family: 'icons-sm';
    position: absolute;
    right: 7px;
    top: 10px;
    color: #fff;
}

.actionBtns a.choosevendor:hover {
    background: #0675cd;
    border-color: #0675cd;
}
.navbar .container-fluid {
    padding-right: 0;
}
.round-icons a {
    position: relative;
}

.round-icons a .count {
    position: absolute;
    background: #FF5722 !important;
    top: -10px;
    right: 1px;
    display: inline-block;
    padding: 4px !important;
    color: #fff;
    min-width: 17px;
    min-height: 17px;
    line-height: 9px;
    border-radius: 50px;
    font-family: Montserrat;
    font-size: 10px;
    font-weight:bold;
}
.round-icons a:hover, .round-icons a:focus {
    background: #f2f2f2 !important;
}

aside.leftside {
	left: 0px;
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    position: relative;
}
aside.rightside {
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    position: fixed;
    min-width: 300px;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: -300px;
    background: #465365;
}
.menu-active aside.leftside {
    left: -300px;
}

.menu-active aside.rightside {
    right: 0px;
	    z-index: 100;
}
body.procurement {
    overflow-x: hidden;
	background:#eceef7;
}
.round-icons .dropdown-menu a {
    width: auto;
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
	border-radius:0px;
	color: #465365 !important;
}
aside.rightside .nav li a {
    color: #fff;
}
aside.rightside .nav li a:hover {
    color: #465365;
}

aside.rightside {
    padding-top: 20px;
}
.rightside-logo img {
    max-width: 170px;
}

.rightside-logo {
    text-align: center;
    padding-bottom: 15px;
}
.menu-active a.icon-menu1:before {content: '\e5cd';}

.vendor-modal .modal-dialog {
    width: 80%;
}
.vendor-and-place h3 {
    font-size: 15px;
    margin: 0;
}

.vendor-and-place {
    display: flex;
    align-items: center;
	min-height: 31px;
}

.place {
    color: #00aad8;
    font-size: 12px;
}
.meterial-and-unit {
    font-size: 14px;
    color: black;
}
.qtybx, .ratebx {
    display: flex;
    flex-direction: column;
}
.qty-and-rate-cntnr .ratebx input {
    max-width: 110px;
}
#cartitems .resrouces-details2 + div {
    color: #000;
}

.qty-and-rate-cntnr {
    display: flex;
}

.qtybx input, .ratebx input {
    max-width: 64px;
    margin-right: 10px;
    /*background: #656565;*/
    background:#fff;
    color: #333;
    font-size: 12px;
    border: 1px solid #979692;
    padding: 7px;
    border-radius: 5px;
    position: static;
    opacity: 1;
    height: auto;
    width: auto;
}

.qtybx label, .ratebx label {
    font-size: 12px;
    font-weight: 500;
}
.icon-groups {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	    min-height: 61px;
}

.icon-groups a {
    margin: 0 6px;
    border-radius: 30px;
    min-height: 31px;
    width: 31px;
    line-height: 19px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    align-items: center;
}


.deleteacntsubgrpsbutton{
      
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;

}

.deleteaccountsbutton{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.update{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.editbutton {
    margin: 0 6px;
    border-radius: 30px;
    min-height: 31px;
    width: 31px;
    line-height: 19px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    align-items: center;
}

.editaccountsbutton{
       border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}


.editaccountsubgrpbutton{
border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.icon-groups .addtocart {
    font-family: Montserrat;
    min-width: 126px;
}

.icon-groups .addtocart span {
    margin-right: 8px;
}

.icon-groups .addtocart {
    font-family: Montserrat;
    min-width: 126px;
	background: #072c47;
    border-color: #072c47;
}

.icon-groups .addtocart span {
    margin-right: 8px;
}

.icon-groups .icon-clock3 {
    /*background: #faa61a;
    border-color: #faa61a;*/
	    background: #3b94a4;
    border-color: #3b94a4;
	    font-size: 18px;
		position:relative;
}

.icon-groups .icon-envelope3 {
    /*background: #e8602e;
    border-color: #e8602e;*/
	    background: #46a2c7;
    border-color: #46a2c7;
}
#despatchorderitems .icon-groups .icon-envelope3 {
    min-height: 31px;
    min-width: 31px;
    border-radius: 50%;
    max-width: 30px;
    padding: 0;
}
.icon-groups a.icon-print {
    font-size: 15px;
        background: #405371;
    border-color: #405371;
}
.icon-groups .icon-eye {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.icon-groups .icon-mobile,
.icon-groups .icon-phone6 {
    /*background: #77be43;
    border-color: #77be43;*/
	    background: #405371;
    border-color: #405371;
	    font-size: 15px;
}
.icon-groups .icon-clock3:after {
    content: '\e8cc';
    position: absolute;
    background: #fff;
    color: #656565;
    border-radius: 50%;
    font-size: 13px;
    bottom: -6px;
    right: -3px;
    padding: 1px;
    width: 18px;
    height: 18px;
}
.vendor-modal .modal-body .row {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 14px;
    padding-top: 14px;
}
.vendor-modal .modal-body {
    padding-bottom: 0;
    padding-top: 0;
}
.vendor-modal .modal-body .row:last-child {
    border-bottom: none;
}
.vendor-modal .modal-header {
    background: #f4f4f4;
    min-height: 69px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.vendor-modal .modal-header:before {
    content: none;
}

.vendor-modal .modal-header:after {
    content: none;
}
.wizard-nav .col-md-2 span {
    background: #465365;
    color: #fff;
    padding: 15px;
    border-radius: 50%;
    font-size: 27px;
	cursor: pointer;
}

.procu-accordion #collapse2 .panel-body .row {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 14px;
    padding-top: 14px;
}
.procu-accordion #collapse2 .panel-body .row:last-child {
    border-bottom: none;
}

.wizard-nav {
    margin-top: 60px;
	display:none;
}
.wizard-nav .col-md-2 span.active {
    background: #00aad8;
	position: relative;	
}
.col-md-12.custom-percentage-bar {
    position: absolute;
    left: 180px;
    left: 20%;
    right: 180px;
    right: 21%;
    width: auto;
}

.col-md-12.custom-percentage-bar .percentage {
    background: #dcdddf;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: 10px;
    width: 0%;
	border-radius: 11px;
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.wizard-nav .col-md-2 span.active:after {
    content: '';
    position: absolute;
    left: -6px;
    top: -6px;
    width: 69px;
    height: 69px;
    border: 1px solid #d5d5d5;
    border-radius: 50%;
}
.acco-billofresources{
	top:0;
}

/*vendor card active*/
.acco-vendors-active .acco-billofresources {
    position: relative;
    /*width: 98%;*/
    margin: 0 auto;
    /*top: 25px;*/
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
/*cart card active*/
.acco-cart-active .acco-billofresources {
    position: relative;
    /*width: 96%;*/
    margin: 0 auto;
    /*top: 50px;*/
	z-index:0;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-cart-active .acco-vendors {
    position: relative;
    /*width: 98%;*/
    margin: 0 auto;
    /*top: 25px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

/*confirmOrders card active*/
.acco-confirmorders-active .acco-billofresources {
    position: relative;
    /*width: 94%;*/
    margin: 0 auto;
    /*top: 75px;*/
	z-index:0;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-confirmorders-active .acco-vendors {
    position: relative;
    /*width: 96%;*/
    margin: 0 auto;
    /*top: 50px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-confirmorders-active .acco-cart {
    position: relative;
    /*width: 98%;*/
    margin: 0 auto;
    /*top: 25px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

/*despatchOrders card active*/
.acco-despatchorders-active .acco-billofresources {
    position: relative;
    /*width: 92%;*/
    margin: 0 auto;
    /*top: 100px;*/
	z-index:0;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-despatchorders-active .acco-vendors {
    position: relative;
    /*width: 94%;*/
    margin: 0 auto;
    /*top: 75px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-completedorders-active .acco-vendors {
    position: relative;
    /*width: 94%;*/
    margin: 0 auto;
    /*top: 75px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-completedorders-active .acco-cart {
    position: relative;
    /*width: 94%;*/
    margin: 0 auto;
    /*top: 75px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-completedorders-active .acco-confirmorders {
    position: relative;
    /*width: 94%;*/
    margin: 0 auto;
    /*top: 75px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-completedorders-active .acco-despatchorders {
    position: relative;
    /*width: 94%;*/
    margin: 0 auto;
    /*top: 75px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-despatchorders-active .acco-cart {
    position: relative;
    /*width: 96%;*/
    margin: 0 auto;
    /*top: 50px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-despatchorders-active .acco-confirmorders {
    position: relative;
    /*width: 98%;*/
    margin: 0 auto;
    /*top: 25px;*/
	z-index:1;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}


.acco-confirmorders-active .acco-confirmorders,
.acco-cart-active .acco-cart,
.acco-vendors-active .acco-vendors,
.acco-vendors-active .acco-vendors
 {
    z-index: 20;
    position: relative;
}
.acco-vendors .row + .row {
    border-top: 1px solid #dddddd;
    padding-top: 10px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
}

.acco-vendors-active .acco-vendors.active,
.acco-cart-active .acco-vendors.active,
.acco-cart-active .acco-cart.active,
.acco-confirmorders-active .acco-confirmorders.active,
.acco-despatchorders-active .acco-despatchorders,
.acco-completedorders-active .acco-completedorders
 {
    position: relative;
	z-index:10;
	box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.procu-accordion .panel-default {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.acco-vendors-active {
    /*top: -25px;*/
    position: relative;
}
.acco-cart-active {
    /*top: -50px;*/
    position: relative;
}
.acco-confirmorders-active {
    /*top: -75px;*/
    position: relative;
}
.acco-despatchorders-active {
    /*top: -100px;*/
    position: relative;
}
.panel.panel-default.active {
    width: 100% !important;
    padding: 0px;
    
}
.panel.tab{
	 position: relative; 
}



.procu-accordion .panel.panel-default.active .panel-heading {
    background: transparent;
	
	background:#465365;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel.panel-default.active .collapse.in {
    background: #fff;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 10px;
}
.acco-billofres-active.koooi .acco-billofresources {
    position: relative;
    width: 98%;
    margin: 0 auto;
    top: 25px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-billofres-active.koooi .acco-vendors.active{
	z-index: 10;
	position: relative;
}
/*a.navbar-brand:hover {
    background: #132861 !important;
}*/

a.navbar-brand:hover {
    background: #dcdddf !important;
}

.wizard-nav .row .col-md-2 {
    position: relative;
    z-index: 100;
}
input:checked ~ .panel-heading {
    background: #465365;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	padding-top: 9px;
    padding-bottom: 9px;	
}

input:checked ~ .panel-heading span {
    background: #fff;
    color: #465365;
}

input:checked ~ .panel-heading a {
    color: #fff;
}

input:checked ~ .panel-heading a:after {
    color: #fff;
}
.tab-content {
	 max-height: 0;
	 padding: 0 1em;
	 color: #2c3e50;
	 transition: all 1s;
	 overflow:hidden;
}
/*.procu-accordion input {*/
.procu-accordion .tab > input{
	 position: absolute;
	 z-index: 100;
    width: 100%;
    height: 62px;
    opacity: 0;
}
.procu-accordion input:checked + .tab-label {
	 background: #1a252f;
}
.procu-accordion  input:checked + .tab-label::after {
	 transform: rotate(90deg);
}
.procu-accordion  input:checked ~ .tab-content {
	 /*max-height: 138vh;
	 max-height:500px;*/
	 max-height: 50473px;
	 overflow-y:auto;
	 padding: 1em;
}
.procu-accordion .acco-confirmorders  input:checked ~ .tab-content {
    max-height: 5000px;
}
.tab label {
    width: 100% !important;
    
}




.cOrder-body, .cOrder-body .panel-body {
    padding: 0 !important;
}

.cOrder-body img {
    max-width: 100%;
}
.porderList  img{
	cursor:pointer;
}
.porderList  .approveOrder-cntnt {
    opacity:0;
	height:0px;
	padding: 20px;
	padding-bottom:10px;
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
	overflow:hidden;
	top:-250px;
}
.porderList + .approveOrder-cntnt img{
	/*width:100%;
	height:0px;
	transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;*/
}
.porderList  .approveOrder-cntnt.active img{
	
}
.approveOrder-cntnt {
    position: fixed;
    left: 50%;
    top: 190px;
    width: 1075px;
    margin-left: -540px;
    padding: 0;
    opacity: 0;
    z-index: -1;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #979692;
    display: block !important;
}
.approveOrder-cntnt.active{
    /*opacity: 1;*/
    z-index: 1000;
    ;
    animation: mymoveNew 2s infinite;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

.placeOrderPop-cntnt {
    position: fixed;
    left: 50%;
    top: 120px;
    z-index: -1;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    width: 1090px;
    margin-left: -545px;
    border: 1px solid #465365;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
    opacity:0;
}

.placeOrderPop-cntnt.active {
    z-index: 1000;
    animation: mymoveNew2 2.5s infinite;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	background:#fff;
}
@keyframes mymoveNew2 {
    /*0%{top: 220px; opacity:0;}
    40%{top:220px; opacity:0;}
    100%{top:175px; opacity:1;}*/
    /*0%{top: 220px; opacity:0;}*/
    0%{top: 220px; opacity:0;}
    30%{top:220px; opacity:0;}
    60%{top:60px; opacity:1;}
    100%{top:60px; opacity:1;}
    
}


@keyframes mymoveNew {
    /*0%{top: 190px; opacity:0;}
    40%{top:190px; opacity:0;}
    100%{top:65px; opacity:1;}*/
    0%{top: 190px; opacity:0;}
    25%{top:190px; opacity:0;}
    60%{top:65px; opacity:1;}
    100%{top:65px; opacity:1;}
}

.porderList  .approveOrder-cntnt.active {
    opacity:1;
	height:570px;
	overflow:auto;
	border: 1px solid #337ab7;
	margin-bottom:20px;
	padding-top: 0;
    padding-left: 0px;
    padding-right: 0px;
	border-radius: 5px;
	
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	position:relative;
	z-index:10;
	background: #fff;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.26);
	
	
}
.approveOrder-cntnt .approveForm.row input[type=text], .approveOrder-cntnt .approveForm.row textarea{
	color:#656565 ;
	
}
.approveOrder-cntnt.active .approveForm.row input[type=text], .approveOrder-cntnt.active .approveForm.row textarea{
	animation: mycolor2 2s infinite;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

.one .porderList  .approveOrder-cntnt.active {
    animation: mymove 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.two .porderList  .approveOrder-cntnt.active {
    animation: mymove2 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.three .porderList  .approveOrder-cntnt.active {
    animation: mymove3 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.four .porderList  .approveOrder-cntnt.active {
    animation: mymove4 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.five .porderList  .approveOrder-cntnt.active {
    animation: mymove5 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.six .porderList  .approveOrder-cntnt.active {
    animation: mymove6 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.seven .porderList  .approveOrder-cntnt.active {
    animation: mymove7 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.eight .porderList  .approveOrder-cntnt.active {
    animation: mymove8 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.nine .porderList  .approveOrder-cntnt.active {
    animation: mymove9 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.ten .porderList  .approveOrder-cntnt.active {
    animation: mymove10 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.leven .porderList  .approveOrder-cntnt.active {
    animation: mymove11 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.twelve .porderList  .approveOrder-cntnt.active {
    animation: mymove12 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.thirteen .porderList  .approveOrder-cntnt.active {
    animation: mymove13 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.fourteen .porderList  .approveOrder-cntnt.active {
    animation: mymove14 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
.fifteen .porderList  .approveOrder-cntnt.active {
    animation: mymove15 2s infinite;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}



@keyframes mymove {
  from {top: 0px;}
  to {top: -160px;} 
  
  /*from {right: -250px;}
  to {right: 0px;}*/
}

@keyframes mymove2 {
  from {top: 0px;}
  to {top: -320px;} 
}
@keyframes mymove3 {
  from {top: 0px;}
  to {top: -480px;} 
}
@keyframes mymove4 {
  from {top: 0px;}
  to {top: -610px;} 
}
@keyframes mymove5 {
  from {top: 0px;}
  to {top: -760px;} 
}
@keyframes mymove6 {
  from {top: 0px;}
  to {top: -920px;} 
}
@keyframes mymove7 {
  from {top: 0px;}
  to {top: -1070px;} 
}
@keyframes mymove8 {
  from {top: 0px;}
  to {top: -860px;} 
}
@keyframes mymove9 {
  from {top: 0px;}
  to {top: -860px;} 
}
@keyframes mymove10 {
  from {top: 0px;}
  to {top: -860px;} 
}
@keyframes mymove11 {
  from {top: 0px;}
  to {top: -860px;} 
}
@keyframes mymove12 {
  from {top: 0px;}
  to {top: -860px;} 
}
@keyframes mymove13 {
  from {top: 0px;}
  to {top: -860px;} 
}
@keyframes mymove14 {
  from {top: 0px;}
  to {top: -860px;} 
}
@keyframes mymove15 {
  from {top: 0px;}
  to {top: -860px;} 
}




@keyframes mycolor2 {
    
  0%{color:#656565;}
  90%{color:#656565;}
  100%{color:#fff;}
}

h5.vendorname {
    display: inline-block;
}
.acco-vendors .row {
    padding-bottom: 15px;
}
.order-amount {
    font-size: 15px;
    /* color: #01c7fc; */
    color: #333;
    font-weight: 500;
}
.icon-groups .approve, 
.approve-cancel .approve {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius:23px;
}
.icon-groups .approve:hover, 
.approve-cancel .approve:hover{
    background:#0675cd !important;
    border-color:#0675cd !important;
}
.approve-cancel a {
    margin: 0 4px;
    border-radius: 30px;
    min-height: 31px;
    width:95px;
    line-height: 19px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    border-radius:23px;
}

.porderList {
    padding: 15px;
}
.pOrder-list-cntnr .row + .row {
    border-top: 1px solid #ededed;
}

.pOrder-list-cntnr .row {
    padding-bottom: 3px;
}
.order-amount + .icon-groups {
    align-items: baseline;
}
.approveHdr {
    /*background: #337ab7;*/
    background: #465365;
    padding: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: left;
    border-radius: 3px;
    overflow: hidden;
    padding-left: 22px;
    min-height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.approveHdr h3 {
    font-size: 17px;
        margin: 0px;
}
.totalAmount h5 {
    font-weight: 600 !important;
    color: #000;
    opacity: 1 !important;
    font-size: 16px !important;
	margin: 0 !important;
}
.totalAmount {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.orderlist {
    padding-top: 20px;
    padding-bottom: 20px;
}

.approveForm.row input[type=text], .approveForm.row textarea, .approveForm.row select {
    background: #fff !important;
    opacity: 1;
    position: static;
    width: 100%;
    height: auto;
    color: #333;
    border: 1px solid #979692;
    padding: 7px 16px;
    border-radius: 5px;
}
.ui-dialog-titlebar span {
    text-align: left;
    width: 100% !important;
    font-size: 22px;
}
.approveForm.row textarea{
	min-height:100px;
}
.orderlist {
    border-bottom: 1px solid #ededed;
    padding-top: 30px;
}

.approveForm label {margin-top: 20px;}
.approve-cancel {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}
.approve-cancel .cancel{
	
}
.btn.cancel {
    background: #ed1b2d;
    border-color: #ed1b2d;
    border-radius:23px;
}
.approveHdr .icon-close {
    position: absolute;
    right: 20px;
    top: 17px;
    cursor: pointer;
}
.icon-groups .icon-close {
    background: #ed1b2d;
    border-color: #ed1b2d;
    border-radius: 50%;
    min-height: 30px;
    min-width: 31px !important;
    padding: 8px;
}
.acco-vendors-active .acco-vendors.tab,
.acco-two-active .acco-two.tab,	
.acco-two-active .acco-three.tab,	
.acco-two-active .acco-four.tab,	
.acco-two-active .acco-five.tab,	
.acco-two-active .acco-six.tab{
    top: -20px;
}

.acco-cart-active .acco-cart.tab,	
.acco-three-active .acco-three.tab,	
.acco-three-active .acco-four.tab,	
.acco-three-active .acco-five.tab,	
.acco-three-active .acco-six.tab
{
    top: -40px;
}

.acco-cart-active .acco-vendors.tab,
.acco-three-active .acco-two.tab{
    top: -20px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-confirmorders-active .acco-cart.tab {
    top: -40px;
}

.acco-confirmorders-active .acco-vendors.tab,
.acco-four-active .acco-two.tab{
    top: -20px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-completedorders-active .acco-vendors.tab,
.acco-six-active .acco-two.tab{
    top: -20px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-completedorders-active .acco-cart.tab,
.acco-four-active .acco-three.tab,	
.acco-six-active .acco-three.tab{
    top: -40px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-completedorders-active .acco-confirmorders.tab,
.acco-six-active .acco-four.tab{
    top: -60px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}
.acco-completedorders-active .acco-despatchorders.tab,
.acco-six-active .acco-six.tab,	
.acco-six-active .acco-five.tab{
    top: -80px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-confirmorders-active .acco-confirmorders.tab,
.acco-four-active .acco-four.tab{
    top: -60px;
}

.acco-despatchorders-active .acco-vendors.tab,
.acco-five-active .acco-two.tab{
    top: -20px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-despatchorders-active .acco-cart.tab,
.acco-five-active .acco-three.tab{
    top: -40px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-despatchorders-active .acco-confirmorders.tab,
.acco-five-active .acco-four.tab{
    top: -60px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-despatchorders-active .acco-despatchorders.tab,
.acco-five-active .acco-five.tab{
    top: -80px;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
}

.acco-completedorders-active .acco-completedorders.tab,
.acco-six-active .acco-six.tab{
    top: -100px;
}

.acco-vendors-active .acco-cart.tab {
    top: -20px;
    position: relative;
}

.acco-vendors-active .acco-confirmorders.tab {
    top: -20px;
    position: relative;
}

.acco-vendors-active .acco-despatchorders.tab {
    top: -20px;
    position: relative;
}

.acco-vendors-active .acco-completedorders.tab {
    top: -20px;
    position: relative;
}

.acco-cart-active .acco-confirmorders.tab {
    top: -40px;
    position: relative;
}

.acco-cart-active .acco-despatchorders.tab {
    top: -40px;
    position: relative;
}
.acco-cart-active .acco-completedorders.tab {
    top: -40px;
    position: relative;
}

.acco-confirmorders-active .acco-despatchorders.tab,
.acco-four-active .acco-five.tab{
    top: -60px;
    position: relative;
}
.acco-confirmorders-active .acco-completedorders.tab,
.acco-four-active .acco-six.tab{
    top: -60px;
    position: relative;
}

.acco-despatchorders-active .acco-completedorders.tab,
.acco-five-active .acco-six.tab{
    top: -80px;
    position: relative;
}

.round-icons .dropdown-menu {
    height: auto;
}
#notification_li ul li {
    max-height: 300px !important;
    overflow: hidden;
    overflow-y: auto;
    background: #fff !Important;
    min-width: 300px;
    border-radius: 9px !important;
}
#notification_li ul li a {
    line-height: normal;
    border: none;
    /* border-bottom: 1px solid #e8e8e8; */
    padding: 6px;
    font-weight: 100;
    font-size: 13px;
}
#notification_li ul li .list-group {
    padding: 9px 0;
    border-bottom: 1px solid #e8e8e8;
}
.round-icons li {
    font-size: 14px;
}
.round-icons .dropdown-menu li {
    display: block !important;
    float: none;
}
.qty-and-rate-cntnr input[type="text"] {
    position: static;
    opacity: 1;
    width: auto;
    height: auto;
}
.qty-and-rate-cntnr label {
    text-align: left;
}
#choosevendorstable, #addedresources {
    padding-left: 0;
    padding-right: 0;
}
.btn.addtocart {
    padding: 4px 12px;
    padding-top: 7px;
    border-radius: 50px;
}
.btn.addtocart:hover {
    background: #0675cd !important;
    border-color: #0675cd !important;
}
.panel-group .panel {
    margin-top: 5px;
}
.pOrder-list-cntnr {
    margin-left: -15px;
    margin-right: -15px;
}

#approveOrder body{
    display:none !Important;
}

#approveOrder.header, #approveOrder .homeurl{
        display:none;
    }
h2#despatchorder {
    display: none;
}
#cartitems > .row {
    padding-top: 30px;
}
.placeorder {
    text-transform: uppercase;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    background-color: #072c47 !important;
    border-color: #072c47 !important;
    border-radius: 21px !important;
    min-width: 154px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
#placeorder:hover {
    background: #0675cd !important;
    border-color: #0675cd !important;
}
.acco-cart .porderList {
    padding-top: 0;
    /*max-height: 430px;*/
    max-height: 25000px;
    overflow-y: auto;
}
.acco-cart .panel-collapse,
.acco-cart .panel-body  {
    padding: 0px !important;
}
.acco-cart input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.acco-cart input[type="checkbox"]:focus,
input:focus, button:focus{
    outline:none !important;
}

.acco-cart input[type="checkbox"]:before {
    content: '\eb86';
    font-family: 'icons-sm';
    border: 1px solid #CECECE;
    border-radius: 5px;
    color: transparent;
    margin-right: 10px;
    background:#fff;
    padding:2px;
    font-size:16px;
	position:relative ;
	left:-1px;
}

.acco-cart input[type="checkbox"]:checked:before {
    content: '\eb86';
    font-family: 'icons-sm';
    border: 1px solid #999;
    color: #465365;
}
.approveForm label,
.orderlist label{
    width:auto;
    display:block;
    text-align:left;
}
.approveForm .col-md-6 {
    padding-bottom: 0;
}
.approve-cancel button {
    max-width: 100px;
    margin: 0 2px;
}
.resrouces-hding {
    border: none;
    font-size: 20px;
    font-weight: 500;
}
.resrouces-hding {
    border: 1px solid #fff;
    font-size: 20px;
    font-weight: 500;
}

#placeorderform .resrouces-details2 {
    text-align: left;
}

.resrouces-hding{
    background:#fff;
}
.resrouces-hding:hover {
    border: 1px solid #fff;
    border-radius: 3px;
}
.col-md-12.orderlist, .orderlist .col-md-5,  .orderlist  .col-md-4,  .orderlist  .col-md-3 {
    padding-bottom: 3px;
}
.totalAmnt {
    font-size: 18px;
    font-weight: 600;
}
.key {
    background: #465365;
    display: inline-block;
    padding: 1px 7px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
.acco-completedorders .icon-shopping_cart:after {
    content: '\e86c';
    position: absolute;
    top: 16px;
    right: -3px;
    font-size: 16px;
    color: #02c7fe;
}
.acco-completedorders .icon-shopping_cart {
    position: relative;
}

.ui-dialog-titlebar {
    background: #979692;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-family: Montserrat;
    font-weight: 500;
    border-radius: 0;
}

.ui-dialog {
    padding: 0px;
    border: none;
    border-radius: 6px;
}

div#alert iframe {
    border: none;
    padding: 0px !important;
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
    overflow: hidden;
}
.ui-dialog-buttonpane {
    display: none;
}
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
    background: none;
    border: none;
}
.grayBg{
		background: #eceef7;
		font-size: 14px;
		/*text-transform: uppercase;*/
		padding: 6px;
		margin-top: 10px;
        margin-bottom: 10px;
	}
	.pOrder-title {
		text-transform: uppercase;
		font-weight: 800;
		color: #465365;
	    font-size: 30px !important;
	    margin: 0;
        margin-bottom: 10px;
	}
    .purchase-order2-wrpr h3{
        color:red !important;
    }
	.address {
		font-size: 13px;
	}
	.purchase-order2-wrpr .table thead {
		 background: #eceef7;
	}
	h3.grayBg.commentshding {
		font-size: 14px;
        background: #eceef7;
	}

	h3.grayBg.commentshding + textarea {
		width: 100%;
		min-height: 50px;
		border: 1px solid #dadada;
		position: relative;
		top: -11px;
        height: 82px;
	}
	
	.table.total-subtotal {
		text-transform: uppercase;
		font-weight: 500;
	}

	.table.total-subtotal tr:last-child {
		font-weight: 700;
	}

	.table.total-subtotal tr:last-child td {
		border-top: 4px double black;
	}
	.purchase-order2-wrpr .table-bordered{
	    border-top:1px solid #ccc;
	}
	.purchase-order2-wrpr h3{
        font-size:19px;
        margin: 0;
        margin-bottom: 10px;
    }
    .purchase-order2-wrpr textarea {
        position: relative;
        top: -11px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        height: 82px;
    }
    
    .purchase-order2-wrpr label[for='sub_total'],  
    .purchase-order2-wrpr label[for='tax'], 
    .purchase-order2-wrpr label[for='freight'],
    .purchase-order2-wrpr label[for='insurance'],
    .purchase-order2-wrpr label[for='others'],
    .purchase-order2-wrpr label[for='total']{
        text-align: left;
    }

.approveForm .col-md-6 {
    position: relative;
}

.approveForm .col-md-6 .error {
    position: absolute;
    left: 16px;
}
#placeorderform .col-md-6.col-xs-12.pull.pull-right label {
    text-align: left;
}
#placeorderform .address {
    text-align: left;
}
#placeorderform th{
    color:#333;
}
.approveForm.row .col-md-4 {
    padding-bottom: 0;
}
.purchase-order2-wrpr .col-md-12.col-xs-12,
.purchase-order2-wrpr .col-md-5.col-xs-5
{
    padding-bottom: 0;
}
.subtotalWrpr{
    position: relative;
    right: -6px;
}
 .subtotalWrpr label + .col-sm-7 {
        display: flex;
        justify-content: flex-end;
    }
    
.subtotalWrpr label + .col-sm-7 input[type='text'] {
        max-width: 116px;
    } 
.tblAmountbody td:last-child input[type='text'] {
    max-width: 116px;
    float: right;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: #000;
    font-size: 12px;
}
.form-control {
    font-size: 12px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000 !important;
}
.purchase-order2-wrpr .col-md-12, .purchase-order2-wrpr .col-md-6 {
    padding-bottom: 15px;
}

.purchase-order2-wrpr .table {
    margin-top: 0px !important;
}
.poNbr {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.poNbr input {
    margin-left: 8px;
}
#cartitemstable {
    display: flex;
    flex-direction: column;
}

.acco-cart .tab-content {
    overflow: hidden !important;
}
.acco-cart .resrouces-details input.small75 {
    width: auto !important;
    border: 1px solid #ffffff !important;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    padding-right: 2px;
    max-width: 80px;
   -webkit-appearance: none;
}

.acco-cart .pOrder-list-cntnr .row:hover input.small75 {
    /*border: 1px solid #cccccc !important;*/
}

/* new css july 16 2020 */

span.image-icon {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}
.resourcetype-tab span.image-icon,
.resourcegroup-tab span.image-icon,
.termscond-tab span.image-icon,
.resources-tab span.image-icon{
	background-image:url('../images/resource-icon.png');
	background-repeat:no-repeat;
	background-position:center center;
}
 .resourcetype-tab input:checked ~ .panel-heading  span.image-icon,
 .resourcegroup-tab  input:checked ~ .panel-heading  span.image-icon,
  .termscond-tab  input:checked ~ .panel-heading  span.image-icon,
.resources-tab  input:checked ~ .panel-heading  span.image-icon {
    background-image: url(../images/resource-icon-active.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.vendortypes-tab span.image-icon,
.vendorgroups-tab span.image-icon,
.vendors-tab span.image-icon{
	background-image:url('../images/vendors-icon.png');
	background-repeat:no-repeat;
	background-position:center center;
}
.vendortypes-tab input:checked ~ .panel-heading  span.image-icon,
.vendorgroups-tab  input:checked ~ .panel-heading  span.image-icon,
.vendors-tab  input:checked ~ .panel-heading  span.image-icon {
    background-image: url(../images/vendors-icon-active.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.search-and-content-wrpr {
    display: flex;
    flex-direction: column;
}

.content-wrpr {
    max-height: 50000px; 
    overflow-y: auto;
}
.search-and-actions-wrpr {
    display: flex;
    justify-content: space-between;
    padding: 15px;
   /* border-bottom: 1px solid #dfdfdf;*/
   border-bottom: none;
}
.content-search-wrpr {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ordertype_labels {
    display: flex;
    align-items: center;
}
.ordertype_labels label {
    font-size: 10px !important;
    font-weight: 500;
    border: 1px solid #c8cfd5;
    margin: 0 5px;
    padding: 2px;
    border-radius: 10px;
    padding-left: 35px;
    position: relative;
    width: auto !important;
    margin-right: 10px;
    min-width: 104px;
    padding-right: 10px;
}
.ordertype_labels label .image-icon2 {
    position: absolute;
    left: -9px;
    top: -8px;
    background: #fff;
    border: 1px solid #c8cfd5;
    padding: 4px;
    border-radius: 22px;
    min-width: 34px;
    min-height: 34px;
}
.content-action-wrpr {
    display: flex;
    justify-content: flex-end;
}
.content-search-wrpr input {
	border-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 240px;
}
.content-search-wrpr button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 34px;
    position: relative;
    left: -21px;
    min-width: 30px;
    border-radius: 20px;
	background: #072c47;
    border-color: #072c47;
}
.content-action-wrpr a {
    border-radius: 20px;
    height: 31px;
    margin-left: 7px;
	background: #072c47;
    border-color: #072c47;
}

.content-action-wrpr button {
    border-radius: 20px;
    height: 31px;
    margin-left: 7px;
    background: #072c47;
    border-color: #072c47;
}



.ordertype-icon {
    background: #337ab7;
    width: 33px;
    height: 33px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.type label, .acc-sub-group label {
    font-size: 13px;
    font-weight: 500;
    opacity: .6;
}

.type span, .acc-sub-group span {
    font-size: 16px;
    font-weight: 500;
    color: #2c3e50;
}
.resource-type-cntnt-wrpr.row {
        margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    padding-bottom: 0;
}
.icon-groups .icon-pencil,
.icon-groups .icon-list, 
.icon-groups .icon-trash1 {
    background-color: #337ab7;
    border-color: #2e6da4;
	color:#fff;
	text-decoration:none;
}
.icon-groups .icon-trash1{
	background:#ed1b2d;
	font-size:18px;
	
}
.resource-type-cntnt-wrpr.row + .resource-type-cntnt-wrpr.row {
    border-top: 0px solid #dfdfdf;
}




/*Login css*/
.loinWrpr{
    background-image: linear-gradient(to top, #465364, #6e7986, #98a0aa, #c5cacf, #f4f5f6);
}

.loinWrpr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loinWrpr form{
    position:relative;
    z-index:1;
}
.loginbox {
    width: 468px;
    height: 468px;
    background: #000000;
    border-radius: 29px;
    box-shadow: 0 10px 50px rgb(0 0 0 / 20%);
}

.loginbox .form-cntnr {
    padding: 0 38px;
    text-align: left;
    color: #fff;
}

.logo-cntnr {
    padding: 20px;
    background: #000;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    margin-bottom: 21px;
}


.logo-cntnr a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-cntnr a:after {
    display: none;
}




.loginbox .form-cntnr label {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 25px;
    min-width: 119px;
}

.loginbox .form-cntnr label .required {
    display: inline-block;
}
.loginbox .form-cntnr input[type=text], .loginbox .form-cntnr input[type=password] {
    padding: 19px;
    border: none;
}
.loginbox .form-cntnr input[type=submit] {
    background: #00cafc;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    width: 113px;
    border: none;
    color: #333;
}
.loginbuttonCntnr {
    display: flex;
    justify-content: center;
    padding: 60px;
}
.loginbox .errorMessage {
    position: absolute;
    font-size: 11px;
    text-align: right;
    width: 392px;
    margin-top: 4px;
}

/*masters new css 23 July */
.resource-type-add-cntnt-wrpr{
	display:none;
}

.resource-type-add-cntnt-wrpr button {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}
.resource-type-add-cntnt-wrpr.row {
    padding: 60px 0;
}
.resource-type-add-cntnt-wrpr label {
    font-weight: 500;
}

.resource-type-add-cntnt-wrpr .form-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}

.resource-type-add-cntnt-wrpr .form-group {
    margin-bottom: 34px;
}

.resource-type-add-cntnt-wrpr {
    margin-left: 0;
    margin-right: 0;
}
.addResourceForm-active .resource-type-cntnt-wrpr{
	display:none;
}
.addResourceForm-active .ordertype_labels{
	visibility:hidden;
}
.addResourceForm-active .resource-type-add-cntnt-wrpr{
	display:block;
}
.resource-group-cntnt-wrpr.row {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    padding-bottom: 0px;
}
.resource-group label {
    font-size: 14px;
    font-weight: 500;
    opacity: .6;
}
.resource-group span {
    font-size: 16px;
    font-weight: 500;
    color: #2c3e50;
   
}
.resource-group-add-cntnt-wrpr {
	display:none;
    padding: 60px 0;
}
.addResourceGroupForm-active .resource-group-add-cntnt-wrpr{
	display:block;
	margin-left: 0;
    margin-right: 0;
}

.addResourceGroupForm-active .resource-group-cntnt-wrpr{
	display:none;
}
.resource-group-add-cntnt-wrpr .form-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.resource-group-add-cntnt-wrpr label {
    font-weight: 500;
}
.resource-group-add-cntnt-wrpr .form-group {
    margin-bottom: 34px;
}
.resource-group-add-cntnt-wrpr button {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}


.content-search-wrpr select {
    margin-right: 10px;
    border-radius: 30px;
}
.resource-group-cntnt-wrpr.row + .resource-group-cntnt-wrpr.row {
    border-top: 0px solid #dfdfdf;
}


/*masters new css 24 2020*/
.content-search-wrpr input.location {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-right: 9px;
}
.resources-tab .search-and-actions-wrpr button{
	width:60px;
}
.resourcegroup-tab .search-and-actions-wrpr button{
	width:52px;
}
.search-and-actions-wrpr {
    flex-wrap: wrap;
}
.typeGroup-indication {
    border-top: 1px solid #dfdfdf;
    margin-top: 19px;
    padding-top: 16px;
    background: #f5f5f5;
    padding-bottom: 15px !important;
}
.typeGroup-indication .type,.typeGroup-indication .group {
    opacity: .5;
    padding-right: 9px;
}
.resources-tab .content-wrpr {
    max-height: 50000px;
}
.resources-cntnt-wrpr.row {
    margin-left: 0;
    margin-right: 0;
    padding: 32px 0;
}
.resource-item {
    display: flex;
}
.resources-cntnt-wrpr .resource-name {
    font-size: 18px;
    font-weight: 500;
}

.resources-cntnt-wrpr .number {
    background: #465365;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    margin-right: 15px;
	color: #fff;
    text-align: center;
    line-height: 26px;
}
.icon-groups .icon-add {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}
.resources-cntnt {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 20px;
}
.gray {
    opacity: .6;
}
.resources-cntnt-wrpr + .resources-cntnt-wrpr {
    border-top: 1px solid #dfdfdf;
}
.vendor-list + .vendor-list {
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
}
.resources-add-cntnt-wrpr {
    display: none;
    padding: 60px 0;
}
.resources-add-cntnt-wrpr button {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}

.addResourcesForm-active .resources-add-cntnt-wrpr{
	display:block;
	margin-left: 0;
    margin-right: 0;
}

.addResourcesForm-active .resources-cntnt-wrpr,
.addResourcesForm-active .typeGroup-indication{
	display:none;
}
.resources-add-cntnt-wrpr .form-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 450;
}



/* masters edit form july 30 2020 */

.resource-type-edit-cntnt-wrpr {
    padding: 60px 0;
    display: none;
    margin-left: 0;
    margin-right: 0
}

.editResourceForm-active .resource-type-edit-cntnt-wrpr {
    display: block;
}

.editResourceForm-active .resource-type-cntnt-wrpr.row {
    display: none;
}
.resource-type-edit-cntnt-wrpr .form-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.resource-type-edit-cntnt-wrpr .form-group {
    margin-bottom: 34px;
}
.resource-type-edit-cntnt-wrpr label {
    font-weight: 500;
}
.resource-type-edit-cntnt-wrpr button {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}
.editResourceGroupForm-active .resource-group-edit-cntnt-wrpr {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.resource-group-edit-cntnt-wrpr {
    display: none;
    padding: 60px 0;
}
.editResourceGroupForm-active .resource-group-cntnt-wrpr{
	display:none;
}
.resource-group-edit-cntnt-wrpr .form-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.resource-group-edit-cntnt-wrpr label {
    font-weight: 500;
}
.resource-group-edit-cntnt-wrpr .form-group {
    margin-bottom: 34px;
}
.resource-group-edit-cntnt-wrpr button {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}
.resources-edit-cntnt-wrpr {
    display: none;
    padding: 60px 0;
}
.editResourcesForm-active .resources-edit-cntnt-wrpr {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.editResourcesForm-active .resources-cntnt-wrpr{
	display:none;
}
.resources-edit-cntnt-wrpr button {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}
.editResourcesForm-active .typeGroup-indication {
    display: none;
}
.resources-edit-cntnt-wrpr .form-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.resources-add-cntnt-wrpr label,
.resources-edit-cntnt-wrpr label {
    font-weight: 500;
}
.editResourceForm-active .ordertype_labels {
    visibility: hidden;
}


/*end july 30 edited*/

.editacntgrpsbutton{
      border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;


}

.childacntgrps{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.childaccounts{
   border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;  
}

.childbsitems{
  border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;  
}

.deletecntgrpsbutton{
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}


.editacnttypesbutton{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;

}


.accountheads{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;

}

.deletecnttypesbutton{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;

}



.editresourtypebutton, .edittermstypebutton, .deletetermstypebutton {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.editresourgroupbutton{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.childresourcegroups {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}


.addvendor{
   border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;  
}


.editresourcebutton{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;  
}


.editresourcebuttons{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;  

}


.deletresourcebutton{
  
   border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;    
    
}


.editvendorbutton{
   
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;    
     
}

.vendorresources{
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;   
}




.deletevendorbutton{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;    
     
}

.childresources{
     border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}




.deletresourcetypebutton {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}


.deletresourcegroupbutton{
      border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
/*.resourcetype-tab .content-wrpr {
    max-height: 396px;
}*/

/* new css for opiamnew design issue fix */

.acco-billofresources .row,
.acco-vendors .row,
.acco-cart .row,
.acco-confirmorders .row,
.acco-despatchorders .row,
.acco-completedorders .row {
    margin-left:0px;
    margin-right:0px;
}
.icon-groups .icon-close {
     max-width: 31px;
    max-height: 31px;
    line-height: 15px;
}
.icon-groups .icon-eye {
    position: relative;
    top: -1px;
}
.icon-paperclip {
    position: relative;
    top: -1px;
}
html{
   /* overflow:hidden;*/
    overflow:visible;
}
.acco-completedorders .tab-content,
.acco-despatchorders .tab-content,
.acco-completedorders .tab-content .panel-body,
.acco-despatchorders .tab-content .panel-body {
    padding: 0px !important;
}

.placeOrderPop-cntnt.active .row {
    margin-left: 0;
    margin-right: 0;
}
.purchase-order2-wrpr{
 padding:50px;   
}
.approveOrder-cntnt.active .row {
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    border-radius: 8px;
}


/* Masters vendors tab July 31 2020*/

.vendors-content-wrpr.row {
    margin-left: 0;
    margin-right: 0;
    padding: 32px 0;
}
.phone-and-emal-details .col-md-3, .phone-and-emal-details .col-md-7, .phone-and-emal-details .col-md-12, .phone-and-emal-details .col-md-2 {
		padding-left: 5px;
		font-size: 13px;	
	}
.vendors-tab .content-search-wrpr button {
    min-width: 36px;
}
.vendors-content-wrpr  + .vendors-content-wrpr  {
    border-top: 1px solid #dfdfdf;
}
.vendors-add-cntnt-wrpr.row,
.vendors-edit-cntnt-wrpr.row {
    margin-left: 0;
    margin-right: 0;
    padding: 32px 0;
	display:none;
}
.addVendorsForm-active .vendors-content-wrpr,
.editVendorsForm-active .vendors-content-wrpr{
	display:none;
}

.addVendorsForm-active .vendors-add-cntnt-wrpr.row,
.editVendorsForm-active .vendors-edit-cntnt-wrpr.row {
	display:block;
}
.vendors-add-cntnt-wrpr .form-title, .vendors-edit-cntnt-wrpr .form-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 400;
}
.vendors-add-cntnt-wrpr .form-group, .vendors-edit-cntnt-wrpr .form-group {
    margin-bottom: 34px;
}
.vendors-add-cntnt-wrpr button, .vendors-edit-cntnt-wrpr button {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}
.icon-groups a{
	min-width:31px;
}




/*masters Aug 3 2020*/

.addResourceForm-active .search-and-actions-wrpr.row,
.editResourceForm-active .search-and-actions-wrpr.row,
.addResourceGroupForm-active .search-and-actions-wrpr.row,
.editResourceGroupForm-active .search-and-actions-wrpr.row,
.addResourcesForm-active .search-and-actions-wrpr.row,
.editResourcesForm-active .search-and-actions-wrpr.row,
.addVendorTypesForm-active .search-and-actions-wrpr.row,
.editVendorTypesForm-active .search-and-actions-wrpr.row,
.addVendorGroupsForm-active .search-and-actions-wrpr.row,
.editVendorGroupsForm-active .search-and-actions-wrpr.row,
.addVendorsForm-active .search-and-actions-wrpr.row,
.editVendorsForm-active .search-and-actions-wrpr.row

 {
    display: none;
}
.addForm + a{
	display:none;
}
span.lastupdated {
    color: #2c3e50;
}
.form-title {
    display: none;
}
.ordertype_labels label {
    display: none;
}
.table .icon-groups {
    min-height: 12px;
}
tr.vendor-column {
    background: rgb(70 83 101 / 0.03);
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd63;
}
a.editvendor.link {
    width: auto;
    font-family: montserrat;
}
.resourcetype-tab .row,
.resourcegroup-tab .row,
.resources-tab .row,
.vendors-tab .row{
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-md-13, .col-md-14, .col-lg-12 {
    
    padding-bottom: 0;
   
}



/*Aug 7 2020*/
.addvendor-resource-cntnt-wrpr{
	padding:5px 0;
	display:none;
	margin-left:0;
	margin-right:0px;
}
.addvendor-resource-cntnt-wrpr button {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}
.addVendor-at-ResourceTabForm-active .addvendor-resource-cntnt-wrpr{
	display:block;
}

.addVendor-at-ResourceTabForm-active .search-and-actions-wrpr.row,
.addVendor-at-ResourceTabForm-active .resources-cntnt-wrpr.row{
	display:none;
}

#restypelistsection {
    padding-left: 15px;
    padding-right: 15px;
}

.resources-tab .search-and-content-wrpr .content-wrpr {
    padding-left: 15px;
    padding-right: 15px;
}
#restypelistsection {
    padding-left: 15px;
    padding-right: 15px;
}

#resgroupitems {
    padding-left: 15px;
    padding-right: 15px;
}

#vendoritems {
    padding-left: 15px;
    padding-right: 15px;
}
/*#procresourcetable {
    border: 1px solid #ddd;
}*/

/*#procresourcetable th {
    background: #f0f0f0;
}*/
.resources-tab .resources-cntnt-wrpr.row {
    padding-top: 0px;
}



/*Aug 14 2020*/
.icon-pencil.editVendor-pencil {
    font-size: 10px;
    margin-left: 6px;
    cursor:pointer;
}
.icon-groups .icon-tag4 {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    text-decoration: none;
    font-size:14px;
}
.typeGroup-indication {
    font-size: 14px;
}
.content-search-wrpr button{
    left: 8px;
}
.content-search-wrpr input{
    border-radius:20px  !important;
}
.resources-tab .search-and-actions-wrpr button {
    width: 80px;
}



.list-restypehead {
    /*border-bottom: 1px solid #dfdfdf;*/*/
    border-bottom: none;
}



/*Finance Master CSS starts here*/
.finance-type-cntnt-wrpr.row {
    margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    padding-bottom: 0;
}
.finance-type-cntnt-wrpr + .finance-type-cntnt-wrpr {
    border-top: 1px solid #dfdfdf;
}

.finance-list-number, .finance-type {
    height: 50px;
    display: flex;
    align-items: center;
}
.addAccountTypeForm-active .search-and-actions-wrpr, 
.addAccountTypeForm-active .finance-type-cntnt-wrpr,
.editAccountTypeForm-active .search-and-actions-wrpr, 
.editAccountTypeForm-active .finance-type-cntnt-wrpr,
.account-type-add-cntnt-wrpr,
.account-type-edit-cntnt-wrpr {
    display: none;
}
.addAccountTypeForm-active .account-type-add-cntnt-wrpr,
.editAccountTypeForm-active .account-type-edit-cntnt-wrpr{
    display:block;
}
.account-type-add-cntnt-wrpr.row,
.account-type-edit-cntnt-wrpr.row
 {
    margin-left: 0;
    margin-right: 0;
    padding-top:20px;
    padding-bottom:20px;
}
.account-type-add-cntnt-wrpr button,
.account-type-edit-cntnt-wrpr button,
.account-group-add-cntnt-wrpr button,
.account-group-edit-cntnt-wrpr button,
.account-subgroup-add-cntnt-wrpr button,
.account-subgroup-edit-cntnt-wrpr button,
.account-heads-add-cntnt-wrpr button,
.account-heads-edit-cntnt-wrpr button{
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}

.icon-groups .account-subgroup-btn {
    font-family: Montserrat;
    min-width: 163px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
    color:#fff;
}

.account-group-cntnt-wrpr.row,
.account-subgroup-cntnt-wrpr.row,
.account-heads-cntnt-wrpr.row,
.account-heads-add-cntnt-wrpr.row,
.account-heads-edit-cntnt-wrpr.row {
    margin-left: 0;
    margin-right: 0;
}
.account-group-add-cntnt-wrpr,
.account-group-edit-cntnt-wrpr,
.addAccountGroupsForm-active .account-group-cntnt-wrpr,
.addAccountGroupsForm-active .search-and-actions-wrpr,
.editAccountGroupsForm-active .account-group-cntnt-wrpr,
.editAccountGroupsForm-active .search-and-actions-wrpr,
.account-subgroup-add-cntnt-wrpr,
.account-subgroup-edit-cntnt-wrpr,
.addAccountSubGroupsForm-active .account-subgroup-cntnt-wrpr,
.addAccountSubGroupsForm-active .search-and-actions-wrpr,
.editAccountSubGroupsForm-active .account-subgroup-cntnt-wrpr,
.editAccountSubGroupsForm-active .search-and-actions-wrpr,
.account-heads-add-cntnt-wrpr,
.account-heads-edit-cntnt-wrpr,
.addAccountHeadsForm-active .account-heads-cntnt-wrpr,
.addAccountHeadsForm-active .search-and-actions-wrpr,
.editAccountHeadsForm-active .account-heads-cntnt-wrpr,
.editAccountHeadsForm-active .search-and-actions-wrpr{
    display:none;
}
.account-group-add-cntnt-wrpr.row,
.account-group-edit-cntnt-wrpr.row,
.account-subgroup-add-cntnt-wrpr.row,
.account-subgroup-edit-cntnt-wrpr.row
 {
    margin-left: 0;
    margin-right: 0;
    padding-top:20px;
    padding-bottom:20px;
}
.addAccountGroupsForm-active .account-group-add-cntnt-wrpr,
.editAccountGroupsForm-active .account-group-edit-cntnt-wrpr,
.addAccountSubGroupsForm-active .account-subgroup-add-cntnt-wrpr,
.editAccountSubGroupsForm-active .account-subgroup-edit-cntnt-wrpr,
.addAccountHeadsForm-active .account-heads-add-cntnt-wrpr,
.editAccountHeadsForm-active .account-heads-edit-cntnt-wrpr
  {
    display:block;
}
.account-group-cntnt-wrpr + .account-group-cntnt-wrpr,
.account-subgroup-cntnt-wrpr + .account-subgroup-cntnt-wrpr,
.account-heads-cntnt-wrpr + .account-heads-cntnt-wrpr{
    border-top:1px solid #dfdfdf;
}
.account-subgroup-cntnt-wrpr{
    padding-top:10px;
}
.account-heads-cntnt-wrpr{
    padding-top:10px;
    padding-bottom:10px;
}
.icon-groups .icon-schedule {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    text-decoration: none;
    font-size:18px;
    pointer-events:none;
}
.accountheads-tab .content-search-wrpr button {
    min-width: 34px;
}
.customHr{
    height: 1px;
    background: #d8d8d8;
    margin-top: 5px;
}

.buttonCstmPos {
    position: relative;
    top: -29px;
}
.account-heads-add-cntnt-wrpr.row,
.account-heads-edit-cntnt-wrpr.row {
    padding-top: 10px;
}

input.form-control.accountgroup {
    height: 20px;
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}
.list-wrpr {
    margin-left: 0;
    margin-right: 0;
}
.list-head {
    border-bottom: 1px solid #dfdfdf;
}

.group-heading.row {
    background: rgb(245 245 245 / 0.46);
    padding-bottom: 9px;
}




/*Finance Master CSS END here*/


/*indents scroll */
.procu-accordion .acco-billofres-active input:checked ~ .tab-content {
    max-height: 50000px;
}
/*indents scroll end */




/* 10 Sep 2020 */
.account-heads-cards-wrpr {
    padding: 15px;
    overflow-x: hidden;
}
.account-heads-cards-wrpr .card {
    border: 1px solid #c9c9c9;
    border-radius: 9px;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    
}
.account-heads-cards-wrpr .card-header {
    display: flex;
    padding: 6px;
    border-bottom: 1px solid #dbdce0;
}

.account-heads-cards-wrpr .card-header .icon-library1 {
    font-size: 27px;
    padding-right: 6px;
}

.account-head-number span {
    display: block;
    font-size: 11.5px;
    font-weight: 600;
}

.account-head-number span:first-child {
    font-weight: 400;
}
.account-heads-cards-wrpr .card-footer {
    border-top: 1px solid #dbdce0;
    padding: 6px;
}
.account-heads-cards-wrpr .card-body {
    padding: 6px;
}

.account-heads-cards-wrpr .card:hover {
    transform: translate(-2px, -2px);
    box-shadow:2px 2px 40px rgba(0,0,0,0.2)
}
.account-heads-cards-wrpr .card input[type='radio'] {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity:0;
}

.account-heads-cards-wrpr .card.active {
    background: #ccdbf0;
    transform: translate(-2px, -2px);
    box-shadow:2px 2px 40px rgba(0,0,0,0.2)
}

.account-heads-cards-wrpr .card.active .card-header,
.account-heads-cards-wrpr .card.active .card-footer{     
  border-color: #b1c0d5;    
}
.account-heads-cards-wrpr .content-action-wrpr {
    padding-bottom: 10px;
}
.account-heads-table-wrpr.row {
    margin-left: 0;
    margin-right: 0;
}
.account-heads-table-wrpr.row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.account-heads-table-wrpr.row .col-md-12 table thead {
    background: #ecedef;
    font-size: 12px;
}

.account-heads-table-wrpr.row .col-md-12 table thead th {
    padding: 14px 20px;
    border-bottom: 1px solid #dcdcde;
}
.purpose-amount {
    margin-top:5px;
}
.number {
    background: #465365;
    display:inline-block;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 26px;
}
.icon-groups a {
    max-height: 31px;
}
.account-heads-table-wrpr .table-bordered > tbody > tr > td {
    border-bottom: 1px solid #dcdcde;
    padding-top:20px;
    padding-bottom:20px;
}
.fund-approval-tab .content-wrpr {
    max-height: inherit;
}
.icon-groups .innactive {
    background: #b7b7b7;
    border-color: #b7b7b7;
}

button.btn-primary {
    font-family: Montserrat;
    min-width: 103px;
    background: #072c47;
    border-color: #072c47;
    border-radius: 23px;
}
.account-heads-fund-request-form .row {
    margin-left: 0;
    margin-right: 0;
}
.row.fund-request-form {
    border: 1px solid #cacaca;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 11px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.account-heads-fund-request-form {
    display: none;
}
.addRequestFundForm-active .search-and-actions-wrpr.row {
    display: none;
}

.addRequestFundForm-active .account-heads-cards-wrpr {
    display: none;
}

.addRequestFundForm-active .account-heads-table-wrpr {
    display: none;
}

.addRequestFundForm-active .account-heads-fund-request-form {
    display: block;
}

.addRequestFundForm-active .account-heads-fund-request-form{
    display:block;
    padding: 20px 0px;
    padding-bottom: 5px;    
}
.addRequestFundForm-active .account-heads-fund-request-form .account-heads-table-wrpr {
    display: block;
    
}

.account-heads-table-wrpr .form-groups .btn {
    margin-bottom: 15px;
}
.account-heads-fund-request-form .form-title {
    display: block;
}


/* 10 Sep 2020 end */

/*Sep 14 2020 */
.content-search-wrpr button {
    width: 38px;
    min-width: 38px;
}
.add-fund-receipt-form {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
	display:none;
}
.fund-receipt-list-wrpr {
    margin-left: 0px;
    margin-right: 0px;
    padding: 15px;
	padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.devider {
    color: #c6c6c6 !important;
	font-weight:normal !important;
}
.inline-label{
	font-size: 14px !important;
    font-weight: 400 !important;
    opacity: .6 !important;
	font-weight:400 !important;
}

.fund-receipt-list-wrpr .row + .row {
    border-top: 1px solid #dfdfdf;
}

.fund-receipt-list-wrpr .row {
    padding-bottom: 15px;
    padding-top: 15px;
}
.addFundReceiptForm-active .search-and-actions-wrpr, 
.addFundReceiptForm-active .fund-receipt-list-wrpr {
    display: none;
}

.addFundReceiptForm-active .add-fund-receipt-form {
    display: block;
}
.add-journal-form {
    margin-left: 0;
    margin-right: 0;
    padding: 25px;
    padding-left: 15px;
    padding-right: 15px;
	display:none;
}
.add-journal-form .add-row-wrpr .icon-add,
.add-journal-form .add-row-wrpr .icon-remove {
    position: relative;
    top: 10px;
}
.add-row-wrpr {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 10px;
    padding-bottom: 10px;
}
.journal-list-wrpr {
    margin-left: 0px;
    margin-right: 0px;
    padding: 15px;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.journal-list-wrpr > .row {
    padding-bottom: 15px;
    padding-top: 15px;
}
.journal-list-wrpr > .row + .row {
    border-top: 1px solid #dfdfdf;
}
.icon-groups .icon-trash1 {
    border-color: #ed1b2d;
}

.addJournalForm-active .search-and-actions-wrpr, 
.addJournalForm-active .journal-list-wrpr {
    display: none;
}

.addJournalForm-active .add-journal-form {
    display: block;
}

/*Sep 14 2020 end */

/*Sep 15 2020 start */
.account-heads-cards-wrpr .icon-groups {
    justify-content: flex-start;
    min-height: inherit;
}
.account-heads-cards-wrpr .card .icon-groups a {
    background-color: #465365;
    border-color: #465365;
	position: relative;
    z-index: 1;
}
.colspanned td {
    border-top: none;
}
.colspanned td {
    border-bottom: 2px solid white !important;
    padding-bottom: 0px !important;
}
.fv-cntnr-wrpr {
    padding: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding-top: 31px;
    margin-top: 20px;
    margin-bottom: 20px;
	box-shadow: 0 -4px 26px rgb(0 0 0 / 0.1);
}
.type label em {
    font-style: normal;
    font-weight: 600;
    color: #000;
    opacity: 1;
    margin-left: 5px;
}

.type label em:before {content: "- ";}



/*Sep 15 2020 end */

/*Sep 16 2020 start */

.add-fr-cntnr.row {
    padding: 20px;
    margin-left: 11px;
    margin-right: 11px;
    /*border: 1px solid #465365;*/
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 -4px 26px rgb(0 0 0 / 0.1);
	position:relative;
	display:none;
}

.add-fr-cntnr table{
	margin-bottom:0px;
}
.inline.type label {
    width: auto !important;
}

/*Sep 16 2020 end */

/*Sep 18 2020 end */
	.btn-notification {
		font-size: 13px;
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 52px;
		border-color: transparent;
		background-color:#5c7a82;
	}
	.card.active .btn-notification {
			background:#4a82cc;
	}

	.btn-notification .icon-notifications {
		font-size: 15px;
		margin-right: 3px;
	}
	.fund-approval-list-wrpr {
		margin-left: 0px;
		margin-right: 0px;
		padding: 15px;
		padding-top: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.fa-hidden{
		display:none;
	}
	.fa-list-cntnr {
		padding: 15px;
		border: 1px solid #d5d5d5;
		border-radius: 11px;
		margin-top: 15px;
		margin-right: 15px;
		margin-left: 15px;
	    width: auto;
	}
	.btn-show-fa-hidden.fa-hidden-active:before {
		content: '\ed91';
		font-size: 20px;
		position: relative;
		left: -1px;
	}

	.btn-show-fa-hidden.fa-hidden-active {
		background: #67bac2;
		border-color: #67bac2;
	}
	.fa-list-cntnr .type span {
		font-size: 15px;
	}
	


/*Sep 18 2020 end */


/*Sep 28 2020 start*/
	
	.tab-content.bootstrap-tabs {
		overflow: unset;
		max-height: unset;
	}
	.nav-tab-content {
        border: 1px solid #dddddd;
        border-radius: 15px;
        box-shadow: 0 7px 7px rgb(0 0 0 / 0.1);
        margin-bottom: 18px;
        background: #fff;
        overflow-x: hidden;
    }
	.nav-tabs {
		margin-left: 5px;
		padding-left: 30px;
		margin-right: 13px;
		border:none;
		margin-bottom: 19px;
        padding-top: 15px;
        padding-bottom: 15px;
	}
	.nav-tabs > li a {
		border-radius: 21px;
		border: 1px solid #ddd !important;
		padding-left: 40px;
		padding-right: 20px;
		background: #fff;
	}
	.nav-tabs > li + li {
		margin-left: 15px;
	}
	.type span.date {
		font-size: 12px;
		font-weight: 300;
		color: #00aad8 !important;
	}

	.type span.devider {
		font-weight: 300 !important;
		font-size: 12px;
	}
	
	.icon-groups a.text-button {
		width: auto;
		font-family: Montserrat;
	}

	.icon-groups a.text-button span {
		margin-right: 7px;
	}
	.vouchers-list .row + .row {
		border-top: 1px solid #dddddd;
	}

	.vouchers-list .row {
		padding-top: 15px;
		padding-bottom: 10px;
	}
	.nav-tabs > li.active > a {
		font-weight: 600;
		color: #fff !important;
        background: #6c737d !important;
	/*	background: #465365 !important;*/

		padding-left: 50px
	}
	.vouchers-list .icon-groups {
		display: flex;
		align-items: flex-end;
		padding-bottom: 4px;
	}
	.nav-tabs > li a span[class^="icon-"] {
		font-size: 18px;
		position: absolute;
		top: 4px;
		left: 4px;
		background: #fff;
		border-radius: 21px;
		color: #465365;
		padding: 7px;
	}
	
	.content-search-wrpr input[type='date'].form-control {
		margin-right: 10px;
	}

	.cash-book-list-wrpr,
	.bank-book-list-wrpr,
	.journal-book-list-wrpr,
	.ledger-book-list-wrpr	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.cash-book-list-wrpr h5,
	.bank-book-list-wrpr h5,
	.journal-book-list-wrpr h5,
	.ledger-book-list-wrpr h5{
		margin-bottom: 6px !important;
	}
	.list-head {
		border-bottom: 1px solid #dfdfdf;
		padding-bottom: 19px;
		padding-top: 10px;
		    background: whitesmoke;
	}
	.cash-book-list,
	.bank-book-list,
	.journal-book-list,
	.ledger-book-list 	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.cash-book-list .narration-column,
	.bank-book-list .narration-column,
	.journal-book-list .narration-column,
	.ledger-book-list .narration-column	{
		margin-top: 10px;
	}
	.cash-book-list .narration-column span,
	.bank-book-list .narration-column span,
	.journal-book-list .narration-column span,
	.ledger-book-list .narration-column span	{
		font-size: 14px;
	}
	/*.cash-book-list span,
	.bank-book-list span 	,
	.journal-book-list span,
	.ledger-book-list span{
		font-size: 14px;
	}*/
	.cash-book-list + .cash-book-list,
	.bank-book-list + .bank-book-list,
	.journal-book-list + .journal-book-list,
	.ledger-book-list + .ledger-book-list	{
		border-top: 1px solid #dfdfdf;
	}
	.cash-book-list.total-receipt-payment, .cash-book-list.closing-balance-receipt-payment,
	.bank-book-list.total-receipt-payment, .bank-book-list.closing-balance-receipt-payment,
	.journal-book-list.total-receipt-payment, .journal-book-list.closing-balance-receipt-payment,
	.ledger-book-list.total-receipt-payment, .ledger-book-list.closing-balance-receipt-payment	{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.cash-book-list.closing-balance-receipt-payment .col-md-2 span,
	.bank-book-list.closing-balance-receipt-payment .col-md-2 span,
	.journal-book-list.closing-balance-receipt-payment .col-md-2 span,
	.ledger-book-list.closing-balance-receipt-payment .col-md-2 span 	{
		font-size: 16px;
	}
	.custom-print-btn {
		position: relative;
	}

	.custom-print-btn .icon-groups {
		position: absolute;
		top: -73px;
		right: 0;
	}
	.trial-list-wrpr {
		padding-left: 15px;
		padding-right: 15px;
	}
	.trial-list-wrpr .table thead {
		background: #ecedef;
		font-size: 15px;
	}
	.table-subhead{
		background: rgb(70 83 101 / 0.2);
	}
	.trial-list-wrpr .table thead th {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.table-wrpr {
		padding: 20px;
		margin-left: 10px;
		margin-right: 10px;
		border: 1px solid #f2f2f2;
		border-radius: 8px;
		padding-top: 31px;
		margin-top: 20px;
		margin-bottom: 20px;
		box-shadow: 0 -4px 26px rgb(0 0 0 / 0.1);
	}

	 .trial-list-wrpr .list-head h5 {
		margin-bottom: 8px;
		margin-top: 0;
		
	}
	.trial-list-wrpr .list-head {
		background: whitesmoke;
		padding: 20px;
		margin-left: 0px;
		margin-right: 0px;
		border: 1px solid #dfdfdf;
		border-radius: 8px;
		padding-top: 31px;
		margin-top: 20px;
		margin-bottom: 0px;
		box-shadow: none;
	}
	.report-list-wrpr {
		margin-left: 15px;
		margin-right: 15px;
	}
	.report-list-wrpr .card {
		box-shadow: 0 0 10px rgb(0 0 0 / 0.2);
	}
	.report-list-wrpr .col-md-3 {
		min-height: 110px;
		padding: 10px;
	}
	.report-list-wrpr .row {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.report-list-wrpr .card span {
		font-weight: 600;
	}

	.report-list-wrpr .card-body {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	/*tab stack*/
	
	.prev-tab{
		box-shadow: 0 -7px 8px rgba(0, 0, 0, 0.10);
	}
	.prev-tab + .prev-tab{
		top: -20px;
	}
	.prev-tab + .prev-tab  + .prev-tab{
		top: -40px;
	}
	.prev-tab + .prev-tab  + .prev-tab +
	.prev-tab{
		top: -60px;
	}
	.prev-tab + .prev-tab  + .prev-tab +
	.prev-tab + .prev-tab{
		top: -80px;
	}
	.prev-tab + .prev-tab  + .prev-tab +
	.prev-tab + .prev-tab + .prev-tab{
		top: -100px;
	}
	.prev-tab + .prev-tab  + .prev-tab +
	.prev-tab + .prev-tab + .prev-tab + 
	.prev-tab 
	{
		top: -120px;
	}
	.prev-tab + .prev-tab  + .prev-tab +
	.prev-tab + .prev-tab + .prev-tab + 
	.prev-tab + .prev-tab
	{
		top: -140px;
	}
	.prev-tab + .prev-tab  + .prev-tab +
	.prev-tab + .prev-tab + .prev-tab + 
	.prev-tab + .prev-tab + .prev-tab
	{
		top: -160px;
	}
	.prev-tab + .prev-tab  + .prev-tab +
	.prev-tab + .prev-tab + .prev-tab + 
	.prev-tab + .prev-tab + .prev-tab + 
	.prev-tab
	{
		top: -180px;
	}
	
	
	
	.prev-tab + .prev-tab + .prev-tab + 
	.prev-tab +  .prev-tab +  .prev-tab  + 
	.prev-tab + .prev-tab + .prev-tab +  
	.prev-tab +  .prev-tab  {
		top: -200px;
	}
	
	.acco-ten.prev-tab + .next-tab {
		top: -180px;
	}
	/*tab stack end*/
	
	/* bootstrap row missing class */
	.row{
	    margin-left:-15px;
	    margin-right:-15px;
	}
	
	

	
/* Sep 28 2020 end*/ 

/* Oct 1 2020 */
.projects-add-form {
    padding: 30px 20px;
	display:none;
}

.addProjectsForm-active .projects-add-form {
	display:block;	
}

.addProjectsForm-active .projects-list-wrpr,
.addProjectsForm-active .search-and-actions-wrpr{
	display:none;
}
.projects-list-wrpr {
    margin-left: 15px;
    margin-right: 15px;
}
.project-tab-buttons a span {
    font-size: 17px;
}
.projects-list-wrpr .row + .row {
    border-top: 1px solid #dfdfdf;
}
.icons-groups-dropdown-active.content-wrpr{
	overflow-y:initial;
}
.icon-groups .dropdown-menu {
    right: 40px;
    left: auto;
    bottom: 0;
    top: auto;
    z-index: 1000;
}
.icons-group-dropmenu .dropdown-menu {
    padding: 0;
}

.icons-group-dropmenu .dropdown-menu a {
    border-bottom: 1px solid #dfdfdf;
    width: auto;
    border-radius: 0px;
    margin: 0;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    padding-left: 9px;
    font-family: Montserrat;
    color: #333;
}

.icons-group-dropmenu .dropdown-menu a span {
    font-size: 19px;
    margin-right: 6px;
    opacity: .8;
}
.content-wrpr {
    font-family: Montserrat !important;
}




/* added css by evening*/


.add-project-master-form {
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
    display: none;
}
.projects-masters-tab.addProject-masters-active .add-project-master-form{
	display:block;
}

.projects-masters-tab.addProject-masters-active .search-and-actions-wrpr ,
.projects-masters-tab.addProject-masters-active .project-master-cntnt-wrpr{
	display:none;
}

.project-master-cntnt-wrpr span{
	font-size:14px;
}
.project-master-cntnt-wrpr > .row {
    margin-left: 0;
    margin-right: 0;
	padding-top:15px;
	padding-bottom:15px;
}
.project-master-cntnt-wrpr > .row + .row {
    border-top: 1px solid #dfdfdf;
}
.project-name {
    margin-bottom: 15px;
}
.data-content-list + .data-content-list {
    border-top: 1px solid #dfdfdf;
}


/* Oct 1 2020 end */
	.edit-form, .add-form{
		paddig-top:15px;
		padding-bottom:15px;
		display:none;
	}
	/*.add-form-active .search-and-actions-wrpr,
	.edit-form-active .search-and-actions-wrpr,
	.add-form-active .data-content-list,
	.edit-form-active .data-content-list{
		display:none;
		
	}*/
	.add-form-active .add-form,
	.edit-form-active .edit-form{
		display:block;
		
	}
	.add-form, .edit-form {
		padding: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.data-content-list {
		padding-left: 15px;
		padding-right: 15px;
	}
	.data-content-list .row {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	/*.data-content-list .row + .row {
		border-top:1px solid #dfdfdf;
	}*/
	.text-button span {
		color: #fff;
		font-size: 19px;
	}
	.edit-form label:empty, .add-form label:empty {
		height: 20px;
	}

/* Oct 7 2020 start */

    /*Generate Voucher form start */
        
        .generate-voucher-form,
        .generateVoucherFormActive .nav-tabs,
        .generateVoucherFormActive .nav-tab-content {
            display:none;
        }
        .generateVoucherFormActive .generate-voucher-form{
            display:block;
            padding-left: 15px;
            padding-right: 15px;
        }
        
    
    /*Generate Voucher form end*/
    
    .modal-background {
        display: flex;
        justify-content: center;
        align-items: center;
        height: calc(100% - 0px);
    }

    .modal-container{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2000;
        display: none;
        padding-left:15px;
        padding-right:15px;
        overflow-y:auto;
        
    }
    .modal-container.custompopup-active{
        display:block;
        
    }
    .custom-popup , .allocate-resosurces-popup {
        transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        position: relative;
        background: white;
        box-shadow: 0 0 10px rgb(0 0 0 / 0.15);
        border-radius: 9px;
        z-index: 100;
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin-top: 260px;
        animation: custompop-anim .5s infinite;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in-out;

        
        
    }
    .modal-container.custompopup-active .custom-popup{
        
        margin-top: 160px;
    }
    .popup-header {
        background: #465365;
        color: #fff;
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .popup-body {
        overflow-y: auto;
        height: calc(100% - 48px);
        margin-left: 0;
        margin-right: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .popup-title {
        font-size: 16px;
    }
    .popup-icon {
        display: inline-flex;
        width: 30px;
        height: 30px;
        background: #fff;
        color: #465365;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 16px;
    }
    .close-popup {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        margin-right: 12px;
        top: 6px;
        position: relative;
    }
    .close-popup:hover, .close-popup:active{
        color:#fff;
        text-decoration:none;
    }

        
        
    @keyframes custompop-anim {
        0%{margin-top: 260px; opacity:0;}
        100%{margin-top: 0px;; opacity:1;}
    }
    
    .allocation-cntnt-wrpr {
        display: flex;
        justify-content: space-between;
        height: calc(100% - 117px);
    }


    .resources-from-selected-item-wrpr {
        background: #ecedef;
        width: 100%;
        border-left:1px solid #d6d6d8;
        border-right:1px solid #d6d6d8;
        padding: 15px;
        padding-top: 10px;
        overflow-y:auto;
        margin-right: 258px;
        transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        display:none;
    }

    .allocation-right-bar {
        background: #fff;
        width: 100%;
        max-width: 258px;
        padding-left: 15px;
        padding-right: 15px;
        overflow-y: auto;
        position: absolute;
        right: 0;
        top: 48px;
        bottom: 0;
        transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
    }
    .allocation-left-bar .rounded-coner-btn {
        width: 222px;
        border-radius: 20px;
        line-height: 28px;
        border-color: #465365;
        background: #fff;
        color: #333;
        text-align: left;
        font-size: 13px;
    }

    .allocation-left-bar .rounded-coner-btn + .rounded-coner-btn {
            margin-top: 10px;
    }
    .allocation-left-bar .rounded-coner-btn:hover, .allocation-left-bar .rounded-coner-btn.active {
            background: #465365;
            color: #fff;
    }
    .added-alloc-items-wrpr .card {
        border: 1px solid #cecfd1;
        border-radius: 10px;
        box-shadow: 0 4px 7px rgb(0 0 0 / 0.1); 
    }
    .added-alloc-items-wrpr .card-header {
        padding: 6px;
        border-bottom:1px solid #cecfd1
    }
    
    .info-box {
        border: 1px solid #009688;
        background: #009688;
        color: #fff;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
        display: flex;
        font-size: 13px;
    }

    .info-box .icon-info {
        margin-right: 9px;
        font-size: 19px;
    }
    .resources-from-selected-item-wrpr .search-and-actions-wrpr {
        padding-top: 2px;
        padding-bottom: 9px;
    }
    .resources-from-selected-item-wrpr .content-search-wrpr input{
        max-width:none;
    }
    .resources-from-selected-item-wrpr .content-search-wrpr {
        padding-left: 0;
    }
    
    
/* Oct 7 2020 end */

/* Oct 8 2020 start */
.allocation-items .panel-heading {
    background: #d0d3d8;
    border: 1px solid #687f8f;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.allocation-items .active .panel-heading {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.allocation-items .panel .panel-collapse {
    border: 1px solid #bfc3c6 !important;
}

.allocation-items .panel-default {
    border: none;
}
.allocation-items label {
    width: 100%;
    font-size: 13px;
}

.allocation-items label + span {
    font-size: 14px;
}
.c-name {
    font-size: 15px;
    margin-bottom: 15px;
    display: inline-block;
}
.add-alloc-item {
    min-width: 73px !important;
}

.add-alloc-item span {
    color: #fff;
    position: relative;
    top: 1px;
    left: -3px;
}
.allocation-items .panel-body .row + .row {
    border-top: 1px solid #cccccc;
    padding-top: 15px;
}
.allocation-items .panel-heading a {
    display: block;
}
.added-item-allocation-save-btn-wrpr{
    padding:10px;
}
.added-item-allocation-save-btn span{
    color:#fff;
    margin-right:5px;
}
.added-alloc-items-wrpr .card span {
    font-size: 13px;
}
.added-alloc-items-wrpr .icon-groups {
    min-height: unset;
    /*margin-bottom: 12px;*/
}
.item-name {
    min-height: 31px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.added-alloc-items-wrpr .card-body .row + .row {
    border-top: 1px solid #cecfd1;
    padding-top: 13px;
    margin-top: 13px;
}
.added-items-title {
    font-weight: 500;
}
.added-alloc-items-wrpr .card + .card {
    margin-top: 10px;
}
.added-item-allocation-save-btn .icon-check:before{
    display:inline-block;
}
.saving{
    animation: saveBtnHidden 2s linear;
    animation-fill-mode: forwards;
}
.saving .icon-check:before {
    content: '\e9a4';
    animation: spinner 1s linear;
    animation-iteration-count: infinite;
}

@keyframes spinner {
  100% {transform: rotate(360deg);}
}
@keyframes saveBtnHidden {
  70% {transform: translate(0px, 0px); opacity:1; height:50px;} 
  98%{height:30px;}
  100% {transform: translate(0px, 0px); opacity:0; display:none; height:0px;}
}
.resources-from-selected-item-wrpr.resource-saved {
    display: none;
}

.allocation-right-bar.added-item-bar.resource-saved {
    right: 0;
    max-width: calc(100% - 258px);
    
    background: #efefef;
}
.hidden-column{
    display:none;
}
.resource-saved .hidden-column{
    display:flex;
}
.resource-saved .item-details-column{
    display:none;
}
.resource-saved .vendor-column .c-name {
    margin-bottom: 0px !important;
    
}
.saving + .added-alloc-items-wrpr .card span {
    font-size: 14px !important;
}
.resource-not-allocated-info {
    background: #ecedef;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
   
}
.resource-not-allocated-info .icon-info3 {
    font-size: 62px;
    color: #465365;
}

.resource-not-allocated-info .info-text {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    margin-top: 14px;
}

.resource-not-allocated-info .info-text span {
    font-size: 14px;
}
.resource-not-allocated .resource-not-allocated-info {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: calc(100% - 160px);*/
}
.resource-not-allocated .allocation-right-bar.added-item-bar {
    display: none;
    padding-left:15px;
    padding-right:15px;
    overflow-y:auto;
    
}
.addnext-icon-wrpr .icon-groups {
    justify-content: flex-start;
    min-height: auto;
    margin-top: 23px;
}

/* Oct 8 2020 end */


/* Oct 7 2020 * by Vishnu start ----PLEASE DONT TOUCH---- */
.custom-popup , .allocate-resosurces-popup {
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    position: relative;
    background: white;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.15);
    border-radius: 9px;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-top: 260px;
    animation: custompop-anim .5s infinite;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;

    
    
}
.modal-container.custompopup-active .custom-popup{
    
    margin-top: 160px;
}
.popup-header {
    background: #465365;
    color: #fff;
    padding-top: 9px;
    padding-bottom: 9px;
}
.popup-body {
    overflow-y: auto;
    height: calc(100% - 48px);
    margin-left: 0;
    margin-right: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.popup-title {
    font-size: 16px;
}
.popup-icon {
    display: inline-flex;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #465365;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
}
.close-popup {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-right: 12px;
    top: 6px;
    position: relative;
}
.close-popup:hover, .close-popup:active{
    color:#fff;
    text-decoration:none;
}

    


.allocation-left-bar {
        background: #fff;
    width: 100%;
    max-width: 250px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    overflow-y: auto;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.resources-from-selected-item-wrpr {
    background: #ecedef;
    width: 100%;
    border-left:1px solid #d6d6d8;
    border-right:1px solid #d6d6d8;
    padding: 15px;
    padding-top: 10px;
    overflow-y:auto;
    margin-right: 258px;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    display:none;
}

.allocation-right-bar {
    background: #fff;
    width: 100%;
    max-width: 258px;
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 48px;
    bottom: 0;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.allocation-left-bar .rounded-coner-btn {
    width: 222px;
    border-radius: 20px;
    line-height: 28px;
    border-color: #465365;
    background: #fff;
    color: #333;
    text-align: left;
    font-size: 13px;
}

.allocation-left-bar .rounded-coner-btn + .rounded-coner-btn {
        margin-top: 10px;
}
.allocation-left-bar .rounded-coner-btn:hover, .allocation-left-bar .rounded-coner-btn.active {
        background: #465365;
        color: #fff;
}
.added-alloc-items-wrpr .card {
    border: 1px solid #cecfd1;
    border-radius: 10px;
    box-shadow: 0 4px 7px rgb(0 0 0 / 0.1);	
}
.added-alloc-items-wrpr .card-header {
    padding: 6px;
    border-bottom:1px solid #cecfd1
}

.info-box {
    border: 1px solid #009688;
    background: #009688;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: flex;
    font-size: 13px;
}

.info-box .icon-info {
    margin-right: 9px;
    font-size: 19px;
}
.resources-from-selected-item-wrpr .search-and-actions-wrpr {
    padding-top: 2px;
    padding-bottom: 9px;
}
.resources-from-selected-item-wrpr .content-search-wrpr input{
    max-width:none;
}
.resources-from-selected-item-wrpr .content-search-wrpr {
    padding-left: 0;
}


/* Oct 7 2020 end */

/* Oct 8 2020 start */
.allocation-items .panel-heading {
background: #d0d3d8;
border: 1px solid #687f8f;
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.allocation-items .active .panel-heading {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.allocation-items .panel .panel-collapse {
border: 1px solid #bfc3c6 !important;
}

.allocation-items .panel-default {
border: none;
}
.allocation-items label {
width: 100%;
font-size: 13px;
}

.allocation-items label + span {
font-size: 14px;
}
.c-name {
font-size: 15px;
margin-bottom: 15px;
display: inline-block;
}
.add-alloc-item {
min-width: 73px !important;
}

.add-alloc-item span {
color: #fff;
position: relative;
top: 1px;
left: -3px;
}
.allocation-items .panel-body .row + .row {
border-top: 1px solid #cccccc;
padding-top: 15px;
}
.allocation-items .panel-heading a {
display: block;
}
.added-item-allocation-save-btn-wrpr{
padding:10px;
}
.added-item-allocation-save-btn span{
color:#fff;
margin-right:5px;
}
.added-alloc-items-wrpr .card span {
font-size: 13px;
}
.added-alloc-items-wrpr .icon-groups {
min-height: unset;
/*margin-bottom: 12px;*/
}
.item-name {
min-height: 31px;
display: flex;
align-items: center;
margin-bottom: 12px;
}
.added-alloc-items-wrpr .card-body .row + .row {
border-top: 1px solid #cecfd1;
padding-top: 13px;
margin-top: 13px;
}
.added-items-title {
font-weight: 500;
}
.added-alloc-items-wrpr .card + .card {
margin-top: 10px;
}
.added-item-allocation-save-btn .icon-check:before{
display:inline-block;
}
.saving{
animation: saveBtnHidden 2s linear;
animation-fill-mode: forwards;
}
.saving .icon-check:before {
content: '\e9a4';
animation: spinner 1s linear;
animation-iteration-count: infinite;
}

@keyframes spinner {
100% {transform: rotate(360deg);}
}
@keyframes saveBtnHidden {
70% {transform: translate(0px, 0px); opacity:1; height:50px;}	
98%{height:30px;}
100% {transform: translate(0px, 0px); opacity:0; display:none; height:0px;}
}
.resources-from-selected-item-wrpr.resource-saved {
display: none;
}

.allocation-right-bar.added-item-bar.resource-saved {
right: 0;
max-width: calc(100% - 258px);

background: #efefef;
}
.hidden-column{
display:none;
}
.resource-saved .hidden-column{
display:flex;
}
.resource-saved .item-details-column{
display:none;
}
.resource-saved .vendor-column .c-name {
margin-bottom: 0px !important;

}
.saving + .added-alloc-items-wrpr .card span {
font-size: 14px !important;
}
.resource-not-allocated-info {
background: #ecedef;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
display:none;
}
.resource-not-allocated-info .icon-info3 {
font-size: 62px;
color: #465365;
}

.resource-not-allocated-info .info-text {
font-size: 16px;
text-align: center;
font-weight: 500;
margin-top: 14px;
}

.resource-not-allocated-info .info-text span {
font-size: 14px;
}
.resource-not-allocated .resource-not-allocated-info {
display: flex;
}
.resource-not-allocated .allocation-right-bar.added-item-bar {
display: none;
}
.addnext-icon-wrpr .icon-groups {
justify-content: flex-start;
min-height: auto;
margin-top: 23px;
}

/* Oct 8 2020 end */

/* Oct 9 2020 start */

.boq-list-cntnr {
border-top: 1px solid #f2f2f2;

}
.boq-list-cntnr span {
font-size: 14px;
}
.bill-number {
margin-bottom: 10px;
}
.wbs-unit-qty-row {
margin-bottom: 20px;
}
.total-amount span {
font-size: 17px;
}
.project-boq {
background: rgb(236 238 247 / 0.5);
margin-top: -15px;
padding: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #dfdfdf;
}
.bill-number span {
font-size: 16px;
margin-bottom: 10px;
display: inline-block;
margin-top: 9px;
}


.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
opacity: 0
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse";
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0;
}
.clearboq-btn span {
font-size: 15px;
position: relative;
top: 1px;
}

/* Oct 9 2020 end */

/* Oct 16 2020 end */
.project-boq {
    display: flex;
}
.expand-collapse-palist {
    background: #fff;
    display: block;
    min-width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    line-height: 0;
    box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
    position: relative;
    top: -3px;
    font-size: 19px;
    text-decoration:none;
    
}
.expand-collapse-palist:focus,
.expand-collapse-palist:active	{
    outline:none !important;
    text-decoration:none;
}
.expand-collapse-palist.collapse:before{
    content:"\ed9f";
}
.add-activities-section-title {
    background: #f5f6fb;
    border-top: 1px solid #dfdfdf;
    padding-top: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #dfdfdf;
}
.add-activity-filter select {
    border-radius: 20px;
}

.add-activity-filter input {
    border-radius: 21px;
    border: 1px solid #cccccc;
    padding: 7px;
    font-size: 13px;
    min-width: 270px;
}
.add-activity-filter .search-button {
    min-width: 9px;
    padding-left: 10px;
    padding-right: 8px;
    padding-top: 7px;
    padding-bottom: 5px;
}
.add-activity-search-results-title-wpr,
.add-activity-search-results-content-wpr	{
    background: #f5f6fb;
    padding-top: 8px !important;
    padding-bottom: 4px !important;
}
.add-activity-search-results-content-wpr{
    background:#fff;
}

.add-activity-search-results-title-wpr label {
    font-size: 12px;
}
.add-activity-search-and-list-cntnr {
    border: 1px solid #dfdfdf;
    margin-left: 0;
    margin-right: 0;
    border-radius: 8px;
    overflow: hidden;
}
.custom-padding-activity{
    padding-left: 30px;
    padding-right: 30px;
}
.add-activity-search-results-content-wpr label {
    font-size: 1px;
    margin-bottom: 0;
}

.add-activity-search-results-content-wpr span {
    margin-bottom: 8px;
    display: inline-block;
}
.add-activity-filter label {
    font-size: 13px;
    margin-left: 7px;
}
.add-activity-filter .row {
    padding-bottom: 0px;
}
.added-activity-list-wrpr > .row {
    padding-top: 5px;
    padding-bottom: 5px;
}





/* Oct 16 2020 end */


/* Place order table change Aug 8 2022 -start  */


.tableShadow {
    box-shadow: 0 0 40px rgb(0 0 0 / 34%) !important;
}
.sml-font-size {
    font-size: 11px;
}

.sml-font-size span {
    display: block;
    line-height: 5px;
}
.btn-vendor.btn-round {
    width: 31px;
    min-width: 31px;
    padding: 0px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
}
.btn-vendor.btn-round span{
    color: rgb(0 0 0 / 70%);
    font-size: 10px;
    width: 40px;
    display: block;
    position: absolute;
    bottom: -26px;
    flex-wrap: wrap;
    word-break: break-all;
    white-space: normal;
    line-height: 10px;
	font-weight: 600;
}
.tableShadow th {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}
.sml-input2 {
    width: 71px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
}
.tableShadow thead {
    background: #eceef7 !important;
}
.placeorder-btn2-wrpr {
    padding-right: 0px;
}

.placeorder-btn2 {
    margin-right: 0 !important;
}
.tableShadow thead th {
    border-bottom: 1px solid #dfdfe1 !important;
}
	
	
	
	
/* Place order table change Aug 8 2022 -end */

/* Place order table change Aug 18 2022 */	

.valing-middle {
    margin-top: 7px;
    display: inline-block;
}

/* Place order table change Aug 18 2022  end*/	



/* Oct 19 2020 start*/

.add-to-favorite.added-to-fav {
background: #FFC107;
border-color: #FFC107;
}

a.btn.btn-primary.add-to-favorite .icon-star2 {
font-size: 22px;
position: relative;
top: -2px;
}

.add-to-favorite {
background: #d8d8d8;
border-color: #d8d8d8;
}




/* Oct 19 2020 end*/

/* Oct 21 2020 start*/

.card.relations-card .card-header {
	background: #286091;
}

.card.relations-card .card-body {
	background: #ebeef7;
}

.card.relations-card {
	border-radius: 8px;
	overflow: hidden;
}

.card.relations-card .card-header h2 {
	font-size: 16px;
	color: #fff;
	margin: 20px 20px;
	display: flex;
    align-items: center;
}
.card.relations-card .list-group {
    font-size: 11px;
}

.card.relations-card label {
    font-size: 12px;
}

.card.relations-card .list-group .active {
    background: #465365;
}
.card.relations-card .save-btn {
    min-width: 92px;
    margin-bottom: 5px;
}
.card.relations-card .cancel {
    margin-top: 5px;
}

.card.relations-card {
    min-height: 380px;
}
.card.relations-card .card-header span {
    font-size: 18px;
	margin-right: 8px;
}
.card.relations-card .card-body .prev-tab {
    box-shadow: none;
}
.schedule-activity-relations-tab .type label {
    font-size: 12px;
}

.schedule-activity-relations-tab .type span {
    font-size: 15px;
}
.schedule-activity-relations-cntnt-wrpr.data-content-list .col-md-10 > .row {
    padding: 0;
}
.schedule-activity-relations-tab .search-and-actions-wrpr,
.schedule-activity-relations-tab .data-content-list {display: block !important; }
.add-relations-form, .edit-relation-form{
	border-bottom: 1px solid #dfdfdf;	
}
.dependent-activity-wrpr:before {
    content: "\e157";
    font-family: 'icons-sm';
    position: absolute;
    background: #fff;
    z-index: 1;
    padding: 6px 11px;
    font-size: 24px;
    border-radius: 50%;
    left: -23px;
    top: 100px;
    box-shadow: 0 0 12px rgb(0 0 0 / 0.2);
}

.dependent-activity-wrpr {
    position: relative;
}

/* fav project list */
.fav-project-wrpr.card {
    background: #eceef7;
    font-weight: 600;
    font-size: 16px;
    min-height: 90px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 8px
}
.fav-project-wrpr.card .card-body a {
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    text-decoration:none;
}
.fav-project-wrpr.card .card-body {
    padding: 0px;
    display: flex;
}

.fav-project-wrpr.card .card-body .icon-check{
    display:none;
}
.fav-project-wrpr.card.active {
    background: #337ab7;
}

.fav-project-wrpr.card.active a {
    color: #fff;
}

.fav-project-wrpr.card.active a .icon-check {
    display: flex;
    background: #fff;
    width: 30px;
    height: 30px;
    color: #337ab7;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border-radius: 50%;
}
.fav-project-wrpr.card.active .card-body a {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    
}

.fav-project-wrpr.card.active .card-body a span {
    margin-right: 9px;
}
.project-fav-cards-cntnr {
    padding: 30px;
}
/* fav project list end */

/* Oct 21 2020 end*/

/* Oct 22 2020 start*/
.add-activities-section-title,
.add-activity-filter,
.custom-padding-activity{
display:none;
}
.project-activities-add-form-active .add-activities-section-title,
.project-activities-add-form-active .add-activity-filter,
.project-activities-add-form-active .custom-padding-activity {
display:block;
}
.project-activities-add-form-active .added-activity-list-wrpr {
/*max-height:235px;*/
overflow-y:auto;
}
.added-activity-list-wrpr .text-button{
min-width:116px;
}
.add-activity-filter {
border-right: 1px solid #dfdfdf;
}
.add-project-activities-btn {
border-radius: 31px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 8px;
position: relative;
top: -3px;
}

.add-project-activities-btn .icon-add {
color: #fff;
margin-right: 3px;
}

.project-activities-add-form-active .add-activities-section-title {
display: flex ;
flex-direction: row;
}
.close-activity-list-btn {
border-radius: 23px;
}

.add-activity-filter a {
    width: 100%;
    border-radius: 20px;
    line-height: 28px;
    border-color: #465365;
    background: #fff;
    color: #333;
    text-align: left;
    font-size: 13px;
}
.add-activity-filter a + a {
margin-top: 7px;
}


/*projects card changes*/
.fav-project-wrpr.card {
overflow: hidden;
}
.fav-project-wrpr.card .card-footer {
background: #f7f6f6;
}
.fav-project-wrpr.card .card-body {
padding: 10px;
min-height: 50px;
}
.fav-project-wrpr.card.active .card-footer {
color:#333;
}

.fav-project-wrpr.card .card-footer label {
font-size: 12px;
}

.fav-project-wrpr.card .card-footer label + span {
font-size: 14px;
}
.fav-project-wrpr.card .card-footer {
flex-direction: column;
padding: 15px;
}
.fav-project-wrpr.card .card-body a{
padding-left:0px;
}
.project-client-name {
display: flex;
margin-bottom: 13px;
align-items: center;
}

.project-client-name label {
width: auto !important;
margin-right: 8px;
margin-bottom: 0;
}
.fav-project-wrpr.card.active label + span {
color: #fff !important;
}
.fav-project-wrpr.card{
cursor:pointer;
}
/*projects card changes end*/


/* Oct 22 2020 end*/



/*Oct 26 2020 start*/

/* @keyframes custompop-anim ---- change above css  */

/* .allocation-cntnt-wrpr  height changed in the above class */

/*.allocation-left-bar - in the above class, changed the padding bottom to 30px */

/*  modal-background {			height: calc(100% - 20px);  this value change in above class modal-background  }*/

.added-alloc-items-wrpr.data-content-list  .row .row {
    padding-top: 0px;
    padding-bottom: 0px;
}

.custom-popup.allocate-resosurces-popup .popup-body{
	overflow-y:hidden;
}

.vendor-column {
    margin-bottom: 10px;
}
.added-alloc-items-wrpr > .row {
    padding-top: 10px;
    padding-bottom: 0px;
}
.custom-popup.allocate-resosurces-popup .added-alloc-items-wrpr > .row {
    padding-top: 17px;
    padding-bottom: 10px;
}
.added-alloc-items-wrpr > .row + .row{
	border-top:1px solid #ece8e8;
}
.added-alloc-items-wrpr .row {
    margin-left: 0;
    margin-right: 0;
}
.allocation-top-bar {
	
    background: #fff;
	
	border-bottom: 1px solid #d6d6d8;
}
.resources-from-selected-item-wrpr{
	margin-right:auto;
}

.added-alloc-items-wrpr{
	
}
.add-allocation-list-active  .allocation-list-items-cntnr{
	/*min-height:116px;
    max-height: 240px;*/
	overflow-y:auto;
}
.allocated-list-cntnt-wrpr.added-alloc-items-wrpr {
    border-bottom: 1px solid #e0e0e0;
}
.panel-group.allocation-items .panel-heading{
    background: #ccc !important;
}
.panel-group.allocation-items .panel-heading h4{
    color:#444 !important;
}
.panel-group.allocation-items .panel-body > .row {
    margin-left: 0;
    margin-right: 0;
}
.added-alloc-items-heading {
    margin-left: -15px !important;
    background: #ecedef;
    margin-right: -15px !important;
    padding-bottom: 10px !important;
}
.alloc-activity-title {
    display: flex;
    align-items: center;
}
.resource-list-btn {
    border-radius: 41px;
}
.allocation-list-items-cntnr {
    margin-left: -15px;
    margin-right: -15px;
}
.allocation-cntnt-wrpr {
    display: none;
}
.add-allocation-list-active .allocation-cntnt-wrpr  {
    display:flex;
}
.close-resource-list-btn {
    border-radius: 41px;
	display:none;
}
.add-allocation-list-active .resource-list-btn{
	display:none;
}
.add-allocation-list-active .close-resource-list-btn{
	display:inline-block;
}
.procu-accordion .panel.panel-default .allocation-items .panel-default  .panel-heading{
    border-radius: 10px;
}

.procu-accordion .panel.panel-default .allocation-items .panel-default.active  .panel-heading{
    border-radius: 10px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.procu-accordion .panel.panel-default .allocation-items .panel-default .panel-heading .panel-title a:after {
    top: 1px;
    right: 0;
}



/*Oct 26 2020 end*/

/*Oct 27 2020 start*/

.receive-materials-btn span,
.raise-bill-btn span{
	font-size:15px;
}
.rm-order-history-cntnt-wrpr {
	display:none;
}
.close-order-history-btn{
	display:none;
}
.order-history-cntnt-active .order-history-btn{
	display:none;
}
.order-history-cntnt-active .close-order-history-btn{
	display:block;
}
.order-history-cntnt-active .rm-order-history-cntnt-wrpr{
	display:block;
	border-top: none;
}
.order-history-cntnt-active .receive-materials-cntnt-wrpr{
	display:none;
}
.receive-meterials-form thead {
    background: #eceef7;
}
.data-content-list .addForm + a {
    display: flex;
}
.receive-meterials-form {
    margin-left: 0px;
    margin-right: 0;
}
.total-row {
    border-bottom: 2px solid #465365;
    background: rgb(236 238 247 / 29%);
}
.bill-history-list-wrpr,
.close-bill-history-btn,
.bill-history-list-active .work-order-list-wrpr,
.bill-history-list-active .bill-history-btn  {
	display:none;
}
.bill-history-list-active .bill-history-list-wrpr,
.bill-history-list-active  .close-bill-history-btn {
	display:block;
}

.work-order-vendor-and-project {
    border: 1px solid #d8d8d8;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    margin-bottom: 15px;
    border-radius: 7px;
    padding-top: 13px;
    background: #fafafd;
}

.raise-bill-form  thead {
    background: #eceef7;
}
.raise-bill-form.row {
    margin-left: 0;
    margin-right: 0;
}

/*Oct 27 2020 end*/

/*Oct 28 2020 start*/
.muster-list-active  .raise-wage-roll-list-wrpr,
.muster-list-active .muster-btn	{
    display:none;
}
.muster-list-active  .raise-wage-roll-list-wrpr + .muster-list-wrpr{
    border:none;
}
.muster-list-active .muster-date-from-to	{
    display: block;
    margin: 0;
    font-size: 18px;
}
.muster-list-active .muster-list-wrpr,
.muster-list-active .close-muster-btn{
    display:block;
}
.muster-date-from-to,
.close-muster-btn,
.muster-list-wrpr{
    display:none;
}
.content-search-wrpr.text-left {
    justify-content: flex-start;
}
.search-btn {
    min-width: 34px !important;
    padding-left: 0px;
    padding-right: 2px;
    line-height: 23px;
}
.search-btn span {
    color: #fff !important;
}
.not-allowed{
    cursor: not-allowed;
}
.raise-muster-roll {
    border: 1px solid #d8d8d8;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    margin-bottom: 15px;
    border-radius: 7px;
    padding-top: 13px;
    background: #fafafd;
}

/*Oct 28 2020 end*/

/*Nov 2 2020 start*/
.invoice-leased-equipment-tab .projectname {
margin: 0;
font-size: 18px;
}
.invoice-le-order-history-list-wrpr, 
.invoice-le-order-history-list-active .invoice-leased-equipment-list-wrpr ,
.invoice-le-order-history-list-active .order-history-btn 
{
display: none;
}
.invoice-le-order-history-list-active .invoice-le-order-history-list-wrpr, .invoice-le-order-history-list-active .close-order-history-btn {
display: block;
}

.raise-job-card-tab .projectname {
margin: 0;
font-size: 18px;
}




/*Nov 2 2020 end*/


/*Nov 3 2020 start*/

	/*.add-allocation-list-active  .allocation-list-items-cntnr{ this css from above - the max height has been changed.... */
	/*.content-wrpr {    max-height: 50000px; this css from above - max-height value has been changed... */
	/* .procu-accordion input:checked ~ .tab-content { max-height: 50473px; - this css from above -  max height  has been changed... */
        .newItem{
		
            transform: translateY(-10px);
            animation: newAllocaItem 1s infinite;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-timing-function: ease-in-out;
            animation-delay: 0s;
            position:relative;
            opacity:1;
            
        }
        @keyframes newAllocaItem{
            0%{opacity:0;   transform: translateY(-10px);}
            100%{opacity:1;  transform: translateY(0px);}
        }
        
        /*Receive Plant and Equipment start*/
        .ro-section {
            background: #f5f5f5;
            margin-top: -15px;
            padding-top: 10px;
            padding-bottom: 5px;
        }
        .item-sublist + .item-sublist {
            border-top: 1px solid rgb(223 223 223 / 0.4);
        }
        
        
        
     .custom-checkbox[type="checkbox"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
        }
    
        .custom-checkbox[type="checkbox"]:before {
            content: '\e5ca';
            font-family: icons-sm;
            border: 1px solid #CECECE;
            border-radius: 5px;
            color: transparent;
            margin-right: 3px;
            background:#fff;
            padding:2px;
            font-size:16px;
            position:relative ;
            left:-1px;
        }
    
        .custom-checkbox[type="checkbox"]:checked:before {
            content: '\e5ca';
            font-family: icons-sm;
            border: 1px solid #999;
            color: red;
        }
        .custom-checkbox[type="checkbox"]:focus{
             outline: none;
        }
        .receive-equipment-date, .vehicle-number {
            border-radius: 21px;
            margin-right: 7px;
        }
        .receive-plant-and-equipment-tab .projectname {
            margin: 0;
            font-size: 18px;
        }
        .operations-despatch-orders-list-wrpr,
        .close-despatch-Orders-btn{
            display:none;
        }
        .despatch-orders-list-active .operations-receive-orders-list-wrpr,
        .despatch-orders-list-active .despatch-Orders-btn{
            display:none;
        }
        .despatch-orders-list-active .operations-despatch-orders-list-wrpr,
        .despatch-orders-list-active .close-despatch-Orders-btn{
            display:block;
        }
        .despatch-orders-list-active .operations-receive-orders-list-wrpr, 
        .despatch-orders-list-active .despatch-Orders-btn {
            display: none;
        }
        .operations-receive-orders-list-wrpr + .operations-despatch-orders-list-wrpr {
            border-top: none;
        }
        
        /*Receive Plant and Equipment end*/
    
    
    /*Nov 3 2020 end*/
    
/*Nov 4 2020 start*/
.machinery-list .icon-groups {
    min-height: auto;
}
.log-list-search-cntnr{
	display:none;
}
.log-equipment-usage-log-book-tab.log-list-active .log-list-btn,
.log-equipment-usage-log-book-tab.log-list-active .machinery-list-search-cntnr {
    display: none;
}
.log-equipment-usage-log-book-tab.log-list-active .close-log-list-btn {
    display: block;
}
.log-equipment-usage-log-book-tab.log-list-active .log-list-search-cntnr {
    display: flex;
}
.log-equipment-usage-log-book-tab.log-list-active .machinery-list-wrpr{
	display:none
}
.log-equipment-usage-log-book-tab .machinery-log-list-wrpr{
	display:none;
}
.log-equipment-usage-log-book-tab.log-list-active .machinery-log-list-wrpr{
	display:block;
}
.log-equipment-usage-log-book-tab .close-log-list-btn {
    display: none;
}
.log-list-search-cntnr select {
    max-width: 300px;
}
.alloc-activity-title em {
    display: inline-block;
    font-style: normal;
    margin-left: 30px;
}
.bottom-zere-padding{
	padding-bottom:0px !important;
}

/*Nov 4 2020 end*/

/*Nov 12 2020 start*/
.card.chart-card {
    border: 1px solid rgb(96 125 139 / 22%);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 12px rgb(0 0 0 / 14%);
    margin-bottom: 29px;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transform: translateY(0px);
}
.card.chart-card:hover {
    box-shadow: 0 21px 12px rgb(0 0 0 / 14%);
    transform: translateY(-5px);
}
.card.chart-card .card-header {
    background: #465365;
    padding: 13px;
    color: #fff;
}
/*Nov 12 2020 end*/

/*Nov 16 2020 start*/
.group-title {
    background: #f5f5f5;
    padding: 15px;
    position: relative;
    top: -15px;
}
.group-title2{
	background: rgb(236 238 247 / 0.5);
	padding: 7px;
	position: relative;
	top: -15px;
}
.submit-report-cntnr {
    border-top: 1px solid #dfdfdf;
    padding-top: 16px;
}
/*Nov 16 2020 end*/




/*Nov 18 2020 start*/
/*.chart-popup-cntnr {
    position: fixed;
    background: #252c3e;
    top: 86px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
	opacity:0;
	transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
	transform:translateY(100px)
}
.chart-popup-cntnr.active{
	z-index: 1000;
	opacity:1;
	transform:translateY(0px)
}
.chart-popup-cntnr.active .chart-cntnt-wrpr{
	display:block;
}
.chart-cntnt-wrpr{
	display:none;
}
.chart-win-close {
    font-size: 22px;
    position: absolute;
    right: 7px;
    top: 9px;
    color: #fff;
}
.btn-secondary {
    color: #fff;
    background-color: #444;
    border-color: #444;
}*/

/*Nov 18 2020 end*/

/* Nov 20 2020 start*/

.client-bill-BOQ-list-wrpr .type span {
    font-size: 14px;
}
.rate-amount-cntnr .row {padding-top: 0;padding-bottom: 0;}
.number.auto-width {
    min-width: 26px;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}
.total-amount span {
    font-weight: 700;
}
.project-total-row {
    background: #465365;
    color: #fff;
    position: relative;
    border-top: none !important;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.project-total-row span {
    color: #fff;
}
.client-bill-history-list-wrpr{
	display:none;
}
.bill-history-active .client-bill-history-list-wrpr,
.bill-history-active .btn-bill-history-close{
	display:block;
}
.bill-history-active .client-bill-BOQ-list-wrpr{
	display:none;
}
.bill-history-active  .btn-bill-history, .btn-bill-history-close, .view-client-bill-list-wrpr{
	display:none;
}
.raise-bill-table thead,
.view-client-bill-table thead {
    font-size: 12px;
}
.view-client-bill-table thead{
	background: #eceef7;
}

.raise-bill-table tbody,
.view-client-bill-table tbody {
    font-size: 13px;
}
.project-total-row td {
    border-right-color: #465365 !important;
    border-bottom-color: #465365 !important;
}
.edit-bill-btn span {
    font-size: 11px;
    margin-right: 5px;
}
.view-client-bill-active  .client-bill-history-list-wrpr,
.view-client-bill-active  .search-and-actions-wrpr{
	display:none;
}
.view-client-bill-active .view-client-bill-list-wrpr{
	display:block;
}
.raise-client-bill-active .client-bill-history-list-wrpr{
	display:none;
}
.prev-tab + .prev-tab + .prev-tab + .prev-tab + .prev-tab + .prev-tab + .prev-tab + .prev-tab + .prev-tab + .prev-tab + .prev-tab + .prev-tab {
    top: -220px;
}


/* Nov 20 2020 end*/

/*Dec 8 2020 - acco more tab css */

/*13th tab*/
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab +
.prev-tab {
    top: -240px;
}
/*14th tab*/
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab +
.prev-tab +
.prev-tab {
    top: -260px;
}
/*15th tab*/
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab {
    top: -280px;
}
/*16th tab*/
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab {
    top: -300px;
}
/*17th tab*/
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab {
    top: -320px;
}
/*18th tab*/
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab {
    top: -340px;
}
/*19th tab*/
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab {
    top: -360px;
}
/*20th tab*/
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab + 
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab +
.prev-tab {
    top: -380px;
}
.meterial-and-unit {
    font-size: 13px;
    color: black;
}

/*Dec 8 2020 - acco more tab css ends */

/*Dec 17 2020 - start */

.resource-list .resource-list {
    padding: 10px 15px;
}

.desktoponly{
    display:block;
}
.phoneonly{
    display:none;
}

.ipad .desktoponly,
.iphone .desktoponly,
.android .desktoponly{
    display:none;
}

.ipad .phoneonly,
.iphone .phoneonly,
.android .phoneonly{
    display:block;
}

/*Dec 17 2020 - end */
 

/*Feb 10 2021 - User Roles and Create User */

.userrole-functions-list {
    border: 1px solid #858585;
    padding: 8px;
    padding-left: 13px;
    max-width: 290px;
    border-radius: 21px;
}

.userrole-functions-list + .userrole-functions-list {
    margin-top: 16px;
}

.userrole-functions-list-wrpr {
    padding-top: 30px;
    padding-bottom: 30px;
}

.userrole-functions-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userrole-functions-list input[type="checkbox"],
.user-role-tab-wrpr input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.userrole-functions-list input[type="checkbox"]:before,
.user-role-tab-wrpr input[type="checkbox"]:before{
    content: '\eb86';
    font-family: icons-sm;
    border: 0px solid #CECECE;
    border-radius: 30px;
    color: transparent;
    margin-right: 3px;
    background:#eff0f1;
    padding:6px;
    font-size:16px;
    position:relative ;
    left:6px;
}

.userrole-functions-list input[type="checkbox"]:checked:before,
.user-role-tab-wrpr  input[type="checkbox"]:checked:before{
    content: '\eb86';
    font-family: icons-sm;
    border: 0px solid #82cb0f;
    background:#82cb0f;
    color:#fff;

}

.ipad .userrole-functions-list input[type="checkbox"]:before{
    left:-11px;
    top:-3px;
}
.ipad .user-role-tab-wrpr input[type="checkbox"]:before{
    left:-12px;
    
}
.ipad .finance-tab-header input[type="checkbox"]{
    margin-left:10px;
}

.urser-roles-function-tabs-cntnr {
    padding-top: 30px;
    margin-bottom: 30px;
}

.user-role-tab-wrpr,
.user-role-tab-wrpr{
    border: 1px solid #6b6b6b;
    border-radius: 30px;
    min-height: 200px;
    overflow: hidden;
    display:none;
}
.user-role-tab-wrpr.active{
    display:block;
}

.finance-tab-header {
    background: #f7f8fc;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
}

.finance-tab-header label {
    display: inline-block;
    width: auto !important;
    font-size: 13px;
    font-weight: 400;
}
.finance-tab-header span {
    font-size: 15px;
    font-weight: 600;
}
.finance-tab-roles-body {
    
}
.finance-tab-roles-body .userrole-label-wrpr,
.micropermission-label-wrpr{
    font-size: 13px;
    font-weight: 500;
    max-width: 213px;
    min-width: 213px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 7px 9px;
    padding-right: 7px;
    border-radius: 20px;
    align-items: center;
    border: 1px solid #858585;
    margin-bottom: 11px;
}
.userrole-label-wrpr label{
    width:Auto !important;
    margin-bottom:0px;
}

.finance-tab-roles-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: column;
}
.userrole-label-wrpr.active {
    background: #465364;
    color: #fff;
    border-color: #465364;
}
.user-roles-body {
    padding: 19px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.user-role-micro-permission .micro-permission-header {
    background: #f7f8fc;
    padding: 20px;
    border: 1px solid #dadde0;
    border-left: none;
    border-right: none;
}
.micro-permission-header {
    font-weight: 600;
}

.micro-permission-header em {
    font-style: normal;
    font-weight: 400;
    margin-left: 6px;
}
.micro-permission-body {
    padding: 19px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.micropermission-label-wrpr label {
    width: auto !important;
    margin-bottom: 0;
}
.micropermission-label-wrpr{
        margin-left:10px;
}
.userrole-functions-list.active {
    background: #465364;
    color: #fff;
    border-color: #465364;
}
.userrole-label-wrpr span {
    padding-left: 5px;
}
.user-role-tab-wrpr input[type="checkbox"]:before {
    background: #b5bac1;
}
.user-role-tab-wrpr .userrole-label-wrpr.active input[type="checkbox"]:checked:before {
    background: white;
    color: #82cb0f;
}
.userrole-functions-list.active input[type="checkbox"]:checked:before {
    background: white;
    color: #82cb0f;
}
.bootstrap-tagsinput{
    background-color: #f3f4f5;
    border: 1px solid #ccc;
    box-shadow: none;
    display: inline-block;
    padding: 6px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 18px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 13px;
}
.bootstrap-tagsinput .label-info {
    background-color: #fff;
    color: #333 !important;
    font-size: 13px;
    font-weight: 500;
    padding: 6px;
    padding-bottom: 4px;
    padding-left: 11px;
    border: 1px solid #a0a7b0;
    border-radius: 21px;
    display: inline-block;
    margin-bottom: 5px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    background: #d52020;
    color: #fff;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    background: #fff;
    display: inline-block;
    padding: 4px;
    border-radius: 41px;
    width: 23px;
    height: 23px;
}
.finance-type-cntnt-wrpr input, .finance-type-cntnt-wrpr select {
    border-radius: 21px;
}


/*Feb 10 2021 - User Roles and Create User END */
    
@media only screen and (min-width:1400px){
	.procu-accordion.container-fluid {
		max-width: 95%;
	}
}

@media screen and (orientation:portrait){
    
    html {
        -webkit-text-size-adjust: none;
     }
    
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait),
{
    
  /* For portrait layouts only */
  
  @keyframes mymoveNew2 {
        0%{top: 290px; opacity:0;}
        20%{top:320px; opacity:0;}
        60%{top:320px; opacity:0;}
        100%{top:260px; opacity:1;}
        
    }
   

  
  .purchase-order2-wrpr h3 {
    font-size: 19px;
  }
  
  
  .placeOrderPop-cntnt, .approveOrder-cntnt{
      /*width: 980px;
      margin-left: -490px;*/
      width: 995px;
    margin-left: -497px;
      
  }
  .placeOrderPop-cntnt.active iframe, .approveOrder-cntnt.active iframe {
        height: 990px !important;
    }
  
}

/*for ipad pro*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
      
      
     .purchase-order2-wrpr {
        overflow-y: scroll;
        padding: 50px;
        padding-bottom: 100px !important;
        -webkit-overflow-scrolling: touch;
    }
      
      .placeOrderPop-cntnt, .approveOrder-cntnt {
        width: 1024px;
        margin-left: -512px;
    }
      
      @keyframes mymoveNew {
        0%{top: 390px; opacity:0;}
        40%{top:390px; opacity:0;}
        100%{top:0px; opacity:1;}
        
    }
      
      
       @keyframes mymoveNew2 {
        /*0%{top: 290px; opacity:0;}
        20%{top:320px; opacity:0;}
        60%{top:320px; opacity:0;}
        100%{top:260px; opacity:1;}*/
        
        0%{top: 290px; opacity:0;}
        20%{top:290px; opacity:0;}
        60%{top:290px; opacity:0;}
        100%{top:0px; opacity:1;}
        
    }
    
    .placeOrderPop-cntnt.active iframe, .approveOrder-cntnt.active iframe {
        height: 990px !important;
         /*height: 1380px !important;*/
         height: 1170px !important;
    }
      
  }
  
 @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){

    .gtasktableh tr td.gtaskname {
        min-width: 310px !important;
        max-width: 310px !important;
    }

    .gtasktableh tr td.gres {
        min-width: 110px !important;
        max-width: 110px !important;
    }

    .gtasktableh tr td.gplanstartdate {
        min-width: 130px !important;
        max-width: 130px !important;
    }

    .gtasktableh tr td.genddate {
        min-width: 130px !important;
        max-width: 130px !important;
    }

    .gtaskname div, .gtaskname{
        min-width: 310px !important;
        max-width: 310px !important;
    }

    td.gres {
    min-width: 110px !important;
    max-width: 110px !important;
    }

    td.gplanstartdate {
    min-width: 130px !important;
    max-width: 130px !important;
    }

    td.genddate {
    min-width: 130px !important;
    max-width: 130px !important;
    }
    
    .ipad .search-and-actions-wrpr {
    flex-wrap: unset !important;
    }
    .ipad .srchndwrpr {
            flex-wrap:wrap !important;
        }
        .ipad .content-search-wrpr#ledgerhead select[name='ledgerplace'] ,
        .ipad .content-search-wrpr#ledgerhead select[name='projectid'],
        .ipad .content-search-wrpr#ledgerhead select[name='accounthead']{
                width:150px;
        }
        .ipad .content-search-wrpr#journal_bookhead select[name='journalproject'] ,
        .ipad .content-search-wrpr#journal_bookhead select[name='accounthead'] {
            width:250px;
        }

        .ipad .content-search-wrpr#cash_bookhead select[name='bankproject'] ,
        .ipad .content-search-wrpr#cash_bookhead select[name='bankbookproject'],
        .ipad .content-search-wrpr#cash_bookhead select[name='bank']{
            width: 131px;

        }
        .ipad .content-search-wrpr#cash_bookhead select[name='accounthead']{
            width: 170px;
        }
        .ipad .content-search-wrpr#bank_bookhead select[name='bank'] , 
        .ipad .content-search-wrpr#bank_bookhead select[name='accounthead'] {
            width:200px;
        }   

        .ipad .shwnpad {
        float: right !important;
        }
      
      @keyframes mymoveNew {
        0%{top: 390px; opacity:0;}
        40%{top:390px; opacity:0;}
        100%{top:300px; opacity:1;}
        
    }
      
      
       @keyframes mymoveNew2 {
        0%{top: 290px; opacity:0;}
        20%{top:320px; opacity:0;}
        60%{top:360px; opacity:0;}
        100%{top:260px; opacity:1;}
        
    }
    
    .placeOrderPop-cntnt.active iframe, .approveOrder-cntnt.active iframe {
        height: 650px !important;
    }
      
  }


@media only screen and (max-width:650px){
	
	.loginbox {
    width: 348px;
	}
}