@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");

html, body, 
form, label, legend, fieldset
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;*/
}
body,
html {
    background-color: #fbfcfe;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased
}

@font-face {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-style: normal;
  font-weight: 300;
  /*src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(/css/fonts/opensans.woff) format('woff');*/
}

@media only screen and (min-width: 481px) {
    .flex-row.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-row.row > [class*='col-'] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .flex-row.row:after,
    .flex-row.row:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
#content {
    /*max-width: 1200px;*/
    display: block;
    margin: 0 auto;font-size: 0.85em;
}
nav {
    border-radius: 0 !important;
    height: 100px !important;
    padding: 0 40px !important;
    background-color: transparent !important;
    font-size: 1em;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    position: relative;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
}
nav a {
    color: #ecf1fa !important;
    font-weight: normal;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;font-size: 16px;
}
    
nav .spacer {
    -moz-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto
}
nav .nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
nav .nav-items a.btn-contact {
    color: #ecf1fa !important;
    background-color: #5080ce;
    border-style: none
}
@media (max-width: 767px) {
    nav .nav-items li {
        display: none
    }
}
nav .nav-items li.language-picker, nav .nav-items li:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
nav .navbar-brand {
    height: 75px;
    font-size: 1.2em;
    color: #ecf1fa !important;
    font-weight: normal;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
}
nav .navbar-brand b {
    color: #ecf1fa !important;
}
@media (max-width: 767px) {
    nav .navbar-brand b {
        display: none
    }
}
nav .navbar-brand img.logo {
    height: 40px !important;
    margin-right: 5px
}
nav .navbar {margin-bottom:0px !important;}

nav.navbar ul.navbar-nav a,
nav.navbar ul.navbar-nav a:hover,
nav.navbar ul.navbar-nav a:visited,
nav.navbar ul.navbar-nav a:focus,
nav.navbar ul.navbar-nav a:active {
    background: transparent !important;
}

/* END-- navigation */

#header {
    margin-top: -100px;
    padding-top: 100px;
    background-color: #0066FF;
    margin-top: -100px;
    padding-top: 100px;
}
#header #top-articles-container {
    padding-bottom: 1em;
}
#header #top-articles-container p {
    color: #ecf1fa;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#header #top-articles-container p.top-articles-label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: .8em;
    margin-bottom: 0
}
#header #top-articles-container span.top-article a {
    color: #ecf1fa
}
#header .input-group {
    margin: 0 auto 2em auto
}
#header input {
    border-radius: 5px 0 0 5px !important;
    border-width: 1px !important;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    background-color: #8eade0 !important;
    color: #ecf1fa !important;
}
#header input::-webkit-input-placeholder {
    color: #ecf1fa
}
#header input:-moz-placeholder {
    color: #ecf1fa
}
#header input::-moz-placeholder {
    color: #ecf1fa
}
#header input:-ms-input-placeholder {
    color: #ecf1fa
}
#header input:focus {
    outline-style: none !important
}
#header .btn.btn-secondary {
    border-radius: 0 5px 5px 0;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    background-color: #5080ce;
    color: #ecf1fa
}
#header input,
#header .btn.btn-secondary {
    border: 1px solid #4c7dcd
}
#search-container span {
    float: right;
    margin-right: 1em;
    margin-top: -3.5em;
    font-size: 1.25em;
    position: relative;
    z-index: 2;
    color: #ecf1fa
}
#search-container input#txtMasterSearchClient_CC {
    /*border-radius: 5px !important;*/
    width: 300px !important; float:right;
    padding: .43em 0.5em !important;
    font-size: 1em !important;
    display: block !important;
    /*margin-bottom: 2em*/
}
@media (min-width: 70em) {
    #search-container.search-responsive #instant-search {
        position: absolute;
        top: -4.5em !important;
        width: 100% !important;
        padding: 0 6em;
        z-index: 1048 !important
    }
    #search-container.search-responsive span {
        margin-right: 4em;
        margin-top: -2.8em;
        z-index: 1049 !important
    }
}
#header #searchresults {
    display: none;
    background-color: #fbfcfe;
    margin-top: 1em !important;
    padding-top: 1em !important;
}
#header #searchresults a {
    color: #88a9de
}
#header #searchresults p {
    color: #707378 !important
}
#header #searchresults h3 {
    font-size: 1.2em !important;
    font-weight: bold !important
}
#header-text {
    color: #ecf1fa;
}
#header-text h1 {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important
}
#header-text p.lead {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
    font-size: 1em
}
#header-text:last-child {
    margin-bottom: 1em
}
#header-text .meta img {
    max-height: 1.75em !important;
    max-width: 1.75em !important;
    margin-right: .5em;
    display: inline !important
}
/* HEADER */

