#Dashboard-cards{
    padding: 15px 20px 0px 20px;
}
.text-info{
  color: #4678ad!important;
}
.bdgWarning{
    margin-right: -25px; 
    top: -16px !important; 
}
.headlogo{}

.headlogo a span{font-weight: bold;}

.real-manager{text-align:center;}

.real-manager img{
    max-width: 108px;
    margin-bottom: 15px;
    width: 100%;
}

.light-logo{
    max-width: 218px !important;
    width: 100% !important;
}

.login-box{
    margin-left:260px;
    box-shadow: 1px 1px 23px #6e6969;}

.skin-megna .topbar {
    background: #4678ad!important;
}

.topbar .top-navbar .navbar-header {
    background: #fff!important;
}	

/*a {
    color: #4678ad !important;
}*/

.bg-info {
    background-color: #4678ad!important;
}
.skin-megna .sidebar-nav>ul>li.active>a {
    color: #000!important;
    border-color: #4678ad!important;
}
.sidebar-nav ul li a i:hover{color: #4678ad!important;}
.sidebar-nav ul li a:hover{color: #4678ad!important;}

.form-control:focus{
	    border: 2px solid #4678ad !important;
}

.text-cyan {
    color: #4678ad!important;
}
.progress-bar {
    background-color: #4678ad!important;
}
.badge-primary {
    color: #fff!important;
    background-color: #4678ad!important;
}
.text-primary {
    color: #4678ad!important;
}
.logo-text{
	color:black !important;	
}
.compulsory-field{
	color:red !important;
}
.divFollowUpCard{
    box-shadow: 6px 8px 6px -1px rgba(49,121,255,0.4);
	padding:4px;	
}
    .hFirmName {
    	margin:auto;
    	margin-left:20px;
    }
    .cardtitle h5{
        font-size: 13px;
    }
    .cardtitle h1 i{
        font-size: 25px;
    }
    .cardtitle h1{
            font-size: 22px;
    font-weight: 400;
    }
    .cardtitle{
        border-left: 3px solid #4a9cf2;
    }
    
    #togglePassword{
        position: absolute;
    right: 31px;
    margin-top: 12px;
    cursor: pointer;
    }
    
    
    
.labour_sal{}

.labour_sal h6{
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.labour_sal span{
        background: #e2edfa;
    padding: 7px 10px;
    border-radius: 5px;
    vertical-align: super;
}

.labour_sal i{
        font-size: 16px;
    color: #000;
}

.addlabour{
    font-size: 13px;
    border-radius: 5px;
    padding: 6px 8px;
    margin-top: 24px;
    background: none;
    border: none;
    font-weight: 600;
   background: #4678ad;
    color: #fff;
    
}
.vendor_sal{}


.vendor_det{
        background: #f6f6f6;
    padding-top: 8px;
}
.vendor_sal div input{
    width: 75px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 4px;
}
.fullname p{
    text-align: left;
    font-weight: 400;
    font-size: 15px;
}
@media (max-width: 767px){
    .fixed-layout .page-wrapper {
        padding-top: 71px!important;
    }

    .logoimg img{width:100%;}
    .login-box{
        margin: 47px 19px;
    }
	.hFirmName {
		margin-top: 23px;
		font-size: initial;
	}    
.helpbtn{
        color: #fff !important;
    border: 1px solid #fff;
    padding: 4px 10px;
    border-radius: 5px;
    line-height: 66px;
}

.vendor_sal div h6{
    font-size:9px !important;
}
.total_pat{
    margin-top:5px;
}

.labour_sal div h6{
    font-size:9px !important;
}
}

@media (max-width: 820px){
    .helpbtn{
        color: #fff !important;
    border: 1px solid #fff;
    padding: 4px 10px;
    border-radius: 5px;
    line-height: 66px;
}
}

@media (max-width: 1440px){
    .helpbtn{
        color: #fff !important;
    
    padding: 4px 10px;
    border-radius: 5px;
    line-height: 60px;
}
::-webkit-scrollbar {
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b3d2f4; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ccc; 
}


.card-scroll{
    display:flex;
    overflow:scroll;
}

.card-scroll a{margin-right: 12px;}

   .horizontal-nav .page-titles{
    padding: 0px 0 !important;
}

}
@media (max-width: 480px){
    .hFirmName{
    margin-left:0;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255) !important;
}
.login-register{background-position: -400px center;}

.login-box{opacity: 0.9;}

.login-card{opacity: initial;}

/******************* new css mobile app **********************/

.mobile-app-icon{
        padding: 17px 13px;
}

.mobile-app-icon a button{
        border: none;
    padding: 0;
    font-weight: 500;
    font-size: 11px;
}

.card-group .card{border-radius: 8px;}

.mobile-app-icon a button i{
    display: block;
    font-size: 16px;
    color: #0e347a;
    margin-bottom: 6px;
}
/********************** new css mobile app end **************/
.Dashboard-cards div h1 i{
    color:#0e347a !important;
}

}
@media (max-width: 667px){
    .hFirmName{
    margin-left:0;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255) !important;
}
.login-register{background-position: -400px center;}

.login-box{opacity: 0.9;}

.login-card{opacity: initial;}

/******************* new css mobile app **********************/

.mobile-app-icon{
        padding: 17px 13px;
}

.mobile-app-icon a button{
        border: none;
    padding: 0;
    font-weight: 500;
    font-size: 11px;
}

.card-group .card{border-radius: 8px;}

.mobile-app-icon a button i{
    display: block;
    font-size: 16px;
    color: #0e347a;
    margin-bottom: 6px;
}
/********************** new css mobile app end **************/
.Dashboard-cards div h1 i{
    color:#0e347a !important;
}

}


.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	color:black;
}

