@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    color: #464646;
}
h1 {
    font-size: 58px;
    font-weight: 700;
    line-height: 1.3;
}
h2, .h2 {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.3;
}
h3,.h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}
h4, .h4{
    font-size: 26px;
    font-weight: 600;
}
h5,.h5 {
    font-size: 24px;
    font-weight: 600;
}
a {
    color: #464646;
}
a:hover, a:focus {
    color: #464646;
    text-decoration: none
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #464646;
}
.m-0 {
    margin: 0;
}
.mt-0 {
    margin-top: 0;
}
.mr-0 {
    margin-right: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.ml-0 {
    margin-left: 0;
}
.ml-1 {
    margin-left: 5px;
}
.ml-2 {
    margin-left: 10px;
}
.ml-3 {
    margin-left: 15px;
}
.ml-4 {
    margin-left: 20px;
}
.mr-1 {
    margin-right: 5px;
}
.mr-2 {
    margin-right: 10px;
}
.mr-3 {
    margin-right: 15px;
}
.mr-4 {
    margin-right: 20px;
}
.mb-1 {
    margin-bottom: 5px;
}
.mb-2 {
    margin-bottom: 10px;
}
.mb-3:last-child,
.mb-3 {
    margin-bottom: 15px;
}
.mb-4 {
    margin-bottom: 20px;
}
.mb-5 {
    margin-bottom: 25px;
}
.mb-6 {
    margin-bottom: 30px;
}
.mt-1 {
    margin-top: 5px;
}
.mt-2 {
    margin-top: 10px;
}
.mt-3 {
    margin-top: 15px;
}
.mt-4 {
    margin-top: 20px;
}
.mt-5 {
    margin-top: 25px;
}
.mt-6 {
    margin-top: 30px;
}
.mx-1 {
    margin-right: 5px;
    margin-left: 5px;
}
.mx-2 {
    margin-right: 10px;
    margin-left: 10px;
}
.mx-3 {
    margin-right: 15px;
    margin-left: 15px;
}
.mx-4 {
    margin-right: 20px;
    margin-left: 20px;
}
.p-0 {
    padding: 0;
}
.pt-0 {
    padding-top: 0;
}
.pr-0 {
    padding-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pl-0 {
    padding-left: 0;
}
.pl-2 {
    padding-left: 20px;
}
.p-1 {
    padding: 5px;
}
.p-2 {
    padding: 10px;
}
.p-3 {
    padding: 15px;
}
.p-4 {
    padding: 20px;
}
.active-link a{
	color:#4262ff; 
	font-weight:400;
	word-wrap: break-word;
}
 section, .section {
     float: left;
     width: 100%;
}
 .theme-padding-top {
     margin-top: 75px;
}
 .theme-padding-bottom {
     margin-bottom: 75px;
}
.nav.navbar-nav li a {
     font-size: 20px;
     font-weight: 500;
     color: #464646;
}
 .nav.navbar-nav li a:hover {
     background-color: #fff;
}
 header .glyphicon-menu-hamburger {
     color: #bababa;
     font-size: 25px;
     margin-top: -2px;
	     position: absolute;
    right: 13px;
    top: 28px;
	cursor:pointer;
}
.notification_icon:hover .dropdown-menu, .custom-dashboard-menu:hover .dropdown-menu   {display:block;}
.notification_icon .dropdown-menu, .custom-dashboard-menu .dropdown-menu  {
	    min-width: 120px;
    padding: 0px 0 0px;
    margin: 0px 0 0;
    list-style: none;
    font-size: 15px;
}
.dash_transistion_icon.custom-dashboard-menu .dropdown-menu {left: -35px;}
.main-nav-right ul.my-account-submenu, .main-nav-right ul.my-contests-submenu {   
	margin-top: 13px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 19px; display:none;}
	#account-menu.active a{color:#4262ff;}
	#account-menu span.glyphicon-menu-down, #contests-menu span.glyphicon-menu-down {font-size: 16px; margin-left: 4px;    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
	#account-menu.active .glyphicon-menu-down {    transform: rotate(180deg);}
.notification_icon .dropdown-menu li a, .custom-dashboard-menu .dropdown-menu li a  {padding: 3px 10px;}
.notification_icon ul.dropdown-menu li a:hover, .custom-dashboard-menu ul.dropdown-menu li a:hover  { background:#f5f8ff;}
.custom-dashboard-menu {position:relative;}
 .button-green {
     background: #4262ff;
     border: none;
     padding: 6px 30px;
     color: #FFF;
     font-size: 32px;
     font-weight: bold;
     text-align: center;
     outline: none;
     transition: all 0.5s ease 0s;
}
.navgiation-container.show {
    -webkit-animation: pulse 300ms cubic-bezier(0, 0, .2, 1) forwards;
    animation: pulse 300ms cubic-bezier(0, 0, .2, 1) forwards;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}
.nav-button-close {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #4262ff;
    z-index: 999;
}
.navgiation-container {
    -webkit-transform: scale(0);
    -webkit-transform-origin: top center;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #464646;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
    overflow-y: auto;
}
.ico-sm-bt {
    margin-right: 1px;
}
.xs-arrow, .category-xs-arrow {
    pointer-events: none;
}
.navgiation-container ul {
    text-align: left;
    margin-top: 70px;
}
.navgiation-container li {
    margin-bottom: 6px;
}
.navgiation-container li a {
    color: #fff;
}
.navgiation-container li a:hover {
    color: #4262ff;
}
.main-nav-left li:nth-child(1) a {
    font-weight: 500;
    padding-left: 0px;
}
.main-nav-left li {
    margin-bottom: 3px;
}
.main-nav-left li a {
    font-weight: 300;
    padding-left: 15px;
}



 .sticky-container {     z-index: 999;     position: fixed;     top: 22%;     right: 0px;} .stickybttn0, .stickybttn1, .stickybttn2, .stickybttn3, .stickybttn4 {     position: relative;     right: 0px;     cursor: pointer;} .boxes {     background: #4262ff;     border: 0px;     width: 50px;     height: 50px;     color: #fff;	 border-radius:0px;     font-size: 26px;     text-align: center;     padding-top: 10px;     margin-bottom: 5px;	 margin-right:-1px;} #slideout1, #slideout2, #slideout3 {     z-index: 100;     background: #f5f5f5;     padding: 10px;     color: #333;     position: absolute;     left: 320px;     width: 320px;     border: 1px solid #ebebeb;     -webkit-transition-duration: 0.3s;     -moz-transition-duration: 0.3s;     -o-transition-duration: 0.3s;     transition-duration: 0.3s;} .closeX {     position: absolute;     z-index: 10;     top: 0px;     right: 0px;     text-align: center;     padding: 10px 15px;     background: #4262ff;     color: #FFF;} #slideout1 h3, #slideout2 h3, #slideout3 h3 {     font-size: 20px;     font-weight: 400;     margin: 0px;} #slideout2 {     top: 0px;} #slideout2 span, #slideout3 span {     font-size: 16px;} #slideout1 span, #slideout2 span, #slideout3 span.err { font-size: 14px; margin-top: -5px;    margin-bottom: 10px;} #slideout2 form, #slideout3 form {     display: block;} #slideout2 .txtfield, #slideout3 .txtfield {     display: block;     height: 40px;     margin: 10px 0;     width: 100%;     text-indent: 5px;     font-weight: 400;     font-size: 16px;} #slideout1  .control, #slideout2  .control , #slideout3  .control  {    display: block;    position: relative;    margin-bottom: 10px;    cursor: pointer;    font-size: 17px;    font-weight: 300;} .login-bttn {     height: 50px;     font-size: 25px;     font-weight: bold;     color: #FFF;     background: #4262ff;     border: 0px;     padding-left: 30px;     padding-right: 30px;     border-radius: 0px;} #slideout3 {     top: 0px;} #slideout2 form, #slideout3 form {     display: block;} #slideout2 .txtfield, #slideout3 .txtfield {     display: block;     height: 40px;     margin: 10px 0;     width: 100%;     text-indent: 5px;} .sticky-select,  .sticky-select option  {     padding: 3px 0px;     width: 100%;     margin-bottom: 10px;     border: 1px solid #a9a9a9;     padding-left: 6px;     font-weight:100;     font-size:16px;     height: 40px; 	     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAOVBMVEVHcExNTU14BexZMoP1gqvSbLZSfYigjUvfcXkroScKU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU10fOo/AAAAEnRSTlMACuYeJhLgBbqxwdoYDtTJp6YmJqZ3AAAAQklEQVR4Xi2LSQKAIAzEBmihZdX5/2MVNKccEogrDuoC4+zb+6RBF1sCUuNSYFRmkcw6dhCMMdICDsVJL/gp93X8AWDrAgjOIi8bAAAAAElFTkSuQmCC') no-repeat right 13px center;    -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;    appearance: none;    background-color: #fff;}#slideout1 .number-text {font-size:18px;} .consult-bttn {     font-size: 23px;     font-weight: bold;     color: #FFF;     width: 100%;     line-height: 1.1em;     height: 50px;     border: none;      background: #4262ff;     margin-bottom: 10px;     border-radius: 0px;    } #slideout3.on {     left: -270px;     top: 0px;} #slideout2.on {     left: -270px;     top: 0px;} #slideout1.on {      left: -270px;	   top: 0px;}#previewButton {color:#fff; font-weight:light;} .labelbadge {    display: inline;    padding: .2em .6em .3em;    font-size: 75%;    font-weight: 300;    line-height: 1;    color: #fff;    text-align: center;    white-space: nowrap;    vertical-align: baseline;    border-radius: .25em;}.labelbadge-danger {    background-color: #d9534f;} p.inline-label label {display:inline;}  /** Sticky CSS End **/

/* For Dashboard Start */
 .dashboard-content {
    margin-top:35px;
}
 .dashboard-footer .contact-banner{
    border:1px solid #dcdcdc;
     margin-top:10px;
     padding:0px 15px;
	     background-color: #fff;
}
 .dashboard-footer .contact-banner p a {
    display:block;
     margin-top:6px;
}
 .text-note h1, .text-note .h1{
     font-size:35px;
     text-transform:uppercase;
	 font-weight:700;
}
 .text-note p {
    font-size:19px;
	font-weight:400;
     margin-top:5px;
     line-height:1.6;
   
}
 .contact-banner p {
    font-size:18px;
	font-weight:100;
	  margin-top:20px;
}
 .dashboard-footer .support-button {
     border: 3px solid #4262ff;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     color: #4262ff;
     background: #FFF;
     font-family: 'Open Sans', sans-serif;
     padding: 5px 20px;
}
 img.support-help {
    position:absolute;
     top: -77px;
     left: -15px;
}
 .dashboard-logo {
     width: 47px;
     height: 40px;
     background: url(../images/sprites.png) no-repeat 0 -88px;
     border: 0px;
     margin-top:-5px;
}
 .dash-sprite {
    width:41px;
     height:36px;
     display:inline-block;
     margin-right:27px;
     background: url(/images/dashbpard-sprite.png) no-repeat 0px;
     cursor:pointer;
}
 .one-two-one {
    background-position: -6px -3px;
}
 .transistion_icon {
    background-position: -98px -3px;
}
 .widget_icon {
    background-position: -201px -5px;
}
 .dash_transistion_icon {
   background-position: -468px -3px;
}
 .notification_icon {
    background-position: -288px -4px;
     position:relative;
	 width:43px;
}
 .notification_icon .notify_item {
     width: 18px;
     height: 18px;
     background-color: #4262ff;
     border-radius: 50%;
     color: #fff;
     font-size: 11px;
     text-align: center;
     line-height: 18px;
     position: absolute;
     right: -5px;
     top: -10px;
}

.message-div-wrap
{
	position:relative;
}
.message-div-wrap ul {   
	position: absolute;
    background-color: #ebebeb;
    top: 17px;
    list-style: none;
    padding: 0px;
    text-indent: 10px;
    font-size: 15px;}
 .dash_share_icon {
    background-position: -377px -3px;
	margin-right: 18px;
}
 .dash_one-o-one_icon {
    background-position: -200px -4px;
    margin-right: 20px;
}
 .right-menui-icon {
    background-position: -466px -5px;
     position:relative;
}
 .right-menui-icon .notify_item {
     width: 18px;
     height: 18px;
     background-color: #f21d1d;
     border-radius: 50%;
     color: #fff;
     font-size: 11px;
     text-align: center;
     line-height: 18px;
     position: absolute;
     right: -1px;
     top: -11px;
}
 .user-signin-icon {
    width: 37px;
     height: 37px;
     background-color: #1999f3;
     color: #fff;
     text-align: center;
     line-height: 37px;
     display:inline-block;
     border-radius: 50%;
     float: right;
     cursor:pointer;
}
.dashboardContestListing {
	margin-top: 10px;
}

.dashboardContestListing .desigerfirst-child {
	text-align: left;
	padding-left: 10px;
}

.dashboardContestListing th {
	text-align: center;
	background-color: #fff;
	padding: 15px 20px;
    font-size: 24px;
    color: #464646;
    font-weight: bold;
    text-transform: uppercase;
	border: 1px solid #ccc;
	
}

.dashboardContestListing td {
	border: 1px solid #ccc;
	text-align: center;
	font-weight: 300;
	font-size: 18px;
	padding: 8px 5px;
}

.dashboardContestListing td h5 {
	font-size: 20px;
	font-weight: 400;
	color: #4262ff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 8px;
	text-align: left;
	margin-left: 5px;
	width: 90%;
}

.dashboardContestListing td p {
	font-size: 18px;
	overflow: hidden;
	font-weight: 300;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 90%;
}

.dashboardContestListing tbody tr td:first-child a {
	width: 98% !important;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.dashboardContestListing tr td:first-child span {
	width: 87% !important;
	display: block;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.dashboardContestListing tr td:first-child a.btn {
	width: auto;
}

.processCenLine {
	left: 27%;
	width: 45%;
}

.spritesHandlerIcon {
	display: none;
}

.dashboardContestListing tbody tr td .toggleOpen {
	display: none;
}
.mobile-scroll {text-align:right;  padding-right:35px;}
#dail-code2 {padding: 9px; margin-right: 10px;}

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

	#floatingInputPhone {width:190px !important;}
	#myaccount-main-right {float:left; width:100%;}
	.dashboardTransListing span.float a {width:auto;}
	.xs-mt-0 {margin-top:0px;}
	h2,.h2 {font-size:30px;}
	h3,.h3 {font-size:25px;}
	#slideout3 {overflow-y: auto; max-height: 300px;}
	.notification_icon:hover .dropdown-menu,
	.custom-dashboard-menu:hover .dropdown-menu,
	.transistion_icon:hover .dropdown-menu, 
	.dash_transistion_icon:hover .dropdown-menu { display:none;}
	
	.notification_icon.active .dropdown-menu,
	.custom-dashboard-menu.active .dropdown-menu,
	.transistion_icon.active .dropdown-menu, 
	.dash_transistion_icon.active .dropdown-menu  { display:block;}

	.display-flex {display: flex; flex-flow:column;} 	
	.main-nav-left {order: 2;}
	.main-nav-left ul {margin-top:30px;}
	
	.mobile-scroll {
		margin-top: 25px;
		overflow-x:auto;
		height: 60px; 
		width: 100%;
		white-space: nowrap;
		margin-left: 12px;
	}	
	.mobile-scroll.active {height: 150px; margin-bottom:-12px; }
	.xs-mobile-close {
    position: fixed;
    right: -60px;
    /* background-color: #fff; */
    z-index: 9999;
    padding: 0px;
	margin-top: -4px;
}
	
	.xs-text-center {
		text-align: center;
	}
	
	.user-signin-icon {
		margin-right: 10%;
		margin-top: -5px;
	}
	
	.red-button {
		width: 100%;
	}
	
	.dashboard-footer,
	.dashboard-footer .text-right {
		text-align: center;
	}
	
	.dashboard-footer .bttn-wrap {
		margin-top: -20px;
		margin-bottom: 20px;
	}
	
	.bttn-wrap {width:100%;}
	section.dashboard-footer { bottom: -195px;  position:fixed; }
	section.dashboard-footer.active { bottom: 0px; }
	.dashboard-btn {width:100%;}
	.draft-xs {
		margin-left: 5px;
		margin-right: 10px;
	}
	
	.dashboard-content .text-note h1 {
		 margin-bottom:6px;
		font-size: 24px;
	}
	
	.dashboardContestListing td br {
		display: none;
	}
	
	.dashboardContestListing td h6 {
		margin-left: 0px;
		margin-bottom: 2px;
	}
	
	.typeClass,
	.CreatedClass {
		padding-top: 10px;
	}
	
	.viewContestList {
		float: left;
		margin-top: 12px;
	}
	
	.designContestListingBox {
		display: none !important;
	}
	
	table.dashboardContestListing tbody tr td {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		float: left;
		font-size: 14px;
		height: 45px !important;
		width: 100% !important;
	}
	
	table.dashboardContestListing tbody tr td:first-child {
		height: 75px !important;
	}
	
	.dashboardContestListing .Surveystitle {
		max-width: inherit !important;
	}
	
	.tableSet a {
		position: relative;
		z-index: 999;
	}
	
	.tooltip.top {
		z-index: 9999;
	}
	/* Force table to not be like tables anymore */
	
	.dashboardContestListing,
	.dashboardContestListing thead,
	.dashboardContestListing tbody,
	.dashboardContestListing th,
	.dashboardContestListing td,
	.dashboardContestListing tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	
	.dashboardContestListing thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.dashboardContestListing tr {
		border: 1px solid #ccc;
		border-bottom: none;
		overflow: hidden;
		height: 75px;
		position: relative;
	}
	
	.dashboardContestListing tr:last-child {
		border-bottom: 1px solid #ccc;
	}
	
	.dashboardContestListing tbody tr td {
		position: relative;
	}
	
	.dashboardContestListing tbody tr .Surveystitle a {
		width: auto !important;
		float: left;
		max-width: 88%;
	}
	
	.dashboardContestListing tbody tr.Open {
		height: auto !important;
	}
	
	.dashboardContestListing tbody tr td .toggleOpen {
		color: #999999;
		cursor: pointer;
		display: block;
		float: right;
		 font-family: 'Open Sans', sans-serif;
		font-size: 22px;
		font-weight: bold;
		height: 19px !important;
		position: absolute;
		right: 10px;
		top: 6px;
		width: 19px !important;
	}
	
	.dashboardContestListing tbody tr td .toggleOpen:after {
		content: "+";
		float: right;
		font-size: 18px;
	}
	
	.dashboardContestListing tbody tr.Open .toggleOpen:after {
		content: "-";
		font-size: 18px;
		float: right;
	}
	
	.dashboardContestListing tfoot td,
	.dashboardContestListing tfoot tr,
	.dashboardContestListing {
		border: 0px !important;
		padding: 0px !important;
	}
	
	.dashboardContestListing td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		white-space: normal;
		text-align: left;
	}
	
	.dashboardContestListing td:before {
		position: absolute;
		top: 9px;
		left: 6px;
		width: 45% !important;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
	
	.Surveystitle a {
		width: 98% !important;
		display: block;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
}

/*-------------------------------*/


/*     Sidebar nav styles        */


/*-------------------------------*/

.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar-nav li {
	position: relative;
	line-height: 20px;
	display: inline-block;
	width: 100%;
}

.sidebar-nav li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	width: 3px;
	background-color: #595858;
	-webkit-transition: width .2s ease-in;
	-moz-transition: width .2s ease-in;
	-ms-transition: width .2s ease-in;
	transition: width .2s ease-in;
}

.sidebar-nav li:first-child a {
	color: #fff;
	margin-top: 15px;
}

.sidebar-nav li:nth-child(2):before {
	background-color: #595858;
}

.sidebar-nav li:nth-child(3):before {
	background-color: #595858;
}

.sidebar-nav li:nth-child(4):before {
	background-color: #595858;
}

.sidebar-nav li:nth-child(5):before {
	background-color: #595858;
}

.sidebar-nav li:nth-child(6):before {
	background-color: #595858;
}

.sidebar-nav li:nth-child(7):before {
	background-color: #595858;
}

.sidebar-nav li:nth-child(8):before {
	background-color: #595858;
}

.sidebar-nav li:nth-child(9):before {
	background-color: #35acdf;
}

.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
	width: 100%;
	-webkit-transition: width .3s ease-in;
	-moz-transition: width .3s ease-in;
	-ms-transition: width .3s ease-in;
	transition: width .3s ease-in;
}

.sidebar-nav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px 10px 30px;
	text-transform: uppercase;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 400;
	padding-left: 22px !important;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

.sidebar-nav>.sidebar-brand {
	height: 65px;
	font-size: 20px;
	line-height: 44px;
}

.sidebar-nav .dropdown-menu {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	border-radius: 0;
	border: none;
	background-color: #727272;
	box-shadow: none;
	margin-top: -8px;
	margin-bottom: 0px !important;
}

.sidebar-nav .open .dropdown-menu li a {
	padding-left: 40px !important;
	font-size: 16px !important;
	font-weight: 400;
	padding-top: 10px;
}

.sidebar-nav .nav .open>a:focus {
	border-color: #fd6b0d !important;
	background-color: none !important;
}

.open li:first-child a {
	margin-top: 0px;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: relative;
	z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #727272;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #727272;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

#wrapper .dropdown-menu>li>a {
	font-size: 17px !important;
	color: #fff !important;
}

ul.sub-project-subnav li a,
.sub-project-subnav ul li {margin: 0px !important;
}

ul.sub-project-subnav {
	margin-bottom: 25px !important;
}

.button-green {
    background: #4262ff;
    border: none;
    padding: 8px 30px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    outline: none; border-radius:30px;
    transition: all 0.5s ease 0s;
}

.content-spacing {
    padding-bottom: 110px;
}

.dashboard-footer {
    bottom: 0px;
    width: 100%;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	display:none;
}

.hamburgers.main-close-icon {
    float: right;
    color: #fff;
    width: 35px;
    height: 35px;
    border: none;
    line-height: 30px;
    background-color: transparent;
    font-size: 24px;
    padding-bottom: 15px;
    outline: none;
    margin-top: -1px;
}

.main-close-icon + .nav.sidebar-nav{
    margin-top: 30px !important;
}
.msgs-div.sidebar-nav li:first-child a {margin-top: 0px; }

.menulist li {
    display: block;
    clear: both;
    padding: 10px 10px 8px 14px;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #f1f1f1;
	background: url(http://d134c7x3v8iied.cloudfront.net/images/MenuListArrow.gif) no-repeat left 18px;
	
}

.menulist li > a {
    font-weight: 400;
	color:#4262ff;
}
.menulist li  a:hover { text-decoration:underline;}
.font-light  {font-weight:400;}
.font-medium  {font-weight:600;}
span.star-required {color:red;}
.alert-custom-error{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 12px 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 16px;
	font-weight:100;
}
.alert-custom-error strong{display: block;
    margin-bottom: 2px;
    font-size: 17px;}
.alert-custom-success {
	   padding: 12px 15px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border: 1px solid #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-weight:400;
	 font-size: 16px;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    display: block;
}

.dashboard-form .textBox-Style input[type='text'], .dashboard-form .textBox-Style input[type='password'] {
    width: 100%;
    padding: 8px;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 14px;
    border-radius: 0px;
    border: 1px solid #ccc;
	outline:none;
}

.input-style {
	padding: 8px;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 14px;
    border-radius: 0px;
    border: 1px solid #ccc;
	outline:none;
}

.input-button-style {
	background: #4262ff;
    border: none;
    padding: 4px 20px;
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
	outline:none;
}

.br-0 {border-right:none;}

.dashboard-form .textBox-Style select {
	width: 100%;
    padding: 8px;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 14px;
    border-radius: 0px;
    border: 1px solid #ccc;
	outline:none;
	background: url(/images/drown-down2.png) no-repeat right 12px center;
	    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #fff;
}

  #verify {
        background:#f1f1f1;
        width: 100%;
        float:left;
        clear:both;
        padding: 10px;

        border:1px solid #ebebeb;
        margin-bottom: 15px;
		font-size:18px;
		font-weight:100;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }

.dashboard-form select option {font-weight:400;}
.dashboard-form input[disabled] { background-color: #f3f3f3; }

.submit-green-button {
	background: #4262ff;
    border: none;
    padding: 14px 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
	/*width:100%;*/ border-radius:30px !important;
	outline:none;
    }

.login-top-nav {
    position: absolute;
    right: 55px;
    margin-top: 7px;
    text-align: right;
    z-index: 999;
	}
.login-top-nav a {color:#4262ff;}
	.login-top-nav span {
    color: #fff;
}
.stickybttn2 .btn-default.boxes {
    background: #4262ff;
}
.stickybttn2 .btn-default.boxes span {
    color: #fff;
}

#slideout2 span, #slideout3 span.err {
    font-size: 14px;
    margin-top: -5px;
    margin-bottom: 10px;
}

.err {
    color: #FC3737;
    font-size: 15px;
    margin-top: 5px;
    float: left;
}


/* For Dashboard End */
 


	
	/* For Transistion Page Start */

#myaccount-main-right table {
	table-layout: fixed;
}

#myaccount-main-right table th {
	background-color: #fff;
	padding: 15px 20px;
	border: 1px solid #ebebeb;
	padding: 7px;
	text-align: center;
	font-size: 24px;
	color: #464646;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}

#myaccount-main-right table td {
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	padding: 8px;
	font-size: 18px;
	text-align: center;
	font-weight: 400;
	
}

#TransactionTable tr:nth-child(even) {
	background-color: #fcfcfc !important;
}

.contest-pagination-wrap li a {
	border: none;
	padding: 2px 4px;
	color: #464646;
	font-weight: 400;
}

.contest-pagination-wrap li a.active {
	font-weight: bold;
}

.contest-pagination-wrap li a .glyphicon {
	padding-top: 2px;
	color: #4262ff;
}
.contest-pagination-wrap {min-height:20px;}
.contest-pagination-wrap li a:hover {
	background-color: #fff;
	color: #464646;
}
.dashboardTransListing tbody tr td:first-child a {
		width: 100%;
		 white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display:block;
	}

@media only screen and (max-width: 740px) {
	.dashboardTransListing tbody tr td:first-child a {
	/*	width: 50%; */
		 white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display:block;
	}
	.dashboardTransListing tr:nth-child(even) {
		background-color: #fff;
	}
	.draft-xs {
		margin-left: 5px;
		margin-right: 10px;
		width: 135px;
		float: left;
		font-weight: 600;
		text-align: left;
	}
	.dashboard-content .text-note h1, .dashboard-content .text-note .h1 {
		/*text-align: center;*/
		font-size: 25px;
	}
	.dashboardTransListing td br {
		display: none;
	}
	.dashboardTransListing td h6 {
		margin-left: 0px;
		margin-bottom: 2px;
	}
	.dashboardTransListing.invite-class tr {
		height: 64px;
	}
	.xs-trans-id {
		width: 150px;
		float: left;
		/*padding-left: 1%;*/
		font-weight: 600;
		text-align: left;
	}
	.typeClass,
	.CreatedClass {
		padding-top: 10px;
	}
	.viewContestList {
		float: left;
		margin-top: 12px;
	}
	.designContestListingBox {
		display: none;
	}
	#myaccount-main-right table td {
		text-align: left;
	}
	table.dashboardTransListing tbody tr td {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		float: left;
		font-size: 14px;
		min-height: 45px;
		width: 100%;
	}
	.tableSet a {
		position: relative;
		z-index: 999;
	}
	.tooltip.top {
		z-index: 9999;
	}
	/* Force table to not be like tables anymore */
	.dashboardTransListing,
	.dashboardTransListing thead,
	.dashboardTransListing tbody,
	.dashboardTransListing th,
	.dashboardTransListing td,
	.dashboardTransListing tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.dashboardTransListing thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.dashboardTransListing tr {
		border: 1px solid #ccc;
		/* border-bottom:none; */
		overflow: hidden;
		height: 45px;
		position: relative;
		margin-bottom: 10px;
	}
	.dashboardTransListing tr:last-child {
		border-bottom: 1px solid #ccc;
	}
	.dashboardTransListing tbody tr td {
		position: relative;
	}
	.dashboardTransListing tbody tr .Surveystitle a {
		width: auto !important;
		float: left;
		max-width: 88%;
	}
	.dashboardTransListing tbody tr.Open {
		height: auto !important;
	}
	.dashboardTransListing tbody tr td .toggleOpen {
		color: #999999;
		cursor: pointer;
		display: block;
		float: right;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 22px;
		font-weight: bold;
		height: 19px !important;
		position: absolute;
		right: 10px;
		top: 6px;
		width: 19px !important;
	}
	.dashboardTransListing tbody tr td .toggleOpen:after {
		content: "+";
		float: right;
		font-size: 18px;
	}
	.dashboardTransListing tbody tr.Open .toggleOpen:after {
		content: "-";
		font-size: 18px;
		float: right;
	}
	.dashboardTransListing tfoot td,
	.dashboardTransListing tfoot tr,
	.dashboardTransListing {
		border: 0px !important;
		padding: 0px !important;
	}
	.dashboardTransListing td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		white-space: normal;
		text-align: left;
	}
	.dashboardTransListing td:before {
		position: absolute;
		top: 9px;
		left: 6px;
		width: 45% !important;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
}


/* For Transistion Page Start */


	/* For Checkbox or Radio Start */
 .control {
     position: relative;
     padding-left: 30px;
     margin-bottom: 15px;
     cursor: pointer;
     font-size: 18px;
}
 .control input {
     position: absolute;
     z-index: -1;
     opacity: 0;
}
 .control__indicator {
     position: absolute;
     top: 2px;
     left: 0;
     height: 20px;
     width: 20px;
     background: #fff;
     border:1px solid #cccccc;
}
 .control--radio .control__indicator {
     border-radius: 50%;
}
 .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
     background: #fff;
}
 .control input:checked ~ .control__indicator {
     background: #4262ff;
}
 .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
     background: #4262ff;
}
 .control input:disabled ~ .control__indicator {
     background: #4262ff;
     opacity: 0.6;
     pointer-events: none;
}
 .control__indicator:after {
     content: '';
     position: absolute;
     display: none;
}
 .control input:checked ~ .control__indicator:after {
     display: block;
}
 .control--checkbox .control__indicator:after {
     left: 7px;
     top: 4px;
     width: 5px;
     height: 9px;
     border: solid #fff;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
}
 .control--checkbox input:disabled ~ .control__indicator:after {
     border-color: #7b7b7b;
}
 .control--radio .control__indicator:after {
	 left: 7px;
     top: 7px;
     height: 6px;
     width: 6px;
     border-radius: 50%;
  /*   background: #fff; */
}
 .control--radio input:disabled ~ .control__indicator:after {
     background: #7b7b7b;
}
 .select-arrow {
    -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     appearance: none;
     background: #fff url(../images/drop-down2.png) no-repeat right 10px center;
     cursor: pointer;
}
.control--radio .control__indicator {border: 1px solid #acacac;}

/* For Checkbox or Radio End */	

/* For Favorite Designer Start */

	.SearchField {
		background-color: #fff;
		border: 1px solid #ccc;
		outline: none;
		text-indent: 2px;
		padding: 6px 5px;
	}
	
	#searchButton {
		/*background: #4262ff;*/
		border: none;
		padding: 4px 15px 5px;
		color: #FFF;
		font-size: 22px;
		font-weight: 300;
		text-align: center;
		outline: none;
		transition: all 0.5s ease 0s;
		font-family: 'Glyphicons Halflings';
		padding: 11px 15px 11px;
		margin-top: 0px;
		line-height: 20px;
		vertical-align: bottom;
		position:absolute;
		top:0px; right:0px;
    }
	a.compose-btn.submit-green-button {width:239px;float:right; text-align:center;}
	#myaccount-main-right table th.align-left,#myaccount-main-right table td.align-left {text-align:left; padding-left:12px; word-wrap:break-word;}

	.dashboardTransListing.favoriteDesigner .xs-trans-id{ width: 108px;}
	.dashboardTransListing.favoriteDesigner .draft-xs{ width: 100px;}
	.dashboardTransListing.favoriteDesigner tbody tr td:first-child a { display:inline-block;}