/* Footer */

#footer {
  position: relative !important;
  bottom: 0 !important;
  text-align: center !important;
  margin: 2em !important;
  padding: initial !important;
  padding-bottom: 2em !important;
  display: block !important;
}

#footer img {
  display: initial !important;
  position: initial !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer a {
  display: initial !important;
  position: initial !important;
  margin: 0 !important;
  padding: 0 !important;
}

.formheader, .formheader2{
	margin:0; 
	padding: 5px 10px 5px 10px; clear:left;
	/*border-bottom:solid 1px #eee*/;

}
.formheader .input,.formheader span,.formheader a,.formheader2 .input,.formheader2 span,.formheader2 a
{
    float:left;font-weight: normal;font-size: 10pt;
}
.formheader span, .formheader2 span
{
    /*padding: 3px 10px 3px 5px;margin: 0 5px 0 5px;*/
    padding: 3px 10px 3px 0px;margin:0;
}
.formheader .search{ float:right; padding:4px 10px 4px 5px;margin: 0 5px 0 5px;}
.formheader a,.formheader2 a{margin:0 5px 0 0;}
.formheader .small{font-size:0.9em}
.formheader span.ticketid{/*border-right: solid 1px #ccc;*/}
.formheader2
{
    /*background: #FAFAFC !important;*/
    /*border-bottom: solid 1px #e3c7e3;*/
}
.formheader2 .left{float: left;}
.formheader2 .right{float: right; margin-top: 3px; padding: 1px 0 0 1em;}
.formheader2 .floating{float:left}
.formheader2 .floating input, .formheader2 .floating select{margin-top: -1px;} 
.formheader2 h4{float:left; margin-right:1em;margin-top:0px;}


/* Tables ---------------------------------- */
table.fullwidth, table.grid {
	width:98%; /*table-layout:fixed;*/max-width:1800px;
	clear:both; margin: 1em auto;
	padding:0px;
	margin-bottom:10px;
	border-collapse:collapse;
}

table.normal {
	padding:1px;
	margin-bottom:10px;
}

table.fullwidth thead, table.normal thead, table.fullwidth th, table.normal th , table.grid th, table.grid thead{
	height:20px;
	text-transform:uppercase;
	
}

