#confetti {
	background: transparent;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000000000;
}

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

Preferences Content

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


.preferences-box {
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;

    padding-bottom: 10px;
}

.preferences-box .panel {
    margin-bottom: 40px;
}

.preferences-icon {
	width: 35px;
    margin-top: -10px;
    margin-left: -3px;
    margin-right: 15px;
    height: auto;
    float: left;
}

.preferences-box .panel-title {
	height: 15px;
	font-weight: 500;
	text-align: left;
}

.preferences-box .panel-sub-title {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 10px;
	line-height: 17px;
}

.preferences-info {
    font-weight: 400;
    font-size: 15px;
    color: #7A7F83;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 1.6;
    text-align: left;
    text-transform: uppercase;
}

.preferences-input {
    font-weight: 400;
    font-size: 15px;
    margin-right: 20px;
    width: 40%;
}

.dashboard-header .pref-mobile-close {
    margin-top: 20px;
    margin-right: -20px;
    font-size: 18px;
    color: #ffffff;
    float: right;
    display: none;
}




/* Recurly */

#preferences-screen form {
	text-align: left;
}

#preferences-screen label {
	display: block;
	text-align: left;
	width: 100%;
	margin: 0 0 0.2rem;
	color: #2c0730;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	clear: left;
}



#preferences-screen input {
	position: relative;
	width: 100%;
	border: 2px solid #c2c2c2;
	background: transparent;
	padding: 0.5rem;
	margin: 0 0 1rem;
	outline: none;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	box-shadow: none;
	border-radius: 0;
	color: #c2c2c2;
	-webkit-appearance: none;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	transition: border-color 0.3s;
	max-width:200px;
	margin-left:0px;
}

#invoicingBaseRateTextField, .prefs-textarea {
	color: #000 !important;
	font-weight: normal !important;
	border: 2px solid #c2c2c2 !important;
 	border-radius: 6px !important;
}

#invoicingBaseRateTextField:focus {
	font-weight: bold !important;
}

#preferences-screen input:focus {
	border-color: #2c0730;
	color: #2c0730;
	z-index: 10;
}
/*.recurly-hosted-field {*/
	/*position: relative;*/
	/*width: 100%;*/
	/*height: 42px;*/
	/*border: 2px solid #c2c2c2;*/
	/*background: transparent;*/
	/*padding: 0.5rem;*/
	/*margin: 0 0 1rem;*/
	/*outline: none;*/
	/*font-family: 'Open Sans', Helvetica, sans-serif;*/
	/*font-size: 13px;*/
	/*font-weight: bold;*/
	/*box-shadow: none;*/
	/*border-radius: 0;*/
	/*color: #c2c2c2;*/
	/*-webkit-appearance: none;*/
	/*-webkit-transition: border-color 0.3s;*/
	/*-moz-transition: border-color 0.3s;*/
	/*-ms-transition: border-color 0.3s;*/
	/*-o-transition: border-color 0.3s;*/
	/*transition: border-color 0.3s;*/
	/*max-width:200px;*/
	/*margin-left:0px;*/
/*}*/
/*.recurly-hosted-field-focus {*/
	/*border-color: #2c0730;*/
	/*color: #2c0730;*/
	/*z-index: 10;*/
/*}*/

div.date {
	display: inline-block;
	width: 5.5rem;
	float: left;
	text-align: left;
	margin-right: -2px;
	margin-left:auto;
}

div.date label {
	display: inline-block;
	clear: none;
}

div.date input {
	display: inline-block;
}


#cvc {
	width: 10%;
}

#exp-date {
	margin-right: 0px;
	width: 10%;
}

.glyphicon-info-sign {
	font-size: 12px;
	margin-left: 6px;
	color: #909090;
}

.panel-body .tooltip {
	white-space: normal;
}

.rounding-tooltip {
	width: 150px;
}

.rounding-tooltip label {
	margin-left: -120px;
}

.preferences-teams-cell {
	width: 100%;
}

.teampref-break {
	height: 20px;
	width: 100%;
}

.team-pref-section {
	clear: both;
	float: left;
	margin-left: 40px;
	margin-top: 20px;
}