/* For Favorite Designer End */


/* Base for label styling */

.notify-user input[type="checkbox"] { display: none; }

.notify-user input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 18px; font-weight:100;
    color: #464646;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.notify-user input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.notify-user input[type="checkbox"] + label:before {
	content: '';
    display: block;
    width: 20px;
    height: 20px;
    color:#fff;
    border:1px solid #ccc;
    position: absolute;
    left: 0;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    top: 3px;
    opacity: 1;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.notify-user input[type="checkbox"]:checked + label:before {
	background-color:#4262ff;
    content: '✔';
}

.notify-user input[type="radio"] { display: none; }

.notify-user input[type="radio"] + label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 18px; font-weight:100;
    color: #464646;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.notify-user input[type="radio"] + label:last-child { margin-bottom: 0; }

.notify-user input[type="radio"] + label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius:50%;
    color:#fff;
    border:1px solid #ccc;
    position: absolute;
    left: 4px;
    font-size: 18px;
    text-align: center;
    line-height: 17px;
    padding-left: 1px;
    top: 4px;
    opacity: 1;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.notify-user input[type="radio"]:checked + label:before {
    background-color:#4262ff;
}

ul.radio_list {padding: 0px; margin-top: -25px; margin-bottom: 12px; list-style-type:none;}
li.notify-user { margin-bottom: -14px; margin-left: -5px; }
.notification_icon .notify_item { margin-top:10px;}
/* For CB Checkbox and Radio End */ 

