/*card css*/
.login_card {
  margin-top: 50px; 
  text-align: center;
}

.forgotPassword_card{
  margin-top: 50px; 
  text-align: center;
}
.margin_left_right_null{
  margin-left: 0px;
  margin-right: 0px;
}

.btn-log{    
  color: #fff;
  border-color: #2864ac;
  background-color: #2864ac;
  box-shadow: none;
}

.card{
  margin-bottom: 10px;
  /* border: solid 1px; */
  /* border-color: #45719c!important; */
  border-radius: .225rem !important;
}
.card-body {
  padding: 1rem;
}
.btn-log:hover {
  color: #fff;
  border-color: #2864ac;
  background-color: #2864ac;
  box-shadow: 0 5px 15px rgba(0,0,0,.05), 0 4px 10px rgba(0,123,255,.25);
}
.btn_submit{
  color: #fff !important;
  border-color: #2864ac;
  background-color: #2864ac;
  box-shadow: none;
}
.btn_submit :hover {
  color: #fff;
  border-color: #2864ac;
  background-color: #2864ac;
  box-shadow: 0 5px 15px rgba(0,0,0,.05), 0 4px 10px rgba(0,123,255,.25);
}

.c-h-m-b{
  margin-bottom: -20px !important;
}

.c-b-m-b{
  margin-bottom: -35px!important;
}
.c-h-m-b-2{
  margin-bottom: -50px!important;
}
.c-f-m-t{
  margin-top: -20px!important;
}
.c-p{
  padding: 15px !important;
}
.c-m-t{
  margin-top: -15px;
}
.c-m-b{
  margin-bottom: -15px;
}



.alert-danger {
  background-color: #e62b2b;
  border-color: #e62b2b;
}

.password-card{
  margin-top: 50px;
}


.company-name{
  padding: .5rem!important;
  color: #1a8dbb !important;
  font-weight: 600!important;
}

.material-icons{
  color : black;
}
/*card end*/



/*load image */
.loader {
  background-color: white;
  height: 100%;
  width: 100%;
  position: absolute;
  margin-top: 0px;
  top: 0px;
  z-index: 12;
}
#loader_img {
  display: block;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
}
/*checkbox filter*/
input[type=checkbox] {
  text-align: center;
  cursor: pointer;
  font-size: 10px;
  visibility: hidden;
  position: relative;
  top: 0;
  left: 0;
  transform: scale(1.2);
 }
 
 input[type=checkbox]:after {
  content: " ";
  background-color: #fff;
  display: inline-block;
  color: red;
  width: 10px;
  height: 10px;
  visibility: visible;
  border: 1px solid #3c8dbc;
  padding: 2px;
  margin: 1px 0;
  border-radius: 1px;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.08), 0 0 2px 0 rgba(0,0,0,0.16);
 }


 input[type=checkbox]:checked:after {
  content: "\2714";
  display: unset;
  font-weight: bold;
  width: 15px;
  height: 15px;
  padding: 2px
 }
 /*end checkbox filter*/
.error{
  color: red;
  border-color: red;
  height: calc(15vh - 2.95rem)!important;

}
.stock-date{
  width: 400px !important;
}
.given-date{
  width: 400px !important;
}

.datepicker-width{
  width: 200px !important;
}
.emp-dob{
  width: 200px !important;
}

.input_type{
  width: 80% !important;
}

.parro {
  color: green !important;
}
.crm{
  color :#434896 !important;
}

.cb-1{
  border-radius: 0.3rem;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 20px;
  border: solid 1px;
  border-color: #45719c!important;
}

.contents-info{
  padding : 10px;
  background-color: #45719c!important;
  border-radius: 0rem !important;
}

.sub-card-border{
  border-color : #45719c!important;
  margin-top: 10px;
}

.contents-body{
  padding: 10px;
  color : black !important;
}

.btn-product{
  margin-top: 30px;
}

label {
  font-weight: 600;
}