.teams-on {
    font-weight: 400;
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.6;
    float: left;
}

.support-link {
    font-weight: 400;
    font-size: 15px;
    color: #1A91FF;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.6;
    text-align: left;
    float: left;
}

.support-link:hover {
	color: #3e7cb5;
}

.teams-on-leave-text {
    font-weight: 400;
    font-size: 15px;
    color: #F24B46;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.6;
    text-align: right;
    float: right;
	cursor: pointer;
}

.teams-on-leave-text:hover {
	color: #b62f2b;
}

.transfer-owner-text {
    font-weight: 400;
    font-size: 15px;
    color: #1A91FF;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.6;
    text-align: right;
    float: right;
}

.transfer-owner-text:hover {
	color: #3e7cb5;
}

.preferences-box .panel-heading {
	padding: 20px 15px;
}

.preferences-box .panel-body {
	padding: 20px;
	display: flex;
}

.preferences-box .dropdown {
	margin-right: 20px;
}

.preferences-box .btn {
	/*width: 160px;*/
	text-align: left;
}

.preferences-box .btn .caret {
	float: right;
    margin-top: 8px;
}

.preferences-box .subscribe-learn-button {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 20px;
}

.preferences-box .subscribe-edit-button {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 20px;

	color: #1A91FF;
	border: 1px solid #1A91FF;
	background-color: transparent;
}

.preferences-box .subscribe-edit-button:hover {
	color: #1A91FF;
	border: 1px solid #1A91FF;
	background-color: rgba(25, 144, 255, 0.1);
}

.preferences-box .subscribe-edit-button {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 20px;

	color: #1A91FF;
	border: 1px solid #1A91FF;
	background-color: transparent;
}

.preferences-box .subscribe-edit-button:hover {
	color: #1A91FF;
	border: 1px solid #1A91FF;
	background-color: rgba(25, 144, 255, 0.1);
}

.preferences-box .subscribe-button {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 20px;

	color: #ffffff;
	border: 1px solid #1A91FF;
	background-color: #1A91FF;
}

.preferences-box .subscribe-button:hover {
	color: #ffffff;
	border: 1px solid #35BA93;
	background-color: #35BA93;
}

.preferences-box .unsubscribe-button {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 20px;

	color: #848484;
	border: none;
	background-color: transparent;
	text-decoration: underline;
}

.preferences-box .unsubscribe-button:hover {
	color: #575757;
	text-decoration: underline;
}

.preferences-box .preferences-account {
	display: inherit;
}

.preferences-account input {
	float: left;
	margin-top: 0px !important;
	margin-bottom: 0px !important;

	font-family: 'Open Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #4F595E !important;
    padding: 8px 12px !important;
    border: 1px solid #E4E4E4 !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    max-width: 100% !important;
}


.preferences-box .preferences-space {
	width: 100%;
	height: 90px;
	display: none;
}


.preferences-box .update-button {
	text-align: center;
	margin-top: 27px;

	color: #ffffff;
	border: none;
	background-color: #1A91FF;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 100%;
    padding: 8px;
}

.preferences-box .update-button:hover {
	background-color: #1d89ee;
}

.delete-title {
	font-size: 18px;
    color: #4F595E;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
    line-height: 1.5;

}

.delete-image {
	width: 180px;
    height: auto;
    margin: 10px auto;
    margin-bottom: 10px;
}

.delete-gray {
	background-color: #3C414A;
}

.delete-input {
	margin-top: 0px !important;
	margin-bottom: 20px !important;

	font-family: 'Open Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #4F595E !important;
    padding: 12px 12px !important;
    border: 1px solid #E4E4E4 !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    max-width: 60% !important;
}

.preferences-box .glyphicon-info-sign {
    font-size: 12px;
    color: #909090;
    padding-left: 10px;
    padding-right: 10px;
}




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

iOS Slider

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


.preferences-box input[type="checkbox"] {
  display: none;
}

.preferences-box input[type="checkbox"]+label {
  width: 65px !important;
  height: 35px !important;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  border-radius: 26px;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px solid #d3d3d3;
  transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
}