/* For Public Profile Start */

.viewed {
       display: block;
    padding: 12px 12px;
    background: #f7f7f7;
    margin: 20px 0px 0;
    margin-bottom: 20px;
    font-weight: 400;
}
.small-size {
	font-size:17px;
	}
.browseButton {
	background: #4262ff;
	border: none;
	padding: 5px 15px 10px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	outline: none;
	transition: all 0.5s ease 0s;
	margin-top: 0px;
}
/*.browseButton span { margin-right:1px; }*/
.biography-textarea {
	font-weight: 400;
    font-size: 18px;
    padding: 8px;
    border: 1px solid #ccc;
    outline: none;
	width:100%;
}
.green-text {color:#4262ff;}
.home-page-input input {
	width: 100%;
    padding: 8px;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 4px;
    border-radius: 0px;
    border: 1px solid #ccc;
    outline: none;}
	.public-profile .radio_list { margin-top:2px; margin-bottom:10px;}
	.public-profile li.notify-user {   
	margin-bottom: 10px;
    display: block;
    width: 100%;}
#txtFileName {width:74%; background-color:#fff;}
 @media only screen and (max-width: 740px) {
	 #txtFileName {width:99%;}
	 .browseButton {  width: 99%; margin-bottom: 8px; float:left;}
 }
 
/* For Public Profile End */

/* For 1-to1 Static Page Start */

.custom-ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-weight: 400;
}
.custom-ul li{ margin-bottom:5px; }
.custom-ul li:before {
    content: "●";
    color: #4262ff;
    padding-right: 5px;
    font-size: 16px;
    vertical-align: text-top;
}

