.img-responsive {
   height: auto;
   width: auto;
   max-height: 72px;
   max-width: 200px;
}

.switchery {
   width: 150px;
}

.switchery:before {
   content: 'Yearly';
   color: #333;
   position: absolute;
   left: 40px;
   top: 50%;
   transform: translateY(-50%);
}

.js-switch:checked+.switchery:before {
   content: 'Monthly';
   color: #fff;
   left: 40px;
}

.text-price {
   font-weight: 6;
   color: blue;
}

.table-width {
   width: 100% !important;
}

.morecontent span {
   display: none;
}

.morelink {
   display: block;
}

.form-style {
   width: 85px;
   height: 20px;
   padding: 5px 5px 5px 5px;
   cursor: auto
}

.hidden-form {
   display: none;
}

.show-cursor {
   cursor: default;
}

.loader__label {
   float: left;
   margin-left: 50%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
   margin: 0.5em 0 0 50%;
   font-size: 0.875em;
   letter-spacing: 0.1em;
   line-height: 1.5em;
   color: #1976d2;
   white-space: nowrap;
   -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
   -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
   animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@-webkit-keyframes loader-label {
   0% {
      opacity: 0.25;
   }

   30% {
      opacity: 1;
   }

   100% {
      opacity: 0.25;
   }
}

@-moz-keyframes loader-label {
   0% {
      opacity: 0.25;
   }

   30% {
      opacity: 1;
   }

   100% {
      opacity: 0.25;
   }
}

@keyframes loader-label {
   0% {
      opacity: 0.25;
   }

   30% {
      opacity: 1;
   }

   100% {
      opacity: 0.25;
   }
}

.taskButton {
   width: 150px;
   height: 50px;
   padding: 5px 5px 5px 5px;
   cursor: auto;
}

.statusButton {
   width: 80px;
   height: 20px;
   padding: 5px 5px 5px 5px;
   cursor: auto;
}

.dealsbutton {
   width: 150px;
   height: 20px;
   padding: 5px 5px 5px 5px;
   cursor: auto;
}

.tableColumnWith {
   width: 20px;
}

.notescheck{
   margin-left: 250px;
}

.card-wrapper {
   cursor: pointer;
}

.notesbg{
   color:#f5f7fb;
}

.tdwidth{
   width: 10px;
}

/* for datatable mobile view */
@media only screen and (max-width: 768px) {
	.tables-responsive{
		display:block;
		width: 100%;
		overflow-x: auto;
    }
}

.dealFormStyle{
   width: 150px; 
   height: 20px; 
   padding: 5px 5px 5px 5px;
   cursor: auto;
}
.dlMyTask{
   width: 80px; 
   height: 20px; 
   padding: 5px 5px 5px 5px; 
   cursor: auto;
}
.mdlTask{
   width: 150px;
   height: 50px; 
   padding: 5px 5px 5px 5px; 
   cursor: auto;
}

/* This style used to show multiselect drop down list and placeholder.*/
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
   background-color: #3353ed !important;
}
.select2-search__field:placeholder-shown {
   width: 100% !important; 
}