/*
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 : 12 avr. 2019, 16:19:12
    Author     : ComeventsMehdi
*/

.vertical-align-top {vertical-align: top !important;}
.vertical-align-middle {vertical-align: middle !important;}
.vertical-align-bottom {vertical-align: bottom !important;}

.btn {border-radius:0px;}

.btn-info {background:#0099ff !important;}
.btn-primary {background:#0066ff !important;}
.btn-danger {background:#e60000 !important;}
.btn-success {background:#33cc33 !important;}
.btn-warning {background:#e68a00 !important;}
.btn-secondary {background:#a6a6a6 !important;}

.bg-info {background:#0099ff !important;}
.bg-primary {background:#0066ff !important;}
.bg-danger {background:#e60000 !important;}
.bg-success {background:#33cc33 !important;}
.bg-warning {background:#e68a00 !important;}
.bg-secondary {background:#a6a6a6 !important;}

.text-info {color:#0099ff !important;}
.text-primary {color:#0066ff !important;}
.text-danger {color:#e60000 !important;}
.text-success {color:#33cc33 !important;}
.text-warning {color:#e68a00 !important;}
.text-secondary {color:#a6a6a6 !important;}

.table.table-bordered tr th, .table.table-bordered tr td .table.table-striped tr th, .table.table-striped tr td {vertical-align:middle;}
.table.table-bordered tr td, .table.table-bordered tr th {border-color:#fff !important;}

hr {border-bottom: 1px solid #0000FF;}

.input-group-text {
  border-radius: 0px !important;
  border-color:#0066ff !important;
  background:#0066ff;
  color:#fff;
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
select,
textarea {
  border-color:#8c8c8c !important;
  border-radius: 0px !important;
  background:#8c8c8c !important;
  color:#f2f2f2 !important;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  color:#000 !important;
  background:#fff !important;
}
input[type="text"]:disabled,
input[type="date"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="url"]:disabled,
input[type="number"]:disabled,
select:disabled,
textarea:disabled {
  background:#262626 !important;
  color:#fff !important;
  border-color:#262626 !important;
}

input[type="text"]::placeholder,
input[type="date"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="url"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
  color:#000 !important;
}

.dropdown-menu {border-radius: 0px;}

/* FENETRES MODAL */
.modal-content,.modal-header,.modal-body,.modal-footer {border:none;border-radius:0px;}
.modal-header {text-transform: uppercase;}
.modal-header .close {color:#fff !important;}
.modal-body {background:#000;color:#fff !important;}
.modal-footer{background:rgba(0,0,0,0.8);}

/***************************************
* SWITCH INPUT
***************************************/
.switch-input {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 29px;
}

.switch-input input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-input .slider-input {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dc3545;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-input .slider-input:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 7px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-input input:checked + .slider-input {
  background-color: #28a745;
}

.switch-input input:focus + .slider-input {
  box-shadow: 0 0 1px #28a745;
}

.switch-input input:checked + .slider-input:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch-input .slider-input.round {
  border-radius: 34px;
}

.switch-input .slider-input.round:before {
  border-radius: 50%;
}


.nav-tabs {background:#000033;padding:15px 0px;border:0px;}
.nav-tabs .nav-item a {border-radius: 0px;margin:0px 10px;color:#fff;}
.nav-tabs .nav-item a:focus,.nav-tabs .nav-item a.active,.nav-tabs .nav-item a:hover {background:#fff;color:#000033;}