@font-face {
  font-family: "Open Sans";
  src:url("../fonts/OpenSans-Regular.ttf");
}
@font-face {
  font-family:"TrajanPro";
  src:url("../fonts/TrajanPro-Regular.otf");
}

div.all{
  min-height: 500px!important;
  margin-top:55px;
}

.page-header{
  margin-top:10px!important;
}

body{
  font-family:'Open Sans'!important ;
  font-size: 14px!important;
  /*background-image: url('../images/p2017.png');*/
  /*background-repeat: no-repeat;
  background-position: center;
  background-clip: content-box;*/
}

*[class*="primary"]:not(.panel-primary), .panel-primary .panel-heading {
    background: rgba(4, 137, 180, 0.96);
}
*[class*="text-primary"]{
  background: none!important;
}

.trajan{
  font-family:'TrajanPro'!important ;
}

.cute-footer {
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
}

.text-centered{
  text-align: center!important;
}

/*for tables*/
.table-responsive{
  overflow-x: visible!important;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: rgb(198, 198, 198);
}

/*for the graph*/
#chartContainer{
  height: 450px; width: 80%;
}

@media screen {
  div#chartContainer{
    margin:auto;
  }

}
@media print {
  div#chartContainer{
    margin:auto:0;
  }
  .canvasjs-chart-toolbar{
    display: none;
  }

  body *{
    font-size:14px!important;
  }
  .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
     background-color: rgb(198, 198, 198)!important;
  }
}

/*confirmations and errors*/

.error{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.confmsg{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
.conferr-sbar>p.error, .conferr-sbar>p.confmsg{
  color: white;
  background-color: inherit;
  border-color: none;
  padding: 0;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
}
.conferr-sbar {
    visibility: show; /* Hidden by default. Visible on click */
    min-width: 400px; /* Set a default minimum width */
    margin-left: -200px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 6000; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    right:50%;
    bottom: 30px; /* 30px from the bottom */
}
.conferr-sbar:hover{
  cursor: pointer;
}
div.genconf{
  background-color: rgb(0, 138, 6);
}
div.generr{
  background-color: rgb(176, 32, 0);
}

/* SCROLLBAR */
/* Let's get this party started */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(237, 49, 49);
  border: 4px solid transparent;
  background-clip:content-box;;   /* THIS IS IMPORTANT */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(0, 81, 176);
  border: 15px solid rgb(0, 81, 176);
}


/*forms*/
select{
  min-height:40px;
}
select option{
  float:left;
  /*border-right:1px solid black;*/
  border:1px solid black;
  padding:2px;
  width:30px;
  text-align: center;
  /*display:inline-block;*/
}

/*something else*/
.bordered-b{
  border-bottom: 1px solid grey;
}

@media print {
  /*judges approval table*/
  .j_approv .j_sig{
    border-bottom-color: black!important;
  }
}

.modal{
  z-index:2000!important;
}
.modal-backdrop{
  z-index: 0!important;
}