/* STYLE CSS */

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

/* Body */
html, body
{
	height:100%;
}
.wrapper
{
	min-height: 100%;
}
#content
{
	background: #FFF;
}
body
{	
	font-family: 'Poppins';
}
body.login
{
	background:#1DB2F4;
	height:100%;
	width:100%;
}
.body-overlay
{
	background:linear-gradient(#FFF 0%, #FAFDFF 20%, #85D6F9 50%, #1DB2F4 100%);
	position:absolute;
	z-index:999;
	height:100%;
	width:100%;
}
body.login .div-center
{
	margin:50px auto;
	text-align:center;
}
.div-center
{
	margin:0 auto;
	float:none;
}
.sweet-alert
{
    width: 50% !important;
    margin-left: auto;
    margin-right: auto;
    left: 0 !important;
    right: 0 !important;
    display: table;
}
@media only screen and (max-width:767px)
{
    .sweet-alert
    {
        width:98% !important;
    }
}
body.login .div-center .ctop
{
	color:#48C2C5;
	margin-top:30px;
	margin-bottom:30px;
}
body.login .div-center .ctop i
{
	font-size:70px;
	margin-right:10px;
}
body.login .div-center .ctop span
{
	font-size:40px;
	font-weight:600;
}
body.login .div-center form
{
	background:#FFF;
	padding:30px;
	border:1px solid #000;
}
.form-control-login
{
	border-bottom: 1px solid #CCC;
	box-shadow: none;
	border-radius: 0px;
	border:0;
}
body.login .div-center form .remember
{
    display: block;
    position: relative;
    padding-left: 36px;
	text-align:left;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body.login .div-center form .remember input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
body.login .div-center form .remember .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: transparent;
	border:1px solid #CCC;
	border-radius:3px;
}
body.login .div-center form .remember:hover input ~ .checkmark {
}
body.login .div-center form .remember input:checked ~ .checkmark {
    background-color: #2196F3;
	border:1px solid grey;
}
body.login .div-center form .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
body.login .div-center form .remember input:checked ~ .checkmark:after {
    display: block;
}
body.login .div-center form .remember .checkmark:after {
    left: 8px;
    top: 3px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-login
{
	background:#1DB2F4;
	border-color:#1DB2F4;
	color:#FFF;
	width:100%;
}
.btn-login:hover
{
	color:#FFF;
}
.btn-login:focus
{
	background:#31A3A6;
	border-color:#31A3A6;
	color:#FFF;
}
body.login .div-center form .forgot-userid .forgot
{
	color:#555;
	text-decoration:none;
}
body.login .div-center form .forgot-password
{
	margin-top:5px;
}
body.login .div-center form .forgot-password .forgot
{
	color:#555;
	text-decoration:none;
}
.mb-2
{
	margin-bottom:20px;
}
#content .header
{
	background:#FFF;
	padding:5px 0px;
	height:100%;
	width:100%;
	display:flex;
}
.logo-center
{
	margin:0 auto;
}
.announcement-section
{
	background:#58595B;
	width:100%;
	display:table;
	padding:5px 0px;
}
.announcement-section marquee
{
	font-weight:600;
	color:#FFF;
	width:100%;
}
#content .main-title
{
	background:#03A9F3;
	padding:3px 0px;
	height:100%;
	width:100%;
	color:#FFF;
	display:table;
}
#content .main-title h3
{
	margin-top:0px;
	margin-bottom:0px;
	font-size:17px;
}
#content .search-box
{
	display:inline-block;
	width:100%;
	height: 100%;
}
#content .search-box .bg-c
{
	background:rgba(255, 255, 255, 0.5);
	padding:20px;
	position: absolute;
	z-index: 999;
	right: 6px;
	box-shadow: 0px 0px 3px 3px #CCC;
}
#content .search-box .form-control
{
	border:1px solid #CCC;
}
#content .search-box button
{
	float:right;
}
.slider .carousel-inner .carousel-caption img.img-responsive
{
	position:absolute;
	left:30px;
	top: 50%;
	width: auto;
	height: auto;
	z-index: 999;
	/*border-radius:50%;*/
	border:1px solid #FFF;
    box-shadow: 3px 2px 2px grey;
}
.slider .carousel-inner .carousel-caption h3
{
	font-size:20px;
    font-family:'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    position:relative;
    /*left:183px;*/
    text-align:center;
}
.slider .carousel-inner .carousel-caption p
{
	font-size:14px;
    font-family:'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    position:relative;
    /*left:183px;*/
    text-align:center;
}
.slider .carousel-inner .item img
{
	height:180px;
	width:100%;
}
.slider .left .fa-chevron-left
{
	left:20px;
}
.slider .carousel-inner .carousel-caption
{
	position: absolute;
	right: 5%;
	top: 20px !important;
	left: 5%;
	z-index: 10;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.slider-down
{
	background:#EDF1F5;
	display:inline-block;
	width:100%;
	padding:12px 70px;
}
.slider-down .c3-box
{
	background:#FFF;
	padding:9px 0px;
	color:#48C2C5;
	font-size:27px;
	text-align:center;
}
.slider-down .c3-box span
{
	font-size:26px;
}
.wishes
{
	background:#FFF;
	display:inline-block;
	width:100%;
	padding:20px 0px;
}
.wishes .fa-star
{
	color:#03A9F3;
	font-size:40px;
}
.wishes h3
{
	font-size:36px;
	margin-top:5px;
	text-align:center;
}
.wishes .like-comment
{
	color:#03A9F3;
	font-size:22px;
}
.wishes .fa-birthday-cake
{
	color:#03A9F3;
	font-size:40px;
}
.new-wishes
{
	background:#FFF;
	display:flex;
	width:100%;
	padding:11px 0px;
	overflow-y:scroll;
}
.new-wishes svg
{
	width:46px;
}
.new-wishes .lis
{
	/* height:104px; */
}
.new-wishes .lis h4
{
	color:#03A9F3;
	margin-top:12px;
    font-family:'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    margin-bottom: 0px;
    line-height: 20px;
}
.new-wishes .lis h4 a
{
    font-family:'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
}
.new-wishes .lis .imgg
{
	margin-top:1px;
	width:40px;
}
.new-wishes .fa-birthday-cake
{
	color:#03A9F3;
	font-size:40px;
}
.wish-svg
{
	height: 51px;
	width: 51px;
}
.home-svg
{
	height:50px;
	width:50px;
	fill:#03A9F3;
}
.see-all-celebrations
{
	background:#EDF1F5;
	display:table;
	width:100%;
	padding:4px 0px 4px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.hide-all-celebrations
{
	background:#EDF1F5;
	width:100%;
	padding:4px 0px 4px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.hide-all-celebrations h3
{
	color:#363636;
	padding-top:5px;
	margin:0;
}
.see-all-celebrations h3
{
	color:#363636;
	padding-top:5px;
	margin:0;
}
.view-all-celebrations
{
	background:#EDF1F5;
	display:inline-block;
	width:100%;
	padding:20px 0px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.view-all-celebrations h3
{
	color:#363636;
	padding-top:5px;
	margin:0;
	float:left;
}
.view-all-celebrations .ryt-angle
{
	font-size:23px;
	float:right;
	color:#B9B7BA;
	padding:4px 20px;
	float:right;
}
.three-div
{
	background:#FFF;
	display:inline-block;
	width:100%;
	padding:20px 0px;
}
.three-div .orange
{
	background:#D45D0D;
	color:#FFF;
	padding:10px 20px;
	border-radius:10px;
	height:120px
}
.three-div .blue
{
	background:#1AC5F6;
	color:#FFF;
	padding:10px 20px 10px 30px;
	border-radius:10px;
	height:120px;
}
.three-div .green
{
	background:#0F9E0C;
	color:#FFF;
	padding:10px 20px 10px 30px;
	border-radius:10px;
	height:120px;
}
.three-div .orange h4
{
	font-size:23px;
}
.three-div .orange .counting
{
	font-size:18px;
}
.three-div .blue h4
{
	font-size:23px;
}
.three-div .blue .counting
{
	font-size:18px;
}
.three-div .green h4
{
	font-size:23px;
}
.three-div .green .counting
{
	font-size:18px;
}
.float-right
{
	float:right;
}
.full-img
{
	display:inline-block;
	width:100%;
	padding:10px;
}
.full-img h3
{
	color:#6E6E6E;
	display:inline-block;
}
.full-img .btn-blue
{
	background:#03A9F3;
	border-color:#03A9F3;
	color:#FFF;
	margin-top:20px;
	margin-bottom:10px;
	display:inline-block;
}
.btn-blue
{
	background: #1DB2F4;
	border-color: #1DB2F4;
	color: #FFF;
}
.btn-blue:focus
{
	background: #31A3A6;
	border-color: #31A3A6;
	color: #FFF;
}
.btn-blue:hover
{
	background: #31A3A6;
	border-color: #31A3A6;
	color: #FFF;
}
.full-img p
{
	font-size:20px;
}
.c3 .main-title h3
{
	line-height:34px;
}
.c3 .main-title .search
{
	border-radius:30px;
	margin:2px 0px;
}
.c3 .main-title .search-icon
{
	position:absolute;
	color:#03A9F3;
	right:27px;
	top:6px;
	font-size:17px;
	cursor:pointer;
}
.home .main-title .search
{
	border-radius:30px;
	margin:2px 0px 0px;
	height:30px;
}
.home .main-title .search-icon
{
	position:absolute;
	color:#03A9F3;
	right:27px;
	top:8px;
	font-size:17px;
	cursor:pointer;
}
.help-icon
{
	float: right;
	fill:#FFF;
	cursor:pointer;
}
.edit-page-icon
{
	fill:#FFF;
	cursor:pointer;
}
.search-down-button .help-icon
{
	fill:#FFF;
	cursor:pointer;
	float:none;
}
.c3-white-box
{
	background:#EDF1F5;
	display:table;
	height:100%;
	width:100%;
	padding: 2px 2px 0px 2px;
}
.c3-content-box
{
	display:table;
	width:100%;
	padding:5px;
	background:#FFF;
	margin-bottom: 5px;
	box-shadow:0px 0px 10px 2px #DDD;
}
.c3-content-box .star-icon
{
	fill:#03A9F3;
}
.c3-content-box .client-content .client-img
{
	float:left;
	margin-right:15px;
	width:65px;
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:5px 5px 5px grey;
}
.c3-white-box .c3-content-box .star-img
{
	width:30px;
}
.c3-white-box .c3-content-box .star-width
{
	width:5%;
	padding:0;
}
.c3-content-box .client-content .client-name
{
	color:#01C0C8;
	font-size:20px;
	font-weight:600;
	cursor:pointer;
}
.c3-content-box .client-content .client-info
{
	color:#6E6E6E;
	line-height:26px;
}
.c3-content-box .client-content .client-message-ago
{
	color:#6E6E6E;	
}
.c3-content-box .client-content .title
{
	display:inline-block;
}
.c3-content-box .client-content h3
{
	color:#000;
}
.c3-content-box .client-content p
{
	color:#444;
	font-size:14px;
	text-align:justify;
	line-height:22px;
}
.c3-content-box .client-content a
{
	color:#01C0C8;
}
.c3-content-box .review
{
	border-top:1px solid #CCC;
	padding:5px 0px;
}
.like-svg-icon
{
	height:20px;
	width:20px;
}
.comment-svg-icon
{
	height:18px;
	width:20px;
	margin-left:5px;
}
.view-svg-icon
{
	height:25px;
	width:25px;
	margin-left:5px;
}
.c3-content-box .review .svg-like-comment
{
	color:#01C0C8;
}
.c3-content-box .review .svg-like-comment .fa-thumbs-o-up
{
	color:#FFAA3B;
}
.c3-content-box .review .svg-like-comment i
{
	margin-left:10px;
	font-size:20px;
}
.c3-content-box .review .svg-like-comment
{
	float:left;
}
.c3-content-box .review .svg-like-comment span
{
	font-size:15px;
	font-weight:600;
	position:relative;
	top:4px;
}
.c3-content-box .review .category-div
{
	float:right;
	color:#444;
}
.c3-content-box .review .category-div a
{
	color:#01C0C8;
}
.c3-fullcontent-box
{
	background:#FFF;
	width:100%;
	display:table;
	box-shadow:0px 0px 10px 2px #DDD;
	margin-bottom:3px;
	padding:19px 4px;
}
.c3-fullcontent-box p
{
	color:#444;
	font-size:16px;
	text-align:justify;
	line-height:26px;
}
.c3-comment-box
{
	background:#FFF;
	width:100%;
	display:inline-block;
	box-shadow:0px 0px 10px 2px #DDD;
	margin-bottom:10px;
	padding:20px;
}
.pd-5
{
	padding:5px;
}

.pd-15
{
	padding:15px;
}
.pd-30
{
	padding:30px;
}
.c3-comment-box ul
{
	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;
	list-style:none;
}
.c3-comment-box ul li a
{
	color:#444;
	line-height:27px;
	font-weight:500;
}
.c3-comment-box ul li
{
	position:relative;
	padding-left:20px;
	border-bottom:1px solid #CCC;
}
.c3-comment-box ul li:before
{
	content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #03A9F3;
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 0;
}
.add-edit-box
{
	background:#FFF;
	width:100%;
	display:inline-block;
	box-shadow:0px 0px 10px 2px #DDD;
	margin-bottom:10px;
	padding:20px;
}
.dev-extreme-grid
{
	background:#FFF;
	width:100%;
	display:table;
	box-shadow:0px 0px 10px 2px #DDD;
	padding:20px;
}
.edit-box
{
	/*background:#EDF1F5;
	display:table;
	height:100%;
	width:100%;*/

         /*background: #EDF1F5; 
     display: block;*/ 
    height: 100%;
    width: 100%;
}
.edit-view-form
{
	background:#FFF;
	width:100%;
	display:table;
	box-shadow:0px 0px 10px 2px #DDD;
	padding:10px;
}
.edit-box .edit-view-form .tab-content
{
	padding:10px 0px;
}
.edit-box .edit-view-form .nav-tabs li a
{
	background:#DDD;
}
.edit-box .edit-view-form .nav-tabs li.active a
{
	background:#03A9F3;
	border: 1px solid #03A9F3;
	color:#FFF;
	padding: 0px;
	line-height: 0px;
}
.edit-box .edit-view-form .nav-tabs li.active a svg
{
	fill:#FFF;
}
.edit-box .edit-view-form .nav-tabs li a
{
	padding: 0px;
	color:#000;
	line-height: 0px;
	border:1px solid #CCC;
}
.edit-box .edit-view-form .nav-tabs li a svg
{
	fill:#000;
}
.control-label
{
	text-align: right;
	margin-bottom: 0;
	padding-top: 7px;
	font-weight:500;
}
.p-0
{
	padding:0;
}
.mb-10
{
	margin-bottom:10px;
}
.mtb-10
{
	margin-top:10px;
	margin-bottom:10px;
}
.mb-15
{
	margin-bottom:15px;
}
.mtb-20
{
	margin-top:20px;
	margin-bottom:20px;
}
.edit-box .edit-view-form .plus-button-box a
{
	padding:5px 10px;
	border:1px solid #CCC;
	font-size:18px;
	line-height:20px;
	border-radius:5px;
}
#myTable
{
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
	margin-bottom:0px;
}
#myTable th
{
    cursor: pointer;
}
#myTable th,#myTable td
{
    text-align: left;
    padding: 16px;
}
#myTable tr:nth-child(even)
{
    background-color: #f2f2f2
}
.sort-arrow
{
	float:right;
}
#myTable th, #myTable td
{
	padding:7px 10px;
}
#myTable th
{
	font-weight:400;
	color:#797979;
}
#uploads .data-box
{
	border:1px solid #CCC;
	border-top:0px;
	height:140px;
}
#uploads .data-box span
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -11px;
	margin-right: 0px;
	margin-left: -30px;
	color:#999;
	font-size:17px;
}
.carousel-indicators
{
	bottom:0%;
}
.hide-content
{
	display:none;
}
.fb-comment-box
{
	background:#FFF;
	display:table;
	box-shadow:0px 0px 10px 2px #DDD;
}
#fb-comments
{
	width:100%;
	height:100%;
}
.fb-comments
{
	display:none;
}
.fb-comments .margin-pad
{
	margin-bottom:7px;
	padding:0px 0px 7px 0px;
}
.fb-comments .pad-left
{
	padding-left:0px;
}
.fb-comments .fb-user-img
{
	width:45px;
	margin:0 auto;
}
.fb-comments .user-name strong
{
	color:#01C0C8;
}
.fb-comments .user-name
{
	text-align: justify;
	line-height: 26px;
	padding:1px 15px;
	background:#EEE;
	border-radius:20px;
}
.fb-comments .time
{
	color:#666;
	padding-left:15px;
	line-height:30px;
}
.fb-comments .comment-img
{
	margin:0 auto 10px;
	width:70px;
}
.fb-comments .hide-comments
{
	display:none;
}
#display-comments
{
	cursor:pointer;
}
.fb-comments .view-more-comments
{
	color:#fc741c;
	font-size: 16px;
	font-weight: 500;
}
.fb-comments .comment-submit
{
	font-size:27px;
	position:absolute;
	right: 25px;
	top: 21%;
	color:#fc741c;
	cursor:pointer;
}

@media only screen and (max-width: 1400px){.new-wishes .lis { height:190px; }}
/* @media (min-width: 900px) and (max-width: 1199px){.new-wishes .lis { height:144px !important; }}
@media (min-width: 600px) and (max-width: 899px){.new-wishes .lis { height:154px !important; }}
@media (min-width: 300px) and (max-width: 599px){.new-wishes .lis { height:164px !important; }} */
@media only screen and (max-width: 767px) {
        .modal-dialog.modal-dialog-center.modal-xlg {
            width: 44% !important;
            margin-left: 27% !important;
        }
    }
@media (min-width: 1020px) and (max-width: 1024px) {
    .new-wishes .col-md-11
    {
        width:100%;
    }
}
    @media (min-width:319px) and (max-width: 670px) {
        .modal-dialog.modal-dialog-center.modal-xlg {
            width: 44% !important;
            margin-left: 27% !important;
        }
    }

    @media (min-width:700px) and (max-width:1024px) {
        .modal-dialog.modal-dialog-center.modal-xlg {
            width: 44% !important;
            margin-left: 27% !important;
        }
    }

    @media (min-width:1024px) and (max-width:1400px) {
        .modal-dialog.modal-dialog-center.modal-xlg {
            width: 44% !important;
            margin-left: 28% !important;
        }
    }
@media only screen and (max-width:767px)
{
	.main-title .col-md-9 i
	{
		font-size:27px !important;
		margin-right:10px !important;
	}
	.main-title .page-title-svg
	{
		height:35px !important;
		width:35px !important;
	}
	.c3 .main-title .search-icon
	{
		top:6px;
	}
	.home .main-title .search-icon
	{
		top:17px;
	}
    .carousel-caption .col-md-2 
    {
        padding-right:0px !important;
    }
	.c3 .main-title .fa-user
	{
		font-size:40px !important;
		float:none !important;
		width:100%;
		margin-right:0px !important;
		text-align:center;
	}
	.c3 .main-title .page-title-svg
	{
		/* float:none !important;
		min-width: 100%; */
		margin:-5px auto 0px;
	}
	.c3 .main-title h3
	{
		font-size: 17px;
		line-height: 26px;
	}
	#content .main-title h3
	{
		/* float:left; */
		margin-top:0px;
		line-height:25px;
	}
	.main-title span
	{
		margin-left:35px;
	}
	.slider .carousel-inner .item img
	{
		height:100px;
	}
	.slider .carousel-inner .carousel-caption
	{
		top: 7% !important;
        left: 20px;
        right: 20px;
	}
	.slider .carousel-inner .carousel-caption img.img-responsive
	{
		position:relative !important;
		height:25px !important;
		width:25px !important;
		left:0 !important;
		margin-top:10px !important;
        float:left;
	}
    .slider .carousel-inner .carousel-caption .sli
        {
        padding-left:5px;
        }
	.slider .carousel .carousel-indicators
	{
		/* display:none; */
	}
    .carousel-indicators {
    margin-bottom:0px !important;
    left:50% !important;
    }
	.slider .carousel-inner .carousel-caption h3
	{
		font-size:16px !important;
		margin-top:0px !important;
		text-align:center !important;
		position:relative !important;
		left: -5px !important;
		right: 0px !important;
		top: 5px !important;
        text-align:center;
	}
	.slider .carousel-inner .carousel-caption p
	{
		font-size:11px !important;
		top: 0px !important;
        left:0px !important;
        text-align:center;
	}
	.slider .left .fa-chevron-left
	{
		left:5px !important;
	}
	.slider-down .c3-box
	{
		border-bottom: solid 1px #ccc;
	}
	.wishes
	{
		text-align:center;
	}
	.wishes h3
	{
		font-size:20px;
		line-height:30px;
	}
	img.res-center
	{
		margin-left:auto !important;
		margin-right:auto !important;
		float:none;
	}
	.home .lis .res-center .wish-svg
	{
		display:table;
		margin:0 auto;
	}
	.view-all-celebrations h3
	{
		font-size:14px;
	}
	.view-all-celebrations .ryt-angle
	{
		padding:4px 10px;
	}
	.see-all-celebrations h3
	{
		font-size:18px;
	}
	.full-img p
	{
		font-size:16px;
	}
	.slider-down
	{
		padding:10px 0px;
	}
	.new-wishes svg
	{
		margin:0 auto;
		display:block;
	}
	.new-wishes .imgg
	{
		margin:0 auto 10px;
	}
	.res-border-bottom
	{
		border-bottom:1px solid #CCC;
	}
	.new-wishes .lis h4
	{
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
        font-size:12px !important;
        position:relative;
        left:5px;
        line-height:10px;
	}
    .new-wishes .lis .anivr h4
    {
        color:#58595B;
    }
    .new-wishes .lis .bday-clr h4
    {
        color:#58595B;
    }
	.new-wishes .lis h4 a
	{
        font-size:11px !important;
        color:#58595B;
	}
	.res-no-pad
	{
		padding-left:15px !important;
		padding-right:15px !important;
	}
	.control-label
	{
		margin-bottom: 7px;
	}
}
.spacer
{
	padding:20px 0px;
}
footer
{
	background:#FFF;
	color: #1DB2F4;
	font-size: 12px;
	bottom: 0;
	color: #1DB2F4;
	border: 1px solid #6f6f6f;
	box-shadow: inset 0px 4px 18px rgba(0, 0, 0, 0.42) !important;
	vertical-align:bottom;
	display:inline-block !important;
	width: 100%;
	position: relative;
    z-index:999;
}
.social a i
{
	box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.42);
}
footer i
{
	color:#FFF;
	background:#1DB2F4;
	padding:10px;
	margin-right:10px;
	border-radius:50%;
	font-size:19px;
}
footer .social
{
	padding: 12px 0px 0px;
}
footer .copyright, footer .rights
{
	margin-bottom: 6px;
	color:#1DB2F4;
}
footer .copy
{
	padding:10px 0px 0px;
}
footer .fa-facebook
{
	padding:10px 13px;
}
footer .rights a
{
	color: #fc741c;
}
footer .copyright a
{
	color:#1DB2F4;
}
footer p
{
	color:#1DB2F4;
}
footer .nn
{
	padding:6px 0px;
}
.checkbox label
{
	padding-left:25px;
}
.demo-svg
{
	width:24px;
	height:17px !important;
}
.uploads-svg
{
	width:23px;
	height:18px !important;
}
.svg-search-bottom
{
	height:30px;
}
.view-svg
{
	height:30px !important;
	width:26px !important;
}
.small-icon
{
	width:20px !important;
	height:20px !important;
}
.comment-svg
{
	width: 20px !important;
	text-align:center;
}
.padding-icon
{
	padding: 0px 4px;
}
.nav-svg-icon
{
	height:27px;
}
.serch-div .search
{
	width:277px;
	float:right;
	height:27px;
}
.container
{
	width:100%;
}
.container-margin
{
	margin-left:249px;
}
.container-marg
{
	margin-left:50px;
}
.pagination-page
{
	display:table;
	background:#FFF;
	box-shadow: 0px 0px 10px 2px #DDD;
	padding:12px 5px;
	width:100%;
}
.pagination-page .per-page ul, .pagination-page .items-page ul
{
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
}
.pagination-page .per-page ul li
{
	list-style:none;
	float:left;
	margin-right:20px;
}
.pagination-page .per-page ul li a
{
	color: #333;
}
.pagination-page .per-page ul li.active a
{
	color: #333;
	border-color: transparent;
	background-color: #d4d4d4;
	padding:7px 9px 8px 10px;
	border-radius:3px;
}
.pagination-page .per-page ul li span, .pagination-page .items-page ul li span
{
	color: #333;
	opacity:0.6;
}
.pagination-page .items-page ul li
{
	list-style:none;
	float:left;
	margin-right:20px;
}
.pagination-page .items-page ul li.active a
{
	color: #333;
	border-color: transparent;
	background-color: #d4d4d4;
	padding:7px 9px 8px;
	border-radius:3px;
}
.pagination-page .items-page ul li a
{
	color: #333;
}
@media (min-width: 800px) and (max-width: 840px)
{
	footer .social
	{
		text-align:center;
	}
	footer .pull-right
	{
		text-align:center;
		float:none !important;
	}
	.edit-box .edit-view-form .nav-tabs li
	{
		display:block;
		margin-bottom:1px;
		float:none;
	}
	.svg-search-bottom
	{
		height:27px;
	}
}
@media only screen and (max-width:768px)
{
	footer
	{
		box-shadow:inset 0px 1px 18px rgba(0, 0, 0, 0.42) !important;
	}
	footer .social
	{
		text-align:center;
		padding:9px 0px 5px;
	}
	footer .nn
	{
		margin:0 auto;
	}
	footer .pull-right
	{
		float:none !important;
		text-align:center;
	}
	footer .pull-right img
	{
		display:blocl
		margin-left:auto;
		margin-right:auto;
	}
	.edit-box .edit-view-form .nav-tabs li
	{
		display:block;
		margin-bottom:1px;
		float:none;
	}
	.header .res-col-md-6
	{
		width: 50%;
		float:left;
	}
	.header .res-col-md-3
	{
		width: 25%;
		float:left;
	}
	.svg-search-bottom
	{
		height:30px;
	}
	.slider-down .c3-box
	{
		border-bottom: solid 1px #ccc;
	}
	.pagination-page .items-page
	{
		margin-top:20px;
	}
	.new-wishes .lis
	{
		height:78px;
	}
	.new-wishes .lis .col-md-1
	{
		width: 8.33333333% !important;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	.new-wishes .lis .col-md-2
	{
		width: 13.66666667% !important;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	.new-wishes .lis .col-md-3
	{
		width: 28% !important;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	.new-wishes .lis .col-md-4
	{
		width: 33% !important;
		float:left;
		padding-left:5px;
		padding-right:0px;
	}
	.new-wishes .lis .anivr-name
	{
		padding-left:0px !important;
	}
	.new-wishes .lis .col-md-6
	{
		width: 50% !important;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	.new-wishes .lis .col-md-12
	{
		width: 100% !important;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	.new-wishes .lis .wish-svg
	{
		height: 33px;
		width: 33px;
	}
	.new-wishes .lis h4
	{
		font-size:11px;
	}
	.new-wishes .lis .imgg
	{
		margin-top:7px;
	}
}
@media (min-width: 768px) and (max-width: 780px)
{
	.new-wishes .lis.col-md-9
	{
		width:75% !important;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
}
@media (min-width: 800px) and (max-width: 840px)
{
	.container
	{
		width:100%;
	}
	.new-wishes .lis .res-border-bottom
	{
		text-align:center;
	}
	.new-wishes .lis .imgg
	{
		margin:0 auto;
	}
	.svg-search-bottom
	{
		height:27px;
	}
}
@media (min-width: 1015px) and (max-width: 1035px)
{
	.new-wishes .lis h4
	{
		font-size:18px;
	}
	.svg-search-bottom
	{
		height:27px;
	}
}
@media (min-width: 834px) and (max-width: 836px)
{
    .new-wishes .lis .col-md-3
    {
        width: 28% !important;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }
    .new-wishes .lis
    {
        width: 100% !important;
    }
    .new-wishes .lis .col-md-1
    {
        width: 8.33333333% !important;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }
    .new-wishes .lis .col-md-2
    {
        width: 9.666667% !important;
        float:left;
    }
    .new-wishes .lis .anivr
    {
        width: 30% !important;
        float:left;
    }
    .new-wishes .lis .anivr-name
    {
        width: 23% !important;
        float:left;
    }
}
@media (min-width: 767px) and (max-width: 768px)
{
    .new-wishes .lis .col-md-2
    {
            width: 9.666667% !important;
    }
    .new-wishes .lis .anivr
    {
        width: 30% !important;
    }
    .new-wishes .lis .anivr-name
    {
        width: 23% !important;
    }
}
@media (min-width: 730px) and (max-width: 740px)
{
	.c3 .main-title h3
	{
		float:none;
	}
	.svg-search-bottom
	{
		height:27px;
	}
}
@-moz-document url-prefix()
{
	.c3-white-box
	{
		padding:2px 2px 0px 2px;
	}
	.moz-c3 .c3-content-box
	{
		padding:9px;
	}
	.moz-c3-detail .c3-white-box
	{
		padding: 2px 2px 0px 2px !important;
	}
	.moz-c3-detail .c3-content-box
	{
		padding:5px !important;
	}
	.moz-home .new-wishes
	{
		padding:5px 0px;
	}
	.c3-content-box .client-content p
	{
		line-height:27px;
	}
	.c3-content-box .client-content .client-img
	{
		width: 70px;
	}
	.c3-fullcontent-box
	{
		padding-bottom:10px;
	}
	.wish-svg
	{
		height: 52px;
		width: 52px;
	}
	.see-all-celebrations
	{
		padding:7px 0px 6px;
	}
}
@media (min-width: 1020px) and (max-width: 1030px)
{
	footer
	{
		position:fixed;
	}
	.container-margin
	{
		margin-left:250px !important;
	}
	.container-marg
	{
		margin-left:50px !important;
	}
	.serch-div .search
	{
		width:160px !important;
	}
}
@media (min-width: 766px) and (max-width: 770px)
{
	.col-md-12
	{
	}
	.res-col-md-6
	{
		width: 50%;
		float:left;
	}
	.res-col-md-66
	{
		width: 25% !important;
	}
    .search-down-button
    {
        width:243px !important;
    }
	.res-col-md-3
	{
		width: 25%;
		float:left;
	}
    .main-title .pull-right
    {
        text-align:right !important;
    }
   .c3-content-box .star-width-content
   {
       margin-left:20px !important;
   }
   .c3-content-box .star-width-content .title
   {
       padding-left:6px !important;
   }
	.main-title .res-col-md-3
	{
		
	}
	.res-col-md-4
	{
		width:33.33333333%;
	}
	.res-col-md-9
	{
		width: 75%;
		float:left;
	}
	.serch-div
	{
		float:right;
	}
	#content .main-title h3
	{
		float:none;
	}
	.svg-search-bottom
	{
		height:28px !important;
	}
	.serch-div .search
	{
		/*width:160px !important;*/
		float:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
        width:100% !important;
	}
	.search-down-button
	{
		float:right;
	}
}
@media (min-width: 771px) and (max-width:1366px)
{
	.header .res-col-md-6
	{
		width: 50%;
		float:left;
	}
	.header .res-col-md-3
	{
		width: 25%;
		float:left;
	}
}
@media (min-width: 320px) and (max-width:324px)
{
	.main-title .res-col-md-66
	{
		width: 100% !important;
	}
}
@media only screen and (max-width:768px)
{
	.main-title .pull-right
	{
		text-align:center;
	}
	/* .main-title span
	{
		margin-left:37px;
	} */
	.search-down-button .svg-search-bottom
	{
		margin-left:auto;
		margin-right:auto;
	}
	.container-margin
	{
		margin-left:0px !important;
	}
	.container-marg
	{
		margin-left:150px !important;
	}
	.serch-div .search
	{
		width:90%;
	}
	.res-col-md-66
	{
		width: 100%;
	}
	.slider .carousel-inner .carousel-caption img.img-responsive
	{
		position:relative;
		height:70px;
		margin-left: auto;		
			margin-right: auto;					
           left:0;
			top:5px !important;
	}
	.slider .carousel-inner .carousel-caption h3
	{
		font-size:19px;
		text-align:center;
		position:relative;
		top: 5px;
		left: 10px;
		right: 10px;
	}
	.slider .carousel-inner .carousel-caption p
	{
		position:relative;
		top:5px;
		font-size:15px;
	}
	.slider .carousel .carousel-indicators
	{
		/* display:none; */
	}
	.slider .left .fa-chevron-left
	{
		left:20px;
	}
	.three-div .orange
	{
		margin-bottom:10px;
	}
	.three-div .blue
	{
		margin-bottom:10px;
	}
	.three-div .green
	{
		margin-bottom:10px;
	}
}
@media (min-width: 768px) and (max-width: 770px)
{
    .slider .carousel-inner .carousel-caption img.img-responsive
	{
		margin-top:-15px !important;
	}
}
 .form-control-feedback{
    position: absolute;
    right: 2%;
    top: 14%;
   }

.bar-notification {
    display: none;
    /*position: fixed;
    top: 0;
    left: 0;*/
    margin-top: 10px;
    z-index: 1000;
    width: 100%;
    padding: 15px 25px 15px 10px;
    line-height: 16px;
    color: #fff;
    opacity: 0.95;
}

    .bar-notification.success {
        background-color: #4bb07a;
    }

    .bar-notification.error {
        background-color: #e4444c;
    }

    .bar-notification.warning {
        background-color: #f39c12;
    }

    .bar-notification .content {
        margin: 0 10px 0 0;
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline;
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        margin-right: 30px;
        margin-top: 5px;
        background: #fff url('Images/close.png') center no-repeat;
        cursor: pointer;
    }
  
    .dx-datagrid-header-panel
     {  
      padding-top: 10px;
    }
     #searchclear {
        position: absolute;
        right: 0px;
        top: 0;
        bottom: 0;
        height: 14px;
        margin-right: 49px;
        margin-top: 6px;
        font-size: 20px;
        cursor: pointer;
        color: #ccc;
    }
   .disabledCls
   {
     opacity: 0.6;
     cursor: not-allowed;
  }
@media (min-width: 319px) and (max-width: 325px)
{
    .dx-datagrid-search-panel
    {
        width:134px !important;
    }
}
    @media (min-width: 360px) and (max-width: 365px)
{
    .dx-datagrid-search-panel
    {
        width:174px !important;
    }
}
@media (min-width: 375px) and (max-width: 380px)
{
    .dx-datagrid-search-panel
    {
        width:187px !important;
    }
}
@media (min-width: 410px) and (max-width: 420px)
{
    .dx-datagrid-search-panel
    {
        width:220px !important;
    }
}
@media only screen and (max-width:768px)
{
        .dx-datagrid-header-panel .dx-toolbar
	{
		margin-bottom:30px !important;
	}
	.dx-toolbar .dx-toolbar-after
	{
		padding-top:10px !important;
	}
    .dx-button-has-icon .dx-icon
    {
        width: 31px !important;
        height: 31px !important;
        font-size: 23px !important;
        line-height: 30px !important;
     }
    .dx-toolbar-before
    {
        display:none !important;
    }
    .dx-toolbar .dx-toolbar-after
    {
        padding-left:0px !important;
    }
    .dx-button-has-icon .dx-button-content
    {
        padding: 2px !important;
    }
}
.main-title .res-col-md-9 i.fa
{
    margin-top:12px;
}
/* STYLE CSS */