/*	CSS ANIMATE - Commented because it is not used right now                 	*/
/*	Also note that the animations screws with the "paper curl" shadow effect,	*/
/*	so it's either paper curl or animations on one div, never both           	*/
/*@import url(animate.css);*/

@import url(../font-awesome.css);


/*import the google fonts that you want to use*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
/*end import*/


/*
 * HTML5 Boilerplate
 *
 * Not all things... just some...
 */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    /*background: url(../../img/admin/wood.jpg);*/
    background: url(../../img/shattered.png);
    /*background: url(../../img/satinweave.png);*/
    /*background: url(../../img/creampaper.png);*/
    background: url(../../img/pw_maze_white.png);
    background: url(../../img/gplaypattern.png);
    background: url(../../img/shattered-maideschis.jpg);
    background: url(../../img/rough_diagonal.png);
    /*background: url(../../img/blu_stripes.png);*/
    /*background: url(../../img/pw_maze_blue.jpg);*/
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;

}

.background {
	background: none;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}



/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    /*border-top: 1px solid #D8C6AB;*/
    background-color: #B49759;
    border-bottom: 1px solid #D8C6AB;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */




html {
	overflow-y: scroll;
	height: 100%;
}

body {
	  font-size: 13px;
	  background-color: #F5F5F5;
	  height: 100%;
	}


@media (max-width: 1023px) {
	body {
		padding-top: 0px;
	}
}

footer p {
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	padding-bottom: 15px;
}
footer a, footer a:hover {
	color: #333;
}
footer p img {
	vertical-align: top;
}
div.span12 div.well {
	padding: 0px;
}


.hero-unit p {
	font-weight: 300;
}

.well {
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.08);
}

h1, h2, h3 {
	/*text-shadow: 1px 1px 1px white;*/
	text-shadow: 1px 1px 1px white;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #3A4452;
}

#wrapper > .container > .row > h1 {
	/*color: #1C4D97;*/
	margin-left: 40px;
	color: #3A4452;
}

#wrapper > .container > .row > h2.slab {
	/*color: #1C4D97;*/
}

.vertically-centered {
	display: table-cell;
	vertical-align: middle;
}

h2.slab {
	font-weight: 100;
	margin-top: -10px;
	/*margin-left: 93px;*/
	margin-left: 52px;
	font-size: 20px;
	line-height: 20px;
}

.page h1, .page h2, .page h3,
.card h1, .card h2, .card h3 {
	font-weight: 300;
}

.hero-unit h1 {
	text-shadow: 1px 1px 1px white;
	margin-bottom: 10px;
	font-family: 'Open Sans';
	font-weight: 800;
}

.navbar {
	line-height: 1em;
	/*min-width: 1240px;*/
}

.navbar .brand {
	text-shadow: 1px 4px 6px #1B1B1B, 0 0 0 #0C0C0C, 1px 4px 6px #1B1B1B;
	color: rgb(245, 245, 245);
	color: rgba(245, 245, 245, 0.8);
	/*text-transform: uppercase;*/
	font-family: 'Bank Gothic';
	font-weight: bold;
	font-size: 1.7em;
	margin-top: 5px;
}

.whitecontainer {
	padding: 20px;
	background-color: white;
}

.noborder {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.big li a {
	font-size: 1.3em;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.margin-everywhere {
	margin: 10px 10px;
}

.thinner-lines li a {
	padding-top: 4px;
	padding-bottom: 4px;
}

.thinner-lines li.on {
	background: #1c4d97;
}

.thinner-lines li.on a {
	color: #fff;
}

.thinner-lines li a.off {
	color: #333;
	font-style: italic;
}

.thinner-lines li a:hover {  /* asta e in plus */
	background: #1c4d97;
	color: #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.accordion-inner {
	padding: 8px 10px 11px;
}

.accordion-inner .thinner-lines li.divider {
	background: #fff;
	margin: 3px 0 2px 0 !important;
}
.accordion-inner .thinner-lines li.divider:hover {
	background: #fff;
}

.accordion-inner .thinner-lines {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

.accordion-inner .thinner-lines li {
	margin-bottom: -1px;
}
.accordion-inner .thinner-lines li.on {
	background: #EFEFEF
}

.accordion-inner .thinner-lines li:hover {
	background: #EFEFEF;
}

.accordion-inner .thinner-lines li a {
	padding: 4px 5px;
	margin: 0 !important;
	font-size: 12px;
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.accordion-inner .thinner-lines li.on a.on {
	color: #2d6fad;
}
.accordion-inner .thinner-lines li a:hover {
	background: #EFEFEF;
	color: #2d6fad;
}
.accordion-inner .thinner-lines li a.off:hover {
	color: #333;
}

a.offf {
	border-color: #fff !important;
}
a.offf:hover {
	background-color: #fff !important;
}

.thin-lines li a {
	padding-top: 5px;
	padding-bottom: 5px;
}

.sidebar-nav {
	padding: 9px 0;
}


.light-bg li a {
	background: #FCFCFC;
	border-color:#eee #eee #ddd;
}

.light-bg {
	margin-bottom: 0px; /* asta e in plus */
}

.main-content {
	background: #FFF;
	border: 1px #ddd solid;
	border-top: 0;
	padding:14px 15px 15px;
}

.no-heading .mDiv {
	display: none !important;
}


.control-group input.field_error,
.control-group select.field_error,
.control-group textarea.field_error,
.control-group div.field_error a,
.control-group div.field_error div.chzn-drop {
  color: #E23E3C !important;
  /* background-color: #f2dede !important; */
  border-color: #FFA6A5 !important;
}

.control-group input.field_error:focus,
.control-group select.field_error:focus,
.control-group textarea.field_error:focus {
  border-color: #FFA6A5 !important;
  -webkit-box-shadow: 0 0 6px #d59392 !important;
     -moz-box-shadow: 0 0 6px #d59392 !important;
          box-shadow: 0 0 6px #d59392 !important;
}

.nav-pills .divider{*width:100%;height:1px;margin:8px 1px !important;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff; }

.extra-size {
	font-size: .9em;
	padding: .3em .5em;
}

.modal {
	border-radius: 12px;
}

.modal .label-warning {
	background: #d69b48;
}

.modal-header.info {
	background-color: #3A87AD;
	border-radius: 6px 6px 0 0;
}

.span2 .nav-pills {
	margin-bottom: 5px;
}

.heading {
	font-size: 1.7em;
	padding: .8em .8em;
	background: #EAEAEA;
	color: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.thumbnail {
	border-color: #EAEAEA;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.quick-links .span4 {
	width: 360px;
}

.dataTables_length label {
	padding-top: 5px;
	margin-bottom: 3px;
}

.dataTables_length {
	width: auto !important;
	float: right !important;
	margin: 4px 0px 0 0;
}

.dataTables_length select {
	width: auto !important;
	display: inline-block;
	margin: -5px 3px 0 3px;
}

#groceryCrudTable_filter {
	float: right !important;
	width: auto !important;
	margin: 4px 10px 0 0;
}

#groceryCrudTable_filter input {
	width: auto !important;
	display: inline-block;
	margin: -5px 0 0px 3px;
}

#groceryCrudTable_filter label {
	padding-top: 5px;
	margin-bottom: 3px;
}

.relative {
	z-index: 1;
	position: relative;
}

#groceryCrudTable_wrapper .well {
	background: #fff;
	border-color: #e6e6fa;
	margin-bottom: 5px;
	padding: 10px 10px;
}

#groceryCrudTable_wrapper {
	margin-top: -37px;
}

.DataTables_sort_wrapper {
	text-align: left;
}


.DataTables_sort_wrapper span {
	float: right;
	cursor: pointer;
}

th.actions {
	width: 110px;
}

th.actions div {
	text-align: left;
	padding-left: 2px !important;
}

.table-bordered {
	border-color: #e6e6fa;
}


.table-bordered tr:first-child td {
	border-top: 1px solid #d3d3d3;
}

.table-bordered tr td:first-child {
	border-left: 1px solid #d3d3d3;
}

.table-bordered td {
	border-color: #e6e6fa;
	font-weight: 400;
}

.table-bordered td p {
	margin: 0 !important;
}

.table-bordered {
	border-color: #d3d3d3 !important;
	margin-bottom: 5px;
}

.table-bordered th {
	border-color: #d3d3d3 !important;
}


td.actions a {
	padding: 1px 5px;
}

tr.even td.sorting_1 {
	background: transparent !important;
}

tr:hover td {
	background: inherit;
}

tr.even td {
	background: #ffffff !important;
}
tr.odd td {
	background: whiteSmoke !important;
}

tr.even:hover td {
	background: #f2f2f2 !important;
}
tr.odd:hover td {
	background: #f2f2f2 !important;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #E7F1FE;
}

#report-success p a {
	display: none;
}

.navbar .brand {
	/*padding: 3px;*/
	/*padding: 10px 3px;*/
	padding: 16px 15px 15px;
}

.navbar .nav > li > a {
	padding: 15px 15px 14px 15px;
	color: #1C4D97;
	font-size: 1.2em;
	border-top: 2px solid #FDFDFD;
}

.dropdown-menu .divider {
	margin: 2px 1px;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	/*border-bottom: 2px solid rgb(51, 51, 51);*/
	color: #1C4D97;
	border-top: 2px solid #1C4D97;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #1C4D97;
	border-bottom-color: #1C4D97;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
	border-top-color: #1C4D97;
	border-bottom-color: #1C4D97;
}

.navbar .nav li.dropdown > a:hover .caret {
	border-top-color: #1C4D97;
	border-bottom-color: #1C4D97;
}

.navbar .nav > li > a.brand {
	padding: 0px 15px 0px 15px;
	border: none;
}


.navbar .nav > li > a.brand:hover {
	border: none;
	}

.bg-white {
	background-color: #fefefe;
}

.icon-grey {
	background-image: url("../../img/glyphicons-halflings-grey.png");
}

a:hover .icon-grey {
	background-image: url("../../img/glyphicons-halflings-white.png");
}

.dataTables_empty {
	font-style: italic;
	text-align: center !important;
}

.nwrep {
	margin: 0px 0 20px 0 !important;
}

.nwrep .close {
	right: 0px;
}

.mt-5 {
	margin-top: -5px;
}

