
/* =======================
   Margin - m = all sides
   ======================= */
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 1rem; }
.m-4 { margin: 1.5rem; }
.m-5 { margin: 3rem; }

/* Margin Top */
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

/* Margin Bottom */
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }

/* Margin Left */
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 1rem; }
.ml-4 { margin-left: 1.5rem; }
.ml-5 { margin-left: 3rem; }

/* Margin Right */
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 1rem; }
.mr-4 { margin-right: 1.5rem; }
.mr-5 { margin-right: 3rem; }


/* =======================
   Padding - p = all sides
   ======================= */
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 1rem; }
.p-4 { padding: 1.5rem; }
.p-5 { padding: 3rem; }

/* Padding Top */
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 1.5rem; }
.pt-5 { padding-top: 3rem; }

/* Padding Bottom */
.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 1rem; }
.pb-4 { padding-bottom: 1.5rem; }
.pb-5 { padding-bottom: 3rem; }

/* Padding Left */
.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 1rem; }
.pl-4 { padding-left: 1.5rem; }
.pl-5 { padding-left: 3rem; }

/* Padding Right */
.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 1rem; }
.pr-4 { padding-right: 1.5rem; }
.pr-5 { padding-right: 3rem; }
/* Grid / Gap spacing */
.g-1 { gap: 0.25rem; }
.g-2 { gap: 0.5rem; }
.g-3 { gap: 1rem; }
.g-4 { gap: 1.5rem; }
.g-5 { gap: 3rem; }

/* Optional: row / column gap explicitly */
.gx-1 { column-gap: 0.25rem; }
.gx-2 { column-gap: 0.5rem; }
.gx-3 { column-gap: 1rem; }
.gx-4 { column-gap: 1.5rem; }
.gx-5 { column-gap: 3rem; }

.gy-1 { row-gap: 0.25rem; }
.gy-2 { row-gap: 0.5rem; }
.gy-3 { row-gap: 1rem; }
.gy-4 { row-gap: 1.5rem; }
.gy-5 { row-gap: 3rem; }

body {
	font-family: 'Lato', sans-serif;
	/* border:0 */
	margin: 0
}
a:hover{text-decoration:none;}
label{
	font-weight:normal;
}
#wrapper {
	width: 100%;
	background-color: #2e353d;
}

#page-wrapper {
	padding: 15px 15px;
	/*     min-height: 600px; */
	background: #f3f3f4;
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19) inset;
	-khtml-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19) inset;
	-moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19) inset;
	-ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19) inset;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19) inset;
}

#page-inner {
	position: relative;
	width: 100%;
	margin: 10px 20px 10px 0px;
	background-color: #ffffff !important;
	padding: 20px 40px;
	/*     min-height:1200px; */
}


.no-boder {
	border: 1px solid #f3f3f3;
}

h4 {
	padding-top: 10px;
}
/* .square-btn-adjust { */
/*     border: 0px solid transparent;  */
/*    -webkit-border-radius: 0px; */
/* -moz-border-radius: 0px; */
/* border-radius: 0px; */

/* } */

/* p { */
/*     font-size:16px; */
/*     line-height:25px; */
/*     padding-top:20px; */
/*     text-align:center; */
/* } */
/*==============================================
   DASHBOARD STYLES    
    =============================================*/
.panel-back {
	background-color: #f5f5f5;
	transition: all 0.8s ease;
}

.panel-back:hover, .panel-back:focus {
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #ffffff 10px, #ffffff 20px);
  background-size: 300px;
	box-shadow:none;
}

.noti-box {
	min-height: 100px;
	padding: 20px;
	-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    -khtml-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    transition: all 0.3s linear;
}
.noti-box:hover{
/* 	box-shadow:none; */
}
.noti-box:hover .icon-box{
	transform: scale(1.2);
} 
.noti-box .icon-box {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	transition: all 0.3s linear;
}

