/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 3.1
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* #377740 - verde, #106fa9 - albastru*/

body{
    background-color: #5599C2;    
}
.home-background{
    background-image: url("/assets/images/sait_logo.png");
    background-repeat: repeat;
    background-size: 25%;
}

.btn {
    white-space: nowrap !important;
}

/* START FIXES BOOTSTRAP 4.3.1*/

.table-light th, .table-light td, .table-light thead th, .table-light tbody+tbody {
    border-color: #dee2e6 !important;
}

/* END FIXES BOOTSTRAP 4.3.1*/

#divFormLogin {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -195px;
    margin-left: -175px;
    width: 350px;
    background-color: #17a2b8;
    padding: 30px;
    border-radius: 25px;
}

#divFormLoginC {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -195px;
    margin-left: -175px;
    width: 350px;
    background-color: #17a2b8;
    padding: 30px;
    border-radius: 25px;
}

/* Sizing */

@media (min-width: 992px) {
    .trs-modal-mediu {
        max-width: 600px !important;
    }
}

.trs-text-larger {
    font-size: 1.1rem !important;
}

.trs-text-bigger {
    font-size: 1.2rem !important;
}

/* Custom colors */

.custom-bg-color1 {
    background-color: #05446A !important;
}


#main_menu {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #C3BDDE;
}

#main_menu .wrap {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

#main_menu .wrap:hover {
    background: #958bc0;
    background: -moz-linear-gradient(left, #958bc0 0%, #4a3d86 100%);
    background: -webkit-linear-gradient(left, #958bc0 0%,#4a3d86 100%);
    background: linear-gradient(to right, #958bc0 0%,#4a3d86 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#958bc0', endColorstr='#4a3d86',GradientType=1 );
    color: white;
}

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5); /*dim the background*/    
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
    background-color:rgba(36, 233, 36, 0.4);
}



.table-nosync,
.table-nosync > th,
.table-nosync > td {
  background-color: #ff8080;
}

.table-nosync th,
.table-nosync td,
.table-nosync thead th,
.table-nosync tbody + tbody {
  border-color: #ff8080;
}

.table-hover .table-nosync:hover {
  background-color: #ff8080;
}

.table-hover .table-nosync:hover > td,
.table-hover .table-nosync:hover > th {
  background-color: #ff8080;
}