.preferences-box input[type="checkbox"]+label:after {
  top: -1px;
  left: -1px;
  content: '';
  right: 28px;
  height: 35px;
  display: block;
  position: absolute;
  border-radius: 24px;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  transition: border .25s .15s, left .25s .1s, right .15s .175s;
}

.preferences-box input[type="checkbox"]:checked + label {
  border-color: #53d76a;
  box-shadow: inset 0 0 0 20px #53d76a;
  transition: border .25s, box-shadow .25s, padding .25s .15s;
}

.preferences-box input[type="checkbox"]:checked+label:after {
  right: 0;
  left: 28px;
  border-color: #53d76a;
  transition: border .25s, left .15s .25s, right .25s .175s;
}

.preferences-box input[type="checkbox"]:focus {
  outline: none;
}



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

Helpshift Modal

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

.preferences-box .modal.fade.in .modal-body {
    bottom: 0;
    opacity: 1;
}

.preferences-box .close {
	font-size: 46px;
}

.preferences-box .modal-body {
	position: absolute;
	z-index: 100000000;
    bottom: -550px;
    right: 8%;
    padding: 0px 15px 15px;
    width: 80%;
    height: 99%;
    background-color: none;
    border-radius: 6px 6px 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}

.preferences-box #hs-support-frame {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.45);
}





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

Pro Features Modal

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

#proModal .modal-dialog {
	margin: 0 auto;
    margin-top: 80px;
	width: 900px;
}

.modal--purchase .modal-dialog {
	margin: 0 auto;
    margin-top: 80px;
}

.modal--purchase .modal-content,
#proModal .modal-content {
    -webkit-box-shadow: 0 25px 50px rgba(0,0,0,.2);
    box-shadow: 0 25px 50px rgba(0,0,0,.2);
    background-color: #ffffff;
}

#proModal .modal-header {
    background-color: #1A91FF;
    padding: 30px;
    border-bottom: none !important;
}

.modal--purchase .modal-header {
    background-color: #1A91FF;
    border-bottom: none !important;
}

.modal--purchase .modal-title,
#proModal .modal-title {
    color: #ffffff;
}

#proModal p {
    font-weight: 600;
    font-size: 16px;
    color: #806DAF;
}

.modal--purchase .pro-terms,
#proModal .pro-terms {
    margin: 15px 0;
}

.modal--purchase .modal-body,
#proModal .modal-body {
    padding-bottom: 20px;
}

.modal--purchase .pro-icon,
#proModal .pro-icon {
    width: 100px;
    height: auto;
    margin-top: -60px;
    margin-bottom: 10px;
}

.modal--purchase .pro-features,
#proModal .pro-features {
	margin: 0 auto;
    margin-left: 24px;
}


.modal--purchase .pro-purchase,
#proModal .pro-purchase {
	border: 1px solid #1A91FF;
    background-color: #1A91FF;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px 22px;
}

.modal--purchase .pro-purchase:hover,
#proModal .pro-purchase:hover {
	background-color: #35BA93;
	border: 1px solid #35BA93;
}

.modal--purchase .dismiss,
#proModal .dismiss {
	position: absolute;
    left: 0;
    margin-left: 40px;
    margin-top: 25px;
    padding: 10px;
    height: 60px;
    width: 60px;
    font-size: 28px;
    border-radius: 50%;
    background-color: #1362AB;
    border: none;
    color: #ffffff;
}

.modal--purchase .dismiss:hover,
#proModal .dismiss:hover {
    background-color: #1362AB !important;
    color: #ffffff !important;
    border: none !important;
}

.modal--purchase .dismiss:active,
#proModal .dismiss:active {
    background-color: #1362AB !important;
    color: #ffffff !important;
    border: none !important;
}

.modal--purchase  .field,
.modal--purchase  .password-field,
.modal--purchase input,
#proModal input {
	width: 100%;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #ECECEC;

	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #000000;
	border-radius:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 20px;
}

.modal--purchase input:focus,
#proModal input:focus {
	border-top: none;
    border-bottom: 1px solid #ECECEC;
}

.modal--purchase .country-dropdown,
#proModal .country-dropdown {
	width: 90%;
	cursor: pointer;
    box-shadow: none;
    border: none;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    border-radius: 0px;
    margin-top: 20px;
    margin-bottom: 18px;
    padding: 20px;
}