.sidebar-nav ul li a {
    font-weight: 500;
}
.text-bold{
    font-weight:bold;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    padding: 10px;
}

.NoRecordsDiv{
    border:1px dashed lightgray;
}

.sidebar-nav>ul>li>a i{
    color: #005f95 !important;
}
.skin-megna .page-titles .breadcrumb .breadcrumb-item.active, .skin-megna .sidebar-nav ul li a.active, .skin-megna .sidebar-nav ul li a.active i, .skin-megna .sidebar-nav ul li a:hover, .skin-megna .sidebar-nav ul li a:hover i, .skin-megna .sidebar-nav>ul>li.active>a i {
    color: #005f95 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
    color:#464a4c !important;
    line-height: 1em !important;
}
a{
    color:#005f95 !important;
}
.table-condensed tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}
ul#myTab .active {
    border-bottom: 2px solid #005f95;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: white;
}
.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 80%;}
  .round {
    line-height: 48px;
    color: #fff;
	width: 61px;
    height: 25px;
    display: inline-block;
    text-align: center;
}

.setpaddingtotd td {
  padding: 5px;
}

   .horizontal-nav .page-titles{
    padding: 10px 10px !important;
}
.mobileviewbtn{
    font-size: 11px;
    padding: 5px 2px;
}
::-webkit-scrollbar {
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b3d2f4; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ccc; 
}


.card-scroll{
        overflow-x: scroll;
    display: flex;
    overflow-y: hidden;
}
.projectwisestatus{
      overflow-x: scroll;
    display: flex;
    overflow-y: hidden;
}

.prdctwiseoverflow{
    overflow:hidden;
}

.projectwisestatus .card{
    border:1px solid #ccc;
    margin-bottom: 0;
}

.card-scroll a{margin-right: 12px;}

.helpbtn{
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 5px;
    line-height: 60px;
    border:none;
}

#ModalNewLead{
       padding: 4px 7px;
    font-size: 12px;
}

.pdc-incoming{
    height:500px;overflow:scroll
}

/* width */
.pdc-incoming::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.pdc-incoming::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.pdc-incoming::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.pdc-incoming::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.pdc-li{
    box-shadow: 1px 1px 14px #ccc;
    padding:14px 15px 15px 16px!important;
}

.projectwisestatus .card-body{
    padding: 10px 10px !important;
}

.projectwisestatus .card-title{
    margin-bottom: 0;
}

.task{
    padding-left:0;
}

.task li{
        list-style: none;
    box-shadow: 1px 1px 9px #ccc;
    padding: 10px 10px;
    margin-bottom: 17px;
    margin-top: 12px;
    border-left: 3px solid #3e93ea;
    border-radius: 5px;
    letter-spacing: 1px;
    margin-right: 10px;
}

