/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
font-family: Tahoma;;
}

.maxwidth {
width:100%;
}

.clear {
clear:both;
}

.left {
text-align:left;
}

.right {
text-align:right;
}

.center {
text-align:center;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-sidebar > .active2 > a,
.nav-sidebar > .active2 > a:hover,
.nav-sidebar > .active2 > a:focus {
  color: #fff;
  background-color: #aaa;
}

/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.filteritem {
color:gray;
}

footer {
margin-top:30px;
border-top:1px solid #aaF;
padding:3px;
padding-left:10px;
background-color:#FFF;
}

.formfield { width: 252px; }
.extrainfomsg{
padding-top:5px;
padding-bottom:5px;
width:100%;
color:#A0F;
font-weight:bold;
border-top:3px double #A0F;
border-bottom:3px double #A0F;
margin-top:10px;
margin-bottom:10px;
}
.spanmsg {
padding-top:10px;
width:50%;
color:#AAAAFF;
border-bottom:1px dashed #AAAAFF;
}
.errormsg {
color: #FF0000;
font-weight: bold;
padding:5px;
background:#FF8888;
color:#FFF;
}

.okmsg {
color: #FF0000;
font-weight: bold;
padding:5px;
background:#428BFF;
color:#FFF;
}

.hdr_ok {
color:blue;
}

.hdr_err {
color:red;
}


.max_width {
  width:100%;
}


.red {
color:red;
}
.blue {
color:blue;
}
.green {
color:green;
}

.project_tag {
float:right;
font-weight:bold;
font-size:12px;
	text-decoration: none;
	outline: 0 none;
	margin-top:5px;


  border:1px dashed gray;
  padding:5px;
 border-radius: 7px;
display:inline-block;
 	color: #66F;

}

.status_ico {
padding-bottom:5px;
}

.type_ico {
padding-bottom:5px;
}

.subject_tag {
font-weight:normal;
font-size:9px;
text-align:center;
	text-decoration: none;
  margin-right:10px;
  padding:5px;
  font-weight:bold;
 	color: #888;
}

.status_tag {
font-weight:normal;
font-size:9px;
text-align:center;
	text-decoration: none;

  margin-right:10px;
border:1px solid silver;
  padding:5px;
 	color: #AAA;
}

.type_tag {
font-weight:normal;
font-size:9px;
text-align:center;
	text-decoration: none;
  margin-right:10px;
  padding:5px;
 	color: #AAA;
}

.ticket_title {
font-size:14px;
border-left:1px dashed silver;
border-right:1px dashed silver;
padding:5px;
}
.ticket_row {
display:inline-block;
width:50%;
min-height:40px;
}

.row_1 {
background-color:#fefeff;
}

.row_2 {
background-color:#f7f7ff;
}

.row_1:hover,.row_2:hover {
background-color:#fff;
}

.status_NEW {
background-color:yellow;
}

.status_RECEIVED {
background-color:white;
}

.ticket_info {
font-size:11px;
color:gray;
}

.light {
color:#AAA;
}

/* MY TICKETS */
.tickettable {
font-size:12px;
width:100%;
}

.table-header {
background-color:#428BCA;
color:white;
cell-padding:5px;
}

th {
padding:5px;
}


.bubble1
{
position: relative;
width: 90%;
padding: 4px;
background: #FFFFFF;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: #DD7F00 solid 4px;
margin-bottom:10px;
}

.bubbler1
{
text-align:left;
position: relative;
width: 90%;
padding: 4px;
background: #FFFFFF;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: #DD9988 solid 2px;
margin-bottom:10px;
margin-top:20px;
}

.bubble2
{
text-align:left;
position: relative;
width: 90%;
padding: 4px;
margin-left:30px;
background: #FFFFFF;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: #007FDD solid 2px;
margin-bottom:10px;
}

.bubbler2
{
text-align:left;
position: relative;
width: 90%;
padding: 4px;
margin-left:30px;
background: #FFFFFF;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: #88DDFF solid 2px;
margin-bottom:10px;
margin-top:20px;
}

.bubble1:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #DD7F00;
display: block;
width: 0;
z-index: 0;
left: -22px;
top:3px;
}

.bubble2:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent #007FDD;
display: block;
width: 0;
z-index: 0;
right: -20px;
top: 4px;
}