.image-toggle {
	height: 14px;
	width: 14px;
	padding: 1px 1px 3px 2px !important;
	margin: 5px 1px 5px 6px;
	border: 1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
}

.image-toggle:hover {
	background: #565656;
}



.image-toggle.active i {
	/*background-image: url("../../img/glyphicons-halflings-teal.png");*/
	text-decoration: none;
}

.image-toggle:hover i {
	/*background-image: url("../../img/glyphicons-halflings-white.png");*/
	text-decoration: none;
}

.image-toggle.active:hover {
	background: #52a2c4;
}



.accordion-adjust {
	border-left: 0 none;
	border-right: 0 none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	background: #FFF;
}

.course-title {
	float: left;
	padding: 0px 4px !important;
	margin: 6px 0 4px 2px;
}

.course-title:hover {
	text-decoration: none;

	background-color: #565656;
	padding: 0px 4px !important;
	margin: 6px 0 4px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff !important;
}

.course-title.active:hover {
	background-color: #52a2c4;
}

.course-title.active.on {
	background-color: #52a2c4;
	padding: 0px 4px !important;
	margin: 6px 0 4px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff !important;
}

.course-title.inactive {
	color: #333;
	font-style: italic;
}

.course-title.inactive.on {
	background-color: #565656;
	padding: 0px 4px !important;
	margin: 6px 0 4px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


.more-ops-accordion-inner {
	border-top: 0;
}

.accordion {
	margin: 5px 0 !important;
}

.accordion-group {
	margin: -1px 0 0px 0 !important;
}

div.divider {
	margin: 8px 0;
	height: 1px;
	clear: both;
	background: #DDD;
	border-bottom: 2px solid #ffffff;
}

.plus-lesson {
	float: right;
	height: 14px;
	width: 14px;
	padding: 0 1px 3px 2px;
	margin: 5px 5px 5px 5px;
	border: 1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.plus-lesson:hover {
	background: #565656;
}

.plus-lesson.active i {
	/*background-image: url("../../img/glyphicons-halflings-teal.png");*/
	text-decoration: none;
}

.plus-lesson:hover i {
	/*background-image: url("../../img/glyphicons-halflings-white.png");*/
	text-decoration: none;
}

.plus-lesson.active:hover {
	background: #52a2c4;
}

#start_date_field_box {
	background: url("../../img/arrow_1.png") no-repeat;
}
#end_date_field_box {
	background: #EFEFEF url("../../img/arrow_2.png") no-repeat;
}

#by_the_end_text_input_box textarea {
	height: 180px !important;
}

.datepicker {
	margin: 15px auto 0 auto;
}
.datepicker div {
	margin:  0 auto;
	border: 0 none;
	width: 94%;
}

.datepicker div div {
	width: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.datepicker div div div {
	width: auto;
}

.datepicker div div a {
	top: 2px !important;
}
.datepicker div div a:hover {
	top: 1px !important;
}


.datepicker a.ui-state-default {
	border: 1px solid #333;
	background: #e3e3e3;
	font-weight: normal;
	color: #333;
	cursor: default;
}

.datepicker .ui-state-default, .datepicker .ui-widget-content .ui-state-default, .datepicker .ui-widget-header .ui-state-default {
	border: 1px solid #b3b3b3;
	background: #d9d9d9;
	font-weight: normal;
	color: #555;
}

a.open-file.thumbnail img {
	height: 100px !important;
}

.mealplanner #groceryCrudTable_wrapper {
	margin-top: -9px;
}

.mealplanner th.actions {
	width: 50px;
}

input.small {
	width: 100px !important;
}
input.small_input {
	width: 40px !important;
}

td.mceIframeContainer {
	border-bottom: 0px !important;
}

td.mceStatusbar div {
	display: none;
}

td.mceStatusbar {
	background: #fff !important;
}
td.mceStatusbar:hover {
	background: #fff !important;
}

#i2_field_box {
	background: #fff;
}

#i4_field_box {
	background: #fff;
}

div#watch_video_lesson_points_display_as_box {
	width: 480px;
	text-align: right;
	padding-right: 14px;
}

div#take_skills_review_points_display_as_box {
	width: 480px;
	text-align: right;
	padding-right: 14px;
}

div#more_80_skills_review_points_display_as_box {
	width: 480px;
	text-align: right;
	padding-right: 14px;
}

div#more_90_skills_review_points_display_as_box {
	width: 480px;
	text-align: right;
	padding-right: 14px;
}

div#forum_participation_points_display_as_box {
	width: 480px;
	text-align: right;
	padding-right: 14px;
}

.pointsawards .pDiv {
	padding-left: 495px !important;
}


div#user_must_take_all_reviews_display_as_box {
	width: 415px;
	text-align: right;
	padding-right: 14px;
}

div#user_must_take_all_reviews_with_passing_grades_display_as_box {
	width: 415px;
	text-align: right;
	padding-right: 14px;
}

div#minimum_passing_grade_display_as_box {
	width: 415px;
	text-align: right;
	padding-right: 14px;
}
.reviewskills .pDiv {
	padding-left: 430px !important;
}

select[name="user_must_take_all_reviews"] {
	width: 120px;
}

select[name="user_must_take_all_reviews_with_passing_grades"] {
	width: 120px;
}

select {
	height: 30px;
}

div#i1_display_as_box, div#i2_display_as_box, div#i3_display_as_box, div#i4_display_as_box, div#i5_display_as_box {
	visibility: hidden;
}

div.ordering {
	padding: 5px 0px 5px 211px;
}

a.ml10 {
	margin: 6px 0 6px 11px !important;
}

.reports #groceryCrudTable_wrapper {
	margin-top: -9px;
}

.reports a.ui-state-hover{
	border: 1px solid #cbcbcb;
}
.reports a.edit_button span.ui-button-text{
	padding: 0;
}

.reports a.btn-mini span.ui-button-icon-primary{
	float: left;
}

.reports th.ui-state-default div {
	width: 137px !important;
}

.btn-icon {
	color: #6B6B6B;
	font-size: 1.6em;
	padding: 2px 2px;
}

.margin-left-32 {
	margin-left: -32px;
}

.margin-left15 {
	margin-left: 15px;
}


.btn-icon:hover {
	text-decoration: none;
	color: #444;
}

div.navbar-fixed-white {
	top: 40px;
}

div.navbar-fixed-white div.navbar-inner {
	background: #E0E0E0 !important;
	min-height: 25px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#E0E0E0',endColorstr='#E0E0E0',GradientType=0);
}

div.client_view_split {
	clear: both;
	height: 35px;
}

div.navbar-fixed-white .nav > li > a b.caret {
	border-top-color: #666 !important;
	margin-top: 6px;
}

div.navbar-fixed-white .nav > li > a {
	padding: 3px 7px 2px 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #888;
	line-height: 15px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	text-shadow: none;
	border: 1px solid #E0E0E0;
}

div.navbar-fixed-white .nav > li > a:hover {
	color: #000;
	background: #fff;
	border: 1px solid #999;
}

div.navbar-fixed-white .nav > li.active > a {
	color: #000;
	background: #fff;
	border: 1px solid #999;
}

div.navbar-fixed-white .nav > li.active > a:hover {
	color: #000;
	background: #fff;
	border: 1px solid #999;
}

li.ml80 {
	margin-left: 80px;
	margin-right: 15px;
}

li.ml10 {
	margin-left: 10px;
}


.icon-grey_nav {
	background-image: url("../../img/glyphicons-halflings-grey.png");
}

a:hover .icon-grey_nav {
	background-image: url("../../img/glyphicons-halflings.png");
}

div.top-border {
	border-top: 1px solid #DDD;
}

div.no-border {
	border: none;
}

.custom-action-button a.ui-state-hover{
	border: 1px solid #cbcbcb;
}
.custom-action-button a.edit_button span.ui-button-text{
	padding: 0;
}

.custom-action-button a.btn-mini span.ui-button-icon-primary{
	float: left;
}

.custom-action-button th.ui-state-default div {
	width: 137px !important;
}


/*	BOOTSTRAP NOTIFICATIONS WITH JAVASCRIPT	*/
.notifications {
  position: fixed;
  /*z-index: 100;*/
  z-index: 10000;
}

/* Positioning */
.notifications.top-right {
  right: 10px;
  /*top: 40px;*/
  top: 2%;
}

.notifications.top-left {
  left: 10px;
  top: 40px;
}

.notifications.bottom-left {
  left: 10px;
  bottom: 25px;
}

.notifications.bottom-right {
  right: 10px;
  bottom: 25px;
}

/* Notification Element */
.notifications > div {
  position: relative;
  z-index: 9999;
  margin: 5px 0px;
}

.alert-bangTidy {
  box-sizing: border-box;
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: rgba(0, 0, 0, 0.80);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.88) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.80)), color-stop(100%,rgba(0, 0, 0, 0.88)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.80) 0%,rgba(0, 0, 0, 0.88) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.80) 0%,rgba(0, 0, 0, 0.88) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.80) 0%,rgba(0, 0, 0, 0.88) 100%);
  background: linear-gradient(top, rgba(0, 0, 0, 0.80) 0%,rgba(0, 0, 0, 0.88) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.80)', endColorstr='rgba(0, 0, 0, 0.88)',GradientType=0 );
  border: 1px solid #000;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), inset 0 0 0 1px rgba(255,255,255,0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), inset 0 0 0 1px rgba(255,255,255,0.1);
  -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), inset 0 0 0 1px rgba(255,255,255,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), inset 0 0 0 1px rgba(255,255,255,0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  color: white;
  -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  -o-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  -webkit-font-smoothing: antialiased;
}


/*	END OF BOOTSTRAP NOTIFICATIONS WITH JAVASCRIPT	*/


	/* CUSTOM UPDIVISION ALERTS */


.alerts {
  margin: 20px;
  margin-left: 0px;
  margin-right: 0px;
}

.alerts p {
  /* quick and dirty hack added by me, you may remove it if not needed */
  margin: 0; padding: 0;
}