.set-icon {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.text-box p {
	margin: 0 0 3px;
}

.text-box p:first-child{
	text-align:center;
	color: #06f;
	font-weight:light;
}

.text-box p:last-child{
	font-size: 20px;
	font-weight:bold;
	color:#06f;
	text-align:center;
}

.bg-color-green {
	background-color: #00CE6F;
	color: #fff;
}

.bg-color-grov {
	background-color: #06f;
	color: #fff;
}

.bg-color-blue {
	background-color: #A95DF0;
	color: #fff;
}

.bg-color-red {
	background-color: #DB0630;
	color: #fff;
}

.bg-color-brown {
	background-color: #B94A00;
	color: #fff;
}

.icon-box-right {
	display: block;
	float: right;
	margin: 0 15px 10px 0;
	width: 70px;
	height: 70px;
	line-height: 75px;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
}

.main-temp-back {
	background: #8702A8;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

.main-temp-back .text-temp {
	font-size: 40px;
}

.back-dash {
	padding: 20px;
	font-size: 20px;
	font-weight: 500;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #2EA7EB;
	color: #fff;
}

.back-dash p {
	padding-top: 16px;
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	text-align: justify;
}

.back-footer-green {
	background-color: #009B50;
	border-top: 0px solid #fff;
}

.back-footer-red {
	background-color: #AF0000;
	border-top: 0px solid #fff;
}

.color-bottom-txt {
	color: #000;
	font-size: 16px;
	line-height: 30px;
}
/*CHAT PANEL*/
.chat-panel .panel-body {
	height: 450px;
	overflow-y: scroll;
}

.chat-box {
	margin: 0;
	padding: 0;
	list-style: none;
}

.chat-box li {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #808080;
}

.chat-box li.left .chat-body {
	margin-left: 90px;
}

.chat-box li .chat-body p {
	margin: 0;
	color: #8d8888;
}

.chat-img>img {
	margin-left: 20px;
}

/*==============================================
    MENU STYLES    
    =============================================*/
.user-image {
	margin: 25px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	max-height: 170px;
	max-width: 170px;
}

.navbar-cls-top .navbar-brand {
	color: #fff;
	/* background: #C90000; */
	width: 220px;
	text-align: center;
	height: 60px;
	font-size: 30px;
	font-weight: 700;
	display: inline;
}

nav li:first-child h3 {
	color: #ffffff;
}

.active-menu {
	background-color: #1976d2 !important;
}

.active>a>.fa.arrow:before {
	content: "\f107";
}

.nav ul :not(collapsed) span, .nav li a span {
	display: inline-block;
	vertical-align: middle;
	float: right;
}

.nav-second-level li, .nav-third-level li {
	border-bottom: none !important;
}

.nav-second-level li a {
	padding-left: 37px;
}

.nav-third-level li a {
	padding-left: 55px;
}

.sidebar-collapse, .sidebar-collapse .nav {
	background: none;
}

.sidebar-collapse .nav {
	padding: 0;
}

.sidebar-collapse .nav>li>a {
	color: #fff;
	font-size: 12px;
	font-weight: 200;
	background: #202020;
	text-shadow: none;
	border-bottom: 1px solid #000000;
	/* 	-webkit-transition: all 2s ease; */
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 2s;
}

.sidebar-collapse>.nav>li>a {
	padding: 15px 10px;
}

.sidebar-collapse>.nav>li {
	/* 	border-bottom: 1px solid rgba(107, 108, 109, 0.19); */
	
}

.sidebar-collapse .nav>li>a:hover, .sidebar-collapse .nav>li>a:focus {
	border-left: 3px solid #ffffff;
	background: #4f5b69;
	/*   -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); */
	-moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
	transform: translate(7px);
	/*   -webkit-transition: all 0.3s ease; */
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.4s ease;
	outline: 0;
}

/* .nav-second-level > li > a:before , */
/* .nav-third-level > li > a:before { */
/* 	content:""; */
/* 	display:block; */
/* 	position:absolute; */
/* 	left:20px; */
/* 	width:15px; */
/* 	height:1px; */
/* 	background:#ff0000; */
/* 	top:20px; */
/* } */

/* .nav-second-level > li > a:after, */
/* .nav-third-level > li > a:after { */
/* 	content:""; */
/* 	display:block; */
/* 	position:absolute; */
/* 	left:20px; */
/* 	width:1px; */
/* 	height:100%; */
/* 	background:#ff0000; */
/* 	top:0px; */
/* 	z-index:10; */
/* 	overflow: auto; */
/* } */
.nav-second-level>li:last-child>a:after, .nav-third-level>li:last-child>a:after
	{
	height: 50%;
}

.nav-third-level>li>a:after, .nav-third-level>li>a:before {
	left: 40px;
}

.navbar-side {
	border: none;
	background-color: #ffffff;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
}

}
.navbar-cls-top {
	background: #4D4D4D;
	border-bottom: none;
}
/* .navbar-cls-top .navbar-brand:hover { */

/* background: #C90000; */
/* color:#fff; */

/* } */
.navbar-default {
	border: 0px solid black;
}

.navbar-header {
	/*     background: #A70303; */
	
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
	{
	transform: scale(1.2);
	transition: all 0.3s ease;
}

.navbar-default .navbar-toggle {
	transition: all 0.3s ease;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
}

.nav>li>a i {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	font-size: 14px;
}
/*==============================================
    UI ELEMENTS STYLES     
    =============================================*/
.btn-circle {
	width: 50px;
	height: 50px;
	padding: 6px 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429;
	/* background:red; */
}

/*==============================================
    MEDIA QUERIES     
    =============================================*/
@media ( min-width :768px) {
	#page-wrapper {
		margin: 0 0 0 260px;
		padding: 15px 30px;
		min-height: 630px;
	}
	.navbar-side {
		z-index: 1;
		position: absolute;
		width: 260px;
	}
	.navbar {
		border-radius: 0px;
	}
}

.card {
	padding: 20px;
	position: relative;
	overflow: hidden;
	margin: 0.5rem 0 1rem 0;
	background-image: -webkit-linear-gradient(bottom, #ffffff, #eeeeee 50%);
	background-image: -khtml-linear-gradient(bottom, #ffffff, #eeeeee 50%);
	background-image: -ms-linear-gradient(bottom, #ffffff, #eeeeee 50%);
	background-image: -moz-linear-gradient(bottom, #ffffff, #eeeeee 50%);
	background-image: -o-linear-gradient(bottom, #ffffff, #eeeeee 50%);
	background-image: linear-gradient(bottom, #ffffff, #eeeeee 50%);
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
}

.card:hover {
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee 50%);
	background-image: -khtml-linear-gradient(top, #ffffff, #eeeeee 50%);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee 50%);
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee 50%);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee 50%);
	background-image: linear-gradient(top, #ffffff, #eeeeee 50%);
}

/* .card .card-image .card-title { */
/* 	position: absolute; */
/* 	bottom: 0; */
/* 	left: 0; */
/* 	padding: 20px; */
/* } */

.card .card-content {
	padding: 10px;
	border-radius: 0 0 2px 2px;
}

.card-content h3 {
	text-align: center;
}

.card .card-content p {
	margin: 0;
	word-break: break-all
}
.card-content table tr,.card-content table td{
	padding:0px;
	margin:0;
}
.card-content table a{
	disply: inline-block;
	text-decoration:none;
}
	 
.card .card-content .card-title {
	line-height: 48px;
}

.card .card-action {
	border-top: 1px solid rgba(160, 160, 160, 0.2);
	padding: 20px;
}

.card .card-action a {
	color: #2196f3;
	/*       margin-right: 20px; */
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	-ms-transition: color .3s ease;
	transition: color .3s ease;
}

.card .card-action a:last-child {
	float: right;
}

.card .card-action a:hover {
	opacity: 0.5;
}
.link_button{
	padding:0 !important;
	margin:0 !important;
}
.link_button .custom_button{
	font-family: 'Lato', sans-serif;
 	width:100%;
  border-radius:0;
  line-height:50px;
  color: #ffffff !important;
}
.card .card-reveal {
	padding: 20px;
	position: absolute;
	background-color: #FFF;
	width: 100%;
	overflow-y: auto;
	top: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}

.card .card-reveal .card-title {
	cursor: pointer;
	display: block;
}

.help24 {
	float: right;
}

.last_footer {
	background: #DCDCDC;
	padding: 30px;
	margin: 0;
	top: 143px;
	width: 100%;
	position: relative;
}

.page_heading {
	text-align: center;
	font-size: 2rem;
	font-weight: 200;
	text-transform: uppercase;
}
/* Album Images ******************* */
.album_box{
	display:table;
/* 	margin:0; */
	padding:2px 0px;
	display:block;
	list-style:none;
}
.album_box li{
	display:table-cell;
	position:relative;
	float:left;
/* 	padding:2px; */
	vertical-align:middle;
	text-align:center;
}
.album_box li a{
	position:relative;
	padding:15px 8px 15px 8px;
	text-decoration:none;
	display:inline-block;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.album_box li a .glyphicon{
	poaition:relative;
	display:inline-block;
	font-size: 30px;
	color: #64b5f6;
	margin-right:7px;
	
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.5)));
	-moz-box-reflect: below 0px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.5)));
	-ms-box-reflect: below 0px -ms-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.5)));
	-o-box-reflect: below 0px -o-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.5)));
	box-reflect: below 0px gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.5)));
	 
}
.album_box li a:hover .glyphicon{
	color: #2196f3 ;
/* 	transition: all 0.3s linear; */
}
.album_box li a:hover{
	border-radius:5px;
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-ms-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-o-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	box-shadow:0px 0px 1px rgba(0,0,0,0.35);
}