.msginfo1 {
border:1px solid #DDD;
background-color:#FEB;
padding:10px;
width:100%;
margin-bottom:4px;
}

.msginfo2 {
border:1px solid #DDD;
background-color:#EEF;
padding:10px;
margin-bottom:4px;
}

.msgfooter1 {
font-size:11px;
text-align:right;
color:#DD7F00;
}

.msgfooter2 {
font-size:11px;
text-align:right;
color:#007FDD;
}

.msgfooteruser {
font-size:12px;
font-weight:bold;
}

.msgfootertime {
font-weight:bold;
}

.timeicon {
position:relative;
top:-2px;
width:18px;
}
.userloggedstatus{
position:relative;
float:right;
bottom:0px;
right:0px;
text-align:right;
font-size:11px;
color:#444;
margin-right:25px;
}

.bubnumber {
position:absolute;
float:left;
left:10px;
bottom:0px;
color:#CCC;
font-size:20px;
}


.tickettable {
border:1px solid #428BCA;
min-width:400px;
float:right;
}

.ticketsidebar {
border:1px solid #428BCA;
width:400px;
float:right;
top:30px;
right:40px;
font-size:12px;
position:absolute;
}

.ticketsidebar .header {
background-color:#428BCA;
border-top:1px solid #62ABEA;
color:#FFF;
font-weight:Bold;
padding:5px;
}

.ticketsidebar .header2 {
background-color:#428BCA;
border-top:1px solid #62ABEA;
color:#FFF;
font-weight:Bold;
padding:5px;
width:100px;
}



.ticketsidebar .headerx {
background-color:#AA4400;
border-top:1px solid #884400;
color:#FFF;
font-weight:Bold;
padding:5px;
width:100px;
}

.ticketsidebar .headerx2 {
background-color:#AA4400;
border-top:1px solid #884400;
color:#FFF;
font-weight:Bold;
padding:5px;
}

.ticketsidebar .data {
background-color:white;
padding:5px;
color:#666;
text-align:center;
}

.ticketsidebar .datalong {
background-color:white;
padding:5px;
color:#666;
text-align:left;
margin:0;
margin-left:20px;
margin-right:5px;
padding-left:0px;
}

.ticketsidebar .data2 {
background-color:#F8F8F8;
border-top:1px solid #EEE;
padding:5px;
color:#666;
text-align:center;
}

.ticketboxes {
}

.ticketboxesr {
position:absolute;
top:20px;
right:10px;
border:1px solid red;
/*width:215px;*/
}

.ticketbox1 {
min-width:150px;
text-align:center;
margin:0px;
margin-left:5px;
margin-bottom:5px;
padding:0px;
border:1px solid #428BCA;
float:right; 
font-size:12px;
}

.ticketbox2 {
min-width:200px;
text-align:center;
margin:5px;
padding:0px;
border:1px solid #AA4400;
float:left; 
font-size:12px;
}

.ticketboxtitle {
background-color:#428BCA;
color:#FFF;
padding:5px;
font-weight:bold;
height:20px;
padding-top:0px;
}

.ticketboxtitle2 {
background-color:#AA4400;
color:#FFF;
padding:5px;
font-weight:bold;
height:20px;
padding-top:0px;
}

.btns1 {
width:47%;
margin-right:5px;
margin-bottom:5px;
float:left;
font-size:10px;
}

.btns2 {
width:96%;
font-size:10px;
}

.btns3 {
width:100%;
margin-bottom:5px;
}

.btnsp {
width:31%;
margin-right:5px;
margin-bottom:5px;
float:left;
font-size:20px;
}

.btnsvt {
width:100%;
min-width:250px;
height:64px;
margin-bottom:5px;
}

.ticketboxvalue {
color:#888;
padding:5px;
}

.height1 {
height:113px;
}

.width1 {
width:830px;
max-width:100%;
}

.width2 {
width:620px;
max-width:100%;
}

.fileatt {
}

.viewnumber {
left:0px;  
position:absolute;
top:0px;
height:32px;
border:1px solid gray;
background:#FFF;
width:70px;
margin:5px;
text-align:right;
padding-left:5px;
padding-right:5px;
font-size:22px;
}

.viewrow {
border-bottom:1px dashed gray;
}

.aviewrow span {
margin-left:65px;
}

