.error-msg-container {
	padding-top: 15px;
    padding-bottom: 15px;
	height: 300px;
    max-width: inherit;
}

@media screen and (min-width: 600px) {

	/*
		.clm-add-button {
			right: 20px;
			bottom: 20px;
		}
	*/
}

.content-full-list {
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  background: white;
  position: inherit;
  padding: 20px;
  height: 80%;

  overflow: hidden;
  overflow-y: scroll;
  white-space: nowrap;
}

.hide-button {
    top: 50px;
    right: 15px;
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 15px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	border-radius: 100%;
	transition: 0.6s;
	-webkit-transition: 0.6s;
	z-index: 4;
}
.hide-button:hover {
	box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1), inset 0 0 0 20px
		rgba(0, 0, 0, 0.1);
}
.hide-button:before, .hide-button:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #EC7263;
	background-color: mediumvioletred;
	border-radius: 5px;
	transition: 0.5s;
}
.hide-button:before {
	transform: translateY(-50%) rotate(45deg) scale(1);
}
.hide-button:after {
	transform: translateY(-50%) rotate(-45deg) scale(1);
}

.clm-add-button{
    bottom: 16px;
    height: 45px;
    width: 45px;
    position: fixed;
    /*z-index: 2; Changed by Pravin k on 18-APR-19 [For the issue in association] */
    z-index: 1; /*Changed by Sonam K on 30-JUL-19 [For add button issue in association]*/
    right: 16px;
}

.clm-mob-add-button {
    height: 56px;
    width: 56px;
    position: absolute;
    z-index: 3;
    right: 10px;
}

.add-Attachmennt-Button{
   position: relative;
   z-index: 2;
}

.no-data-msg {
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 50px;
}

.sidenav {
    height: calc(100% - 150px);
    width: 0;
    position: fixed;
    z-index: 5;
    top: 150px;
    left: calc(100% - 344px);
    background-color: white;
    overflow-x: hidden;
    /* padding-top: 60px; */
}
.closebtn {
    font-size: 18px;
    display: inline-block;
    color: mediumvioletred;
    padding-left: 4px;
    cursor: pointer;
}

.header-content{
    position: relative;
/*     top: -47px; */
    border-bottom: 1px solid rgba(105, 105, 105, 0.21);
    padding: 12px 0;
}
.clm-back-button{
	 font-size: 14px;
	 font-weight: 600;
	 margin-left: -8px;
}
.view_content_usage{
    font-size: 16px;
    padding-left: 30px;
}
@media screen and (max-width: 800px) {
	.sidenav {
    	top: 0px !important;
    	left: 0px !important;
    	height: 100% !important;
    }
}

@media screen and (max-width: 800px) {

	.back-button{
		margin-left: 0px;
	}
}

.clm-loader {
    position: relative;
    margin: 0 calc(50% - 50px);
    margin-top: 20px;
}

.clm-loader-container {
	height: 300px;
}

.content-screen {
    max-width: inherit;
}
/* Added by Chitranga Tandel */
.icon-display {
	    color: #fff;
}

.contents {
    /*
    * Commented by Abhishek T on 13-Sep-2019
    *
    * As the below property "-webkit-overflow-scrolling" is set to its default value "auto"
    * and it disable momentum-based scrolling effect on iPad (enabled by "touch")
    */
    /* -webkit-overflow-scrolling: auto !important; */
    overflow: auto;
}
.add_Attachmennt-Button {
    background-color: var(--primary) !important;
    height: 45px !important;
    width: 45px !important;
}
/* Added by Chitranga Tandel */

.clm-view-container {
    display: block;
    position: relative;
    overflow: auto;
    /* Added by Abhishek T on 13-Sep-2019 [Enable momentum-based scrolling] */
    -webkit-overflow-scrolling: touch;
}
:host ::ng-deep .mat-fab  {
    width: 45px !important;
    height: 45px !important;
}
.icon{
	width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
}