.text-red{
  color: red;
  font-weight: 700;
}
.text-green{
  color: green;
  font-weight: 700;
}

.profile-tab label {
  font-weight: 600!important;
}

.font-design{
  font-weight: 500 !important;
  font-size: 15px !important;
}

.form-employee{
  color : black !important;
}

.content-header{
  border: solid 1px;
  margin: 2px;
  padding: 5px;
  border-radius: 3px;
  border-color: #45719c!important;
  font-size: 20px;
  color: black;
  background-color: #45719c!important;
}

.content-heading{

  font-size: 20px;
  color: white;
  background-color: #45719c!important;
}

.contents-header{
  
  border-radius: 3px;
  font-size: 20px;
  color: black;
}
.content-sub-header{
  font-weight: 400!important;
  font-size : 17px;
  margin-top: 5px;
}

.c-border{
  border: solid 1px;
  border-color: #45719c!important;
  border-radius: .225rem !important;
}

.valid-feedback.feedback-icon,
.invalid-feedback.feedback-icon {
    position: absolute;
    width: auto;
    bottom: 10px;
    right: 10px;
    margin-top: 0;
}



.form-control{
  font-weight: 500 !important;
}

.btn-primary{
  background-color: #45719c!important;
}

.bg-primary{
  background-color: #45719c!important;
}

.searchList{
  border-radius: 1px !important;
  padding: 8px !important;
}

.searchText{
 
  padding: 5px !important;
}

.table-bordered td, .table-bordered th {
  padding: .2rem;
  border-color : #45719c!important;
}

.table-employee td, .table-employee th {
  padding: .2rem;
 
}

.btn-sm{
  padding: .1rem .50rem !important;

}

.form-control.is-valid{
  border: 1px solid #e1e5eb!important;
  height: 34px !important;
  border-radius: 0px;
  padding: .2375rem .75rem;
}

.valid-feedback{
color :  #45719c!important;
}

.c-h {
    padding: 5px !important;
    font-weight: 500;
    border-radius: 2px!important;
    background-color : #b0afb5;
}

.datepicker {
  font-size: .75rem;
  padding: .525rem;
  border-radius: 0.3rem;
}

.c-m-l-r{
  margin-left: -15px;
  margin-right: -15px;
}

.c-m-l{
  margin-left : 20px;
}
.c-b{
  padding: 0.5rem;
}

/*Customer profile */
.emp-profile{
  padding: 3%;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
  border-radius: 0.2rem;
  background: #fff;
  border: solid 1px;
  border-color: #45719c;
}


.profile-head .nav-tabs{
  margin-bottom:5px;
}
.profile-head .nav-tabs .nav-link{
  font-weight:650;
  border: none;
}
.profile-head .nav-tabs .nav-link.active{
  border: none;
  border-bottom:2px solid #0062cc;
  color: green;
}
.table-padding td{
  font-weight: 650;
  color: #093973;
}

.table-padding td, .table-padding th {
  padding: .5rem;
}
.card-padding {
  padding: 10px !important;
}

/* .profile-head .nav-tabs{
  margin-bottom: 1%;
} 
.profile-head .nav-tabs .nav-link{
  font-weight:600;
  border: none;
}
.profile-head .nav-tabs .nav-link.active{
  border: none;
  border-bottom:2px solid #0062cc;
} */

/* .profile-img img{
  width: 70%;
  height: 100%;
  margin-bottom: 15px;
}
.profile-img .file {
  position: relative;
  overflow: hidden;
  margin-top: -20%;
  width: 70%;
  border: none;
  border-radius: 0;
  font-size: 15px;
  background: #212529b8;
}
.profile-img .file input {
  position: absolute;
  opacity: 0;
  right: 0;
  top: 0;
} */
/* .profile-head h5{
  color: #333;
}
.profile-head h6{
  color: #0062cc;
}
.profile-edit-btn{
  border: none;
  border-radius: 1.5rem;
  width: 70%;
  padding: 2%;
  font-weight: 600;
  color: #6c757d;
  cursor: pointer;
} */
/* .proile-rating{
  font-size: 12px;
  color: #818182;
  margin-top: 5%;
}
.proile-rating span{
  color: #495057;
  font-size: 15px;
  font-weight: 600;
} */