.recurly-hosted-field {
	width: 100%;
	box-shadow: none;
	border: none;
/* 	border-top: 1px solid #ECECEC; */
	border-bottom: 1px solid #ECECEC;

	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	border-radius: 0px;

	margin-top: 0px;
	margin-bottom: 0px;
	padding: 20px;
	height: 66px;
}

.recurly-hosted-field-focus {
	/*border-color: #2c0730;*/
	/*color: #2c0730;*/
	z-index: 10;
}


.modal--purchase #first_name, #number, #month,.recurly-hosted-field-year,
#proModal #first_name, #number, #month,.recurly-hosted-field-year {
	border-right: 1px solid #ECECEC !important;
}

.modal--purchase .col-md-2,
#proModal .col-md-2 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.modal--purchase .col-md-3,
#proModal .col-md-3 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.modal--purchase .col-md-4,
#proModal .col-md-4 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.modal--purchase .col-md-5,
#proModal .col-md-5 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/* .modal--purchase .col-md-6, */
#proModal .col-md-6 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.modal--purchase .col-md-9,
#proModal .col-md-9 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

#proModal .row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.modal--purchase .hours-pro-logo,
#proModal .hours-pro-logo {
    width: 300px;
    height: auto;
    margin: 0px auto;
    display: block;
    text-align: center;
}

.modal--purchase .monthly-yearly,
#proModal .monthly-yearly {
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.modal--purchase .monthly, .yearly,
#proModal .monthly, .yearly {
	padding-left: 25px;
	padding-right: 25px;
	font-size: 14px;
	font-weight: 600;
	color: #1A91FF;
	background-color: transparent !important;
	border: 1px solid #1A91FF !important;
}

.modal--purchase .monthly:hover,
#proModal .monthly:hover {
    color: #1A91FF;
    background-color: rgba(25, 144, 255, 0.10) !important;
    border: 1px solid #1A91FF !important;
}

.modal--purchase .yearly:hover,
#proModal .yearly:hover {
    color: #1A91FF;
    background-color: rgba(25, 144, 255, 0.10) !important;
    border: 1px solid #1A91FF !important;
}

.modal--purchase .monthly.active,
#proModal .monthly.active {
    color: #ffffff;
    background-color: #1A91FF !important;
    border: 1px solid #1A91FF !important;
}

.modal--purchase .yearly.active,
#proModal .yearly.active {
    color: #ffffff;
    background-color: #1A91FF !important;
    border: 1px solid #1A91FF !important;
}

.modal--purchase .ym-left-text,
.modal--purchase .ym-right-text,
#proModal .ym-left-text,
#proModal .ym-right-text {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0px;
}

.modal--purchase .ym-text,
#proModal .ym-text {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-top: -10px;
    margin-bottom: 20px;
    text-align: center;
}

.modal--purchase .billed-text,
#proModal .billed-text {
    color: #686f73;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 15px 0;
}

.modal--purchase .carousel,
#proModal .carousel {
    position: relative;
    height: 480px;
}

.modal--purchase .carousel-inner,
#proModal .carousel-inner {
    height: 460px;
}

.modal--purchase .carousel-indicators,
#proModal .carousel-indicators {
	bottom: 0px;
}

.modal--purchase .carousel-control.right,
#proModal .carousel-control.right {
	background-image: none !important;
}

.modal--purchase .carousel-control.left,
#proModal .carousel-control.left {
	background-image: none !important;
}

.modal--purchase .carousel-caption,
#proModal .carousel-caption {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #4d6072;
    position: absolute;
    right: 15%;
    bottom: 0px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    text-shadow: none;
}

.modal--purchase .carousel-control .glyphicon-chevron-right, .glyphicon-chevron-left,
#proModal .carousel-control .glyphicon-chevron-right, .glyphicon-chevron-left {
	text-shadow: none;
}

.modal--purchase .carousel-control .glyphicon-chevron-left:hover,
#proModal .carousel-control .glyphicon-chevron-left:hover {
	color: #ffffff;
}