.alert-message.danger, .alert-message.danger:hover, .alert-message.error, .alert-message.error:hover, .alert-message.success, alert-message.success:hover, .alert-message.info, .alert-message.info:hover {
  color: #ffffff;
}
.alert-message .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}
.alert-message.danger, .alert-message.error {
  background-color: #c43c35;
  background-repeat: repeat-x;

  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.alert-message.success {
  background-color: #57a957;
  background-repeat: repeat-x;

  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.alert-message.info {
  background-color: #339bb9;
  background-repeat: repeat-x;

  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

:root .alert-message {
  border-radius: 0 \0;
}
.close {
  float: right;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.close:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.alert-message {
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;

  position: relative;
  padding: 7px 15px;
  margin-bottom: 18px;
  color: #404040;

  background-color: #eedc94;
  background-repeat: repeat-x;

  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message .close {
  margin-top: 0;
}
.alert-message a {
  font-weight: bold;
  color: #404040;
  text-decoration: none;
}
.alert-message a.close {
  font-weight: bold;
  color: #404040;
  text-decoration: none;
}
.alert-message.danger p a, .alert-message.error p a, .alert-message.success p a, .alert-message.info p a {
  color: #ffffff;
}
.alert-message p a:hover {
  text-decoration: underline;
}
.alert-message p {
  margin-bottom: 0;
}

/* END OF CUSTOM UPDIVISION ALERTS */


/*ANIMATIONS*/
.bounceIn {
	-webkit-animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceIn;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceIn;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
/*END OF ANIMATIONS*/


.navbar-fixed-top, .navbar-fixed-bottom {
	z-index: 30;
}


/*	EXTRA STYLES FOR THE IMAGE GALLERY / IMAGE CRUD	*/

.container .qq-upload-drop-area {
    margin-top: -15px; min-height: 50px; width: 100%; color: white; border-radius: 5px;
    color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #49AFCD;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#2F96B4));
	background-image: -webkit-linear-gradient(top, #5BC0DE, #2F96B4);
	background-image: -o-linear-gradient(top, #5BC0DE, #2F96B4);
	background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
	background-image: -moz-linear-gradient(top, #5BC0DE, #2F96B4);
	background-repeat: repeat-x;
	border-color: #2F96B4 #2F96B4 #1F6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.container .qq-upload-drop-area-active {
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5BB75B;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351));
	background-image: -webkit-linear-gradient(top, #62C462, #51A351);
	background-image: -o-linear-gradient(top, #62C462, #51A351);
	background-image: linear-gradient(to bottom, #62C462, #51A351);
	background-image: -moz-linear-gradient(top, #62C462, #51A351);
	background-repeat: repeat-x;
	border-color: #51A351 #51A351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.container .upload-button-container {
	width: 100%;
}

.photos-crud .delete-box a {
	background: transparent;
	color: #444;
	font-size: 1.5em;
	margin-left: 35px;
}

.photos-crud .move-box {
	background: transparent;
	font-size: 1.5em;
}

.photos-crud .delete-box a:hover {
	/*color: #E9635B;*/
	text-decoration: none;
}

/*	END OF IMAGE CRUD EXTRA STYLES	*/

/*    PAYMENT      */

div.payment-button-well {
	position: absolute;
	margin: -115px 0 0 230px;
	/*display: none;*/
}

#user_num_slider, #extra_manager_num_slider, #period_slider {
	margin: 10px 5px 2px 5px;
}

#user_num_slider_steps, #extra_manager_num_slider_steps, #period_slider_steps, #period_slider_steps_0 {
	position: relative;
	margin: 0px 3px;
}

#user_num_slider_steps span, #extra_manager_num_slider_steps span, #period_slider_steps span, #period_slider_steps_0 span {
	position: absolute;
}

.app_opts_70 {
	width: 73%;
	float: left;
}

.app_opts_25 {
	width: 24.5%;
	float: left;
	margin-left: 2.5%;
	/*padding-top: 20px;*/
	padding-top: 0px;
}

.app_opts_25 span{
	font-size: 1.3em;
	padding: 0 0 0 5px;
}

input#user_num, input#extra_manager_num, input#period  {
	width: 50px;
	height: 30px;
	line-height: 20px;
	font-size: 1.7em;
}

input#extra_manager_num {
	margin-bottom: 0;
	vertical-align: middle;
}

.payment-well {
	/*background-color: #efefef !important;*/
	font-size: 1.5em;
	color: #555 !important;
	line-height: 1.5em;
}

.payment-well p {
	font-weight: normal;
	font-size: 14px;
}

.payment-well div {
	color: #000 !important;
	font-size: 1.5em;
}

.start_paragraph {
	padding: 10px 0 20px 0px;
	font-size: 1.3em;
	display: none;
}

.payment-well hr {
	background-color: #333;
	border-bottom: 1px solid #c0c0c0;
	margin: 10px 0 ;
}

span.green {
	color: #49A000;
}

.ui-slider .ui-state-default {
	background: #1C4D97 !important;
}

.help-modal {
	/*height: 90%;*/
	/*max-height: 90%;*/
	/*overflow-y: auto;*/
	overflow-y: visible;
	top: 10px;
}

.help-modal .modal-body {
	/*max-height: none !important;
	overflow: hidden;*/
}
.price-modal {
	/*height: 90%;*/
	/*overflow-y: auto;*/
	overflow-y: none;
}

.price-modal .modal-body {
	max-height: none !important;
	overflow: hidden;
	padding-bottom: 40.2%;
	/*-webkit-overflow-scrolling: touch;*/
}

.price-modal .modal-body iframe {
	position: absolute;
	width: 97%;
	height: 100%;
	overflow-x: hidden;
}

.chzn-single {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.choose_payment label {
	display: inline-block;
}

.totals {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 1.1em;
	color: #333333;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-weight: bold;
}

.btn-success2 {
	background: #CCE3B1;
}

.btn-success2:hover {
	background: #96C588;
}

.btn-warning2 {
	background: #eedc94;
}

.btn-warning2:hover {
	background: #DECA7B;
}

/* 		CORNEL GOT STYLE	*/
.page {
	border-radius: 0px;
	position: relative;
	border: 1px solid white;
	background: #fff;

	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	margin: 20px auto;
	padding: 30px;
}
.row .page {
	width: 1080px;
	margin-left: 38px;
}

.page:before,
.page:after {
	background: none;
	bottom: 12px;
	-moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	content: "";
	height: 10px;
	left: 12px;
	position: absolute;
	width: 40%;
	z-index: -1;
	-moz-transform: skew(-2deg) rotate(-2deg);
	-webkit-transform: skew(-2deg) rotate(-2deg);
	transform: skew(-2deg) rotate(-2deg);
 }

 .page:after {
	-moz-transform: skew(2deg) rotate(2deg);
	-webkit-transform: skew(2deg) rotate(2deg);
	transform: skew(2deg) rotate(2deg);
	left: auto;
	right: 0px;
}

.margin-top30 {
	margin-top: 30px;
}

.card {
	border-radius: 0px;
	position: relative;
	border: 1px solid white;
	background: #fff;
	margin: 17px 3px;
	padding: 11px;

	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.no-margin-card {
	border-radius: 0px;
	position: relative;
	border: 1px solid #efefef;
	background: #fff;
	padding: 11px;

	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.card:before,
.card:after,
.no-margin-card:before,
.no-margin-card:after {
	background: none;
	bottom: 12px;
	-moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	content: "";
	height: 10px;
	left: 12px;
	position: absolute;
	width: 45%;
	z-index: -1;
	-moz-transform: skew(-8deg) rotate(-8deg);
	-webkit-transform: skew(-8deg) rotate(-8deg);
	transform: skew(-8deg) rotate(-8deg);
 }

 .card:after,
 .no-margin-card:after {
	-moz-transform: skew(8deg) rotate(8deg);
	-webkit-transform: skew(8deg) rotate(8deg);
	transform: skew(8deg) rotate(8deg);
	left: auto;
	right: 12px;
}

.span6.card:before,
.span6.card:after {
	background: none;
	bottom: 24px;
	-moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	content: "";
	height: 15px;
	left: 8px;
	position: absolute;
	width: 50%;
	z-index: -1;
	-moz-transform: skew(-8deg) rotate(-8deg);
	-webkit-transform: skew(-8deg) rotate(-8deg);
	transform: skew(-8deg) rotate(-8deg);
 }

  .span6.card:after {
	-moz-transform: skew(8deg) rotate(8deg);
	-webkit-transform: skew(8deg) rotate(8deg);
	transform: skew(8deg) rotate(8deg);
	left: auto;
	right: 6px;
}

.navbar-inner {
	background-image: -webkit-linear-gradient(to bottom, #FDFDFD, #f2f2f2);
	background-image: -moz-linear-gradient(to bottom, #FDFDFD, #f2f2f2);
	background-image: -o-linear-gradient(to bottom, #FDFDFD, #f2f2f2);
	background-image: -ms-linear-gradient(to bottom, #FDFDFD, #f2f2f2);
	background-image: linear-gradient(to bottom, #FDFDFD, #f2f2f2);
	background-repeat: repeat-x;

	background-image: none;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.well {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	background-color: #F7F7F7;
}

.navbar-inverse .navbar-inner {
/*	background: url(../../img/admin/bg.png);
	-webkit-box-shadow: 0px 0px 1px 1px #000;
	box-shadow: 0px 0px 1px 1px #000;
	border: 1px dashed #363636;*/
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus  {
/*	background-color: black;
	opacity:0.6;
	-webkit-box-shadow: inset 1px 1px 3px 1px #000;
	box-shadow: inset 1px 1px 3px 1px #000;*/
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	border-top: 2px solid #1C4D97;
	box-shadow: none;
	color: #1C4D97;
	background-color: transparent;
	}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	border-top: 2px solid #1C4D97;
	box-shadow: none;
	color: #1C4D97;
	background-color: transparent;
}

.centered-text {
	text-align: center;
}


/*		END OF CORNEL STYLE	*/


.nav .brand img {
	margin-bottom: -30px;
}


#reportrange span {
	font-weight: 100;
	font-size: 0.9em;
	color: #333;
}

.filterribbon select, .filterribbon input, .filterribbon #reportrange, .filterribbon label, .filterribbon #clientselect, .filterribbon #userselect, .filterribbon #activityselect {
	float: left;
	margin-left: 0px;
}

.filterribbon #clientselect ul li a, .filterribbon #userselect ul li a, , .filterribbon #activityselect ul li a {
	text-align: left;
	font-size: 0.9em;
	font-weight: 100;
	text-shadow: 0px 0px 0px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

.filterribbon #clientselect ul.dropdown-menu, .filterribbon #userselect ul.dropdown-menu, .filterribbon #activityselect ul.dropdown-menu {
	border: 1px solid #ccc;
	top: 30px;
	max-height: 322px;
	max-width: 320px !important;
	overflow: auto;
	padding: 7px;
	min-width: 180px;
	text-align: left;
	left: auto;
	right: 0;
}

.filterribbon #clientselect ul.dropdown-menu li a:hover, .filterribbon #userselect ul.dropdown-menu li a:hover, .filterribbon #activityselect ul.dropdown-menu li a:hover {
	background-color: #1C4D97!important;
	border: 1px solid #1C4D97!important;
	color: white!important;
}
.filterribbon #clientselect ul.dropdown-menu li a, .filterribbon #userselect ul.dropdown-menu li a, .filterribbon #activityselect ul.dropdown-menu li a {
	font-size: 13px;
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	color: #000;
	padding: 3px 12px;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}


.filterribbon #clientselect, .filterribbon #userselect, .filterribbon #activityselect {
	/*text-align: right;*/
	margin-right: 1px;
	margin-bottom: 0;
	min-width: 145px;
	width: auto;
	padding: 4.5px 4px;
	font-size: 0.9em;
	font-weight: 100;
	text-shadow: 0px 0px 0px #000;
	border-radius: 0px;
	color: #333;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.filterribbon #clientselect>a, .filterribbon #userselect>a, .filterribbon #activityselect>a {
	text-align: left;
	background-color: white;
	height: 25px;
	line-height: 25px;
	background-image: none;
	border-radius: 0px;
	font-family: 'Open Sans';
	font-weight: 100;
	text-shadow: 0px 0px 0px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    color: #555;
}

.filterribbon #reportrange {
	background: #fff;
	cursor: pointer;
	padding: 5px 10px 1px 10px;
	border: 1px solid #ccc;
	height: 23px;
}

.filterribbon .text {
	float: left;
	color: #f1f1f1;
	font-size: 1.1em;
	font-weight: 100;
	font-family: 'Open Sans';
	margin-right: 0px;
	text-transform: uppercase;
	line-height: 31px;
	vertical-align: middle;
	margin-right: 60px;
}

.filterribbon #clientselect a .caret, .filterribbon #userselect a .caret, .filterribbon #activityselect a .caret {
	/*margin-top: 10px;*/
	margin-top: 12px;
}

.filterribbon a.dropdown-toggle {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.filterribbon {
	position: relative;
	height: 33px;
	padding: 6px 20px 6px 60px;
	margin: 40px 10px 10px -70px;
	color: #555;
	/*background-color: #666;*/
	/*background-color: #807E7E;*/
	background-color: #1C4D97;
	background-color: #1C4D97;
	background-color: #3A4452;
	/*background: url(../../img/admin/bg.png);*/
	-webkit-box-shadow: 0px 0px 1px 1px black;
	box-shadow: 0px 0px 1px 1px black;
	/*border: 1px dashed #363636;*/
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 1px 3px #888;
	-moz-box-shadow: 0px 1px 3px #888;
	box-shadow: 0px 1px 3px #888;
	text-shadow: 0px 0px 0px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    margin-bottom: -38px;
	z-index: 1;
}



.filterribbon:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 0px;
	top: 100%;
	border-width: 5px 5px;
	border-style: solid;
	border-color: #666 transparent transparent #666;
}
.fpos{position: relative; z-index: 2;}
.fltrib{position: static !important;}
.fltrib:after {
	right: 10px;
	top: 85px;
}


ul.dropdown-menu li a {
	font-weight: 100;
}

.navbar .nav .dropdown-menu li > a {
	padding: 6px 20px;
	color: #3A4452;
}

.navbar .nav .dropdown-menu li > a:hover {
	color: white;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	background-image: none;
	background-color: #1C4D97;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
	background-color: #1C4D97!important;
	border: 1px solid #1C4D97!important;
	color: white!important;
}

.navbar .nav .dropdown-menu {
	border-radius: 2px;
	padding: 0;
	font-size: 1.1em;
	border: 1px solid #ccc;
	margin-top: 0px;
	border-top: 1px solid #DDD;
	z-index: 1001
}

.navbar .nav .dropdown-menu > li > a > i[class^="icon-"] {
	margin-right: 5px;
}

.navbar .nav > li > .dropdown-menu::after,
.navbar .nav > li > .dropdown-menu::before {
  display:none;
}

/*.daterangepicker .ranges li {
	color: #1C4D97!important;
}*/

.filterribbon button[type=submit] {
	border-radius: 30px;
	height: 60px;
	width: 0px;
	font-weight: 100;
	font-family: 'FontAwesome';
	font-size: 2em;
	line-height: 2.2em;
	margin-top: -13px;
	margin-bottom: -15px;
	margin-left: 5px;
	display: none;
}

.filterribbon button[type=submit] i {
	padding-left: 5px;
}

.rangecontainer {
	float: left;
}


.raphael.span6.card.piechart {
	/*width: 561px;*/
	width: 49.75%;
	padding: 0;
	margin: 0;
	border: 0 none;
}

.raphael.span6.card.piechart:first-child {
	margin-right: 0.5%;
}

.raphael.span6.card.piechart > div {
	padding: 20px;
}

.page .raphael.span6.piechart {
	/*width: 500px;
	margin-left: 30px;*/
	width: 49%;
	margin-left: 3px;
	margin-right: 3px;
}

.page .raphael.span6.piechart div {
	text-align: center;
}

.page .raphael.span6.piechart text {
	font-family: 'Open Sans'!important;
}

.page .raphael.span6.piechart text:hover {
	font-weight: 600!important;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	font-weight: 100;
}

.btn-hidden {
	display: none;
}

.row .profile_right {
	width: 800px;
	margin-left: 0px;
	line-height: 1.7em;

}

.row.first_page_element {
	margin-top: 0px;
	/*margin-top: -40px;*/
}

.row.first_page_element_type_2 {
	margin-top: 0px;
	/*margin-top: -70px;*/
}

section.footer {
	text-align: center;
}
footer {
	margin-top: 20px;
	margin-bottom: 20px;
}

footer a {
	font-weight: 100;
}

footer a:hover {
	color: #1C4D97;
	text-decoration: none;
}

.flexigrid table tr.hDiv {
	background-color: #3A4452!important;
	background-image: none!important;
}

.flexigrid table tr.hDiv th, .flexigrid div.bDiv td {
	border-right: 0px!important;
}

.handsontable th {
	background-color: #3A4452!important;
	color: white!important;
	font-size: 1.4em;
}

.handsontable th a b {
	color: white!important;
}

.handsontable th a b:hover {
	color: lightGray!important;
}

.typeahead li > a:hover, .typeahead .active > a, .typeahead .active > a:hover {
	background-color: #1C4D97!important;
	background-image: none!important;
}

.nav-list > .active > a, .nav-list > .active > a:hover {
	background-color: #1C4D97;
}

.label-info, .badge-info {
	background-color: #1C4D97;
}

a {
	color: #1C4D97;
}/*

.handsontable, .typeahead {
	font-family: 'Open Sans'!important;
	font-weight: 400!important;
}*/



			/*BOOTSTRAP STYLE OVERWRITE*/


.input-group-addon {
	padding: 6px 7px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	background-color: #cccccc;
	border: 1px solid #cccccc;
	border-radius: 3px;
	border-right: 0;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	display: none;
}

.input-group-addon2 {
	padding: 6px 7px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	border-left: 0;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	display: none;
}

.dont-have-eu i {
	vertical-align: sub;
}

.input-group-addon2 i {
	vertical-align: sub;
}

span#eu0, span#eu1, span#eu2 {
	display: none;
}

div#hidden {
	display: none;
}

section.extend_notes small {
	font-size: 0.6em;
}

div#more_users {
	display: none;
	margin: 10px 0 0 100px;
}

div#period_slider_steps_0 {
	display: none;
}

div#more_users label {
	vertical-align: middle;
	display: inline;
	font-weight: bold;
}

.show-vat #field-vat {
	width: 134px !important;
	height: 18px;
}

#extra_users_div {
	display: none;
}