table.fullwidth th, table.normal th , table.grid th{
	padding:1px 1px;
	margin:1px 0;
}
table.fullwidth td, table.normal td, table.grid td{padding:0px 0px;margin:1px 0;}
table.fullwidth th, table.normal th, table.grid th {font-weight:normal;}
table.fullwidth td{vertical-align:top}
/*table td a,table th a, table.grid th a { color:#fff; text-decoration:none}*/
table td a:hover,table th a:hover, table.grid th a:hover { color:#1A74B0; text-decoration:underline}

/* End of Tables */
table.fullwidth thead a, table.normal thead a, table.fullwidth th a, table.normal th a, table.grid th a { color: #2d8eb6; }
table.fullwidth thead tr, table.normal thead tr, table.fullwidth th , table.normal th{ }
table.fullwidth thead tr.bold, table.fullwidth tr.bold{font-weight:bold}
table.fullwidth tr, table.normal tr {cursor:pointer;}
table.fullwidth tr.odd, table.normal tr.odd {background:#f8f8f8;color:#888;}
table.grid tr.checked{background-color:#eee}

table.grid tr.assigned_to_self{background-color:#E7E7E8;}
table.grid tr.assigned_to_self td{}

table.grid tbody tr td, table.grid th {
			border: 1px solid #C6D2DA;
			border-right: 1px solid #C6D2DA;
			padding: 1px 2px 0px 3px;
			vertical-align: middle; 
			/*text-indent:1px;*/
		}
table.grid .fixed{
                  max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
                  }
table.grid thead, table.grid th
{
	/*border: 1px solid #aed0ea; */
	background-color: #6AABDA /*url(../images/ui-bg_highlight-hard_70_000000_1x100.png) 50% 50% repeat-x*/; font-weight: bold;
	text-transform:capitalize;text-shadow: #555 0 0px 0;color:#fff;white-space: nowrap;
	
}
table.grid tr:hover td{background: #eee;cursor: default;}
table tr.grid_selected{background: #e6f1f8 url(../images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% 50% repeat-x;font-weight: bold;}
table.grid thead a, table.grid th a{color:#fff; font-weight:bold}
table.grid td a{color:#2d8eb6; font-weight:normal; border-bottom:none}
table.grid td a:hover{ border-bottom:dotted 1px; text-decoration:none}

table.grid {background:#fff;color:#555;}
table.grid td.tddate{width:70px;}
table.grid td.tdplace{width:70px;}
td.tddatetime{width:140px;}
td.tdamount{width:50px;white-space: nowrap;background: #deedf7 url(../images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% 50% repeat-x; border: 1px solid #C6D2DA; color:#333; text-align:right}
table.grid td.tdradios{width:110px;}

table.grid tr.Submitted, table.normal tr.Submitted 
{
	/*background:#fff;*/color:#333; font-weight:normal
}
tr.CLASS_disableenabletr td
{
	background: #E8EAD9 !important;
	color: #888;
	font-weight: 300;
}
table.grid tbody tr td.column1
{
	width: 130px !important;
	text-align: left !important;
	vertical-align: middle !important;
	font-weight: normal !important;
	border-bottom: 1px solid #C6D2DA !important;
	border-right: 1px solid #C6D2DA !important;
	border-left: 1px solid #C6D2DA !important;
	background: #FFFFDF !important;
	color: #2F4450 !important;
}


table.grid tr.highlight td, table.normal tr.highlight td
{
	/*background: #EDF5FE !important;*/
	background: #FFFFDF !important; border-bottom:solid 1px #C6D2DA; border-top:solid 1px #C6D2DA;
}
table.grid tr td a.read{font-weight:normal}
table.grid tr td a.unread{font-weight:bold}
.gridpager td
{
    background: #6AABDA;font-size:1.2em; margin:0 auto;
}
.gridpager td table tbody td, .gridpager td table tbody td a{ font-size:1.2em;font-weight: bold;border:none;}
.gridpager td table tbody td span{ font-size:1.2em;}
/* end table*/

#feature-tour-btn {
	background-image: url(/images/buttons/feature-tour.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 42px;
	width: 152px;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 12px;
}
#feature-tour-btn:hover {
	background-position: left center;
}
#feature-tour-btn:active {
	background-position: left bottom;
}
#get-started-btn {
	background-image: url(/images/buttons/get-started.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 42px;
	width: 152px;
	display: block;
	position: absolute;
	right: 175px;
	bottom: 12px;
}
#get-started-btn:hover {
	background-position: left center;
}
#get-started-btn:active {
	background-position: left bottom;
}
.home-page-feature-list {
	width: 300px;
	margin-right: 20px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.home-page-feature-list-wrapper {
	width: 640px;
	float: left;
	padding-top: 10px;
}
.home-page-feature-list .image-left {
	float: left;
	width: 60px;
}
.home-page-feature-list .text-right {
	float: left;
	padding-left: 20px;
	width: 220px;
}

.right-column-wrapper {
	float: left;
	width: 320px;
	padding-top: 10px;
}
.additional-section {
	background-image: url(/images/shadow-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 20px;
	padding-bottom: 10px;
}
.additional-section-ship {
	background-image: url(/images/shadow-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 20px;
	padding-bottom: 10px;
	width:1000px;
}
.image-list li {
	float: left;
}
.image-list li img {
	margin-right: 10px;
	margin-left: 10px;
}
.footer p {
	color: #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.footer .wrapper {
	padding: 8px;
}
.menu, .menu1 {
	/*position: absolute;
	right: 0px;
	top: 45px;	*/
	margin-right:0em;
}
.menu li{
	float: right;line-height: 27px; /*margin:5px;*/padding:0;
}
.menu1 li{
	float: right;line-height: 20px;/*margin-right:5px;*/padding:0px 0px 0px 0px;
}
.menu li a, .menu1 li a{
	font-size: 12px; font-weight:bold;
	color: #333;	
	display: block;	
	cursor:pointer;padding-left: 10px;line-height: 27px;
}
.menu li a span, .menu2 li a span{

	display: block;padding-right: 10px;
	
}

.menu li a:hover,.topLinkA  {
	color: #FFF;
	text-decoration: none;
	background-image: url(/images/menu-selected-right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
}
.topLink, .menu li a:hover span, .topLink {
	color: #FFF;
	text-decoration: none;
	background-image: url(/images/menu-selected-left.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 27px;padding-right:10px;
}
.menu2 li a{color:#333;}
.price-list {
	background-image: url(/images/list-header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	min-width:950px;
}
.price-list-content {
	background-image: url(/images/bg-prices.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-left: 10px;
	font-size: 14px;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.price-list-footer {
	line-height: 5px;
	background-image: url(/images/price-footer.gif);
	height: 5px;
	background-repeat: no-repeat;
	background-position: center top;
}
.sign-up-1 {
	background-position: 0px 0px;
}
.sign-up-2 {
	background-position: 79px 0px;
}
.sign-up-3 {
	background-position: 158px 0px;
}
.sign-up-4 {
	background-position: 237px 0px;
}
.sign-up-btn{
	background-image: url(/images/buttons/sign-up.jpg);
	height: 27px;
	width: 79px;
	text-indent: -9999px;
	display: block;	
	margin-left: 80px;
	}

.sign-up-1:hover {
	background-position: 0px -27px;
}
.sign-up-2:hover {
	background-position: 79px -27px;
}
.sign-up-3:hover {
	background-position: 158px -27px;
}
.sign-up-4:hover {
	background-position: 237px -27px;
}
.sign-up-1:active {
	background-position: 0px -54px;
}
.sign-up-2:active {
	background-position: 79px -54px;
}
.sign-up-3:active {
	background-position: 158px -54px;
}
.sign-up-4:active {
	background-position: 237px -54px;
}

.column-4 {
	width: 235px;
	float: left;
	text-align: center;
}
.price-list-header {
	padding-top: 100px;
	padding-bottom: 10px;
	padding-left: 10px;	
}
.left-column {
	background-image: url(/images/sub-page-shadow.gif);
	background-repeat: no-repeat;
	float: left;
	width: 200px;
	padding-left: 20px;
}
.right-column {
	width: 100%;
	float: left;
	
}
.inner-page .page .wrapper {
	/*padding-top: 20px;*/
}
.details-1 {
	width: 220px;
	margin-right: 20px;
	float: left;
	font-size: 11px;
	color: #666;
}
.details-2 {
	float: left;
	width: 480px;
}
.half-form {
	width: 217px;
	float: left;
	margin-right: 20px;
}
.page-submenu {
	width: 220px;
	float: left;
	background-image: url(/images/page-submenu-bg.gif);
	background-repeat: no-repeat;
	margin-right: 20px;
	height: 500px;
}
.page-content {
	float: left;
	width: 700px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-left: 20px;
}
.submenu li {
	font-size: 15px;
	font-weight: bold;
	line-height: 41px;
	height: 41px;
	padding-left: 20px;
}
.submenu .selected {
	background-image: url(/images/selected-bg.png);
}
.submenu li a {
	color: #777777;
	font-weight: bold;
}
.submenu .selected a {
	color: #1A74B0;
}
.feature .feature-img {
	float: left;
	width: 300px;
}
.feature .feature-img-small {
	float: left;
	width: 100px;	
}

.feature .feature-text {
	float: left;
	margin-left: 20px;
	width: 380px;
}
.feature {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.feature h3 {
	color: #1974CB;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 20px;
	white-space:nowrap
}
.featuresmall{
	color: #1974CB;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 5px;
}
.featuresmall2{
	color: #1974CB;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 15px;
}
.pricing-buttons {
	height: 20px;
	padding-top: 5px;
	padding-bottom: 15px;
}
.app-submenu-list li {
	background-image: url(/images/app/bullet.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
.app-submenu-list a:hover{
	background-color:#F0F0F0
}
.last-item {
	background-image: none !important;
}
.app-breadcrumbs {
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.app-breadcrumbs a{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
.app-page-header {
	position: relative;
}
.app-page-header-right-content {
	top: 0px;
	right: 0px;
	position: absolute;
	padding-top: 15px;
}
.box-wrapper .box h2 {
	line-height: 20px;
	background-image: url(/images/app/box-header.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	color: #666;	
}
.ProductNavigation
{
    width:170px;
}
.LeftColumn
{
    width:15%;
}
.RightColumn
{
    width:15%;
}
.MiddleColumn
{
    width:1000px;
    min-width:1000px;
}
.MenuColumn
{
       min-width:1000px;
       width:70%;
       height:50px;
       vertical-align:bottom;
}
.TopRightMenuCell
{    
    text-align: right; 
    vertical-align: middle;    
}
.SiteMatpPathSeperator
{
    /*background-image:url(/images/app/bullet-2.gif);
    background-repeat:no-repeat;
*/
}

.page-content .tab  
{
    display: none; 
     max-width:800px; 
     width:800px; 
     min-width:800px
 }
.page-content .selected  
{
    display: block; 
     max-width:800px; 
     width:800px; 
     min-width:800px;

}


div.tabContainer div.tab  
{
    display: none;  
    min-width:800px;
     max-width:800px; 
     width:800px;                                 
                           
}
div.tabContainer div.current  
{
    display: block;     
    min-width:800px;
     max-width:800px; 
     width:800px;      
    
}
#tabIntegration
{   
    
     max-width:400px; 
     width:400px;          
}
#tabIntegration img
{
    float: left;
	width: 100px;

}


.attachment{background:url(/images/attachment.png) no-repeat; width:20px; height:20px; float:left;}
.flag-red{background:url(/images/flag-red.png) no-repeat; width:16px; height:16px; float:left;}
.flag-green{background:url(/images/flag-green.png) no-repeat; width:16px; height:16px; float:left;}
a.star-on span{background:url(/images/staron.png) no-repeat; width:16px; height:16px; float:left;}
a.star-off span{background:url(/images/staroff.png) no-repeat; width:16px; height:16px; float:left;}
.email-sent{background:url(/images/EmailSent.png) no-repeat; width:25px; height:25px; float:left;margin:0px 5px 0px 10px}
.email-not-sent{background:url(/images/EmailNotSent.png) no-repeat; width:25px; height:25px; float:left;margin:0px 5px 0px 10px}

ul.documents{list-style-type:none;}
ul.documents li{float:left;border:solid 2px #ccc;padding: 10px 5px 15px 5px; margin:1em 5px 1em 0; width:78px;box-shadow: 1px 1px 1px #eee;}
ul.documents li a{font-size: 11px;float: left;margin:5px auto;width:64px;}
ul.documents li .action{clear:left; margin:1em 0; border-top:solid 1px #ddd}
    ul.documents li .action a{width:auto; height:auto; padding:0; line-height:normal; font-weight:bold}
.document{background:url(/images/document.png) no-repeat; float:left;line-height: 64px;padding: 32px 0 32px 0;}



.error,.failureNotification, .success
{
	/*background-position: 20px 50%;*/
	/*background: #FFFFE6;*/
	/*border: 1px solid #FFFF00;*/ margin:2em 1em 2em 1em; padding:0.5em; clear:both;  text-align:left; font-weight:bold;
}

.success
{
    /*background-position: 20px 50%;
	background: #FBFEF3 url('../assets/icons/tick_48.png') no-repeat 20px 50%;
	border: 1px solid #CCFF66;*/
    color: #009900 !important;
    border: 1px solid #C1FFC1;
}
.failureNotification, .error
{
    color: Red;
    border: 0px solid #FFC9BB;
    width: 500px;
}
.failureNotification ul, .error ul{list-style-type: disc;padding: 0 2em 0;margin: 0;}
    .failureNotificationul ul li, .error ul li{}
.information
{
	background-position: 20px 50%;
	background: #F2FAFF url('../assets/icons/info_48.png') no-repeat 20px 50%;
	border: 1px solid #F2FfFF; padding:10px;
}
.content-scrollable
{
position: relative;top: -20px; width:700px; height:200px; border:solid 2px #eee;overflow-y: auto;
overflow-x: auto;
padding: 5px;
}
.navlist{margin: 0;padding: 0;list-style-type: none;text-align: center;}
.navlist li { float:left; 
              list-style: none;text-align: center;border: 1px solid #eee;padding: 5px;
              -webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;
              -webkit-flex-basis: auto;-moz-flex-basis: auto;flex-basis: auto;
              width:30%;
              }
.navlist li a{ text-decoration: none; padding: .2em 1em;color: #529bbe; }

/* notfication popup starts */
#global-notification 
    {
    display:none;
    font-family: Arial,"ProximaNovaLight","ProximaNovaRegular","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 300;
    position: fixed;
    z-index: 600;
    text-align: center;    
    bottom: 0px;/*-86px*/
    left: 0;
    right: 0;
    padding: 0 10px;
    font-size:16px; color:#fff;
    height: 86px;    
    background-color:#458ced;
    border-top: solid 1px #aaa;border-bottom: solid 1px #11A2DF;
    -o-transition: bottom 0.3s ease-in-out 0s;
    -moz-transition: bottom 0.3s ease-in-out 0s;
    transition: bottom 0.3s ease-in-out 0s;
    }
    #global-notification span{text-align: center; float:none; clear:left; color: #fff;font-size: 14px;line-height:26px;
                              margin:1em;
                              text-shadow: 0px 0px 0px rgba(100,100,100,.5); /* 50% white from bottom */}
    #global-notification span.notification-message {    
    /*width: 95%;*/
    float:none; font-size: 16px;line-height:50px;
    
    }
    .global-notification-success{background-color:#458ced;}
    .global-notification-error{background-color: #FF3300;}
    
    .separate-layer {
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    }
.close-notify {
    white-space: nowrap;
    float:right;
    margin-right:10px;
    color:#fff;font-size: 24px;
    text-decoration:none;
    border:0px #fff solid;
    padding-left:3px;
    padding-right:3px
    }

.close-notify a {
    color: #fff;
    }
/* popup notification ends */
.ticket-filtericon{padding: 2px 0; float:right; margin-right:5px}
    .ticket-filtericon i{color:#fff;}
.grid-data-container{height: auto;width: auto; max-width:350px; cursor: default;z-index: 12000;position: absolute;opacity: 1;visibility: visible;display: block;}
.grid-data-container div.panel-body{margin:0; padding:0}
.grid-data-container a, .grid-data-container a:hover{padding: 3px 10px;text-shadow: none;font-weight: normal !important; color:#333 !important}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus
{color: #fff !important;}
.btn{border-radius:0}
.multiselect.btn{padding:1px; font-size:12px;}
/* modal popup */
.modal-footer {
  /* margin-top: 15px; */
  padding: 9px 10px 10px;
  text-align: right;
  border-top: 1px solid #e5e5e5;}
.modal-header {padding: 10px;background-color: #DFE5EA;}
.modal-body { padding:10px;}
.modal-content{background-color: #f7f7f7;}
@media screen and (min-width: 768px) {	
	#popup_description .modal-dialog  {width:900px;}
}
@media screen and (min-width: 768px) {	
	#Popup_Ticket_SendMail .modal-dialog  {width:900px;}
}
.btn-group>.btn:first-child {padding: 1px 2px 1px 2px;}

/* ********************** PAGINATION ****************************** */
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys td table > tbody > tr > td {
    display: inline;
}

.pagination-ys td table > tbody > tr > td > a,
.pagination-ys td table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 5px 10px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #2a6496;
    background-color: #f9fafc;
    border: 1px solid #ddd;
    margin-left: -1px;
}

    .pagination-ys td table > tbody > tr > td > span {
        position: relative;
        float: left;
        padding: 5px 10px;
        line-height: 1.42857143;
        text-decoration: none;
        margin-left: -1px;
        z-index: 2;
        cursor: default;
        border-color: #535a6c;
        background-color: #0099FF;
        color: #ffffff;
    }

.pagination-ys td table > tbody > tr > td:first-child > a,
.pagination-ys td table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys td table > tbody > tr > td:last-child > a,
.pagination-ys td table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys td table > tbody > tr > td > a:hover,
.pagination-ys td table > tbody > tr > td > a:focus
{
    color: #2a6496;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.pagination-ys td table > tbody > tr > td > span:hover,
.pagination-ys td table > tbody > tr > td > span:focus 
{
    border-color: #535a6c;
    background-color:#458ced; /* #535a6c; */
    color: #ffffff;
}

table.table thead tr th {
    background-color: #0099FF; /* #3598dc; */
    color: white;
}
table.table thead tr th a {color: white; font-weight:500;}
table.table tr.assigned_to_self{background-color:#E7E7E8;}
table.table tr td a.read{font-weight:normal}
table.table tr td a.unread{font-weight:bold}
table.table .fixed{max-width: 150px;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}