#profile .pull-right .glyphicon{
	color: #ffffff;
}
#profile .pull-right .glyphicon:after{
	content:"*";
	position:absolute;
	top:-5px;
	font-size:9px;
	color: #ffffff;
}
/* END Album Images*/



 /* Gallery Images*/ 
 .gallery_box{
	display:table;
	padding:2px 0px;
	display:block;
	list-style:none;
}
.gallery_box li{
	display:table-cell;
	position:relative;
	float:left;
	vertical-align:middle;
	text-align:center;
	position:relative;
	padding:15px 8px 15px 0;
	text-decoration:none;
	display:inline-block;
}

.gallery_box li img{
	padding:0;
	margin:0;
	width:120px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-ms-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-o-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#album_photo_view li .delete, .gallery_box li .delete{
	display:none;
	background: #ffffff;
	padding:4px 6px;
	position:absolute;
	top: 10%;
	right:1px;
	z-index:2001;
	border-radius:50%;
	color: #e53935;
	cursor:pointer;
	border:0px;
	font-size:11px;
	
	-webkit-box-shadow: 0px 1px 20px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 1px 20px rgba(0,0,0,0.35);
	-ms-box-shadow: 0px 1px 20px rgba(0,0,0,0.35);
	-o-box-shadow: 0px 1px 20px rgba(0,0,0,0.35);
	box-shadow: 0px 1px 20px rgba(0,0,0,0.35);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
} 
.gallery_box li .delete:hover, #album_photo_view li .delete:hover{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.35);
}
#album_photo_view li:hover .delete, .gallery_box li:hover .delete{
	left:1;
	display:block;
	transform: rotate(0deg);
}
#album_photo_view li:hover img, .gallery_box li:hover img{
	opacity:0.4;
	
}
/* Album View */
#album_photo_view{
	display:table;
	padding:2px 0px;
	display:block;
	list-style:none;
}
#album_photo_view li{
	display:table-cell;
	position:relative;
	float:left;
	vertical-align:middle;
	text-align:center;
	position:relative;
	padding:15px 8px 15px 0;
	text-decoration:none;
	display:inline-block;
}

