.alert-success {
	color: #155724;
	background-color: #1c1a1a;
	/* border-color: #c3e6cb; */
	border:  none;

}
body header.ui-page-header{
	position: absolute;
	/* top: 13px; */
	z-index: 997;
	width: 100%;
}

#persona_dashboard_form .dashboard-image-container {
	position: relative;
	text-align: center;
	height: 306px;
	border: 4px solid #CCCCCC;
}

#persona_dashboard_form .dashboard-image-container #upload-back-image{
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0 !important;
	position: absolute;
	top: 0px	;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

#persona_dashboard_form .dashboard-image-container #dashboard-img,
#persona_dashboard_form .dashboard-image-container  #dashboard-video{
	width: 100%;
	height: 100%;
}

/* Add some content at the bottom of the video/page */
#ui-page-bg-video {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}



	/*body{
		overflow-x: hidden;
		color: #fff;
		background-size: cover;
		font-size: 14px;
		/*background-position: center;*/
		/*background-color: #000;*/
		/*}*/
		a {
			text-decoration: none !important;
			color: #1f1d1d;
		}
		a:hover {
			text-decoration: none !important;
			/*color: white;*/
		
		}
		.proflinks{
			padding:10px;
		}
		.proflinks:hover{
			background-color : #242424 !important;
		}

		.dropdown-menu.show {
			min-width: 190px;
			margin-left:-152px;
		}

		.prof{
			border-bottom: 1px solid #3f4041;
		}

		.all-app p{
			padding-left:8px;
		}

		.all-app a:hover{
			background: #343435;
		}

		.drop .btn:focus{
			box-shadow:none;
		}

		header > .row,
		.desc > .row,
		.speaker-sec > .row,
		.col-lg-7 > .row{
			margin: 0px;
		}

		header .row{
			justify-content: space-between;
			align-items: center;
			padding: 2px 15px;
		}
		header .row div:nth-child(2) p{
			line-height: 1.2;
			padding: 6px;
			font-size: 11px;
		}
		header .header-bottom{
			height: 20px;
			background: #80808040;;
		}
		header .row div:nth-child(3) img{
			border-radius: 50%;
			margin-left: 10px;
		}
		header .row div:nth-child(3) .fa-bell{
			padding-left: 6px;
			transform: rotate(-25deg);
		}
		.dropdown-menu{
			background: rgb(71, 82, 139);
			/*border: none;*/
			border: 1px solid rgb(87 114 147);
		}
		.dropdown-menu .show{
			left: -10px;
		}
		.dropdown-item, .prof div:nth-child(2), .mark-as, span{
			color: #1c1919;
		}
		.desc{
			padding: 20px;
			margin-bottom: 45px;
			padding-top: 128px;
		}
		.prof{
			display: flex;
		}
		.owl-carousel{
			z-index: 0!important;
		}
		.dropdown-menu.show {
			min-width: 260px;
		}
		.dropdown-menu>div, .prof{
			padding: 5px;
		}
		.drop-menu{
			max-height: 239px;
			overflow: auto;
		}
		.prof div:nth-child(2) {
			display: flex;
			flex-direction: column;
			margin-left: 1rem;
		}

		.mark-as{
			float: right;
			font-weight:700;
		}
		.mark-as:hover{
			color: #fff;
		}
		.apps{
			border-radius: 13px;
			background-color: #31313159;
			padding: 10px;
		}
		.app-list{
			display: flex;
			flex-wrap: wrap;
		}
		.app-list>div{
			flex: 0 0 33.33%;
			text-align: center;
		}

		.btn-red{
			background-color: #d50519;
			border: 1px solid #d50519;
			color: #fff;
			border-radius: 7px;
			padding: 2px 18px;
			box-shadow: none;
		}

		.btn-launch{
			float: right;
		}


		#login-box{
			margin-top: 33px;
		}
		.form-group input{
			/*background-color: transparent!important;*/
			opacity: 1!important;
			border: none;
			/*color: #fff!important;*/
			border-bottom: 1px solid #8c8c8c;
		}

		.scrollbar a{
			padding-left:10px !important;
		}

		.login{
			display: flex;
		}


		.info{

			margin-top:23px;
		}

		.all-app{
			display: grid;
			gap:4px;
			grid-template-columns: repeat(3,1fr);
			text-align:center;
		}

		.all-app a{
			margin: 3px;
			background-color: #2b2b2d;
			padding: 10px;
			text-align: center;
		}

		.login, .launch{
			padding: 10px;
		}
		.login h5, .lauch h5{
			margin-bottom: 0px;
			font-weight: 200;
		}
		.login p, .launch p, .dropdown-menu a {
			line-height: 1;
			font-size: 13px;
		}
		.join label{
			margin-bottom: 0;
			font-weight: 400;
			background: #1c1a1a;
			padding: 7px 12px 8px 36px;
			border-radius: 10px;
		}
		.join label p, .cloud p, .storage-sec label p {
			margin-bottom: 0px;
		}
		.join label p:nth-child(2){
			line-height: 1.2;
		}
		.join label p, .cloud p, .storage-sec label p, .dash-app .col-md-6 p {
			margin-bottom: 0px;
			color: #fff;
		}
		.btn-speaker{
			padding: 0px 12px;
			background: transparent;
			font-size: 12px;
			border-radius: 43px;
			color: #fff;
			border: 1px solid #fff;
			margin: 14px 0px;
		}
		.dash-app{
			position: absolute;
			bottom: 37px;
			height: 518px;
			width: 720px;
			left: 0;
			background-color: #1c1a1a;
		}
		.search-dash-app{
			position: absolute;
			bottom: 37px;
			height: 518px;
			width: 720px;
			left: 0px;
			background-color: #1c1a1a;
		}

		.dash-app .col-md-6{
			padding: 20px 20px 0px 0px;
			overflow: auto;
			height: 508px;
		}
		.dash-app .row,.search-dash-app .row, .dash-app .col-md-5 p {
			margin: 0;
			color: #fff;
		}
		.dash-app .col-md-6 .col-md-4{
			max-width: 31.333333%;
			margin: 3px;
			background-color: #2b2b2d;
			padding: 10px;
			text-align: center;
		}
		.dash-app p{
			font-size: 11px;
			text-align: left;
		}
		.dash-app .col-md-5 img{
			margin-right: 5px;font-size: 20px;padding: 10px 0px;
		}
		.dash-app ul{
			overflow-y: auto;
			max-height: 436px;
		}
		.scrollbar::-webkit-scrollbar {
			width: 5px;
			height: 8px;
			background-color: #aaa !important;
		}

		/* Add a thumb */
		.scrollbar::-webkit-scrollbar-thumb {
			background: #000;
		}
		.bar:hover {
			width: 150px;
		}

		.owl-theme .owl-controls .owl-buttons div{
			color: #FFF;
			display: inline-block;
			zoom: 1;
			*display: inline;
			margin: 5px;
			padding: 3px 10px;
			font-size: 12px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border-radius: 30px;
			background: #869791;
			filter: Alpha(Opacity=50);
			opacity: 0.5;
		}
		.persona-app div img{
			background: #5e5e5e;
			border-radius: 50%;
			width: 55px;
			height: 55px;
			padding: 5px;
			margin-bottom: 25%;
		}

		.owl-prev,.owl-next{
			width:32px;
			height:32px;
			position:relative;
			/*background:none!important;*/
			outline:none !important;
		}

		.owl-prev::before,.owl-next::before
		{
			content: '';
			position: absolute;
			top: 6px;
			left: 3px;
			width: 66%;
			height: 62%;
			/*background: #d50519;*/
			border-radius: 73%!important;
			outline:none;
		}
		.owl-prev::after,.owl-next::after{
			content: "";
			width: 13px;
			height: 12px;
			position: absolute;
			transform: rotate(135deg);
			border: solid #909090;
			border-width: 0 3px 3px 0;
			top: 34%;
			/* margin-top: -10px; */
			margin-left: -11px;
			outline:none !important;
		}
		/* ajusto a seta next */
		.owl-next::after {
			transform: rotate(-45deg);
			margin-left: -17px;
			outline:none !important;
		}

		.bg div img {
			width: 38px;
			height: 38px;
		}
		.persona-app div:nth-child(2) img, .bg div:nth-child(2) img{
			/*background-color: #6287C4;*/
		}
		.persona-app div:nth-child(3) img, .bg div:nth-child(3) img{
			/*background-color: #3B87C7;*/
		}
		.persona-app div:nth-child(4) img, .bg div:nth-child(4) img{
			/*background-color: #0098DA;*/
		}
		.dash-app .col-md-5 a, .persona-app,
		.search-dash-app .col-md-5 a, .search-dash-app{
			align-items: center;
			display: flex;
		}
		.persona-app{
			/*margin-top: 56px;*/
			position: absolute;
			bottom: 0;
			margin-top: 80px;
		}
		.silo-apps-div{
			position: fixed;
			background-color: #d50519;
			margin: 0;
			/*position: fixed;*/
			bottom: 0;
			width: 100%;
		}
		.silo-apps-div h6{
			color: #fff!important;
		}
		.storage{
			/*top:-245px;*/
			position: relative;
			display: flex;
			justify-content: space-between;
		}
		.silo-apps{display: flex;
			justify-content: space-between;}

			.persona-app div p{
				margin-top: 5px;
			}
			.persona-app div p, .silo-apps p, .app-list p,
			.join label p:nth-child(2), .speaker p, .prof span:nth-child(2)  {
				font-size: 11px;
			}
			.persona-app div, .app-list div{
				/*padding-left: 16px;*/
				padding-left: 12px;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			.cloud{
				width:48%;
				margin-bottom: 15%;
				/*background-image: linear-gradient(180deg, #3E4095, #fff);*/
				background-image: linear-gradient(180deg, #a02e2e9e, #ffffff40);
				padding: 15px;
				text-align: center;
				position: relative;
				border-radius: 17px;
			}
			.cloud p:nth-child(1){
				font-weight: 600;
				letter-spacing: -0.5px;
			}
			.cloud p:nth-child(1), header div:nth-child(1) h4{
				font-size: 22px;
			}
			.cloud p:nth-child(2){
				font-size: 12px;
				letter-spacing: -0.5px;
				height: 32px;
				border-bottom: 5px solid;
			}
			.cloud .imgs {
				position: absolute;
				height: 65px;
				width: 65px;
				right: -30px;
				bottom: -30px;
			}
			.cloud .imgs img{
				height: 65px;
			}

			.contentmodel {
				background-color: #1c1a1a!important;
			}

			.silo-apps img{
				padding: 0px 6px;
				height: 34px;
			}


			.add-file i{
				position: absolute !important;
				top: 6px !important;
				font-size: 19px !important;
				right: 8px;
				color: #dfdfdf;
			}


			.arrow {
				margin: 5% auto;
				border-radius: 3px;
				animation: 0.3s soft-blink infinite alternate;
				position: relative;
				opacity: 0;
			}

			@-webkit-keyframes soft-blink {
				0% { opacity: 0; }
				50% { opacity: 0; }
				100% { opacity: 0.8; }
			}

			@keyframes soft-blink {
				0% { opacity: 0; }
				50% { opacity: 0; }
				100% { opacity: 0.8; }
			}


			i.fa.fa-cog:hover{
				color: #fff;
			}

			.file-modal .modal-content{

				background-color:#1c1a1a !important;
			}

			.modal-footer .btnRed{
				background-color:red !important;
				font-size: 12px;
				line-height: 1.3;
				border: none;
			}

			.modal-header{
				border-bottom:none !important;
			}

			.modal1{
				border:none !important;
			}

			.file-modal .form-control:focus{
				background-color:#000;
				color:#fff;
			}

			.file-modal .form-control{
				background-color:#000;
				color:#fff;
				border-color: #282828;
			}

			.file-modal .form-control:focus{
				background-color:#000;
			}

			select option {
				margin: 40px;
				background: rgba(0, 0, 0, 0.3);
				color: #fff;
				text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
			}

			.form-group input{
				border-bottom:none;
			}

			.file-modal button:hover{

				color:#fff;
			}

/*.file-modal .uploadimg{
	cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    }*/

    .storage-sec label{
    	background: #313131;
    	border-radius: 6px;
    	padding: 10px 22px 20px;
    	position: relative;
    }
    .storage-sec label div{
    	background: #d50519;
    	width: 122px;
    	height: 7px;
    	position: absolute;
    	bottom: 29px;
    	right: 12px;
    }
    .storage-sec label p{
    	width: 201px;
    }
    .storage-sec label .gb{
    	/*font-size: 22px;*/
    	font-weight: 600;
    }
    .marc button{
    	float: left;
    	margin-right:3px;
    }
   /* button:hover{
    	background-color: #ff2b25;
    }
    */
    .marc div a{
    	font-size: 10px;
    	color: #fff;
    	margin-bottom: 0;
    }
    .storage-sec label div p{
    	font-size: 12px;
    	margin-top: 8px;
    }
    .speaker h4{
    	font-size: 20px;
    	font-weight: 700;
    }
    .cloud p:nth-child(2), .speaker p, header .row div:nth-child(1) p{
    	line-height: 0.5;
    }
    .speaker{
    	padding-bottom: 17px;
    	border-bottom: 1px solid;
    }
    .speaker-sec .col-md-6:nth-child(2){
    	padding: 24px 40px 24px 0px;
    }
    .speaker-sec .col-md-6:nth-child(1){
    	padding: 24px 10px 24px 30px;
    }
    .speaker-sec{
    	/*background: url('desc-img/ad.jpg') no-repeat; */
    	background-size: cover;
    	background-position: right;
    	margin-top: 5px;
    }
    .desc .col-lg-5{
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    }
    /*.hide{
    	opacity: 1;
    	transition: all .2s ease-in-out;
    	}*/
    /*.hide:hover{
    	opacity: 1
    	}*/
    	
    	.silo-apps-div .form-control{
    		border-radius: 0;
    	}
    	.dashboard{
    		width: 51px;
    		background: #d50519;
    		align-items: center;
    		justify-content: center;
    		display: flex;
    		cursor: pointer;
    	}
    	.dashboard .fa{
    		font-size: 25px;
    	}
    	.dashboard:hover{
    		color: #ffb5b5;
    	}

    	.owl-nav{
    		display: inline-flex;
    	}


    	#card-social-links{
    		/*margin-top: -21px;*/
    		position: absolute;
    		right: 0;
    		vertical-align: middle;
    		margin-top: 6px;
    	}
    	#card-social-links ul{
    		display: flex;
    		list-style-type: none;
    		margin: 0;
    		padding: 0;
    	}
    	#card-social-links ul li{
    		/*font-size: 8px;*/
    		padding: 0 7px;
    	}

    	#card-social-links ul li svg{
    		height: 24px;
    		/*color: #d50519;*/
    		color: #bababa;
    	}
    	#card-social-links ul li svg:hover{
    		color: #ffffff;
    	}

    	#storage-progressbar {
    		width: 122px;
    		height: 7px;
    		position: absolute;
    		bottom: 29px;
    		right: 12px;
    	}
    	progress {
    		border: none;
    		width: 400px;
    		height: 60px;
    		background: #b3b2b2;
    	}

    	progress {
    		color: #b3b2b2;
    	}

    	progress::-webkit-progress-value {
    		background: #b3b2b2;
    	}

    	progress::-moz-progress-bar {
    		background: lightcolor;
    	}

    	progress::-webkit-progress-value {
    		background: #d50519;
    	}

    	progress::-webkit-progress-bar {
    		background: #b3b2b2;
    	}

    	#upgrade-storage-btn {
    		width: 122px;
    		height: 7px;
    		position: absolute;
    		bottom: 15px;
    		left: 22px;
    		text-decoration: none;
    		color: #d50519;
    		font-weight: 500;
    	}

    	#upgrade-storage .modal-content, #upgrade-storage .card{
    		background: #2b2b2d;
    	}

    	#upgrade-storage .btn-outline-primary {
    		border-color: #ff2b25;
    		color: #fff;
    	}
    	#upgrade-storage .btn-outline-primary:hover {
    		background-color: #ff2b25;
    		border-color: #ff2b25;
    		color: white;
    	}
    	#upgrade-storage .nk-wizard-head a {
    		color: #ff2b25;
    	}

    	.steps ul { display: flex; list-style: none; }

    	.steps ul li { flex-grow: 1; }

    	.steps .current-info { display: none; }

    	.actions ul { display: flex; margin: -10px; padding-top: 20px; }

    	.actions ul li { padding: 10px; }

    	.actions ul li:first-child { order: 1; }

    	.actions ul li a { display: inline-block; position: relative; color: #fff; font-weight: 500; transition: all .4s ease; border-color: #e14954; background: #e14954; padding: 0.4375rem 1.125rem; font-size: 0.8125rem; line-height: 1.25rem; border-radius: 4px; }

    	.actions ul li.disabled { display: none; }

    	.nk-wizard-head { display: none; }

    	.nk-wizard-simple .steps { margin-bottom: 20px; }

    	.nk-wizard-simple .steps ul li { position: relative; padding-bottom: 5px; }

    	.nk-wizard-simple .steps ul li h5 { border: none; padding: 0 0 6px 0; letter-spacing: 0.02em; font-size: 13px; text-transform: uppercase; font-weight: 500; color: #8094ae; }

    	.nk-wizard-simple .steps ul li .number { font-size: 13px; color: #8094ae; font-weight: 700; }

    	.nk-wizard-simple .steps ul li:after { position: absolute; height: 2px; width: 0; left: 0; bottom: 0; background: #e14954; content: ''; transition: all .4s; }

    	.nk-wizard-simple .steps ul li.done:after, .nk-wizard-simple .steps ul li.current:after { width: 100%; }

    	.nk-wizard-simple .steps ul li.done h5, .nk-wizard-simple .steps ul li.done .number, .nk-wizard-simple .steps ul li.current h5, .nk-wizard-simple .steps ul li.current .number { color: #e14954; }

    	.nk-wizard-simple .steps ul li.current ~ .done:after { width: 0; }

    	.nk-wizard-simple .steps ul li.current ~ .done h5, .nk-wizard-simple .steps ul li.current ~ .done .number { color: #8094ae; }

    	.nk-wizard-simple .steps .current-info { display: none; }

    	.border-bottom{
    		border-color: #0a0f16!important;
    	}

    	.toast-success {
    		background-color: #2b2b2d!important;
    	}

    	.toastr.toast-success .icon {
    		color: #1ee0ac!important;
    	}

    	#toast-container>.toast-success {
    		background-image: none!important;
    	}

    	.fa-check-circle:before {
    		content: "\f058";
    	}
    	.fa-bell, #dropdownMenuButton img{
    		cursor: pointer;
    	}

    	#payWithSiloTokensStorage, #payStorageBtn{
    		background: #e14954;
    		border: 1px solid #e14954;
    	}

    	.custom-control-input:checked~.custom-control-label::before {
    		color: #fff;
    		border-color: #e14954!important;
    		background-color: #e14954!important;
    	}

    	#toast-container { position: fixed; z-index: 999999; pointer-events: none; padding: 1.25rem; width: 100%; }

    	#toast-container[class*="-center"] .toastr { margin-left: auto; margin-right: auto; }

    	#toast-container[class*="-left"] .toastr { margin-right: auto; }

    	#toast-container[class*="-right"] .toastr { margin-left: auto; }

    	#toast-container[class*="-full"] .toastr { width: 100%; }

    	#toast-container[class*="toast-top"] { top: 0; }

    	#toast-container[class*="toast-bottom"] { bottom: 0; }

    	.toastr { position: relative; pointer-events: auto; background: #fff; box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15); border-radius: 4px; opacity: 1; border-left: 4px solid transparent; padding: 1.25rem 4.5rem 1.25rem 1.25rem; width: 430px; max-width: 100%; font-size: 0.875rem; line-height: 1.3rem; }

    	.is-dark .toastr { background: #101924; color: #fff; }

    	.toastr:not(:last-child) { margin-bottom: 0.75rem; }

    	.toastr.toast-success { border-color: #1ee0ac; }

    	.toastr.toast-success .icon { color: #1ee0ac; }

    	.toastr.toast-error { border-color: #e85347; }

    	.toastr.toast-error .icon { color: #e85347; }

    	.toastr.toast-info { border-color: #09c2de; }

    	.toastr.toast-info .icon { color: #09c2de; }

    	.toastr.toast-warning { border-color: #f4bd0e; }

    	.toastr.toast-warning .icon { color: #f4bd0e; }

    	.toastr-icon { position: absolute; left: 1.25rem; top: 50%; transform: translateY(-50%); font-size: 24px; line-height: 1; }

    	.toastr-icon + .toastr-text { padding-left: 2.35rem; }

    	.toastr h4, .toastr h5, .toastr h6 { margin-bottom: 0.35rem; font-size: 1rem; }

    	.is-dark .toastr h4, .is-dark .toastr h5, .is-dark .toastr h6 { color: #fff; }

    	.toast-close-button { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: inline-block; height: 32px; width: 32px; text-indent: -9999px; cursor: pointer; }

    	.toast-close-button:after { position: absolute; top: 0; left: 0; text-indent: 0; color: #8094ae; font-family: "Nioicon";  font-size: 18px; line-height: 32px; width: 100%; text-align: center; }

    	.is-dark .toast-close-button:after { color: #dbdfea; }

    	.toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); }

    	.toast-title { font-weight: bold; }

    	.toast-message { word-wrap: break-word; }

    	.toast-message a, .toast-message label { color: #526484; }

    	.toast-message a:hover { color: #CCCCCC; text-decoration: none; }

    	.custom-control {
    		display: inline-flex;
    		min-height: 1.5rem;
    		position: relative;
    		z-index: 1;
    		min-height: 1.5rem;
    		padding-left: 1.5rem;
    	}
    	.custom-control-label {
    		font-size: 14px;
    		line-height: 1.25rem;
    		padding-top: 0.125rem;
    		position: relative;
    		margin-bottom: 0;
    		vertical-align: top;
    	}

    	#stripeStorage .form-control{
    		background: #2b2b2d!important;
    		border: 1px solid #3d3d40;
    	}

    	.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    		color: #fff!important;
    		background-color: #ff2b25;
    		border-color: #ff2b25;
    	}

    	.custom-control-input:not(:disabled):active~.custom-control-label::before {
    		color: #fff!important;
    		background-color: #cb454f;
    		border-color: #e14954;
    	}

    	.dropdown-menu {
    		background-color: #1b1b1b;
    		border: 1px solid #3f4041;
    	}
    	.dropdown-item:hover{
    		background:transparent;
    		color: white;
    		border-color: #181818;
    	}
    	.bar {
    		padding-top: 11px!important;

    	}
    	.silo-apps-div .suggest{
    		padding-top: 11px!important;

    	}

    	.notifyDropdown .dropdown-item{

    		border-bottom:1px solid #3f4041;
    		line-height:2;
    	}


    	.dash-app .col-md-6 .col-md-4:hover, .dash-app .col-md-5 a:hover{
    		/*border: 0.5px solid #bbb;*/
    		transition: all .4s ease-in-out;
    		background: #5e5e5e;
    		box-shadow: 1px 2px 3px 0 #0a0a0a;
    	}

    	.dash-app .col-md-6 img {
    		margin-bottom: 12px;
    	}
    	/*a:hover {
    		text-decoration: none;
    	}*/

    	/*media query*/
    	@media (max-width: 350px){
    		.marc button{
    			margin-right:29px;
    		}
    	}

    	@media (max-width: 375px){
    		.header-top{
    			margin-left:4px !important;
    		}
    	}

    	@media (max-width: 767px){
    		.silo-apps{
    			overflow-y: scroll;
    		}
    		.speaker-sec .col-md-6:nth-child(2) {
    			padding: 24px 16px 24px;
    			text-align: center;
    		}
    		.desc{
    			padding: 20px 6px;
    		}
    		.cloud {
    			width: 95%;
    		}
    		.persona-app{
    			position: relative;
    		}
    		.owl-nav{
    			display:none;
    		}
    	}
    	@media (max-width: 991px){
    		.storage {
    			margin-top: 212px;
    		}
    	}
    	@media (min-width: 992px) and (max-width: 1260px){
    		.login {
    			display: block;
    		}
    	}
    	@media (min-width: 576px) and (max-width: 991px){
    		.storage-sec{
    			display: flex;
    		}
    		.storage-sec div{
    			margin-right: 30px;
    		}
    	}

    	@media (max-width:768px){
    		.time {
    			display:none;
    		}
    		header .row{
    			padding:0;
    		}
    		.dropdown-menu.show {
    			min-width: 239px;   
    		}
    		.storage, .silo-apps-div{
    			bottom:-2px;
    		}
    		.storage{
    			margin-left: 15px;
    		}
    		.btn-launch{
    			float:left;
    		}
    		.topsection{
    			margin-bottom: 36px;
    		}
    	}

    	@media (max-width:1024px){
    		.notifyDropdown .dropdown-item{

    			font-size:12px;
    		}
    		.notify{
    			padding-left: 32px !important;
    		}
    	}

    	@media(min-width:1200px){
    		.hidden-div {
    			position:absolute;
    			right:-125%;
    			overflow:hidden;
    			width:100%;
    			height:700px;
    			transition:0.5s ease;
    		}
    		.hide{
    			position:relative;;
    		}
    		.hide:hover .hidden-div{
    			opacity:1;
    			width:100%;
    			right:0px;
    		}
    	}

    	.modal-backdrop.show{
    		opacity: -0.5 !important;
    	}

    	.modal-backdrop{

    		height:10px !important;
    	}

    	/*cloud search css*/
    	/*.centeritem{
    		border-left: 11px solid #c13041;
    		border-right: 11px solid #bd9600;
    		background-image: linear-gradient(90deg, #c13041, #bd9600),
    		linear-gradient(90deg, #c13041, #bd9600);
    		background-size: 100% 11px;
    		background-position: 0 0, 0 100%;
    		background-repeat: no-repeat;
    		margin-top:-46px;
    		width: 379px;
    		height: 345px;

    	}
    	.centeritem img{
    		margin-top:107px;
    	}*/

    	.grid-clm{
    		display: grid;
    		gap:30px;
    	}
    	.cloud-home{
    		grid-template-rows:5fr 2fr;
    	}
    	#footer-section{
    		grid-template-columns:1fr 1fr 1fr;
    		width:700px;
    	}
   /* 	.footer-item{
    		grid-template-columns:9fr 1fr;
    		border: 1px solid #848383;
    	}*/
    	#main-section{
    		text-align: center;
    		display: flex;
    		justify-content: center;
    	}
    	.footer-inner{
    		border-left: 1px solid #848383;
    	}
    	.inner1{
    		background-color:#a15d93;
    	}
    	.inner2{
    		background-color:#3fc2c2;
    	}
    	.inner3{
    		background-color:#d4c64a;
    	}
    	.silologo{
    		margin:25px 78px 20px;
    	}
    	.footer-section2{
    		background-color:#80808040;
    		height:50px;
    		position: fixed;
    		left: 0;
    		bottom: 0;
    		width: 100%;
    	}
    	.outer{
    		background-repeat: no-repeat;
    		background-size: cover;
    		height:533px;
    	}
    	#search-data-result{
    		padding: 0px!important;
    		overflow-y: auto;
    		max-height: 436px;

    	}

    	#search-data-result a:hover{

    		transition: all .4s ease-in-out;
    		background: #5e5e5e;
    		box-shadow: 1px 2px 3px 0 #0a0a0a;
    		/*background: #5e5e5e;*/
    		/*height: 46px;*/
    		
    	}
    	#search-data-result a {
    		background: ##404040;
    		list-style: none;
    		height: 46px;
    		padding: 10px;
    	}

    	.cloud-home .inneritem{
    		position: absolute;
    		top:69%;
    		left:50%;
    		bottom:10px;
    		font-size:20px;
    	}

    	@media (max-width:1024px){
    		.centeritem{
    			width: 292px;
    			height: 236px;
    			margin-top:-7px;
    		}
    		.centeritem img{
    			margin-top:50px;
    		}
    	}

    	@media (max-width:425px){
    		#footer-section{
    			grid-template-columns:1fr !important;
    			width: 304px !important;
    			height:50px !important;
    		}
    		.cloud-home {
    			grid-template-rows: 1fr 2fr !important;
    		}
    		.outer{
    			height:745px !important;
    		}
    		.grid-clm{
    			gap: 38px !important;
    		}
    		.cloud-home .inneritem{
    			position: absolute;
    			top: 73% !important ;
    			left:37% !important;
    		}
    		.cloud{
    			margin-top:36px;
    		}
    		.storage-sec{

    			margin-top:71px;
    		}
    		.arrow{
    			display:none;
    		}
    		.notificationlist{
    			margin-top: -229px;
    		}
    		
    	}

    	@media (max-width:1023px){
    		.cloud-home .inneritem{
    			position: absolute;
    			top: 73% !important ;
    		}
    	}


    	@media screen and (max-width: 599px) and (min-width: 320px) {
    		.silo-apps-div .silo-apps,
    		.silo-apps-div .search-all-data{
    			display: none;
    		}
    		.topsection{
    			padding: 0;
    		}
    		.launch .btn-launch{
    			float: right;
    		}

    	}

    	.search-dash-app .col-md-6 .col-md-4:hover, .dash-app .col-md-5 a:hover {
    		/* border: 0.5px solid #bbb; */
    		transition: all .4s ease-in-out;
    		background: #5e5e5e;
    		box-shadow: 1px 2px 3px 0 #0a0a0a;
    	}

    	.select2-results__options{
    		background: var(--commn-search-bg-color,#111111) !important;
    		width: 413.142px;
    		border-color: var(--table-border-color,#30303) !important;
    	}
    	.select2-results__option{
    		list-style: none;
    		
    	}

    	.select2-container--default .select2-selection--single {
    		background-color: #111 !important;
    		border: 1px solid #111;
    		border-radius: 4px;
    	}
    	span.select2-dropdown.select2-dropdown--below,
    	span .select2-dropdown select2-dropdown--above {
    		border: none !important;
    	}

    	.dropbtn {
    		background-color:#d50519;
    		color: white;
    		padding: 2px;
    		font-size: 16px;
    		border: none;
    		cursor: pointer;
    		width: 256px;
    	}

    	.dropbtn:hover, .dropbtn:focus {
    		background-color: #3e8e41;
    	}

    	.select2-dropdown{

    		width: 413.99px !important;
    	}

    	.select2{

    		width: 414px !important;
    	}

    	#myInput {
    		box-sizing: border-box;
    		background-image: url('searchicon.png');
    		background-position: 14px 12px;
    		background-repeat: no-repeat;
    		font-size: 16px;
    		padding: 14px 20px 12px 45px;
    		border: none;
    		border-bottom: 1px solid #ddd;
    	}

    	#myInput:focus {outline: 3px solid #ddd;}

    	.dropdown {
    		position: relative;
    		display: inline-block;
    	}

    	.dropdown-content {
    		display: none;
    		position: absolute;
    		background-color: #f6f6f6;
    		min-width: 230px;
    		overflow: auto;
    		border: 1px solid #ddd;
    		z-index: 1;
    	}

    	.dropdown-content a {
    		color: black;
    		padding: 12px 16px;
    		text-decoration: none;
    		display: block;
    	}

    	/*.dropdown a:hover {background-color: #ddd;}*/


    	.show {display: block;}

    	.contentmodel{
    		top:-80px;
    		left:10px;
    	}
    	#ui-app-div.toggled {
    		/*display: block;*/
    		opacity: 1;
    		transition: 0.7s ease;
    		right:0%;

    	}
    	#ui-app-div {
    		/*display: none;*/
    		/*position: fixed;*/
    		right:-25%;
    		/*height: 100%;*/

    		opacity: 0;
    		/*z-index: 1000;*/
    		/*margin-left: 0px;*/
    		transition: 0.7s ease;
         /*   -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;*/
          }


          .dash-app .col-md-6 .col-md-4:hover, .dash-app .col-md-5 a:hover {
          	/* border: 0.5px solid #bbb; */
          	transition: all .4s ease-in-out;
          	background: #5e5e5e;
          	box-shadow: 1px 2px 3px 0 #0a0a0a;
          }

          #my-media span.nk-file-icon-type img, 
          #my-media span.nk-file-icon-type svg,
          #media-library span.nk-file-icon-type img, 
          #media-library span.nk-file-icon-type svg{
          	height: 100px;
          	width: 100px;
          }
          #my-media .nk-file-name-text, 
          #media-library .nk-file-name-text{
          	width: 64px;
          	word-break: break-all;
          	margin-left: 15px;
          }

          #media-library .nk-file-name-text,
          #my-media .nk-file-name-text {
          	height: 47px;
          	overflow: hidden;
          }
          div#my-media,div#media-library {
          	height: 355px;
          	overflow-y: scroll;
          }

          .dropup {
          	position: relative;
          	display: inline-block;

          }

          .dropup-content {
          	/*display: none;*/
          	position: absolute;
          	background-color: #f1f1f1;
          	min-width: 300px;
          	bottom: 35px;
          	z-index: 1;
          	margin-left: -307px;
          	/*background: #1e2321;*/
          }

          .dropup-content li {
          	color: black;
          	padding: 5px 10px;
          	text-decoration: none;
          	display: block;
          }

          .dropup-content li:hover {background-color: #e3e3e3}


          .dropup-content li span {
          	color: #fff;
          }