.modal--purchase .carousel-control .glyphicon-chevron-right:hover,
#proModal .carousel-control .glyphicon-chevron-right:hover {
	color: #ffffff;
}

.modal--purchase .carousel-indicators li,
#proModal .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    margin-right: 4px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #cfd5da;
    border: 1px solid #cfd5da;
    border-radius: 10px;
}

.modal--purchase .carousel-indicators .active,
#proModal .carousel-indicators .active {
    background-color: #1A91FF;
    border: 1px solid #1A91FF;
}

.modal--purchase .item,
#proModal .item {
	height: 410px;
	margin-top: 40px;
}

.modal--purchase .pro-image,
#proModal .pro-image {
	width: 80%;
	height: auto;
	margin: 0px auto;
}

.feature-list--pro-modal {
	margin: 0 auto;
	width: 335px;
}











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

Mobile - Dashboard

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

@media all and (max-width: 1200px)
{

}

@media all and (max-width: 1100px)
{

}

@media all and (max-width: 991px)
{
	.dashboard-header .pref-mobile-close {
	    display: block;
	}

	.preferences-box .preferences-space {
		display: block;
	}

	#preferences-screen label {
		display: inline-block;
	}

	.preferences-box .dropdown {
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.preferences-box .dropdown-menu {
		width: 100% !important;
		text-align: center;

		position: absolute !important;
	    top: 100%;
	    left: 0;
	    z-index: 1000;
	    min-width: 160px;
	    padding: 5px 0;
	    margin: 2px 0 0;
	    font-size: 14px;
	    list-style: none;
	    background-color: #ffffff !important;
	    -webkit-background-clip: padding-box;
	    background-clip: padding-box;
	    border: 1px solid #ccc !important;
	    border: 1px solid rgba(0,0,0,.15) !important;
	    border-radius: 4px !important;
	    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
	    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    	color: #000000 !important;
	}

	.preferences-box .panel-body {
    	padding: 20px;
    	display: block;
	}

	.preferences-box .btn {
    	width: 100%;
    	text-align: center;
	}

	.preferences-box .panel-sub-title {
	    text-align: center;
	}

	.rounding-tooltip {
    	width: auto;
	}

	.rounding-tooltip label {
	    margin-left: 0px;
	}

	.support-link {
	    text-align: center;
	    float: none;
	}

	.preferences-input {
		margin-right: 0px;
		width: 100%;
		margin-bottom: 20px;
	}

	#cvc {
    	width: 100%;
	}

	#exp-date {
		width: 100%;
	}

	#proModal .modal-dialog,
	.modaloModal--purchase .modal-dialog {
		width: 90%;
	}

	#proModal .dismiss,
	.modaloModal--purchase .dismiss {
    	margin-left: 0px;
		margin-top: -75px;
	}

	#proModal .pro-image,
	.modaloModal--purchase .pro-image {
    	width: 50%;
	}

	#proModal .monthly, .yearly,
	.modaloModal--purchase .monthly, .yearly {
    	padding-left: 20px;
		padding-right: 20px;
	}

	.feature-list--pro-modal {
		font-size: 14px;
		margin: 10px auto;
		padding: 0;
		width: 265px;
	}
}

@media all and (max-width: 470px)
{
	#proModal .hours-pro-logo,
	.modaloModal--purchase .hours-pro-logo {
    	width: 80%;
	}

	#proModal .pro-image,
	.modaloModal--purchase .pro-image {
    	width: 80%;
	}

	#proModal .carousel,
	.modaloModal--purchase .carousel {
    	height: 420px;
	}

	#proModal .item,
	.modaloModal--purchase .item {
    	height: 340px;
	}

	.modal--purchase .modal-dialog {
		margin: 10px;
	}

	.feature-list--pro-modal {
		width: 290px;
		padding-left: 26px;
	}
}

@media all and (max-width: 320px )
{
	#proModal .monthly, .yearly,
	.modaloModal--purchase .monthly, .yearly {
    	padding-left: 6px;
    	padding-right: 6px;
	}
}

/* Delete dialog */
.delete-dialog {
	width: 70%;
}

.report-team-time-option {
	width: 400px;
}