/* For 1-to1 Static Page Start */

/* For MyWedgit Start */
.wedgit-control  select{ margin-left:-55px;}
.clientShare-table tr td:nth-child(2) span+a {text-transform:lowercase;}
.invoicePanding a.float,.invoicePanding span.float a {width:auto; vertical-align:bottom;}
 @media only screen and (max-width: 740px) {
.wedgit-control select {
    margin-left: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
}
table.dashboardTransListing a.float {width:auto; vertical-align:bottom;}
.customer #DashboardSearch .SearchField {width:80%;}
.customer .createdPanding.invite-one-two-one tr {height:66px;}
.customer .invoicePanding.invoice-one-two-one tr {height:46px;}
.customer .project-one-two-one.invoicePanding  tr {height:67px;}
.project-one-two-one.invoicePanding  tr,.favoriteDesigner.source-file-project tr{height:67px;}
.invoice-action-div {width:100%; float:left; padding-left: 5px; margin-top:5px;}
.invoice-action-div .link-seperator{margin-right: 12px}
.dashboardTransListing.clientShare-table tbody tr td:first-child a {width: 98%;}
.dashboardTransListing.clientShare-table .draft-xs {width: 100%; margin-bottom: 5px;}
.clientShare-table tr {height: 90px;}
.clientShare-table tr a { display:inline-block;}
}
.clientShare-table tr a.client-share-icon {display:inline-block; width:auto;}
.clientShare-table tr a.client-share-icon .glyphicon  {font-size:22px;}
.clientShare-table tr a, .clientShare-table tr p.small-size {    
	white-space: nowrap;
    overflow: hidden;
    width: 98%;
    display: inline-block;
	text-overflow: ellipsis;}
