/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */

input:invalid{
 color:red;
}

input:valid{
 color: green;
}

.old_value{
    color: #c2c1ff;
    font-weight: bold;
    font-size: 14px;
}

.new_value{
    font-weight: bold;
    font-size: 14px;
    color:darkgreen;
}

.container {
  margin-right: auto;
  margin-left: 3px;
  padding-left: 15px;
  padding-right: 15px;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.modal-dialog {
    width: 720px;
    margin: 20px auto;
  }

.form-group {
  	margin-bottom: 3px;
}

#login_form {
	background-size: 100%;
	background-color: #0F3451;
	background-repeat:no-repeat;
}

.white-text {
	color: #FFFFFF;
}

.ctk_green_bkg {
    background-color: #CCD73B;
    color: #37564E;
}

.ctk_blue_bkg {
	background-color: #0F3451;
}

td {
	min-width: 35px;
}

.panel-login {
    border-color:#ccc;
    border-radius:5px;
    box-shadow:0 2px 3px 0 rgba(0,0,0,.2)
}
.panel-login>.panel-heading {
    color:#00415d;
    background-color:#fff;
    border-color:#fff;
    text-align:center
}

.panel-login>.panel-heading a {
    text-decoration:none;
    color:#666;
    font-weight:700;
    font-size:15px;
    -webkit-transition:all .1s linear;
    transition:all .1s linear
}
.panel-login>.panel-heading a.active {
    color:#0F3451;
    font-size:18px
}

.navbar-header a.active {
    color:#0F3451;
    font-size:18px
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: transparent;
    border-color: #ddd;
    cursor: not-allowed;
}

.colored_info_text {
    color:#0F3451;
    font-weight: bold;
    font-size: 14px;
}
.change-table tr, .change-table td {
  background-color: transparent !important;
}

/* dataTables */
.dataTables_filter {
  margin-right: 20px;
}
.dataTables_filter input {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}