/* .profile-work{
  padding: 14%;
  margin-top: -15%;
}
.profile-work p{
  font-size: 12px;
  color: #818182;
  font-weight: 600;
  margin-top: 10%;
}
.profile-work a{
  text-decoration: none;
  color: #495057;
  font-weight: 600;
  font-size: 14px;
}
.profile-work ul{
  list-style: none;
}
.profile-tab span{
  font-weight: 600;
}
.profile-tab label{
  font-weight: 400;
}
.profile-tab p{
  font-weight: 600;
  color: #0062cc;
}
.txt-color{
  color: #0062cc;
} */
/*profile end */

.m-t{
  margin-top : 10px !important;
}

.btn-bck{
  border-color: #a2a7a4bf !important;
  /* background-color: #e6e3dea6 !important; */
  font-weight : 500  !important;
  padding : 10px;
}
.btn-call-log{
  padding : 10px !important;
}

.btn-block {
  border-radius: 0px !important;
  border-color: white!important;
  padding-bottom: 10px!important;
  font-weight: 500;
}
.btn-padding
{
  padding-top : 0px!important;
  padding-left : 0px!important;
  padding-right : 0px!important;
  padding-bottom : 0.1rem!important;
}
option{
  font-weight : 620 !important;
  color : black;
}
.page-title{
  font-size: 23px;
  color: black;
}

.page-sub-title{
  font-size: 19px;
  color: black;
}
/*pagination*/
.page-item.active .page-link {
  color: #fff;
  background-color:  #45719c!important;
  border-color:  #45719c!important;
}

.page-item {
  border: solid 1px;
  border-color: #f1f4f7;
}

.pagination {
  margin-left: 10px;
  margin-top: 10px;
}
.main-sidebar .nav .nav-item .nav-link {
  font-weight: 600;
  color : black;
}
.main-sidebar .nav .nav-item .nav-link i {
  color : black;
}
/* auto select */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.5!important;
}

.select2-container .select2-selection--single {
  height: 34px !important;
}

/* end select */

/*Modal Design */
.modal-btn{
  margin-top: 20px;

}

.modal-footer {
  padding: .6rem;
}

.modal-header {
  padding-bottom: 5px!important;
  padding-right: 18px!important;
  padding-left: 20px!important;
  padding-top: 7px!important;
  background-color: #45719c!important;
}

.modal-body {
  padding: 20px!important;
}

/* End Modal Design */

/* Dashboard */
.dash-icons{
margin-top: -100px;
font-size: 70px !important;
margin-left: 1px !important;
margin-right: -15PX!important;
color: rgba(0,0,0,0.15)!important;
font: normal normal normal 14px/1 FontAwesome;
}

.stats-small__label {
  font-size: 15px;
  letter-spacing: .0625rem;
  color: #818ea3;
  font-weight: 600;
}

.dash-footer{
  position: relative!important;
  text-align: center!important;
  /* padding: 3px 0!important; */
  color: #fff!important;
  color: rgba(255,255,255,0.8)!important;
  display: block!important;
  z-index: 10!important;
  background: rgba(0,0,0,0.1)!important;
  text-decoration: none!important;
  border-radius: 0rem!important;
  margin-top : -15px;
}
.stats-small__label {

  font-weight: 800!important;
}
.more-info {
  color: #eff1f3;
}
.more-info:hover {
  color: gray;
}

/* End Dashboard Design */