/* For MyWedgit End */

.creative-brief { display:inline-block;}


/* For Designer Dashboard ICons start */

.design-dashboard-table th:first-child{width:48%;}
   .design-dashboard-table tr a, .design-dashboard-table tr .ContestSubTitle {
	white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: inline-block;
	text-overflow: ellipsis;
   }
.Guaranteed {
    color: #F22613;
    font-weight: 500;
    font-size: 16px;
    margin-top: 0px;
    display: block;
 }

/* For Designer Dashboard ICons end */

/* For Client Share Page start */

.detail-item {
    margin-bottom: 35px;
}

.detail-item span {
    border: 1px solid #cccccc;
    float: left;
    width: 100%;
    min-height: 320px;
}

.detail-item span .row .username {
    text-align: left;
    margin-left: 12px;
    margin-bottom: 0px;
}

.detail-item span .row .contest-count {
    text-align: right;
    margin-right: 15px;
    margin-bottom: 0px;
}

.detail-item a.preview {
    display: flex;
    height: 200px;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 20px;
}

.detail-item a img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

ul.draft-options {
    float: left;
}

.list-none {
    list-style: none;
    padding: 0px;
    line-height: 30px;
}
.mt--30 { margin-top:-30px;}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
#txtFileName {width:65%;}
}
 @media only screen and (max-width: 740px) {
.submit-green-button { padding-left:10px; padding-right:10px;}
.xs-p-0 {padding:0px;}
 }
/* For Client Share Page end */



/* For My Project Start */

