/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 13, 2015, 3:16:09 PM
    Author     : Adrian Cepoi
*/

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
  padding-left: 5em;
}

.db-success {
  color: green;
}

.db-error {
  color: #a94442;
  font-size: 18px;
}

.errorMsg {
  border-style: solid;
  border-width: 1px;
  border-color: #FF0000;
}

select[disabled] {
  color: grey;
}

.section-header {
    padding-top: 1%;
    background-color: #312554;
    color: #FFFAFA;
    padding-left: 1em;
    vertical-align: top;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 5px;
}

.title-header {
    padding-bottom: .5em;
}

// unused
.dashb-Section-ls {
    min-height: 50px;
    width: 25%;
    min-width: 200px;
    background: #DFDFDF;
    margin-left: 3%;
    margin-top: 2%;
    margin-bottom: 30px;
    padding-bottom: 2%;
}

//unused
.dashb-Section-rs {
    min-height: 50px;
    width: 25%;
    min-width: 200px;
    background: #DFDFDF;
    margin-left: 10%;
    margin-top: 2%;
    margin-bottom: 30px;
    padding-bottom: 2%;
}

.no-margins {
    margin-top: 0px;
    margin-bottom: 0px;
}

.dashb-Section-center {
    min-height: 50px;
    width: 25%;
    min-width: 300px;
    background: #F0F0F5;
    margin-top: 2%;
    margin-bottom: 30px;
    padding-bottom: 2%;
    border-radius: 5px;
}

.left-margin {
  margin-left: 2%;
}

.padding {
  padding-top: 10px; 
  padding-left: 10px;
}

.normal-text {
  font-weight: normal;
}


fieldset.show-border {
  border: 1px groove #ddd !important;
  //border: 1px solid #000 !important;
  padding: 0 2.4em 0.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000;
  box-shadow:  0px 0px 0px 0px #000;
}

legend.show-border {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
  width:auto;
  padding:0 10px;
  border-bottom:none;
}

/*
// The following code can be used to set fixed column sizes for specific columns
//specifically it sets the width of the input filter at the top of the table and adjusts the column width
// note: if you set a width size below what the column will expand to, it will look stupid
//ie. if the column will expand to 100px because of the data in there, and you set a width of 40, then the 
// filter input at the top will be 40 pixels in a 100 px column => stupid
.tablesorter {
    width: auto;
}
.tablesorter .tablesorter-filter-row td:nth-child(4n+1) .tablesorter-filter {
    width: 260px;
}
.tablesorter .tablesorter-filter-row td:nth-child(4n+2) .tablesorter-filter {
    width: 90px;
}
.tablesorter .tablesorter-filter-row td:nth-child(4n+3) .tablesorter-filter {
    width: 150px;
}

//*/


/* parsley validate  */

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
  color:  #a94442;
}

.im-centered { margin: auto; max-width: 775px;}