/* Search box start */ 
.card-header .fa {
  transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
  transform: rotate(90deg);
}
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* Search box end */ 
/* Modal  start  */ 
 .scrollable{  overflow-y: auto;}      
.modalLike {     
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        display: -ms-flexbox;
        display: flex;
        max-height: calc(100% - 1rem);
}
.modal-Unused {
    max-width: 90%;
}
/* Modal  end  */
/* Grid start */

    .nowrap{white-space:nowrap;}
    .zeroPadding {  padding: 0 !important;}       
    .details-priority-0 {display:none;} 
    @media screen and (max-width: 1225px) and (min-width: 1045px) and (orientation:landscape) {
		.priority-5{display:none;}
		.details-priority-5{display:inline;}
		.showMaxWidthToday{display:block;background-color:Green;}
	}
	
	@media screen and (max-width: 1045px) and (min-width: 835px) and (orientation:landscape) {
		.priority-5{display:none;}
		.details-priority-5{display:inline;}
		 
	}
	
	@media screen and (max-width: 817px) and (orientation:landscape) {
		.priority-5{display:none;}
		.priority-4{display:none;}
		.details-priority-5{display:inline;}
		.details-priority-4{display:inline;}
	
	}
	
	@media screen and (max-width: 768px) and (orientation:portrait) {
		.priority-5{display:none;}
		.priority-4{display:none;}
		.details-priority-5{display:inline;}
		.details-priority-4{display:inline;}
		 
	}
	
	@media screen and (max-width: 768px) and (orientation:landscape) {
		.doNotShowToday{display:none;}
		.details-priority-0{display:inline;}
		.removeMargin{margin-left:0px !Important; margin-right:0px !Important; }
	}
	
	@media screen and (max-width: 400px) and (orientation:portrait) 
	{
	    /* These will hide the columns of grid*/
		.priority-5{display:none;}
		.priority-4{display:none;}
		.priority-3{display:none;}
		.priority-2{display:none;}
		 /* These will show the columns of grid in details*/
	    .details-priority-5{display:inline;}
		.details-priority-4{display:inline;}
		.details-priority-3{display:inline;}
		.details-priority-2{display:inline;}
		/* This will change font size of pager in mobile mode*/
		.pageFont { font-size:small;}
		/* This will fix the issue with Total & Today */
		.showMinWidthToday{display:inline;}
		.doNotShowToday{display:none;}
		.dropRowBelow{clear:both;}
		/* This will bring the header of dashbard to vertical align */
		.VerticalHeaderText 
        {
            white-space: pre-wrap;
            word-wrap: break-word;
            width: 1px;
            vertical-align:top;
            line-height:100%;
            text-transform: uppercase;            
        }
	} 
/* Modal  end  */