/***********************
		BASE
***********************/
input[type=text],
textarea {
  border-radius: 3px;
  outline: none !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid #e2e2e2;
  padding: 3px 10px;
}
input[type=text]:focus,
textarea:focus {
  box-shadow: 0 0 6px #176da9 !important;
  border: 1px solid #176da9;
}
.font1 {
  font-family: "proxima nova", sans-serif !important;
}
.ui-button {
  background: #e2e2e2;
  border-radius: 4px;
  outline: none !important;
  border: 0 !important;
  padding: 3px 10px;
  margin-bottom: 5px;
}
.ui-button .ui-button-text {
  color: #176da9;
  font-family: "proxima nova", sans-serif !important;
}
.remove_button {
  margin-left: 7px !important;
  margin-right: 10px !important;
}
.ui-button:hover {
  background: #176da9;
}
.ui-button:hover .ui-button-text {
  color: #FFFFFF;
}
.ui-button:hover .ui-icon {
  background-image: url("/static/jquery/images/ui-icons_ffffff_256x240.png") !important;
}
/***********************
		HEADER
***********************/
#product_logo {
  max-height: 78px;
}
.header {
  margin: 15px;
  margin-bottom: 0;
}
.header .logo {
  margin-left: 25px;
  max-height: 78px;
}
.header .header_right {
  margin-right: 5px !important;
}
.header .header_right #search {
  margin-right: -20px;
}
#person_welcome {
  text-align: right !important;
  margin-right: 10px;
  font-family: "proxima nova", sans-serif !important;
}
.center_bar {
  margin: 0 !important;
  padding: 0 !important;
}
.tab_contain {
  padding-left: 30px !important;
  padding-bottom: 20px !important;
  margin-top: -20px;
  margin-bottom: -15px !important;
  width: 100%;
  border-bottom: 1px solid #ffffff;
}
.nav_tab {
  background: #FFFFFF !important;
  color: #919191 !important;
  text-transform: uppercase;
  border-radius: 0px !important;
  padding: 0 !important;
  padding-top: 10px !important;
  margin-right: 20px !important;
  font-family: "proxima nova", sans-serif !important;
}
.nav_tab:hover {
  color: #000000 !important;
}
.nav_tab.active_tab {
  border-top: 4px solid #9E1B32;
  color: #000000 !important;
}
/*******************************
	 TICKET LIST OPTIONS
********************************/
.list_views,
.bar {
  background: #f4f4f4 !important;
  box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.08) !important;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 5px;
  border-top: 4px solid #dcdcdc !important;
  border-bottom: 1px solid #ffffff !important;
}
.list_views .ui-button,
.bar .ui-button {
  position: relative;
  background: #176da9;
  padding-right: 20px !important;
  z-index: 300000000;
}
.list_views .ui-button .ui-button-text,
.bar .ui-button .ui-button-text {
  color: #FFFFFF;
}
.list_views .ui-button .ui-icon,
.bar .ui-button .ui-icon {
  background-image: url("/static/jquery/images/ui-icons_ffffff_256x240.png") !important;
}
.list_views .ui-button.small_menu,
.bar .ui-button.small_menu {
  height: 52px !important;
  top: -14px;
  margin-left: -9px !important;
  background: #FFFFFF !important;
  border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 0 !important;
  border-top: 4px solid #9E1B32 !important;
  z-index: 300000000;
}
.list_views .ui-button.small_menu .ui-button-text,
.bar .ui-button.small_menu .ui-button-text {
  color: #9E1B32;
  text-transform: uppercase;
}
.list_views .ui-button.small_menu .ui-icon,
.bar .ui-button.small_menu .ui-icon {
  background-image: url("/static/jquery/images/ui-icons_222222_256x240.png") !important;
  right: 10px;
}
.list_views .ui-button.small_menu:first-child,
.bar .ui-button.small_menu:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.list_views {
  margin-top: -15px !important;
  z-index: 30000000;
}
.list_column_select + .float_right {
  float: left !important;
  margin-left: 0px;
  font-family: "proxima nova", sans-serif !important;
  position: relative;
  top: 3px;
  font-size: 1.3em;
  font-weight: 700;
  color: #919191;
}
.list_column_select {
  margin-bottom: 7px;
  margin-right: 0px !important;
}
.ui-menu {
  position: absolute !important;
  right: 0 !important;
  border-radius: 4px !important;
  border: 1px solid #e2e2e2 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  padding-top: 10px;
  padding-bottom: 10px;
  max-height: 300px !important;
  overflow: scroll !important;
}
.ui-menu li {
  width: 100%;
  float: left;
}
.ui-menu li .ui-button {
  top: 6px !important;
}
.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item:hover a {
  margin: 0px	!important;
  padding: 0px !important;
  font-family: "proxima nova", sans-serif !important;
  color: #9E1B32;
  font-size: 10px !important;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.ui-menu .ui-menu-item .ui-state-hover,
.ui-menu .ui-menu-item:hover .ui-state-hover {
  background: #ffffff !important;
  border: none !important;
}
.ui-menu .ui-menu-item a .ui-button:hover .ui-icon {
  background-image: url("/static/jquery/images/ui-icons_125687_256x240.png") !important;
}
.ui-menu li b.group,
.ui-menu li b {
  margin: 0px	!important;
  padding: 0px !important;
  padding-left: 10px !important;
  font-family: "proxima nova", sans-serif !important;
  text-transform: uppercase;
  font-size: 0.85em;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  color: #919191 !important;
}
/*******************************
	      TICKET LIST 
********************************/
#tickets .ticket th {
  background-image: -webkit-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: -o-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: linear-gradient(to bottom, #1a7bbf 0%, #145f93 100%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a7bbf', endColorstr='#ff145f93', GradientType=0) !important;
  cursor: move !important;
  transition: background 0.2s ease-in-out;
}
#tickets .ticket {
  background: none !important;
  transition: background 0.2s ease-in-out;
}
#tickets .ticket:nth-child(2n) {
  background: rgba(0, 0, 0, 0.05) !important;
}
#tickets .ticket:hover {
  background: #ebf5fc !important;
}
.ticket {
  border: none !important;
}
.ticket th,
.ticket td {
  border: none !important;
  background: none !important;
}
.ticket td {
  font-family: "proxima nova", sans-serif !important;
  color: #777777 !important;
  font-weight: 600 !important;
}
.ticket td .td-text,
.ticket td a {
  font-family: "proxima nova", sans-serif !important;
  color: #777777 !important;
  font-weight: 600 !important;
}
.ticket td a {
  padding: 10px 20px !important;
}
.ticket th:first-child {
  padding-left: 25px !important;
}
.ticket th:last-child {
  padding-right: 25px !important;
}
.ticket td:first-child {
  padding-left: 25px !important;
}
.ticket td:first-child a {
  padding-left: 0 !important;
}
.ticket td:last-child {
  padding-right: 25px !important;
}
.ticket td:last-child a {
  padding-right: 0 !important;
}
.list_data img {
  margin-right: 10px !important;
}
/************************************
    TICKET CREATION: CHOOSING TYPE
*************************************/
#add_ticket {
  margin-top: -15px;
  margin-left: -20px;
}
.ticket_widget {
  width: 102% !important;
}
.ticket_widget .module_button {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
}
.ticket_widget .module_button li {
  position: relative;
  width: 33.33333333% !important;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f3f7fe 100%) !important;
  background-image: -o-linear-gradient(top, #ffffff 0%, #f3f7fe 100%) !important;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f3f7fe 100%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3f7fe', GradientType=0) !important;
  border-top: 4px solid #dcdcdc !important;
  box-shadow: inset -1px 0 0 0 #ffffff, inset 0 -1px 5px rgba(0, 0, 0, 0.08) !important;
  transition: border-top 0.2s ease-in-out !important;
  padding-top: 20px;
  padding-bottom: 20px;
}
.ticket_widget .module_button li a img {
  margin-left: 30px !important;
  margin-right: 20px !important;
}
.ticket_widget .module_button li a span {
  font-family: "proxima nova", sans-serif !important;
  text-transform: uppercase;
  color: #000000 !important;
  font-weight: 600;
  font-size: 13px !important;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out !important;
}
.ticket_widget .module_button li:nth-child(3n+1) a {
  padding-left: 20px !important;
}
.ticket_widget .module_button li:hover {
  background: #FFFFFF !important;
  box-shadow: none !important;
  border-top: 4px solid #176da9 !important;
}
.ticket_widget .module_button li:hover a span {
  color: #176da9 !important;
}
/************************************
    TICKET PAGE
*************************************/
#header_hold {
  margin-top: 30px !important;
}
.bar {
  padding-bottom: 0 !important;
  padding-left: 30px !important;
  padding-right: 10px !important;
  border-top: 4px solid #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
  max-height: 50px !important;
  overflow: visible !important;
}
.bar .product {
  background: none !important;
}
.bar .product .product_name {
  font-family: "proxima nova", sans-serif !important;
  color: #919191 !important;
}
.bar .product img {
  height: 70% !important;
}
.bar .red_sep {
  display: none;
}
.bar .info {
  padding-left: 30px !important;
}
.bar .info .ticket_number,
.bar .info .ticket_title {
  font-family: "proxima nova", sans-serif !important;
}
.bar .info .ticket_number {
  color: #9E1B32 !important;
}
.bar .info .ticket_title {
  font-size: 1.4em !important;
  font-weight: 400 !important;
}
.bar .ui-button {
  margin-bottom: 0 !important;
}
.bar .ui-button.quick-close {
  position: relative;
  top: 2px;
  height: 50px !important;
  margin-left: -9px !important;
  margin-top: -9px !important;
  background: #FFFFFF !important;
  border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 0 !important;
  border-top: 4px solid #9E1B32 !important;
}
.bar .ui-button.quick-close .ui-button-text {
  color: #9E1B32;
  text-transform: uppercase;
  font-size: 11px !important;
}
.bar .ui-button.quick-close .ui-icon {
  background-image: url("/static/jquery/images/ui-icons_222222_256x240.png") !important;
  right: 10px;
}
.bar .ui-button.quick-close:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.bar .nowrap {
  overflow: visible !important;
}
.bar .info {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.content {
  position: relative !important;
  z-index: 6 !important;
  zoom: 1 !important;
}
.contentWrap {
  position: relative;
  padding-left: 20px !important;
  padding-right: 20px !important;
  z-index: 5 !important;
  zoom: 1 !important;
}
.half_titled,
.titled_contain {
  border: 1px solid #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 3px !important;
  font-family: "proxima nova", sans-serif !important;
}
.half_titled .editable,
.titled_contain .editable {
  color: rgba(0, 0, 0, 0.7) !important;
}
.half_titled .titled_contain,
.titled_contain .titled_contain {
  box-shadow: none !important;
}
.half_titled .titled_bar,
.titled_contain .titled_bar {
  font-family: "proxima nova", sans-serif !important;
  border-radius: 3px 3px 0px 0px !important;
  background-image: -webkit-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: -o-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: linear-gradient(to bottom, #1a7bbf 0%, #145f93 100%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a7bbf', endColorstr='#ff145f93', GradientType=0) !important;
  border: none !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-weight: 400 !important;
}
.contentWrap > .content {
  padding-left: 20px !important;
  padding-right: 20px !important;
  z-index: 4 !important;
}
.contentWrap > .content .list_views {
  margin-left: -50px !important;
  padding-right: -10px !important;
  padding-left: 30px !important;
  width: 103% !important;
}
[name="subject"] {
  width: 98% !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.widget_form {
  padding-top: 30px !important;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 4px solid #ffffff;
}
.widget_form textarea {
  width: 98% !important;
}
.custom_columns {
  margin-bottom: 20px !important;
}
#ticket_detail {
  padding: 0px !important;
}
td > input[type=text],
td > textarea {
  margin-right: 20px;
}
/****************************
     	COMMENTS
****************************/
.ticket_summary .comments .comment_data {
  position: relative;
  border-radius: 4px !important;
  overflow: hidden;
  background: #000;
  border: 1px solid #e2e2e2;
  padding: 15px !important;
  background: #FFFFFF !important;
}
.ticket_summary .comments .comment_data > span {
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 100px !important;
  overflow: hidden !important;
  border: 1px solid #e2e2e2;
}
.ticket_summary .comments .comment_data > span img {
  width: 100% !important;
}
.ticket_summary .comments .comment_data .comment_body {
  font-family: "proxima nova", sans-serif !important;
}
.ticket_summary .comments .comment_data .comment_intro {
  font-size: 11px !important;
}
.ticket_summary .comments .comment_data .comment_intro .avatar_info {
  background: #FFFFFF !important;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid #e2e2e2;
  padding: 10px !important;
  padding-bottom: 15px !important;
}
.ticket_summary .comments .comment_data .comment_intro .dated_relative,
.ticket_summary .comments .comment_data .comment_intro span:last-child {
  color: #919191 !important;
}
.ticket_summary .comments .comment:nth-child(2n+1) .comment_data {
  background: #ebf5fc !important;
}
.ticket_summary .initial_comment {
  padding: 15px !important;
  padding-top: 30px !important;
}
.ticket_summary .initial_comment > span {
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 100px !important;
  overflow: hidden !important;
  border: 1px solid #e2e2e2;
}
.ticket_summary .initial_comment > span img {
  width: 100% !important;
}
.comment_children .comment {
  margin-left: 40px !important;
}
/****************************
     	MODAL BOX
****************************/
.ui-dialog {
  border-radius: 4px !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  padding: 0px !important;
  border: 1px solid #919191 !important;
}
.ui-dialog .ui-dialog-titlebar {
  background-image: -webkit-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: -o-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: linear-gradient(to bottom, #1a7bbf 0%, #145f93 100%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a7bbf', endColorstr='#ff145f93', GradientType=0) !important;
  font-family: "proxima nova", sans-serif !important;
  font-weight: 100 !important;
  padding: 8px 20px !important;
}
.ui-dialog tr th:first-child {
  background: none !important;
  color: #176da9;
  border: none;
  font-family: "proxima nova", sans-serif !important;
}
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.75) !important;
}
/****************************
     	SUBTABNAV
****************************/
#subtabnav {
  width: 100%;
  background: #9E1B32;
  margin-left: 0px !important;
  color: #9E1B32 !important;
}
#subtabnav a {
  position: relative;
  color: #FFFFFF !important;
  margin-right: 20px !important;
  font-family: "proxima nova", sans-serif !important;
  text-decoration: none !important;
  padding-top: 10px !important;
}
#subtabnav a:first-child {
  margin-left: 30px;
}
#subtabnav a:hover {
  opacity: 0.5;
}
[title="Add User"] {
  float: left !important;
  margin-bottom: 15px !important;
}
/****************************
     	TABLE LIST
****************************/
.list {
  padding: 0px !important;
}
.list thead tr {
  border-radius: 4px !important;
}
.list thead tr th {
  background-image: -webkit-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: -o-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: linear-gradient(to bottom, #1a7bbf 0%, #145f93 100%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a7bbf', endColorstr='#ff145f93', GradientType=0) !important;
  border: none !important;
  font-family: "proxima nova", sans-serif !important;
  padding: 8px 20px !important;
}
.list tbody {
  border: none !important;
}
.list tbody tr,
.list tbody tr td {
  border: #FFFFFF !important;
  transition: background 0.2s ease-in-out !important;
}
.list tbody tr {
  background: #FFFFFF !important;
  transition: background 0.2s ease-in-out !important;
}
.list tbody tr td {
  padding: 5px 20px !important;
  font-family: "proxima nova", sans-serif !important;
  color: rgba(0, 0, 0, 0.75);
}
.list tbody tr:nth-child(2n+1),
.list tbody tr:nth-child(2n+1) td {
  background: rgba(0, 0, 0, 0.03) !important;
}
.list tbody tr:hover td {
  background: #ebf5fc !important;
}
#settings .list {
  padding: 0px !important;
}
#settings .list thead tr {
  border-radius: 4px !important;
}
#settings .list thead tr th {
  background-image: -webkit-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: -o-linear-gradient(top, #1a7bbf 0%, #145f93 100%) !important;
  background-image: linear-gradient(to bottom, #1a7bbf 0%, #145f93 100%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a7bbf', endColorstr='#ff145f93', GradientType=0) !important;
  border: none !important;
  font-family: "proxima nova", sans-serif !important;
  padding: 8px 20px !important;
}
#settings .list tbody {
  border: none !important;
}
#settings .list tbody tr,
#settings .list tbody tr td {
  border: #FFFFFF !important;
  transition: background 0.2s ease-in-out !important;
}
#settings .list tbody tr {
  background: #FFFFFF !important;
  transition: background 0.2s ease-in-out !important;
}
#settings .list tbody tr td {
  padding: 5px 20px !important;
  font-family: "proxima nova", sans-serif !important;
  color: rgba(0, 0, 0, 0.75);
}
#settings .list tbody tr td:first-child span {
}
#settings .list tbody tr td:first-child span img {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
}
#settings .list tbody tr:nth-child(2n+1),
#settings .list tbody tr:nth-child(2n+1) td {
  background: rgba(0, 0, 0, 0.03) !important;
}
#settings .list tbody tr:hover td {
  background: #ebf5fc !important;
}
.list_views {
  position: relative !important;
  zoom: 1;
  z-index: 3;
  overflow: visible !important;
}
.list_views,
.ui-menu {
  zoom: 1;
  z-index: 2 !important;
}
.list_views + div {
  position: relative !important;
  zoom: 1;
  z-index: 0 !important;
}
.external_notify.titled_bar {
  background-image: none !important;
  background: #9E1B32 !important;
  background-image: -webkit-linear-gradient(top, #b41f39 0%, #88172b 100%) !important;
  background-image: -o-linear-gradient(top, #b41f39 0%, #88172b 100%) !important;
  background-image: linear-gradient(to bottom, #b41f39 0%, #88172b 100%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb41f39', endColorstr='#ff88172b', GradientType=0) !important;
}
.forgot-password-content .form-group {
  text-align: left !important;
}