/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 3.0
	Author: GeeksLabs
	Author URL: http://www.themeforest.net/user/geekslabs
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS 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.  */

.btn {
	/* background-color: #424242; */
}

.btn:hover {
	/* background-color: #212121; */
  }

  #toast-container {
	top: auto !important;
	right: auto !important;
	bottom: 10%;
	left:7%;
  }

  .input-field input[type=text] + label, .materialize-textarea:focus:not([readonly]) + label {
	color: #1a237e !important;
   }

   .input-field input[type=text], .materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #1a237e !important;
	box-shadow: 0 1px 0 0 #1a237e !important;
   }


   .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
	color: #b71c1c !important;
   }

   .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #b71c1c !important;
	box-shadow: 0 1px 0 0 #b71c1c !important;
   }

.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }
.pr-1 { padding-right:.25rem!important; }
.pb-1 { padding-bottom:.25rem!important; }
.pl-1 { padding-left:.25rem!important; }
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }
.pr-2 { padding-right:.5rem!important; }
.pb-2 { padding-bottom:.5rem!important; }
.pl-2 { padding-left:.5rem!important; }
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }
.pr-3 { padding-right:1rem!important; }
.pb-3 { padding-bottom:1rem!important; }
.pl-3 { padding-left:1rem!important; }
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }
.pr-4 { padding-right:1.5rem!important; }
.pb-4 { padding-bottom:1.5rem!important; }
.pl-4 { padding-left:1.5rem!important; }
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }
.pr-5 { padding-right:3rem!important; }
.pb-5 { padding-bottom:3rem!important; }
.pl-5 { padding-left:3rem!important; }
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

.close-btn {
	float: right;
	cursor: pointer;
}



/*gif loading request*/
#formloader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	background: rgba(0,0,0,0.75) url(https://c.tenor.com/I6kN-6X7nhAAAAAj/loading-buffering.gif) no-repeat center center;
	background-size: 50px 50px;
	z-index: 10000;
}

#formloader span{
	margin: 0;
  	position: absolute;
  	top: 56%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

/*******************************************
* ajuste no card da home do sav online
* ajuda a não quebrar o layout
********************************************/

.card-sav img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    object-position: 0 0 !important;
}


 /*.card-educaplay img {
    width: 100% !important;
    height: 120px !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
}*/

/*******************************************
* ajuste na logo
********************************************/

.logo-sav {
	padding: 0px !important;
}

.logo-sav img{
	width: 150px !important;
}

nav .desktop {
	height: 64px !important;
	line-height: 64px !important;
}

.btn-sav {
	color: #000 !important;
	background:-moz-linear-gradient(-45deg, #fdf851 0%,#e4993b 80%) !important;
  	background: -webkit-linear-gradient(-45deg, #fdf851 0%,#e4993b 80%) !important;
 	background: linear-gradient(-45deg, #fdf851 0%,#e4993b 80%) !important;
}

.btn-black {
	color: #FDD623 !important;
	background-color: #000 !important;
}

.cardEduca {
	border: 1px solid #ddd;
}

/*paginator padrão do laravel*/
.pagination li.active {
    background-color: #000 !important;
}

.page-item.active .page-link {
    background-color: transparent !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #FDD623;
}

.page-link {
    padding: 0;
}

#blip-chat-icon {
	background:-moz-linear-gradient(-45deg, #fdf851 0%,#e4993b 80%) !important;
  	background: -webkit-linear-gradient(-45deg, #fdf851 0%,#e4993b 80%) !important;
 	background: linear-gradient(-45deg, #fdf851 0%,#e4993b 80%) !important;
}

.card-financeiro {
	border: 1px solid #e0e0e0;
}

.card-financeiro .desc-card {
	font-size: .8rem !important;
}

.card-financeiro hr {
	margin: 5px 0 !important;
}

.left-border-0 {
	border-left: 5px solid #6c757d !important;
	border-radius: 5px;
}

.left-border-1 {
	border-left: 5px solid red !important;
	border-radius: 5px;
}

.left-border-2 {
	border-left: 5px solid #28a745 !important;
	border-radius: 5px;
}

.left-border-3 {
	border-left: 5px solid #FDD623 !important;
	border-radius: 5px;
}

.left-border-4 {
	border-left: 5px solid #1266f1 !important;
	border-radius: 5px;
}

.left-border-5 {
	border-left: 5px solid #CC6600 !important;
	border-radius: 5px;
}

/*
* Sofia dialog
*/
.card-home img {
	border-radius: 5px;
}

.sofia-dialog .sofia-close {
	float: right;
	color: #444;
	cursor: pointer;
	margin-top: 5px;
	margin-right: 5px;
}


.sofia-dialog .message {
	margin: 10px;
}

.box1 {
	bottom: 100px;
	max-width: 300px;
	min-width: 150px;
	right: 70px;

	height: 80px;
	border: double 4px transparent;
	border-radius: 10px;
	background-image: linear-gradient(white, white), radial-gradient(circle at top right , #fdf851, #e4993b) !important;
	background-origin: border-box !important;
	background-clip: content-box, border-box !important;
	/* padding: 20px; */
	text-align: center;
	font-weight: 400;
	color: #444;
	font-family: arial;
	position: fixed;
	background: #fff;
	z-index: 99999 !important;
}


	/* speech bubble 8 */

.sb8:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid #fdce51;
	border-top: 10px solid #fdce51;
	border-bottom: 10px solid transparent;
	right: 20px;
	bottom: -23px;
}

.sb8:after {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid #fff;
	border-top: 10px solid #fff;
	border-bottom: 10px solid transparent;
	right: 24px;
	bottom: -13px;
}

img.responsive-img {
    width: 100%;
}