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

body {
	/*margin-top: 82px;*/
	/*margin-bottom: 61px;*/
}

/*Header Nav Bar*/
#header-nav-bar {
	margin-bottom: 0;
}
#header-nav-bar .progress {
	min-width: 300px;
}
#header-nav-bar .dropdown-menu {
	padding-left: 5px;
	padding-right: 5px;
    white-space: nowrap;
}
#header-nav-bar h4 {
	margin-bottom: 0px;
}
#header-nav-bar {
	z-index: 1040 !important;
}
/*End - Header Nav Bar*/

/*Header Button Bar*/
#header-button-bar {
	/*top: 42px;*/
}
/*End - Header Button Bar*/

/*Dashboard*/
#ticket-tabs .nav {
	margin-bottom: 0px;
}
#ticket-tabs .page-header {
	margin-top: 0px;
}
#ticket-tabs .tab-content {
	padding-top: 20px;
	background: #fff;
	margin-left: 1px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
#ticket-tabs .tab-pane {
	padding: 5px;
}
#closed-ticket-tab .nav {
	margin-bottom: 0px;
}
/*End - Dashboard*/

/*Unasigned Ticket*/
#ticket-settings {
	background: #DFDFDF;
}
#ticket-settings hr {
	margin: 0px;
}
#edit-statuslist-container {
	position: relative;
}
#ticket-settings .hero-unit {
	background: none;
	padding: 0px;
	margin: 0px;
}
#ticket-details-container {
	margin-top: 10px;
}
#ticket-details-container #ticket-details-conversation, #ticket-answer-container {
	background: #fff;
	border: 1px solid #dddddd;
	/*padding: 5px;*/
}
#ticket-details-conversation {
	max-height: 500px;
	min-height: 150px;
	overflow: auto;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
#ticket-details-conversation .user-comment .well {
	background: #D9EDF7;
}

	#ticket-details-conversation .conversation-sidenote {
		opacity: 0.5;
	}

	#ticket-answer-container {
		border-top: none;
		padding-top: 20px;
	}
/*End - Unasigned Ticket*/

/*New Ticket*/
#new-ticket-container {
	padding-top: 20px;
}
#new-ticket-container #new-ticket {
	background: #fff;
	border: 1px solid #dddddd;
	padding: 5px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
/*End - New Ticket*/

/*Login*/
#sign-in-container {
	max-width: 35em;
	min-width: 15em;
}
/*End - Login*/

/* Large desktop */
@media (min-width: 1200px) { 
	body {
		/*margin-top: 82px;*/
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	body {
		margin-top: 0px;
	}

	/*Header Nav Bar*/
	#header-nav-bar {
		margin-bottom: 0px;
	}
	/*End - Header Nav Bar*/

	/*Header Button Bar*/
	#header-button-bar {
		margin-bottom: 0px;
	}
	/*End - Header Button Bar*/

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	body {
		margin-top: 0px;
	}

	/*Header Nav Bar*/
	#header-nav-bar {
		margin-bottom: 0px;
	}
	/*End - Header Nav Bar*/

	/*Header Button Bar*/
	#header-button-bar {
		margin-bottom: 0px;
	}
	/*End - Header Button Bar*/

	#ticket-settings {
		padding: 10px;
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	body {
		margin-top: 0px;
	}

	/*Header Nav Bar*/
	#header-nav-bar {
		margin-bottom: 0px;
	}
	/*End - Header Nav Bar*/

	/*Header Button Bar*/
	#header-button-bar {
		margin-bottom: 0px;
	}
	/*End - Header Button Bar*/

	#ticket-settings {
		padding: 10px;
	}
}