.tabFilterWrap {
     width: 100%;
     background: #f7f7f7;
     float: left;
     padding: 12px 12px;
     margin-bottom: 0;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     border: 1px solid #ddd;
     border-top: none;
	  min-height:42px;
}
 .tabFilterWrap p.tabFilter {
     color: #464646;
     font-size: 16px;
     margin: 0px;
     font-weight: bold;
}
 .tabFilterWrap p.tabFilter a{
     color: #464646;
     font-weight: normal;
     font-size: 14px;
     margin: 0px 5px;
}
 .tabFilterWrap p.tabFilter a.active{
    color: #4262ff;
    font-weight: bold;
}
 .filter-tab-content {
    border:1px solid #ddd;
     padding:5px 20px;
     float:left;
     width:100%;
     border-top:none;
}
 .filter-tab-nav.nav-tabs>li.active>a, .filter-tab-nav.nav-tabs>li.active>a:focus, .filter-tab-nav.nav-tabs>li.active>a:hover {
     background: #f7f7f7;
}
 .filter-tab-nav.nav>li>a:focus, .filter-tab-nav.nav>li>a:hover {
     text-decoration: none;
     background-color: #fff;
}
 .filter-tab-nav.nav>li>a {
     padding: 10px 20px;
     font-size: 20px;
     font-weight: bold;
     color: #464646;
     margin-right:12px;
	 border-radius:0px;
}
 .filter-tab-content .tab-pane.fade {
     display:none;
}
 .filter-tab-content .tab-pane.fade.in {
     display:block;
}
 .filter-tab-content .tab-pane {
    padding-top:0px;
}
 .ClientPanding th:first-child {
    width:68%;
}
 .favoritePanding th:first-child {
    width:45%;
}
 .createdPanding th:first-child {
    width:42%;
}
 .createdPanding th:nth-child(4){
    width:16%;
}
 .invoicePanding  th:first-child {
    width:40%;
}
 .invoicePanding th:nth-child(2){
    width:17%;
}
 .small-sub-text {
     font-size: 15px;
     font-weight: 300;
     display: block;
}
.smallfont p a:hover {text-decoration:underline;}
@media only screen 
	and (min-width : 768px) 
	and (max-width : 1024px) 
	and (orientation : portrait) {
		#myaccount-main-right  .createdPanding  th, #myaccount-main-right  .favoritePanding   th,
		#myaccount-main-right  .createdPanding   th,#myaccount-main-right  .invoicePanding   th {font-size: 17px;padding: 7px 5px;}
		.small-sub-text {font-size:12px; display:none;}
		.invoicePanding th:nth-child(2) { width: 20%; }
	}	  

 @media only screen and (max-width: 740px) {
     .ClientPanding tr {
         height: 68px;
    }
     .filter-tab-nav.nav {
         border: 1px solid #ddd;
    }
     .filter-tab-nav.nav li {
         width: 100%;
         border-bottom: 1px solid #ddd;
         text-align: center;
    }
     .filter-tab-nav.nav li a{
         border:none;
         width:100%;
    }
     .tabFilterWrap p.tabFilter a:first-child {
        margin-left:0px;
    }
     .tabFilterWrap p.tabFilter a {
        margin-top: 5px;
         display: inline-block;
    }
     .filter-tab-content {
        padding: 0px 8px;
    }
     .filter-tab-nav.nav-tabs>li.active .filter-tab-nav.nav-tabs>li.active>a, .filter-tab-nav.nav-tabs>li.active>a:focus, .filter-tab-nav.nav-tabs>li.active>a:hover {
        background: #f0f7e8;
         border:none !important;
    }
     .xs-p-0 {
        padding:0px;
    }
}

/* For My Project End */


@media only screen and (max-width: 740px) {
	.createdPanding tr a.float,
	.invoicePanding tr a.float,
	.favoritePanding tr a.float,
	.ClientPanding tr a.float {
		width: 42%;
	}
	.createdPanding tbody tr td:first-child a,
	.invoicePanding tbody tr td:first-child a,
	.favoritePanding tbody tr td:first-child a,
	.ClientPanding tbody tr td:first-child a {
		width: 99%;
	}
	.createdPanding tr
	{
		height: 65px;
		border-left: none;
		border-right: none;
	}
	.invoicePanding tr
	{
		height: 69px;
		border-left: none;
		border-right: none;
	}
	.favoritePanding tr {
		height: 68px;
		border-left: none;
		border-right: none;
	}
	.ClientPanding  .Contesttitle a { display:block;}
	.createdPanding tr:first-child td:nth-child(2),
	.invoicePanding tr:first-child td:nth-child(2) p {
		float: left;
		padding-left: 8px;
		margin-top: 8px;
		margin-bottom: 2px;
	}
 }
/* For 1-to-1 Project End */


/* FOr Inbox CSS Start */

	
.inbox-nav.nav>li>a {padding: 10px 40px 10px 15px;}

.msg_notify_item {
	width: 26px;
    height: 26px;
    background-color: #4262ff;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    position: absolute;
    right: 9px;
    top: 11px;
	font-weight:500;
}