.task li p{
        padding-left: 0;
   margin-bottom: 0;
}

.task-body{
        padding-bottom: 0;
    padding-top: 11px;
}

.task-body h4{
    margin-bottom: 0;
}
.task{
     overflow-y: scroll;
    height: 193px;
    margin-bottom: 0;
    overflow-x: hidden;
}
/* width */
.task::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.task::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.task::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.task::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.projectrow .card{
    border-radius: 6px;
}

.projecrcard{}

.projecrcard h3 i{
  font-size: 24px;
    color: #4678ad;
    border: 1px solid #4678ad;
    padding: 10px 8px;
    border-radius: 50%;
    width: 47px;
    height: 45px;
    text-align: center;
    margin: 0px auto;
}
.projecrcard h4{font-size: 14px;text-transform: uppercase;}

.projecrcard p{font-size: 14px;}

/********************** card effects start **********************/

.savebtn{
    text-align:center;
}

.savebtn button{
     border: none;
    padding: 10px 10px;
    border-radius: 5px;
    background: #4678ad;
    color: #fff;
        font-weight: 700;
}

.page-contain {
	 display: flex;
	 min-height: 100vh;
	 align-items: center;
	 justify-content: center;
	 background: #e7f3f1;
	 border: 0.75em solid white;
	 padding: 2em;
	 font-family: 'Open Sans', sans-serif;
}
 .data-card {
	 display: flex;
	 flex-direction: column;
	 /*max-width: 20.75em;*/
	 text-align: center;
	 padding-top: 7px;
	 overflow: hidden;
	 border-radius: 0.5em;
	 text-decoration: none;
	 background: white;
	 /*margin: 1em;*/
	 padding: 0 2.5em;
	 box-shadow: 0 1.5em 2.5em -0.5em rgba(0, 0, 0, .1);
	 transition: transform 0.45s ease, background 0.45s ease;
	 margin-bottom: 13px;
}
 .data-card h3 {
	 color: #2e3c40;
	 font-size: 3.5em;
	 font-weight: 600;
	 line-height: 1;
	 padding-bottom: 13px;
	 margin: 0 0 0.142857143em;
	 border-bottom: 2px solid #15589f;
	 transition: color 0.45s ease, border 0.45s ease;
	     margin-bottom: 15px;
}
 .data-card h4 {
	 color: #627084;
	 text-transform: uppercase;
	 font-size: 1.125em;
	 font-weight: 700;
	 line-height: 1;
	 letter-spacing: 0.1em;
	 margin: 0 0 1.777777778em;
	 transition: color 0.45s ease;
	 margin-bottom:10px;
	     overflow: hidden;
    white-space: nowrap;
}
 .data-card p {
	 opacity: 0;
	 color: #125cab;
	 font-weight: 600;
	 line-height: 1.8;
	 margin: 0 0 1.25em;
	 transform: translateY(-1em);
	 transition: opacity 0.45s ease, transform 0.5s ease;
	     padding-bottom: 10px;
	         overflow: hidden;
    white-space: nowrap;
}
 .data-card .link-text {
	 display: block;
	 color: #753bbd;
	 font-size: 1.125em;
	 font-weight: 600;
	 line-height: 1.2;
	 margin: auto 0 0;
	 transition: color 0.45s ease;
}
 .data-card .link-text svg {
	 margin-left: 0.5em;
	 transition: transform 0.6s ease;
}
 .data-card .link-text svg path {
	 transition: fill 0.45s ease;
}
 .data-card:hover {
	 background: #c0dcf9;
	 transform: scale(1.02);
}
 .data-card:hover h3 {
	 color: #fff;
	 border-bottom-color: #105297;
}
 .data-card:hover h4 {
	 color: #fff;
}
 .data-card:hover p {
	 opacity: 1;
	 transform: none;
}
 .data-card:hover .link-text {
	 color: #fff;
}
 .data-card:hover .link-text svg {
	 animation: point 1.25s infinite alternate;
}
 .data-card:hover .link-text svg path {
	 fill: #fff;
}
 @keyframes point {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(0.125em);
	}
}

/************************** card effect end ***************************/