.aviewrow {
}

.viewimg {
position:absolute;
width:25px;
left:5px;
top:3px;
}

.bubbles {
width:auto;
margin-right:380px;
}

.c2did {
font-size:10px;
color:maroon;
}

.notmobile {
display:;
}

.tickettitle {
max-width:500px;
}


.voting_wrapper {display:block;min-height:50px;}
/*
.voting_wrapper .v1_button {background: url(/assets/ico/vote_no.png) no-repeat;height: 24px;width: 24px;cursor:pointer;margin:2px;}
.voting_wrapper .v1_button:hover {background: url(/assets/ico/vote_no.png) no-repeat 0px 0px;}
.voting_wrapper .v2_button {background: url(/assets/ico/vote_yes.png) no-repeat;height: 24px;width: 24px;cursor:pointer;margin:2px;}
.voting_wrapper .v2_button:hover {background: url(/assets/ico/vote_yes.png) no-repeat 0px 0px;}
.voting_wrapper .v3_button {background: url(/assets/ico/vote_no.png) no-repeat;height: 24px;width: 24px;cursor:pointer;margin:2px;}
.voting_wrapper .v3_button:hover {background: url(/assets/ico/vote_no.png) no-repeat 0px 0px;}
.voting_wrapper .v4_button {background: url(/assets/ico/vote_yes.png) no-repeat;height: 24px;width: 24px;cursor:pointer;margin:2px;}
.voting_wrapper .v4_button:hover {background: url(/assets/ico/vote_yes.png) no-repeat 0px 0px;}
*/
.voting_btns { padding-right:2px;}

.voting_btn{display:inline-block;width:100%;}
.total_votes { display:inline-block;}
.vote_value { border:3px double silver;padding:5px;display:inline-block;margin:3px;}


.subjectbox {
width:450px;
max-width:100%;
min-height:470px;
float:left;
margin:5px;
border:1px solid silver;
background-color:#428BCA;
background-color:#DDE;
background-color:#ddeeff;
}

.subjecttitle {
color:#FFF;
font-size:18px;
font-weight:bold;
width:100%;
height:60px;
padding:5px;
text-align:left;
background-color:#5544CA;
background-color:#428BCA;
}

.subjectsection {
font-size:12px;
padding:5px;
color:#000;
background-color:#ddeeff;
}

.subjectsection h3 {
color:428BCA;
font-weight:bold;
font-size:15px;
margin:0;
border-bottom:1px solid #428BCA;
margin-bottom:3px;
}

.subjecticon {
float:right;
}

.subjecticon2 {
text-align:center;
}

.votetotalresult {
font-size:30px;
font-weight:bold;
float:right;
color:blue;
}

.votelink {
float:right;
margin-top:15px;
margin-right:5px;
}

.progress {
margin-top:5px;
margin-bottom:0;
padding-bottom:0;
margin-left:10%;margin-right:10%;
}

.progress2 {
margin-top:5px;
margin-bottom:0;
padding-bottom:0;
margin-left:5%;margin-right:5%;
}

.subjecttext {
width:100%;
max-width:100%;
}

.subjectid {
font-size:12px;
color:#FFF;
float:right;
margin-top:-20px;
margin-right:5px;
}

.subjectlink { color:#FFF; }
.subjectlink:hover { color:#FFF; }
.subjectlink:visited { color:#FFF; }

.subjectlink2 { color:#428BCA; }
.subjectlink2:hover { color:#428BCA; }
.subjectlink2:visited { color:#428BCA; }

.popup1 {
padding:5px;
margin-top:0px;
}

.popup2 {
padding:5px;
margin-top:-200px;
}

.popup3 {
padding:5px;
margin-top:0px;
width:400px;
}

.vote1 { width:100%; }
.vote2 { width:100%; }
.vote3 { width:100%; }
.vote4 { width:100%; }

.voteresult {
float:right;
font-weight:bold;
clear:both;
}

.bigval {
font-size:20px;
font-weight:bold;
color:blue;
}

.dt {
font-size:12px;
color:gray;
}

.ptableitem {
padding-left:5px;
}

.bold {
font-weight:bold;
}

.ticket-table-records-count {
width:100px;
background-color:#428BCA;
color:white;
cell-padding:5px;
font-size:40px;
text-align:center;
float:right;
}