.msg-inbox {background-color: #6ab04c;}
.msg-invite {background-color: #2980b9;}
.msg-alerts {background-color: #f9ca24;}
.msg-date {font-size:16px; word-wrap:break-word;}
.msg-subject {font-size:18px;}
.new-chat-msg {     background-color: #f8f6f6;}
.msg-tab-content {    
	border: 1px solid #ddd;
    float: left;
    width: 100%;
    border-top: none;}
	.msg-tab-content:last-child {border-bottom:none;}
	.messages_container_wrap {float: left;
    width: 100%;
    padding:20px 15px; border-bottom: 1px solid #ddd;}
.circle-avatar {    
	border-radius: 50%;
    border: 1px solid #9e9e9e;
    padding: 3px;
	}
	.chat-dp-wrap {width: 92px;float: left;}

.text-right {text-align:right;}


 .msg-tab-content .tab-pane.fade {
     display:none;
}
 .msg-tab-content .tab-pane.fade.in {
     display:block;
}
 .filter-new-newest {float:right;}
 .msg-tab-content .contest-pagination-wrap{ border-bottom:1px solid #ddd;}
 @media only screen and (max-width: 740px) {
	 .msg-date {font-size:15px;}
/*.tabFilterWrap .filter-new-newest {float:left; padding-left: 5px; margin-top: 5px;}*/
 .chat-dp-wrap { width:100%;}
 .chat-dp-wrap .msg-date {    float: right;
    margin-top: 18px;}
	.xs-mt-3 { margin-top:15px;}
	.reply-del-link {text-align:left;}
 }

/* For Inbox CSS End */

/* For Invite Designer Start */

.TabContent.preloader {
    border: 1px solid #ddd;
    border-top: none;
	min-height:550px; 
}

.one-two-one .TabContent.preloader { margin-top: 60px; }
.one-two-one .TabContent.preloader .tabFilterWrap{border-left: none; border-right: none; } 
.preloader {background-image: url(../images/search-loader.gif);
    width: 100%;
    background-repeat: no-repeat;
background-color: #fff;     
background-position: center;}
.small-sub-text2 {
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
}
.invite-designer-list {padding:25px;}
.invite-designer-list:last-child { border-bottom:1px solid #ddd; }
.favorite-designer-list-wrap {    
	border: 1px solid #ddd;
    float: left;
    width: 100%;
    max-height: 210px;
    overflow-y: auto;
    margin-bottom: 10px;}
.favorite-designer-item {
     background-color: #f9fdf2;
    padding: 15px 10px 0px;
    border: 1px solid #CDDC39;
    margin: 10px;
  }
  .favorite-designer-item .chat-dp-wrap .control__indicator {top: -15px;}
	.favorite-designer-item a {color:#000;  
	width: 55%;
    white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;}
	
 @media only screen and (max-width: 740px) {
.invite-designer-list {padding:15px;}
.favorite-designer-item { margin-bottom:0px;}
.favorite-designer-list-wrap .chat-dp-wrap {
    width: auto; margin-right:8px;
}	 

.file-name{	width: 45%;
    white-space: nowrap;
	overflow: hidden;
	display: inline-block;
text-overflow: ellipsis;}

 }

/* For Invite Designer End */

/* For 1-to-1 Project Start */
.createdPanding tr a.float-width { width:auto;vertical-align: bottom;}
.createdPanding tr a,
.invoicePanding tr a,
.favoritePanding tr a,
.ClientPanding tr a {
	white-space: nowrap;
	overflow: hidden;
	width: 98%;
	display: inline-block;
	text-overflow: ellipsis;
}
.tabFilterWrap .tabFilter .dialogue.invitebutton {float:right; color: #3598db;font-size: 15px;}
a.submit-green-button {width:auto;color:#fff;}
a.submit-green-button:hover,a.submit-green-button:focus,a.green-button-style:hover, a.green-button-style:focus   {color:#fff;}
@media only screen and (max-width: 740px) {
	#invoiceform .dashboardTransListing tr {height: 68px;}
	.one-two-one #invoices   table.invoicePanding tr {height: 46px;}
	.one-two-one #projects   table.invoicePanding tr {height: 68px;}
	.one-two-one #invite   table.createdPanding  tr {height: 68px;}
	.createdPanding tr a.float,
	.invoicePanding tr a.float,
	.favoritePanding tr a.float,
	.ClientPanding tr a.float {
		width: 42%;
	}
	.createdPanding tbody tr td:first-child a,
	.invoicePanding tbody tr td:first-child a,
	.favoritePanding tbody tr td:first-child a,
	.ClientPanding tbody tr td:first-child a {
		width: 99%;
	}
	.createdPanding tr,
	.invoicePanding tr,
	.favoritePanding tr {
		height: 67px;
		border-left: none;
		border-right: none;
	}
	.createdPanding tr:first-child td:nth-child(2),
	.invoicePanding tr:first-child td:nth-child(2) p {
		float: left;
		padding-left: 8px;
		margin-top: 8px;
		margin-bottom: 2px;
	}
 }
/* For 1-to-1 Project End */


/* For Checkbox or Radio Start */
 .control {
     position: relative;
     padding-left: 30px;
     margin-bottom: 15px;
     cursor: pointer;
     font-size: 18px;
}
 .control input {
     position: absolute;
     z-index: -1;
     opacity: 0;
}
 .control__indicator {
     position: absolute;
     top: 2px;
     left: 0;
     height: 20px;
     width: 20px;
     background: #fff;
     border:1px solid #cccccc;
}
 .control--radio .control__indicator {
     border-radius: 50%;
}
 .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
     background: #fff;
}
 .control input:checked ~ .control__indicator {
     background: #4262ff;
}
 .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
     background: #4262ff;
}
 .control input:disabled ~ .control__indicator {
     background: #4262ff;
     opacity: 0.6;
     pointer-events: none;
}
 .control__indicator:after {
     content: '';
     position: absolute;
     display: none;
}
 .control input:checked ~ .control__indicator:after {
     display: block;
}
 .control--checkbox .control__indicator:after {
     left: 7px;
     top: 4px;
     width: 5px;
     height: 9px;
     border: solid #fff;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
}
 .control--checkbox input:disabled ~ .control__indicator:after {
     border-color: #7b7b7b;
}
 .control--radio .control__indicator:after {
	 left: 7px;
     top: 7px;
     height: 6px;
     width: 6px;
     border-radius: 50%;
  /*   background: #fff; */
}
 .control--radio input:disabled ~ .control__indicator:after {
     background: #7b7b7b;
}
 .select-arrow {
    -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     appearance: none;
     background: #fff url(../images/drop-down2.png) no-repeat right 10px center;
     cursor: pointer;
}
.control--radio .control__indicator {border: 1px solid #acacac;}
/* For Checkbox or Radio End */


/* For CB Checkbox and Radio Start */

/* Base for label styling */
.creative-brief input[type="checkbox"] { display: none; }

.creative-brief input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 18px; 
  font-weight:100;
  color: #464646;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.creative-brief input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.creative-brief input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  color:#fff;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  top: 3px;
  opacity: 1;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.creative-brief input[type="checkbox"]:checked + label:before {
	 content: '✔';
	  background-color:#4262ff;
}

.creative-brief input[type="radio"] { display: none; }

.creative-brief input[type="radio"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 18px; font-weight:100;
  color: #464646;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.creative-brief input[type="radio"] + label:last-child { margin-bottom: 0; }

.creative-brief input[type="radio"] + label:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-radius:50%;
	color:#fff;
	border:1px solid #ccc;
	position: absolute;
	left: 4px;
	font-size: 10px;
	text-align: center;
	line-height: 22px;
	top: 4px;
	opacity: 1;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.creative-brief input[type="radio"]:checked + label:before {
	  background-color:#4262ff;
}

/* Tooltip container */
.tooltip1 {
    position: relative;
	cursor:pointer;
}

/* Tooltip text */
.tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 6px;
	font-size:15px;
	font-weight:300;
    border-radius: 6px;
	top:-4px;
	left: 36px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
	background-color:#464646;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext1 {
    visibility: visible;
}

.tooltip1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #464646 transparent transparent;
}	
#LunchProject .font-size-medium label {display:inline;}
.green-sepeator { margin:25px auto 30px; border-top: 2px solid #4262ff;}	
.gray-sepeator { margin:25px auto 30px; border-top: 1px solid #cccccc;}
.font-size-medium {font-size:22px; }	
.font-medium {font-weight:600;}	
.font-bold {font-weight:bold;}	
.input-style {font-weight:100; padding:10px; width:108px; color:#000; border: 1px solid #ccc; }	
.input-style-ph {font-weight:100; padding:10px;color:#000; border: 1px solid #ccc; 
	font-size: 18px;
    margin-bottom: 14px;
    border-radius: 0px;
    outline: none; border-left:none;}

.green-button-style {       
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
	border:none; border-radius:30px;
    background: #4262ff;
    padding: 14px 30px;
	outline:none;
}
	
	.tootltip-style, .tootltip-style:hover {
	background: #4262ff;
    padding: 2px 9px;
    border-radius: 50%;
    color: #fff;
    margin-left: 3px;
    font-size: 18px;
}
	.color-active img{ opacity: 0.4;}
	.color-active::after {
	content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    width: 100%;
    text-align: center;
    background: url(../images/select-color-tick.png);
    background-size: 36px;
    z-index: 999;
    width: 35px;
    height: 30px;
    text-align: center;
    margin-left: -17.5px;	
}
	.input-cb-style {font-weight:100; padding:8px; color:#000; border: 1px solid #ccc; }	
	.textarea-cb-style {font-weight:100; padding:8px; color:#000; border: 1px solid #ccc; min-height:170px; resize: none;}
	.textarea-cb-style:focus {outline:none;}
	.select-cb-style, .select-cb-style option {font-weight:100; padding:8px;  border: 1px solid #ccc;  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAOVBMVEVHcExNTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU10fOo/AAAAEnRSTlMACuYeJhLgBbqxwdoYDtTJp6YmJqZ3AAAAQklEQVR4Xi2LSQKAIAzEBmihZdX5/2MVNKccEogrDuoC4+zb+6RBF1sCUuNSYFRmkcw6dhCMMdICDsVJL/gp93X8AWDrAgjOIi8bAAAAAElFTkSuQmCC') no-repeat right 12px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none; background-color:#fff;}	

/* For CB Checkbox and Radio End */



/* Popup Upgrade CSS Start */
.modal-header {
	padding: 8px 15px;
	border-bottom: 1px solid #e5e5e5;
}
.popup-heading {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 18px;
	text-align: left;
	margin-bottom: 8px;
}
.popup-detail {
	font-weight: 400;
	font-size: 16px;
	text-align: left;
}
.popup-detail label.control {
	margin-left: 20px;
}
.pl-3 {
	padding-left: 30px;
}
.prize-small-text {
	font-size: 14px;
	margin-top: -8px;
	font-weight: 300;
	margin-bottom: 0px;
}
.modal-body .row { margin-bottom:6px;}	
.modal-body .modal-text-box {padding:0px; height:40px; outline:none; text-indent:3px;}
.messages_container_wrap span.glyphicon, svg#Layer_1 {    vertical-align: middle;}
.messages_container_wrap .msgReply {margin-right:5px;}
.messages_container_wrap_scroll {max-height:350px;overflow-y: auto; margin-bottom:10px;}
.modal-body .modal-apply-button,.chat-reply-button {
	background: #4262ff;
    border: none;
    padding: 0px 20px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    outline: none;
    transition: all 0.5s ease 0s;
    height: 42px;
    margin-top: 0px;
    line-height: 30px;
  }
  .custom-invite-design .favorite-designer-item p{font-size:16px;
      white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; width: 115px;}
  .custom-invite-design .favorite-designer-item {padding-bottom:12px;}
  @media only screen and (max-width: 740px) {
	  #recomendedContest table tr {height:65px;}
	  .input-style#code {width:auto;}	
	.add-padding-xs {margin-left: 20px;}
	.modal-body .modal-apply-button {margin-top: 10px; width: 100%;}
	.chat-reply-button {width:100%;}
	.messages_container_wrap_scroll { max-height: auto;overflow-y: visible;}
  }
	
/* Popup Upgrade CSS End */

/* Popup Invite CSS Start */

#inviteDesigner .favorite-designer-list-wrap { padding:5px;}
#inviteDesigner .favorite-designer-item { margin:0px;}
#inviteDesigner .invite-designer-list {padding:12px 15px;}
#inviteDesigner .dashboard-form input[type='text'], #inviteDesigner .biography-textarea { font-weight:300;}

/* Popup Invite CSS End */

.overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: url(//d134c7x3v8iied.cloudfront.net/images/overlayBG.png);
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    display:none;
}


.popup {
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    z-index:99999;
    display:none;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.popupBox {
    width:900px;
    max-width:900px;
    background:#fff;
    padding:10px;
    box-shadow:0px 0px 10px #555;
    min-height:275px;
    margin:0px auto;
    position:absolute;
    top:50%;
    margin-top:-270px;
    margin-left:-450px;
    left:50%;
    z-index:999999;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
}

.popup .closeimage {
	cursor: pointer;
	position: absolute;
	right: -16px;
	top: -11px;
	opacity:1;
}

.popup-heading {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 18px;
	text-align: left;
	margin-bottom: 8px;
}

.popup-detail {
	font-weight: 300;
	font-size: 16px;
	text-align: left;
}

.popup-detail label.control {
	margin-left: 20px;
}

.pl-3 {
	padding-left: 30px;
}

.prize-small-text {
	font-size: 14px;
	margin-top: -8px;
	font-weight: 300;
	margin-bottom: 0px;
}
.browse{font-size: 21px;}
.modal-popup .row { margin-bottom:6px;}	
.modal-popup .modal-text-box {padding:0px; height:40px; outline:none; text-indent:3px;border:1px solid #ccc;}
.modal-popup .modal-apply-button {
	background: #4262ff;
    border: none;
    padding: 0px 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    outline: none;
    transition: all 0.5s ease 0s;
    height: 45px;border-radius: 30px;
    margin-top: 0px;
    line-height: 30px;
}
.total-payment p {font-weight:500;}
#myaccount-main-right table.dashboardTransListing.bgTHGray th { background-color:#F3F3F3;}
.msg-search-position {position: absolute;right: 0px; top: -3px;}
#popupContent.popupContent { max-height:560px; overflow-y:auto; overflow-x:hidden;}
.popup-detail img {margin-left:20px;}
#del-btn { background-color:transparent; padding:0px; outline:none;}
#del-btn span {font-size:15px;}
.text-ellispe {    
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
	

@media only screen and (max-width: 1030px) {
	
	.popupBox {
		top:0px !important;
		margin: 20px auto 0 -45% !important;
		width: 90% !important;
		height:90%;
		overflow:hidden;
	}
	.popupContent {
		padding:20px 0px;
	   -moz-box-sizing: border-box;
	   -webkit-box-sizing: border-box;
	   -ms-box-sizing: border-box;
	   -o-box-sizing: border-box;
	   box-sizing: border-box;
		max-height: 90%;
		overflow: auto;
		padding: 20px 0;
		position: absolute;
	}
	.popup .closeimage {
		right:-4px !important;
    	top:-2px !important;
	}

}	
	
 
  @media only screen and (max-width: 740px) {
	 .dashboardTransListing.createdPanding .launch-div a {width:45%;}
	 .text-ellispe { width: 43%; }
	.modal-popup { padding-left: 25px; padding-right: 30px;}
	.modal-popup .modal-text-box#prize_money {width:90%;}
	.modal-popup .modal-apply-button {width:100%;margin-top: 20px;}
	.modal-popup .modal-apply-button#proceed-btn, .modal-popup .modal-apply-button#cancel-btn {width:45%; margin-top:10px;}
	#popupContent.popupContent { max-height: 99%;}	
	.popup-heading {font-size:15px;}
	.modal-popup .h4{font-size: 20px; margin-top: -20px; margin-bottom: 20px;}
	a.compose-btn.submit-green-button {
	width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: 500;}
	.dashboard-content { margin-top:0px;}
	.fill-breif-btn {width:100%; margin-top:15px;}
	.messages_container_wrap {width:98%;}
  }	
  

  
@media only screen 
and (min-width : 360px) 
and (max-width : 823px) 
and (orientation : landscape)
{
.popup-detail label.control {margin-left:30px;}
.modal-popup .modal-text-box, .modal-popup .modal-apply-button#couponapply {width:240px;}
.createdPanding tr a.float, .invoicePanding tr a.float, .favoritePanding tr a.float, .ClientPanding tr a.float { width: 120px;}
#popupContent.popupContent {width:98%;}
.messages_container_wrap {width:99%;}
}

@media only screen 
and (min-width : 740px) 
and (max-width : 823px) 
and (orientation : landscape)
{
#myaccount-main-right table th {font-size:16px;}
.small-sub-text {font-size:10px;}
.createdPanding tr a.float, .invoicePanding tr a.float, .favoritePanding tr a.float, .ClientPanding tr a.float {
 width: auto; font-size:15px;}
#popupContent.popupContent {max-height: 320px;}
p.mt-0.small-size.font-light {margin-top:10px;}
.home-page-input .browse { font-size: 20px;}
.modal-popup .modal-text-box, .modal-popup .modal-apply-button#couponapply {width:130px !important;}
}


#onesignal-bell-container.onesignal-reset {
     max-width: 1170px;
     margin: 0px auto;
	 position: relative !important;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-left
{     left: 285px !important;
    bottom: -787px !important; }
#slideout3 {height: 420px; overflow-y: auto;}
 #account_phone.formfield.inputField {padding: 5px; border: 1px solid #ccc;}
#code.formfield.inputField {width: 58px; border: 1px solid #ccc; text-indent: 3px; padding: 5px;}


.process_loader_wrap {
  margin: 15px auto 25px;
}
#process_loader {
  position: absolute;
  border: 5px solid #e7e7e8;
  border-radius: 50%;
  border-top: 5px solid #4262ff;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  left: 50%;
  margin-left: -30px;
}
.input-cb-style3 {
    font-weight: 400;
    padding: 8px;
    color: #000;
    border: 1px solid #ccc;
    outline: 0;
}

.search-bar-wrap .search-bar {
  background: #ffffff;
  padding: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px 7px;max-width: 270px;
  margin: 0px auto;
}
.search-bar-wrap .search-bar.active {
  border-bottom: 2px solid #7158e2;
}
.search-bar-wrap .search-bar input {
  font-size: 18px;     font-family: 'Open Sans', sans-serif;
  border: none;
  outline: none;
  padding: 5px;
  width: 215px;
}
.search-bar-wrap .search-bar i {
  color: #4262ff;
  font-size: 20px; cursor:pointer;
}
.search-bar-wrap .list-group {
  padding: 10px;
  background: white;
  border-radius: 0 0 7px 7px;
  display: none;
  max-height: 200px;
  overflow-y: auto;
}
.search-bar-wrap .list-group li {
  list-style: none;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #2f3542;
  cursor: pointer;
  transition: all 0.2s ease;
}
.search-bar-wrap .list-group li:hover {
  background: #dfe4ea;
}

.main-header-top {
    font-size: 15px;
    background-color: #424242;
    color: #fff;
    padding: 10px 5px;
}

.btn-success.fileinput-button {background: #f5f5f5 !important;border-color: #f5f5f5 !important;color: #000 !important;  }