#album_photo_view li img{
	padding:0;
	margin:0;
	width:120px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-ms-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	-o-box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	box-shadow:0px 0px 1px rgba(0,0,0,0.35);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/* My account ******************/
.navy-bg {
    background-color: #1ab394;
    color: #ffffff;
}
.widget {
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}
.yellow-bg {
    background-color: #f8ac59;
    color: #ffffff;
}
.widget .glyphicon{
	font-size: 5em;
}

.white-bg {
    background-color: #ffffff;
}
.page-heading {
    border-top: 4px solid #e7eaec;
    padding: 0px 10px 20px 10px;
}
.breadcrumb {
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 0;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
}
.contact-box {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    -khtml-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
 rgba(0, 0, 0, 0.19);
    transition: all 0.3s linear;
}
.contact-box:hover{
	box-shadow: none;
}
.contact-box .glyphicon-envelope{
	color:#06f;
}
.contact-box a {
    color: inherit;
} 
.contact-box h3, .contact-box h4, .contact-box h5 {
    margin-top: 5px;
    font-weight: 600;
}
.contact-box h3 {
    font-size: 16px;
}
.contact-box b, strong {
    font-weight: 700;
}
/* END My account module */


.note{color: #c62828; font-size:11px}


.popover-title{
margin:0;
font-size:20px;
text-align:center;
background:#f0ad4e;
color:#ffffff;
}

#view_table tr td .btn{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}    
#view_table tr td .btn{
opacity:0;
-webkit-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;

}

#view_table tr:hover .btn{
opacity:999;
}

.dvPreview ,.dvPreview2{
	text-align:center;
}


.custom-alert {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #4CAF50; /* green for success */
    color: white;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    font-family: Arial, sans-serif;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.custom-alert .close-btn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    float: right;
    font-size: 18px;
    line-height: 15px;
}