.show-vat .form-control {
	border-radius: 0 !important;
}

.show-vat button {
	display: inline-block;
}

.tooltip-inner {
	max-width: 320px !important;
}

.show-vat span {
	display: inline;
}

.input-group {
	float: left;
}

.check-eu {
	padding: 4px 8px;
	margin: -2px 0 0 8px;
	display: none;
}

.dont-have-eu {
	padding: 4px 8px;
	margin: -2px 0 0 8px;
	display: none;
}

.m10 {
	margin-right: 10px;
}

.extra-padding ul li a {
	padding: 8px 15px !important;
	display: block !important;
	font-size: 1.2em;
}

.input-group i.icon-ok {
	color: #5cb85c;
}

.input-group i.icon-remove {
	color: #d2322d;
}

.input-group i {
	font-size: 1.6em;
	line-height: 9px;
	margin-left: 0px;
}

.btn {
	border-radius: 2px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 2px;
}

.btn-danger {
	background-image: -webkit-linear-gradient(top, #EA3E39, #bd362f);
	background-image: -moz-linear-gradient(top, #EA3E39, #bd362f);
	background-image: -o-linear-gradient(top, #EA3E39, #bd362f);
	background-image: -ms-linear-gradient(top, #EA3E39, #bd362f);
	background-image: linear-gradient(top, #EA3E39, #bd362f);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #1C4D97!important;
	background-image: none!important;
	border-radius: 2px!important;
}

.daterangepicker td.in-range {
	background: #E7F1FE!important;
}

.daterangepicker .ranges li {
	border-radius: 2px!important;
}

/*.htColHeader > .small > a {
	float: right;
	line-height: 14px;
	clear: both;
}

.htColHeader > .small > a:first-of-type {
	margin-top: -3px;
}*/



/*sortable tree with nestedsortable*/

  .placeholder {
      outline: 1px dashed #4183C4;
      /*-webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin: -1px;*/
    }

    .mjs-nestedSortable-error {
      background: #fbe3e4;
      border-color: transparent;
    }

    ol.sortable, ol.sortable ol {
      margin: 0 0 0 25px;
      padding: 0;
      list-style-type: none;
    }

    ol.sortable {
      margin: 0;
    }

    .sortable li {
      margin: 5px 0 0 0;
      padding: 0;
    }

    .sortable li div  {
/*      border: 1px solid #d4d4d4;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      border-color: #D4D4D4 #D4D4D4 #BCBCBC;
      padding: 6px;*/
      margin: 0;
      cursor: move;
      color: #08c;
      border-radius: 3px;
      border: 1px solid #f6f6f6;
      /*background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
      background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
      background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
      background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
      background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );*/
    }

    .sortable li div:hover {
    	border: 1px solid #08c;
    	background-color: #08c;
    	color: white;
    }

    .sortable li div:hover a {
    	color: white;
    }

    .sortable li.mjs-nestedSortable-branch div {
      background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #f0ece9 100%);
      background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#f0ece9 100%);

    }

    .sortable li.mjs-nestedSortable-leaf div {
      background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #bcccbc 100%);
      background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#bcccbc 100%);

    }

    li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
      border-color: #999;
      background: #fafafa;
    }

    .disclose {
      cursor: pointer;
      width: 10px;
      display: none;
    }

    .sortable li.mjs-nestedSortable-collapsed > ol {
      display: none;
    }

    .sortable li.mjs-nestedSortable-branch > div > .disclose {
      display: inline-block;
    }

    .sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
      content: '+ ';
    }

    .sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before {
      content: '- ';
    }

 /*end of sortable tree with nestedsortable*/



.form-input-box a.delete-anchor {
	color: white !important;
}

.nav-list a:hover{background-color:#E7F1FE!important;}
.nav-list li.active a:hover {background-color:#1C4D97!important;}


.btn-primary {
	background-color: #1C4D97;
	background-image: -webkit-linear-gradient(top, #1C4D97, hsl(211, 86%, 22%));
	background-image: -moz-linear-gradient(top, #1C4D97, hsl(211, 86%, 22%));
	background-image: -o-linear-gradient(top, #1C4D97, hsl(211, 86%, 22%));
	background-image: -ms-linear-gradient(top, #1C4D97, hsl(211, 86%, 22%));
	background-image: linear-gradient(top, #1C4D97, hsl(211, 86%, 22%));
}

.btn-primary:hover {
	background-color: hsl(211, 86%, 22%);
}

.btn-primary2 {
	background-color: #5d99c8;
	background-image: -webkit-linear-gradient(top, #5d99c8, hsl(211, 46%, 42%));
	background-image: -moz-linear-gradient(top, #5d99c8, hsl(211, 46%, 42%));
	background-image: -o-linear-gradient(top, #5d99c8, hsl(211, 46%, 42%));
	background-image: -ms-linear-gradient(top, #5d99c8, hsl(211, 46%, 42%));
	background-image: linear-gradient(top, #5d99c8, hsl(211, 46%, 42%));
}

.btn-primary2:hover {
	background-color: hsl(211, 46%, 42%);
}


.btn-primary3 {
	margin-top: 5px;
	background-color: #4fc17c;
	height: 15px;
	line-height: 15px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4fc17c), to(rgb(61, 151, 95)));
	background-image: -webkit-linear-gradient(top, #4fc17c, rgb(61, 151, 95));
	background-image: -moz-linear-gradient(top, #4fc17c, rgb(61, 151, 95));
	background-image: -o-linear-gradient(top, #4fc17c, rgb(61, 151, 95));
	background-image: -ms-linear-gradient(top, #4fc17c, rgb(61, 151, 95));
	background-image: linear-gradient(top, #4fc17c, rgb(61, 151, 95));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4fc17c', EndColorStr='#3d975f');
}

.btn-primary3:hover {
	background-color: hsl(141, 50%, 40%);
}



/* ASCUNS CAMPUL DE CAUTARE PANA GASIM O SOLUTIE */
#quickSearchBox {
	visibility: hidden;
	display: none;
}
/* SFARSIT ASCUNS CAMPUL DE CAUTARE GROCERY CRUD*/



div.legend {
	display: block;
	/*width: 790px;*/
	padding: 0;
	font-size: 21px;
	line-height: 40px;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	/*margin: 40px 0 30px -10px;*/
	margin: 40px 0 30px 0px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.small-loading{
	width: auto !important;
}

#extra_manager_num_label {
	display: inline-block;
	width: 63%;
	vertical-align: middle;
	line-height: 18px;
}

.navbar .nav > li > a.lang-item{
	display: inline-block;
	padding: 15px 3px;
	opacity: 0.6; filter: alpha(opacity=60);
}

.navbar .nav > li > a.lang-item.active-lang, .navbar .nav > li > a.lang-item:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	border-top: 2px solid transparent;
}

.ptro th, .ptro td{
	padding: 6px;
}

.company-users .flexigrid{
	overflow-x: auto;
}

.btn-medium{
	font-size: 16px;
	padding: 7px 10px;
}

.vamiddle{vertical-align: middle;}
.my-notifications input[type="checkbox"]{margin: 2px 3px 0px 0px; display: inline-block; vertical-align: middle;}
.my-notifications label{margin: 0px; display: inline-block; vertical-align: middle; font-weight: inherit; font-size: 13px; width: 95%;}
.my-notifications .other-date{padding: 5px 0px 5px 130px;}
.my-notifications .other-date span{vertical-align: middle;}
.my-notifications .other-date input[type="text"]{margin: 0px 0px 0px 0px; vertical-align: middle; width: 170px;}
.my-notifications .ui-datepicker{width: 18em; margin: 0px auto;}
.my-notifications .notif{margin: 0px 0px 2px 0px;}
.my-notifications .ibutton-container{display: inline-block; vertical-align: middle; /*margin: 0px 0px 0px 10px;*/}
.notif-top-msg{font-size: 15px; margin: 0px 10px 10px 0px;}

.notifications-page strong{font-size: 14px;}
.notifications-page strong a{color: #333; font-weight: bold; text-decoration: underline;}
.notifications-page .reports-interval{padding: 5px 0px 5px 50px;}
.notifications-page .reports-interval label{margin: 0px 15px 0px 0px; width: auto;}
.notifications-page a.mnotif{color: #1C4D97;}
.notifications-page .other-date {padding: 5px 0px 5px 100px;}

td.ui-select-highlight{}
td.ui-select-highlight a{color: #fff !important; background: #1C4D97 !important; border-color: #1C4D97 !important;}
#ncalendar .ui-state-active{background: url(../../images/jquery.ui/ui-bg_glass_75_e6e6e6_1x400.png); border: 1px solid #d3d3d3;}
#ncalendar .ui-datepicker-today a{background: #5087DA; color: #fff;}
#nacalendar .ui-datepicker-unselectable.ui-state-disabled{cursor: default !important;}
#nacalendar .ui-datepicker-unselectable.ui-state-disabled a, #nacalendar .ui-datepicker-unselectable.ui-state-disabled a.ui-state-hover{cursor: default !important;}

.table thead th{vertical-align: middle;}
.notif-container{/*width: 1165px;*/width: 100%;}

/*.overview .raphael.span6.piechart #teamhoursperclient, .overview .raphael.span6.piechart #teamhoursperjob{height: 270px;}*/
.emp-link{margin: 0px 0px 20px; text-align: center; font-size: 20px;}
.emp-link a{color: #333; font-weight: 100;}
.emp-link i{font-size: 18px;}

.landing-page .side .det .vclip {color: #3A4452; display: block; text-align: left; margin: 15px 0px 0px; font-size: 16px;}
.landing-page .side .det .vclip i, .vclip a{color: #3A4452;}
.landing-page .side .det .vclip a {display: inline-block;}

#menu-modal .vclip {font-size: 18px; line-height: 26px;}

.ncontent {font-size: 16px; /*min-height: 155px;*/}
.disable-notif {font-size: 11px; font-family: Arial; font-style: italic;}
.ncontent label {font-size: 13px;}
.ncontent input, .ncontent textarea {width: 50%; border-radius: 5px;}
.ncontent textarea {max-height: 100px;}
.typeahead {z-index: 10000 !important;}
.ncontent input.input-hour-width {width: 100px;}
.ckf label, .ckf input {display: inline-block; vertical-align: middle; margin-bottom: 0;}
.btn-dis:hover {text-decoration: none;}
.dnt{display: none;}
.chk-me {display: block; padding: 0px 0px 5px;}

.input-prepend.total input.span1 {/*width: 75px;*/min-width: 50px;}

.social-link {display: inline-block; vertical-align: middle; margin: 0px 20px 0px 0px;}
.addthis_toolbox {/*width: 920px;*/width: 100%; margin: 0px auto 20px; text-align: center;}
.addthis_button_compact {display: inline-block; float: none !important; vertical-align: middle; padding: 0;}
.at15t_compact {border-radius: 20px; display: inline-block !important; float: none !important;}
.log-link {padding: 10px 0px 0px; font-size: 13px; display: block;}
.log-link a {color: #1C4D97;}
.log-link a:hover {text-decoration: underline;}

.version-log {padding: 20px 20px 10px 50px;}
.version-log strong {font-size: 14px;}
.version-log span {display: block; padding: 0px 0px 0px 20px;}

#info-bar {margin-bottom: 0px; color: #000; font-size: 14px; font-weight: bold;}
#info-bar span {vertical-align: middle; display: inline-block;}
#info-bar a {margin-top: 0;}
#info-bar .info-bar-btns {margin-left: 10px;}
#info-bar .info-bar-btns a:first-child {margin-right: 5px;}

.navbar .btn, .navbar .btn-group { margin-top: 12px;}
.navbar .btn-navbar {background-image: linear-gradient(to bottom, #3A4452, #3A4452); border-color: #3A4452;}
.navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {background-color: #3A4452;}

.container.handson-page {
	width: 100%;
}

.handson-page .row {
	margin-left: 0;
}

#wrapper > .container.handson-page > .row > h1 {
	margin-left: 0;
}

.handson-page .row .page {
	width: auto !important;
	margin-left: 0px;
	float: none;
}

 .container.footer-container {
	width: 100%;
 }

.handson-page .period-links {
	float: left;
	margin: 0px 20px 0px 0px;
}

.handson-page .period-filter-links {
	float: left;
}

	.handson-page .filterribbon {
		margin: 0px -10px -38px 0px;
	}

	.handson-page .fltrib {
		position: relative !important;
	}
.handson-page .fltrib:after {
	right: 0px;
	bottom: -10px;
	top: auto;
	border-width: 5px 5px;
	border-style: solid;
	border-color: #666 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #666;
}

.handson-page .stuck {
	/*padding-right: 0;*/
	padding-right: 1px;
}

.handson-page.timesheet .stuck {
	/*padding-right: 21px;*/
	padding-right: 23px;
}

.tablet-view, table.handsontable.tablet-view {
	width: 99%;
}

.tablet-view .tablet-actions {
	position: absolute;
	right: -35px;
	top: 50%;
	margin-top: -11px;
}

.tablet-view .tablet-actions a {
	background: rgba(58, 68, 82, 0.1);
	color: #fff;
	padding: 4px 3px;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}

.handson-page .tablet-view tr:hover .tablet-actions a {
	background: rgba(58, 68, 82, 1);
}

.manage-entry-modal .modal-body, .notif-modal .modal-body {max-height: 100%;}
.manage-entry-modal input[type="text"], .manage-entry-modal textarea {width: 98%; color: #555;}
.manage-entry-modal .relative button, .manage-entry-modal .relative button:focus, .manage-entry-modal .relative button:active, .manage-entry-modal .relative button:hover {position: absolute; top: 1px; right: -2px; border: 0 none; background: none; outline: none; box-shadow: none;}
.manage-entry-modal .relative button.active-counter i {color: #f00;}
.checkin-header {text-align: left; width: 14.5%;}
.checkin-header span:nth-child(2) {display: none; text-align: center;}
.table-checkin {margin-bottom: 0px;}
table.table-checkin-hours td {width: 14.5%;}
.m20 {margin-top: 20px;}
.filters-container {float: left;}
.btn-excel-export {float: right; text-align: right; margin-bottom: 5px;}
.everybody .input-prepend.total {margin: 10px 0px 0 0px;}

#account-num {padding: 4px 10px 0px 10px; line-height: 25px; font-size: 14px; float: left; margin-top: -2px;}
.gc-display {float: left;}
.gc-pagination {float: right;}

.container.full-width {width: 100%;}
.container.error-page .hero-unit {background: #fff; margin-top: 5%; padding: 10%;}
.side-nav {margin-left: 0;}
.side-nav .left-menu {float: left; width: 25%;}
.row.side-nav .profile_right {width: 75%; float: left; padding: 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);}
.row.side-nav .profile_right > div {padding: 20px;}
.side-nav .main-content {padding: 0;}

.side-nav .form-display-as-box {width: 20%;}
.side-nav .manage-actions .btn-action span {display: inline-block;}
.side-nav .app_opts_25 {padding-top: 0;}
.side-nav legend {line-height: 28px;}
.side-nav .payment-well p {line-height: 20px;}
/*.side-nav .form-input-box {width: 80%;}
.side-nav .form-input-box input, .side-nav .form-input-box textarea {width: auto !important;}*/
.tooltip.right .tooltip-arrow {border-right-color: #3A4452; left: 1px;}
.tooltip.top .tooltip-arrow {border-top-color: #3A4452; bottom: 1px;}
.change-password label {display: inline-block; width: 25%;}
.change-password input {width: 60%;}
.change-password input[type=text], .change-password input[type=password] {background: #FAFAFA;}
.change-password .btn.btn-primary {margin: 20px 0px 0px;}
.rocket {font-size: 20em; float: right; padding-top: 50px; color: #2f96b4}
.reg-submit {text-align: right;}
.captcha-container {padding-left: 10px;}
.modal {top: 3%;}
.vcontent {padding-bottom: 40.25%; position: relative;}
.vcontent iframe {position: absolute; width: 100%; height: 100%;}

#fb-root, .pvs.phm {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
.forgot-password {margin: 6px 0px 0px;}
.login-form-container {width: 30%; margin: 0 auto;}
.login-form-container input[type="text"], .login-form-container input[type="password"] {width: 95%;}
.modal-n8 .nform span, .modal-n9 .nform span {display: inline-block;}
.manage-actions br {display: none;}
.back-site:hover {text-decoration: none;}
.toggle {width: 70px; display: inline-block; vertical-align: middle;}
.toggle .toggle-on {text-indent: 5px !important;}
.toggle .toggle-off {text-indent: 16px !important;}
.mob-time {vertical-align: middle;}

.select2-container {
	margin-right: 1px;
	min-width: 170px;
	float: left;
}

.select2-container .select2-choice {
	border-radius: 0px;
	height: 29px;
	line-height: 29px;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	color: #333;
	font-size: 0.9em;
	background: #fff !important;
}

.select2-results .select2-highlighted {
	background: #1C4D97;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop-active {
	border: 1px solid #aaa;
}

.select2-drop-active {
	border-top: none;
}

.select2-results li {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	color: #333;
	font-size: 0.9em;
}

.select2-results .select2-result-label {
	padding: 2px 3px;
}

.select2-search input:focus {
	border-color: #aaa;
	box-shadow: none;
}

.select2-container .select2-choice .select2-arrow {
	border-left: 0;
	border-radius: 0;
	background: #fff;
	width: 15px;
}

.bottom-add-entry {
	float: left;
	margin: -30px 5px 0px 0px;
}

.nfcontent {
	font-size: 14px;
}

.nfcontent input[type="checkbox"] {
	margin: 0;
}

.nfcontent label {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media (max-width: 1117px) {
	.everybody .filterribbon .text {margin-right: 10px;}
}

@media (max-width: 1115px) {
	.handsontable td:nth-child(1), .handsontable td:nth-child(5) {width: 9% !important;}
}

@media (max-width: 1106px) {
	.handson-page table.handsontable td:nth-child(1), /*.handson-page table.handsontable th:nth-child(1),*/ .handson-page table.handsontable td:nth-child(5)/*, .handson-page table.handsontable th:nth-child(5)*/ {width: 10% !important;}
	.landing-page .side .ic {font-size: 80px;}
}

@media (max-width: 1060px) {
	.everybody .filterribbon {padding: 6px 10px; /*margin: 40px 0px 10px -15px;*/}
}

@media (max-width: 1054px) {
	.side-nav .form-display-as-box, .side-nav .form-input-box {width: 100%; float: none;}
}

@media (max-width: 1024px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width: auto !important;}
	/*.navbar {min-width: 1006px;}*/
	/*.row .profile_right{width: 570px !important;}*/
	/*.span3 .well{max-width: 200px !important;}*/
	.my-notifications label{vertical-align: top; width: 90%;}
	.row .page{/*width: 90%;*//*width: auto;*/}
	.row .span10.page{width: 90%;}
	.notifications-page .reports-interval label{width: auto;}
	.flexigrid div.tDiv{min-height: 32px; height: auto !important; padding-bottom: 7px;}
	/*.raphael.span6.card.piechart{width: 435px;}*/
	/*.page .raphael.span6.piechart{width: 380px;}*/
	.fltrib{position: relative !important;}
	.fltrib:after {right: 0px; top: 100%; border: 0 none;}
	.filterribbon{height: auto; min-height: 33px;}
	.handsontable th:first-child, .handsontable td:first-child, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td{white-space: nowrap;}
	/*.everybody .filterribbon .text{margin-right: 30px;}*/
	/*.everybody .input-prepend.total {margin: 10px 127px 0 0px !important;}*/
	/*.everybody .input-prepend.total {margin: 10px 0px 0 0px !important;}*/
	.offset4{margin-left: 0;}
	.container-fluid{padding-right: 0; padding-left: 0;}
	.pr-table{/*width: 810px !important; padding: 30px 10px;*/}
	.pr-table section{padding: 15px 10px;}
	/*.overview .raphael.span6.piechart{width: 400px; margin-left: 10px;}*/
	.pDiv2 .pull-right{padding-bottom: 2px;}
	.terms-label{text-align:right;}
	/*.handsontable td:nth-child(1), .handsontable th:nth-child(1){width: 9% !important;}
	.handsontable td:nth-child(2), .handsontable th:nth-child(2){width: 14% !important;}
	.handsontable td:nth-child(3), .handsontable th:nth-child(3){width: 17% !important;}
	.handsontable td:nth-child(4), .handsontable th:nth-child(4){width: 44% !important;}
	.handsontable td:nth-child(5), .handsontable th:nth-child(5){width: 9% !important;}*/
	.change-password label {width: 35%;}
	/*.change-password input {width: 50%;}*/
	/*.login-form-container {width: 70%;}*/
}

@media (max-width: 994px) {
	.everybody .filterribbon .text span {display: none;}
	.navbar .nav > li > a {padding: 15px 10px 14px;}
}

@media (max-width: 979px) {
	.navbar .nav .dropdown-menu {border: 0 none; background: transparent; margin: 0;}
	.navbar .nav .dropdown-menu li > a {padding: 3px 17px; text-align: center;}
	.navbar .nav .dropdown-menu li > a:hover, .navbar .nav .dropdown-menu li > a:focus {color: #1C4D97;}
	.nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:focus {background-color: #F2F2F2; outline: 0 none;}
	.navbar .nav > li > a {padding: 5px 15px; text-align: center;}
	.nav-collapse .nav {margin: 0;}
	.nav-collapse .nav:last-child {margin: 0 0 10px;}
	.navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {border-top-color: transparent;}
	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {border-top-color: transparent; background-color: #F2F2F2;}
	.nav-collapse.in {border-top: 2px solid #1C4D97; height: auto !important;}
	.dropdown .dropdown-menu {display: none;}
	.dropdown.open > .dropdown-menu {display: block;}
	.dpd {float: left; clear: both; margin: 5px 0px 0px;}
	.handson-page .filterribbon {width: auto; padding: 6px;}
	.handson-page .filterribbon .text {margin-right: 5px;}

	.side-nav .left-menu {width: 30%;}
	.row.side-nav .profile_right {width: 70%;}
	.payment-history .btn-action span {display: none;}
	#menu-modal {width: 60% !important; margin-left: -30% !important;}
	.login-form-container {width: 50%;}
	.modal-n8 .nform span input, .modal-n9 .nform span input {display: block; margin: 5px 0px 0px;}
	.side-nav .app_opts_70 {width: 100%;}
	.side-nav .app_opts_25 {float: none; margin: 0px; padding: 25px 0px 0px; clear: both; width: auto;}
	.side-nav .app_opts_25 input {display: inline-block;}
	.handson-page.timesheet .stuck {padding-right: 23px;}

	.ts_user {
	    min-height: 90px;
	    z-index: 1px;
	}

	.info-message p br {
	    display: none;
	}

	.next-tutorial {
	    margin-left: 0px;
	}
}

@media (max-width: 925px) {
	.everybody .filterribbon .text {display: none;}
}

@media (max-width: 920px) {
	#info-bar .info-bar-btns {
		display: block;
		margin: 10px 0px 0px;
	}
}

@media (max-width: 904px) {
	.everybody .filters-container {float: none !important;/*float: right;*/}
	.everybody .rangecontainer {margin: 2px 0px; float: right; clear: right;}
	.everybody .filterribbon #activityselect, .everybody .filterribbon #s2id_activityselect {margin-right: 0px;}

}

@media (max-width: 900px) {
	.handson-page table.handsontable td:nth-child(1), /*.handson-page table.handsontable th:nth-child(1),*/ .handson-page table.handsontable td:nth-child(5)/*, .handson-page table.handsontable th:nth-child(5)*/ {width: 12% !important;}
	.btn-excel-export {float: none; text-align: left; clear: left; margin: 0px;}
	.btn-excel-export a{margin: 5px 0px 5px;}

	.form-display-as-box {float: none !important; width: auto !important;}
	.form-input-box {float: none !important;}
	.form-input-box input:not([type="checkbox"]), .form-input-box textarea, .form-input-box select {width: 100% !important;}
	/*.flexigrid div.form-div input[type=text], .flexigrid div.form-div input[type=password] {width: 100%;}*/
	.side-nav .form-input-box .input-group {float: none;}
	.side-nav div.payment-button-well {position: static; margin: 15px 0px 0px;}
	.my-notifications .other-date, .my-notifications .reports-interval {padding-left: 15px;}
	.landing-page .side .ic {display: block; text-align: center; float: none;}
	.landing-page .side .det {display: block; width: 80%; margin: 10px auto 0px;}
	.ncontent input, .ncontent textarea {width: 96%}
	.payment-well div {font-size: 1.2em;}
}

@media (max-width: 860px) {
	.payment-history table thead {display: none;}
	.payment-history table td {display: block; text-align: left; width: auto;}
	.payment-history table td:before {content: attr(data-title); float: left; font-weight: bold; padding-right: 10px;}
}

@media (max-width: 840px) {
	.everybody .text span {display: none;}
	.side-nav .left-menu {width: 35%;}
	.row.side-nav .profile_right {width: 65%;}
	.change-password label, .change-password input {display: block; width: 100%;}
	.change-password br {display: none;}
	.register-container .rocket {font-size: 15em;}
	.paypal-cards {display: block; margin-top: 10px;}
	.manage-entry-modal {width: 80% !important; margin-left: -40% !important;}
}

@media (max-width: 767px) {
	body {padding-right: 0px; padding-left: 0px;}
	.period-links:nth-child(3n) {clear: left;}
	/*.handson-page .fltrib:after {top: 43px;}*/
	.handson-page table.handsontable thead {display: none;}
	.handson-page table.handsontable tr {width: auto !important; display: block; border-top: 1px solid #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab;}
	.handson-page table.handsontable tr:last-child {border-bottom: 1px solid #ababab;}
	.handson-page table.handsontable td {width: auto !important; display: block; border: 0 none; /*text-align: right;*/}
	.handson-page table.handsontable.empty-table td {text-align: left;}
	.handson-page table.handsontable td:before {content: attr(data-title); float: left; font-weight: bold; padding-right: 10px;	}
	.handson-page .handsontable tr:first-child th, .handson-page .handsontable tr:first-child td {border: 0 none;}
	.handson-page table.handsontable td {border-bottom: 1px solid #ccc;}
	.handson-page .handsontable tr:nth-child(odd) td, .handson-page .handsontable tr:first-child td {border-bottom: 1px solid #ccc;}
	.handson-page .handsontable tr:first-child td:last-child, .handson-page .handsontable tr td:last-child {border: 0 none;}
	.handson-page .handsontable th, .handson-page .handsontable td {height: auto;}
	.handson-page #prependedInput {width: 75px !important;}
	.handson-page table.handsontable td:nth-child(1), .handson-page table.handsontable th:nth-child(1), .handson-page table.handsontable td:nth-child(5), .handson-page table.handsontable th:nth-child(5) {width: auto !important;}

	a.tablet-tm {position: static !important; vertical-align: middle; font-size: 16px;}
	.tablet-view tr td:last-child {padding: 1px 4px 1px;}
	.tablet-view .tablet-actions {/*margin-top: 2px; position: static;*/right: 0;}
	.tablet-view .tablet-actions a {margin-left: 3px; margin-bottom: 3px; padding: 0px 6px; display: inline-block;}
	.page .raphael.span6.piechart {width: 100%; margin-right: 0; margin-left: 0;}
	.checkin-header span:nth-child(1) {display: none;}
	.checkin-header span:nth-child(2) {display: block;}
	.raphael.span6.card.piechart {width: 100%; margin: 0;}
	.raphael.span6.card.piechart:last-child { margin-top: 10px;}
	.everybody .input-prepend.total {margin: 10px 0px 0 0px !important;}
	.my-notifications .other-date input[type="text"] {width: auto;}
	.notifications-page .other-date, .notifications-page .reports-interval {padding-left: 15px;}
	h2 {font-size: 28.5px;}
	h1, .container.error-page .hero-unit h1 {font-size: 32.5px;}
	/*.btn-action span {display: none;}*/
	.actions .btn-action span {display: none;}
	.modal {left: 50%;}
	#wmodal {left: 20px;}
	.modal-header h3 {font-size: 22.5px; line-height: 18px; }

	.landing-menu {float: none; clear: both; padding: 15px 0px 0px; margin: 0px; text-align: center;}
	.landing-page .side .det {width: 100%;}
	.register-container .rocket {display: none;}
	.register-container table {width: 100%;}
	.training-page .icon-book {font-size: 10em;}
	.landing-page section {padding: 15px;}
	.landing-page a.lgin {margin: 0px 15px 0px 0px;}
	.landing-page a.lgin.last {margin: 0px;}
	.blog-content {width: 100%; margin-right: 0; float: none;}
	.blog-categories {width: 100%; float: none;}
	.notif-modal {width: 60% !important; margin-left: -30% !important;}
	.pr-table table thead {display: none;}
	.pr-table table td {display: block; text-align: right; width: auto;}
	.pr-table table td:before {content: attr(data-title); float: left; font-weight: bold; padding-right: 10px;}
	.reg-submit {text-align: center;}
	.version-log {padding: 20px 20px 10px;}
	.modal {position: absolute;}
	.site-nav a {font-size: 14px;}
	.price-modal {-webkit-overflow-scrolling: touch;}
	.price-modal .modal-body {-webkit-overflow-scrolling:touch !important;}
	.new-features-modal {width: 90% !important; margin-left: -45% !important;}
}

@media (max-width: 764px) {
	.everybody .rangecontainer {margin: 2px 0px; float: right; clear: right;}
	#searchform .filters-container {float: right;}
	.app_opts_25 {float: none; margin-left: 0; padding-top: 25px; width: 100%; clear: left;}
	.app_opts_70 {float: none; width: 100%;}
}

@media (max-width: 680px) {
	.table-checkin, table.table-members thead, #groceryCrudTable thead {display: none;}
	table.table-checkin-hours td, table.table-members td, #groceryCrudTable td {display: block; text-align: left; width: auto;}
	table.table-checkin-hours td:before {content: attr(data-long); float: left; font-weight: bold; padding-right: 10px;}
	table.table-members td:before {content: attr(data-text); float: left; font-weight: bold; padding-right: 10px;}
	#groceryCrudTable td:before {content: attr(data-title); float: left; font-weight: bold; padding-right: 10px;}
	#groceryCrudTable .realign {text-align: left;}
	#groceryCrudTable .realign input[type="checkbox"] {margin: 0;}
	#groceryCrudTable .actions > div {float: none;}
	.manage-actions .form-button-box {float: none !important; display: inline-block;}
	.manage-actions .btn-action span {display: none;}
	.manage-actions br {display: block;}
	.side-nav .left-menu {width: 100%;}
	.row.side-nav .profile_right {width: 100%;}
	.landing-page .side {width: 100%; margin: 0px;}
	.landing-page .side:last-child {margin: 15px 0px 0px;}
	.landing-page .side .det {width: 70%;}
	.login-form-container {width: 70%;}
	.paypal-cards {display: inline; margin-top: 0;}
	.total-details {float: none;}
	.try-it-free {float: none; display: inline-block; margin-top: 5px;}
	.flexigrid div.tDiv div#per_page_div {float: left !important; clear: left; margin: 15px 0px 0px;}
}

@media (max-width: 610px) {
	.handson-page .filterribbon .text span {display: none;}
	.handson-page #reportrange, .handson-page .filterribbon .btn-small {padding-left: 2px; padding-right: 2px;}
}

@media (max-width: 599px) {
	.everybody .filterribbon #s2id_activityselect {float: right; clear: left; margin-top: 2px;}
	.everybody .filterribbon #s2id_userselect {margin-right: 0px;}
}

@media (max-width: 580px) {
	h2 {font-size: 24.5px; line-height: 28px;}
	.gc-display, .gc-pagination {float: none;}
	.gc-display {margin: 5px 0px 0px;}
	.reg-submit {text-align: center;}
	.training-page .icon-book {display: none;}
	.modal-n8 .nform span, .modal-n9 .nform span {display: block;}
	.modal-n8 .nform span input, .modal-n9 .nform span input {width: 95%;}
	.hero-unit {padding: 20px;}
	.hero-unit h1 {font-size: 30px;}
	.price-modal .modal-body iframe {width: 93%;}
}

@media (max-width: 530px) {
	.paypal-cards {display: block; margin-top: 10px;}
	.handson-page .filterribbon .text {display: none;}
}

@media (max-width: 510px) {
	.handson-page:not(.everybody) #clientselect, .handson-page:not(.everybody) #reportrange/*, .everybody #userselect, .everybody #activityselect*/ {margin: 1px 0px; float: right; display: block;}
	.filters-container, .rangecontainer {/*float: right;*/float: none;}
	.handson-page:not(.everybody) .select2-container {float: right; margin-right: 0; width: 100%;}
	.handson-page:not(.everybody) .select2-container .select2-choice {padding: 0px 0px 0px 4px;}
}

@media (max-width: 500px) {
	.register-container table td input, .register-container table td select {margin: 0; width: 98%;}
	.modal .btn {font-size: 12px;}
	.captcha-container {padding-left: 0px;}
	.register-container table td {display: block;}
	#menu-modal {width: 80% !important; margin-left: -40% !important;}
	#menu-modal .vclip {font-size: 14px;}
	.notif-modal {width: 90% !important; margin-left: -45% !important;}
	.btn-container {text-align: center;}
	.btn-container a, .btn-container button {float: none;}
	.filterribbon form {margin: 0;}
	.manage-entry-modal {width: 90% !important; margin-left: -45% !important;}
	.manage-entry-modal input[type='text'], .manage-entry-modal textarea {width: 95%;}
	.register-see{  position:absolute;right:0px;top:5px;	}
	.password-wrapper{position:relative;}
}

@media (max-width: 487px){
	/*.filters-container {float: none;}*/
	/*.everybody .rangecontainer,*/ .everybody #reportrange {margin: 0;}
	.handson-page #clientselect .dropdown-menu {right: 0;}
	.everybody .filterribbon #clientselect {margin-right: 0px; margin-bottom: 2px;}
	.everybody .filterribbon #userselect {float: none; display: block; clear: both; margin-right: 0px;}
	.table-price td, .table-price th{ padding:5px 2px; }
	/*.everybody .filterribbon #activityselect {float: right; display: block; clear: left;}*/
}

@media (max-width: 480px){
	/*.landing-page .side.left {margin: 0px 0px 20px 0px !important;}
	.landing-page .side {display: block;}*/
	/*.landing-page .side.left .ic {margin: 0px 45px 0px 0px;}*/
	.handson-page table.handsontable td:before, table.table-members td:before {font-family: FontAwesome;}
	.handson-page table.handsontable td:nth-child(1):before {content: "\f073";}
	.handson-page table.handsontable td:nth-child(2):before {content: "\f0e8";}
	.handson-page table.handsontable td:nth-child(3):before {content: "\f0b1";}
	.handson-page table.handsontable td:nth-child(4):before {content: "\f0f6";}
	.handson-page table.handsontable td:nth-child(5):before {content: "\f017";}
	.handson-page table.handsontable td:nth-child(6):before {content: "\f007";}
	table.table-members td:nth-child(1):before {content: "\f007";}
	table.table-members td:nth-child(2):before {content: "\f003";}
	table.table-members td:nth-child(3):before {content: "\f0c0";}
	table.table-members td:nth-child(4):before {content: "\f017";}
	.handson-page table.handsontable.empty-table td:nth-child(1):before {content: "";}
	.landing-page .side .det {width: 100%;}
	.landing-page .side .det .vclip a {display: inline;}
	.landing-page .side .det .vclip {text-align: center;}
	.blog .label-info {display: inline-block; margin-bottom: 2px;}
	input.tutorial_submit{margin-left:0px; }
	
	.accept-package-button{
		clear:both;
		float:left;
		width: calc(100% - 40px);
		margin-top:10px;
	}
	.another-package-button{
		width: calc(100% - 40px);
	}

}

@media (max-width: 460px) {
	.period-links {float: none; clear: both;}
	.handson-page .filterribbon .text {display: none;}

	#reportrange span {font-size: 0.89em;	}
	.my-notifications .other-date input[type="text"] {display: block; margin-top: 3px;}
	.notifications-page .reports-interval > span {display: block;}

	h2 {font-size: 18.5px; line-height: 20px;}
	.blog h2 {line-height: 20px;}
	h1/*, .container.error-page .hero-unit h1*/ {font-size: 27.5px; line-height: 30px;}
	.my-notifications .ibutton-container {display: block; margin: 5px 0px 0px;}
	.modal-header h3 {font-size: 18.5px;}
	.login-form-container {width: 90%;}
	.hero-unit p {font-size: 15px; line-height: 22px;}
	.submit-btn-extend {text-align: center;}
	.submit-btn-extend button {margin-bottom: 5px; margin-right: 0; float: none;}
	.choose_payment label {display: inline;}
	.typeahead.dropdown-menu li > a {padding: 3px 5px; font-size: 12px;}
	.landing-page a.lgin {margin: 0px 10px 0px 0px;}
	.table-price .btn-small{ padding:2px;}
}

@media (max-width: 410px) {
	.everybody .filterribbon #s2id_userselect, .everybody .filterribbon #s2id_clientselect, .everybody .filterribbon #s2id_activityselect {float: right; clear: both; margin-right: 0; margin-top: 2px; width: 100%;}
	.everybody .filterribbon .select2-container .select2-choice {padding: 0px 0px 0px 4px;}
	
}

@media (max-width: 400px) {
	.row.side-nav .profile_right > div {padding: 10px;}
	.page {padding: 25px 10px 10px;}
	/*.bottom-add-entry {float: none; margin: 10px 0px 0px;}*/

	.table-price .btn-small{ padding:2px;}
	.table-price td, .table-price th{ font-size:10px; font-weight:600;}
}

@media (max-width: 370px) {
	.tutorial-password-wrapper{
		position:relative;
	}

	.tutorial-password-wrapper .see.tutorial{
		position:absolute;
		right:0px;
		top:5px;
	}

	.table-price td, .table-price th{ font-size:10px; font-weight:600;}

}

@media (max-width: 360px) {
	table.table-checkin-hours td:before {content: attr(data-short); float: left; font-weight: bold; padding-right: 10px;}
	#account-num {float: none; clear: left; padding: 4px 0px 0px;}
	.flexigrid div.tDiv div#per_page_div {margin: 10px 0px 0px;}
	.gc-display i, .gc-pagination i {font-size: 11px;}
	.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol { top: 8px !important;}
	.side-nav .btn-large {padding: 10px;}
	.side-nav div.payment-button-well label {width: 90%; vertical-align: top !important;}
	.my-notifications .ui-datepicker {width: 100%;}
	h1 {font-size: 24.5px; line-height: 25px;}
	input#captcha {width: 70px !important;}
	.footer-separator {display: none;}
	.terms {display: block; margin: 10px 0px 0px;}
	footer p br {display: none;}
	iframe ._43qm li:nth-child(7), ._43q7:nth-child(8) {display: none !important;}
	.forgot-password {float: none; display: block;}
	.pr-table table td, .pr-table table td:before {font-size: 12px;}
	.btn-container button {margin: 10px auto 0; display: block;}
	.social-link {margin: 0px 15px 0px 0px;}
	.notifications.top-right {right: 5px; width: 97%;}
	.small-info {display: inline-block; line-height: 20px;}
	.side-nav .btn-large {padding: 5px; font-size: 15px;}
	.extra-padding ul li a {font-size: 15px;}
	.flexigrid .pReload {padding: 2px 2px !important;}
	.my-notifications .ui-datepicker {width: 97%;}
	.side-nav .nav-list {padding-left: 5px; padding-right: 5px;}
	.price-modal .modal-body {padding-bottom: 99.2%;}
	.price-modal .modal-body iframe {width: 90%;}
	.add-entry {font-size: 12px;}
	footer {padding: 0 5px;}
	.nfcontent, .nfcontent label {font-size: 13px;}
}

@media (max-width: 330px) {
	#info-bar .info-bar-btns a {display: block; margin: 0px 0px 5px;}
	#info-bar .info-bar-btns a:first-child {margin-right: 0px;}
	.add-entry span {display: none;}
	.nfcontent, .nfcontent label {font-size: 12px;}
	.new-features-modal .modal-body {padding: 10px;}
}

@media (max-width: 300px) {
	.rangecontainer i, .filterribbon #clientselect i, .filterribbon #userselect i, .filterribbon #activityselect i, h1 i {display: none !important;}
	.brand img {width: 100px;}
	div.pGroup {margin: 0 1px !important;}
	.gc-display i, .gc-pagination i {font-size: 10px;}
	.notifications-page .other-date, .notifications-page .reports-interval, .my-notifications .other-date, .my-notifications .reports-interval {padding-left: 5px;}
	.landing-page section {padding: 10px;}
	.landing-page .side .det span.text i {float: left; margin-right: 1px;}
	.register-container table td input, .register-container table td select {width: 95%;}
	.social-link {margin: 0px 5px 0px 0px;}
	.log-link a {display: block;}
	.lang-menu {margin: 6px 0px 0px;}
	.landing-page a.lgin {margin: 0px 5px 0px 0px;}
	input#captcha {width: 50px !important;}
	.version-log {padding: 10px;}
	.empty-table td {font-size: 9px;}
}

@media (max-width: 265px) {
	.rangecontainer, .filterribbon #clientselect/* > a*/, .filterribbon #userselect/* > a*/, .filterribbon #activityselect/* > a*/ {font-size: 11px;}
	.caret {border-top: 3px solid #000000; border-right: 3px solid transparent; border-left: 3px solid transparent;}
	.filterribbon #clientselect ul.dropdown-menu, .filterribbon #userselect ul.dropdown-menu, .filterribbon #activityselect ul.dropdown-menu {min-width: 90px; font-size: 12px;}
	.my-notifications input[type='checkbox'] {float: left; margin: 5px 3px 0px 0px;}
	.my-notifications .ui-datepicker-title {font-size: 12px;}
	.my-notifications .ui-datepicker table {font-size: 0.8em;}
	.side-nav .nav-list a {font-size: 11px;}
	#reportrange b.caret {margin-top: 6px !important;}
}

.modal-header{
	min-height:10px;
}

.modal-header:after{
	clear:both;
	content:' ';
}