body {
	font-family: "Montserrat", sans-serif !important;
	font-size: 0.9rem;
}

.tooltip-inner {
    background: #4e73df; 
    color: #fff;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #4e73df;	
}

::placeholder {
 	    font-style: italic;
 	    font-size: 12px;
}

.modal-header , .modal-header * {
    background-color: #2653d4 !important;
    border-color: #244ec9 !important;
    color: white !important;
}

.modal-title {
    font-weight: bold !important;
}

.modal .close {
	color: #FFFFFF !important;
}

.topbar .dropdown-list-special .dropdown-item {
    border-bottom: 0px !important;
}

.list-unstyled li {
	margin-bottom: 20px !important;
}



input[type=checkbox].is-invalid {
	outline: 2px solid red;
}

input[type=file].is-invalid {
	background-color: #e74a3b;
	color: white !important;
}

button:disabled, input:disabled, input:read-only {
  cursor: not-allowed;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0em  !important;
}

.paginate_button:hover {
    color: white !important;
    border: 1px solid #4e73df !important;
     background: none !important;
}

.buttons-csv {
	display: none !important;
}

.form-check {
	margin-left: 5px;	
}

input[type=file]{
    width: 90%;
}

label.is-invalid
{
	color: #e74a3b;
}

.labelInside
{
	position: absolute;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    /*color: #B5B5B5;*/
    font-size: 13px;
    pointer-events: none;
    font-style: italic;
}

.inputInside
{
	height: 55px;
    padding-top: 30px;
    padding-left: 10px;
    background-color: #E8F0FE !important	;
}

* {	
	border-radius: 0 !important;
}

.spinner-border {
  border-radius: 50% !important;
}

.badge {	
	padding: 5px !important;
}

.modal-body{
	background-color: #fff !important;
}

.modal-footer{
	background-color: #fff !important;
}

@-webkit-keyframes swing {
    5%  { -webkit-transform: rotate(20deg); }
    10% { -webkit-transform: rotate(-20deg); }
    15% { -webkit-transform: rotate(15deg); }
    20% { -webkit-transform: rotate(-15deg); }
    25% { -webkit-transform: rotate(10deg); }
    30% { -webkit-transform: rotate(-10deg); }
    35% { -webkit-transform: rotate(5deg); }
    40% { -webkit-transform: rotate(-5deg); }
    45% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
    5%  { -moz-transform: rotate(20deg); }
    10% { -moz-transform: rotate(-20deg); }
    15% { -moz-transform: rotate(15deg); }
    20% { -moz-transform: rotate(-15deg); }
    25% { -moz-transform: rotate(10deg); }
    30% { -moz-transform: rotate(-10deg); }
    35% { -moz-transform: rotate(5deg); }
    40% { -moz-transform: rotate(-5deg); }
    45% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
    5%  { -o-transform: rotate(20deg); }
    10% { -o-transform: rotate(-20deg); }
    15% { -o-transform: rotate(15deg); }
    20% { -o-transform: rotate(-15deg); }
    25% { -o-transform: rotate(10deg); }
    30% { -o-transform: rotate(-10deg); }
    35% { -o-transform: rotate(5deg); }
    40% { -o-transform: rotate(-5deg); }
    45% { -o-transform: rotate(0deg); }
}

@keyframes swing {
    5%  { transform: rotate(20deg); }
    10% { transform: rotate(-20deg); }
    15% { transform: rotate(15deg); }
    20% { transform: rotate(-15deg); }
    25% { transform: rotate(10deg); }
    30% { transform: rotate(-10deg); }
    35% { transform: rotate(5deg); }
    40% { transform: rotate(-5deg); }
    45% { transform: rotate(0deg); }
}
	
.anim-swing {
    -webkit-animation-duration: 2s;
       -moz-animation-duration: 2s;
         -o-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-iteration-count: 5;
       -moz-animation-iteration-count: 5;
         -o-animation-iteration-count: 5;
            animation-iteration-count: 5;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-transform-origin: top center;
       -moz-transform-origin: top center;
         -o-transform-origin: top center;
            transform-origin: top center;
    -webkit-animation-name: swing;
       -moz-animation-name: swing;
         -o-animation-name: swing;
            animation-name: swing;
}



@media (max-width: 600px) {
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	 line-height: 10px !important;
	 }
}



 .navbar-fixed {
  min-height: 50px;
    margin-bottom: 20px;
    position: fixed;
    top:0;
    right: 0;
    left: 0;
    z-index: 1030;
        background-color: #4e73df!important;
    color: #FFFFFF !important;
 }
   .star {
    color: #1cc88a !important;
}
  .navbar-fixed i {
   color: #FFFFFF ;
   text-decoration: none;
  }

   .dropdown-item i {
  color: #3a3b45 !important;
  }

 body {
     background-color: #f8f9fc;
   padding-top: 90px;
 }

 /*
 .sidebar-fixed
 {
    position: fixed;
    z-index: 10;
 }
 */
 
 .sidebar-brand{
	margin-right: 10px;
}

.sidebar-brand-text, .sidebar-brand-text a {
	font-weight: bold;
	color: #FFFFFF;
	}
	
a:hover{
	text-decoration: none;
}

.nav-item.active .nav-link i {
	color: #0069d9;/*#3a3b45;*/
}

.btn active  {
	color: #0069d9;
}
.topbar .nav-item .nav-link {
    padding: 5px;
}

.quickEdit  {
	width:65%;
	
}

.quickEdit input  {
	display: inline !important;
	width:70%;
	
}

.quickEdit .btn {
		display: inline !important;
	margin-top: -4px;
    margin-left: -4px;
}

iframe, textarea {
background-color: #E8F0FE !important	;
}

img.profilPicture{
    object-fit: cover;
    height: 200px;
    width: 200px;
}

.nav-item.active .nav-link i{
    color: #000000;
}