@font-face{font-family:proxima_nova_altblack;src:url('Mark Simonson - Proxima Nova Alt Black-webfont.eot');src:url('Mark Simonson - Proxima Nova Alt Black-webfont.eot?#iefix') format('embedded-opentype'),url('Mark Simonson - Proxima Nova Alt Black-webfont.woff2') format('woff2'),url('Mark Simonson - Proxima Nova Alt Black-webfont.woff') format('woff'),url('Mark Simonson - Proxima Nova Alt Black-webfont.ttf') format('truetype'),url('Mark Simonson - Proxima Nova Alt Black-webfont.svg#proxima_nova_altblack') format('svg');font-weight:400;font-style:normal}@font-face{font-family:proxima_nova_altbold;src:url('Mark Simonson - Proxima Nova Alt Bold-webfont.eot');src:url('Mark Simonson - Proxima Nova Alt Bold-webfont.eot?#iefix') format('embedded-opentype'),url('Mark Simonson - Proxima Nova Alt Bold-webfont.woff2') format('woff2'),url('Mark Simonson - Proxima Nova Alt Bold-webfont.woff') format('woff'),url('Mark Simonson - Proxima Nova Alt Bold-webfont.ttf') format('truetype'),url('Mark Simonson - Proxima Nova Alt Bold-webfont.svg#proxima_nova_altbold') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Proxima Nova';src:url('Mark Simonson - Proxima Nova Alt Regular-webfont.eot');src:url('Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),url('Mark Simonson - Proxima Nova Alt Regular-webfont.woff2') format('woff2'),url('Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),url('Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),url('Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');font-weight:400;font-style:normal}@font-face{font-family:proxima_nova_scosfthin;src:url('Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot');src:url('Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot?#iefix') format('embedded-opentype'),url('Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff2') format('woff2'),url('Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff') format('woff'),url('Mark Simonson - Proxima Nova ScOsf Thin-webfont.ttf') format('truetype'),url('Mark Simonson - Proxima Nova ScOsf Thin-webfont.svg#proxima_nova_scosfthin') format('svg');font-weight:400;font-style:normal}@font-face{font-family:proxima_nova_ltsemibold;src:url('Mark Simonson - Proxima Nova Semibold-webfont.eot');src:url('Mark Simonson - Proxima Nova Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('Mark Simonson - Proxima Nova Semibold-webfont.woff2') format('woff2'),url('Mark Simonson - Proxima Nova Semibold-webfont.woff') format('woff'),url('Mark Simonson - Proxima Nova Semibold-webfont.ttf') format('truetype'),url('Mark Simonson - Proxima Nova Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');font-weight:400;font-style:normal}@font-face{font-family:proxima_nova_ltthin;src:url('Mark Simonson - Proxima Nova Thin-webfont.eot');src:url('Mark Simonson - Proxima Nova Thin-webfont.eot?#iefix') format('embedded-opentype'),url('Mark Simonson - Proxima Nova Thin-webfont.woff2') format('woff2'),url('Mark Simonson - Proxima Nova Thin-webfont.woff') format('woff'),url('Mark Simonson - Proxima Nova Thin-webfont.ttf') format('truetype'),url('Mark Simonson - Proxima Nova Thin-webfont.svg#proxima_nova_ltthin') format('svg');font-weight:400;font-style:normal}


h1,h2,h3,h4,h5,h6{font-family: 'Proxima Nova', sans-serif; font-weight: normal !important;}
legend{font-family: 'Proxima Nova', sans-serif;}

#container{ width: 1000px; margin: 0 auto; text-align: center;}
#logo{ background: url('/lib/img/bibi_logo_60x.png') no-repeat;     width: 296px;
    height: 60px; display: block; float: left; margin-top: 5px; margin-bottom: 10px; margin-left: 0px; }
#login{float:left; padding-left: 10px;}
#login label{width: 85px; float: left;}
#login input{float:left; margin-bottom:5px;}
#login p{clear:both; }
#loginContainer{padding-top: 25%; width: 920px; margin: 0 auto;}





#logoAlt{ background: url('/lib/img/bibi_logo_60.png') no-repeat; width: 246px; height: 60px; display: block; float: left; }
#logout{float:right;}

body{color: #100f0e; font-size: 14px; line-height: 20px;}

body {
    font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

body a:hover{text-decoration: underline;}
input[type="text"],input[type="password"]{padding:0 4px;height: 30px;}

#panel_body{clear:both; width: 100%; text-align: left;}

nav { border-radius: 6px; background: url('/lib/img/main_menu_bg.png') repeat-x;  clear: both; padding: 20px 0; background-color: #eee; height: 25px;}

nav ul#mainNav{ float: left; list-style: none; display: inline-block; margin-top: -20px;} 
nav ul#mainNav li{ 
	background: url('/lib/img/main_menu_bg.png') repeat-x;  
	float: left; 
	height: 21px; 
	display: block; 
	padding: 4px 18px;
	color: #fff;
	font-weight: bold;
    border-right: 1px solid #666;
    border-left: 1px solid #aaa;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}



nav ul#mainNav li a{color: #fff}

#subnav{ clear: both; padding: 0px 10px 0; margin-top: -7px; text-align: left;}

#subnav ul{list-style: none; padding: 0px 0 0; margin: 0;}
#subnav ul li a{color: #444; font-weight: normal; font-size: 14px;}
#subnav ul li a:hover{text-decoration:none; color: #999;}
#subnav ul li{display: inline; padding: 0 15px;}
#subnav ul li:last-child{border-right: 0;}

#mainNav{margin-left: 5px;}
#mainNav li:first-child{border-left:0 !important;}

#loginLogo
{
	float:left; 
	width:400px;
	margin-top: -70px;
}

#loginLogo img{width: 375px;}

span.note{background-color: #37a150; padding: 5px; border-radius: 5px; margin: 15px; display: block; font-weight: bold; text-align: center; color: #fff; opacity: 0.75px;}

span.note.error{background-color: #b02525; color:#fff;opacity:0.75;}

table {border: 1px solid #ccc; border-width: 1px 1px 0 0; border-spacing: 0; width: 100%; text-align: left;}
table th{ border: 1px solid #ccc; border-width: 0 0 1px 1px; padding: 4px 8px; background-color: #ddd;}
table td{border: 1px solid #ccc; border-width: 0 0 1px 1px; padding: 4px 8px;}
table td em{}
nav a.active::after{content: " \25BC"; font-size: 11px;}

span.priority-low{color:gray;}
span.priority-high{color: red;}
span.priority-normal{color:green;}
span.priority-critical{color: red; font-weight: bold;}

span.status-open{color:red;}
span.status-wip{color:blue;}
span.status-closed{color: gray;}

#support h2{ font-size: 18px; }
#support h3, #support table.info {
	text-transform: uppercase;
	font-size: 12px;
	color: #888;
	font-weight: bold;
}
#addTicket{
	float:right;
	border: 0;
	padding: 12px;
	margin: 12px 0;
	background-color: #999;
	color: #fff;
	font-weight: bold;
}

#support br.clear{margin-top:25px;}

#support table{width: 100%; clear:both;}
#support table th{text-align: left; border-bottom: 3px solid #999}
#support table td{text-align: left; border-bottom: 1px solid #999; padding: 5px;}


#support table.info td{ border-right: 1px solid #ddd; border-bottom: 1px solid #ccc;}

table.history thead, table.history th{background-color: #ccc; font-weight: normal;}
table.history th{ padding: 5px;}
table.history a{color: #444;}
table.history p{white-space: pre-wrap;}
#ticketReply{background-color: #444; color: #fff; border:0; float: right;}

#reassignTicketContainer{height: 0;}
#reassignTicketContainer.collapsed{display: none;}

table.history tr.alt{ background-color: #fff;}
table.history tr{ background-color: #ddd;}
span.date{font-size:11px;}
span.attachmentData{font-size:11px;}
span#userName{padding:55px 0 0;display:block;text-align: right; font-size: 11px;}
span#reassignTicket{font-size: 11px; font-weight: bold; text-transform: uppercase;}	
footer{margin-top: 20px; text-transform: uppercase; font-size: 10px; text-align: center;clear:both;}

#pgPrev, #pgNext{float: right; border: 0; background-color: #444; color: #fff; text-transform: uppercase; padding: 6px 10px; font-weight: bold; border-radius: 4px; margin-top: -10px; display: inline-block;}
#pgPrev{margin-right: 5px;}


#searchBox{float: right;}

#panel_body table{font-size: 14px !important;}
#panel_body th{text-align: left;}
#panel_body tr:hover{background-color: #eee; cursor: pointer;}
#panel_body hr{border-color: #ddd !important; border-width: 1px 0 0 0;}

#panel_body  table th{background: url('/lib/img/main_menu_bg.png') repeat-x;}
#panel_body  table th{color: #fff;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); border: 0;}
#panel_body  table th:nth-child(1){border-radius: 6px 0 0 0; border: 0;}
#panel_body  table th:last-child{border-radius: 0 6px 0 0; border: 0;}
#panel_body  table{border-radius: 6px; border: 0;}
#panel_body  table td:last-child{border-right: 1px solid #ddd;}
#panel_body table th{height: 30px;}

#cb_container{ width: 620px; height: 450px; background-color: #fff; border 3px solid #aaa; border-radius: 6px; }
#cb_wrapper{padding:10px;}
#cboxClose{position:absolute;top:15px;right:15px;border:0;background-color:#ccc;width: 20px;height:20px;overflow:hidden;font-family: "Arial"; font-weight: bold;border-radius:3px;}
#cboxClose::before{
	content: "X ";
}
span#cb_heading{ border-radius: 3px; background-color: #444; color: #fff; padding: 6px 6px 6px 12px; display: block; text-transform: uppercase; font-weight: bold; font-size: 14px; }


#cb_container form{border: 1px solid #ccc; padding: 10px; margin-top: 10px;}

#cb_container form label{float: left; width: 85px; color: #777; font-weight: bold;}
#cb_container form input{width: 420px; padding: 0px 4px;}
#cb_container form textarea{width: 420px;}

form input[type=submit]{border: 0; background-color: #444; color: #fff; text-transform: uppercase; padding: 6px 10px; font-weight: bold; border-radius: 4px; }

#cb_container form input[type=submit], #panel_body form input[type=submit]{border: 0; background-color: #444; color: #fff; text-transform: uppercase; padding: 6px 10px; font-weight: bold; border-radius: 4px; margin-top: -10px;}

#kbForm label {font-weight: bold;}
#kbForm input[type=text] { width: 100%; }
label.radio{font-weight: normal !important; display: inline-block; padding-right: 20px;}