/* print form  */
  .border_full{
  border-style: solid;
  padding: 7px;
  border-color: black;
  border-width: 2px;

  }
  .boredr_left{
  border-left: solid;
  padding: 7px;
  border-color: black;
  border-width: 1px;
  }
  .boredr_right{
  border-right: solid;
  padding: 7px;
  border-color: black;
  border-width: 1px;
  }
  .boredr_left_right{
  border-right: solid;
  border-left: solid;
  padding: 7px;
  border-color: black;
  border-width: 2px;
  }
  .boredr_only_bottom_thick{
  border-bottom: solid;
  /* padding: 7px; */
  border-color: black;
  border-width: 2px;
  }
  .boredr_only_bottom{
    border-bottom: solid;
    /* padding: 7px; */
    border-color: black;
    border-width: 1px;
    }
  .boredr_only{
    border-bottom: solid;
    /* padding: 7px; */
    border-color: black;
    border-width: 1px;
    }

  .photo_style{
  border: 1px solid;
  height: 175px;
  width: 165px;
  text-align: center;
  margin-left: 20px;
  }
  
  .m-l-r{
    margin-right:-1px !important; 
    margin-left: -1px !important;

  }
  .compmay-card-header{
    border-radius:0rem !important; 
    background-color: #DEE1E6!important;
    
  }
  .text-color{
    color : #00488e;
  }


/* print form  End */
 
/*scroll bar*/
/* ::-webkit-scrollbar {
  width: 15px;
}


::-webkit-scrollbar-track {
  box-shadow: inset 1px 1px 1px grey; 
  border-radius: 0px;
}
 

::-webkit-scrollbar-thumb {
  background:  #45719c; 
  border-radius: 0px;
}


::-webkit-scrollbar-thumb:hover {
  background: #45719c;  
} */

/*End scroll bar*/


/* My Call Card Design */

.call-card {
  border-radius : 0.1rem !important;
  border-color : #75787b!important;
}

.call-header{
  border-radius : 0rem !important;
  background-color: #46719b!important;
}
.call-footer{
  border-radius : 0rem !important;
  background-color: #46719b!important;
}
.mycall-table{
  margin-bottom: 0rem !important;
}
.mycall-table td, .mycall-table th {
  padding: .3rem;
  border-color :#75787b!important;
}

.my-table td, .mycall-table th {
  padding: .3rem;
  border-color :#75787b!important;
}
/*End  My Call Card Design */

.table-td-color{
  background-color: #4c87a7;
  color :white;
}
.table-th-color{
  background-color: #60ab7469;
}
.tbl-head-color{
  background-color: #66b766;
}

.display-none-bs{
  display :none ;
}

/*System view */
@media screen and (max-width: 1440px) {
  .mobile-width{
    margin-bottom: -1px;
  }
  
}
/*End System view */

/*mobile view */
@media screen and (max-width: 480px) {
  .mobile-width{
    width : 120px;
    margin-bottom: -3px;
  }
  .stock-date{
    width: 100px !important;
  }
  .given-date{
    width: 100px !important;
  }
  
  .datepicker-width{
    width: 100px !important;
  }
  .emp-dob{
    width: 100px ;
  }
  .mobile-title{
    font-size : 15px;
  }
  .company-address{
    margin-top: -100px;
  }
  .display-none-parro{
    display : none !important;
  }
  .company-name{
    font-size: 14px;
  }
  .mobile-bck {
    float: left !important;
  }
  .form-control.is-valid{
    height: 31px !important;
  }
  .display-none-bs{
    display: inline;
  }
  .c-m-t{
    margin-top: -10px;
  }
  .c-m-b{
    margin-bottom: -10px;
  }
  .padding_left_right_null{
    padding-left: 0px;
    padding-right: 0px;
  }
  .column_padding_card{
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 9px !important;
  }
  
}
/*end mobile view */

/*tab view */
@media(max-width: 810px){
  .company-name{
    margin-top: -60px;
    margin-left: 50px;
    font-size: 15px;
    font-weight: 700!important;
  }
}
@media (min-width: 811px) and (max-width: 991px){
  .company-name{
    margin-top: -60px;
    margin-left: 50px;
    font-size: 15px;
    font-weight: 700!important;
  }
}
/*end tab view */