@font-face {
	    font-family: 'White Rabbit';
	    src: url('../fonts/WhiteRabbit.woff2') format('woff2'),
	        url('../fonts/WhiteRabbit.woff') format('woff');
	    font-size:16x;
	    font-display: swap;
	}

	.pn-add-modal-header{
		background-color: #37a4a7;
		color:#fff!important;	
		font-family: 'White Rabbit';
	}
	.modal-title {
		font-family: 'White Rabbit'!important;
		font-size: 1.25rem;
	}
	
	
	.loading-overlay {
	  
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-color: #fff;
		  opacity: 0.6;
		  z-index: 900;
	}
	
	.spinner-border {
	  
	  left:50%;
	  position: relative;
	  top: 25%;
	  z-index: 910;
	 
	  
	}
	
	div.dataTables_wrapper div.dataTables_info {
	  padding-top: 8px;
	  white-space: nowrap;
	  font-size: 0.9rem;
	}
	div.dataTables_wrapper div.dataTables_paginate {
	  white-space: nowrap;
	  text-align: right;
	  font-size: 0.9rem;
	}


	.modal-header {

	  padding-bottom: 24px!important;
	}
	
	.error{
		
		color:red
	}
		
		
	

		
	.full-page:before {
   		 opacity: .65;
    	background: #000000;
	}
	
	
	.wrapper-full-page .footer {
	    position: absolute;
	    z-index: 2;
	    background: transparent;
	    color:#FFF
	}
	
	.footer nav > ul a:not(.btn) {
	  color: #fff;
	 
	}
	
	.wrapper-full-page .footer .copyright {
	  color: rgb(255, 255, 255, 1);
	}
	
	.sidebar::before {
	  opacity: .75;
	  background: #000000;
	}
	
	.modal .modal-content .modal-header {
	
	  padding-top: 15px;regularMap
	  padding-bottom: 15px !important;
	}

	/* Set the size of the div element that contains the map */
	#mapMestoStalnogStanovanja {
	    height: 600px; /* The height is 400 pixels */
	    width: 100%; /* The width is the width of the web page */
	}
	
	#mapOpstinaZavrseneSkole {
	    height: 600px; /* The height is 400 pixels */
	    width: 100%; /* The width is the width of the web page */
	}
	
	.dt-head-left{
		text-align: left!important;
	}
	
	div.dt-buttons > .dt-button{
		background-color: #11bfe3!important;
		color:#fff;
	}
	
	div.dt-container .dt-paging .dt-paging-button.current{
		background-color: #11bfe3!important;
		color:#fff!important;
	}
	select.form-control:not([size]):not([multiple]) {
    	 height: calc(2.25rem + 2px)!important; 
	}
	
	.dataTables_empty
	{
	    display:none!important;
	}
	
   	.select2-container .select2-selection--single {
   
         height: 38px;
       
       }
       
       .select2-container--default .select2-selection--single .select2-selection__rendered {
         
         line-height: 38px;
       }
       .select2-container--default .select2-selection--single .select2-selection__arrow {
         height: 36px;
       
       }
       
       
   .form-check-input {
	 
	  margin-left: 0!important;
	}
	
    .dt-border-right{
           border-right-style: solid!important;
           border-right-width: 1px!important;
           border-right-color: #dedede!important;
    }
    
    
    .sidebar .user .photo2 {
	
	  height: 60px;
	  overflow: hidden;
	  max-height:60px;
	
	  float: left;
	  margin-right: 8px;
	  margin-left: 13px;
	  z-index: 5;
	
	}
	
	.sidebar .user {
	  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	  padding-bottom: 30px!important;
	  margin-top: 10px;
	}
	
	.sidebar .user .simple-text {
	  text-transform: uppercase;
	  padding: 0px 0px;
	  display: inline-block;
	  font-size: 1.025rem;
	  font-weight: 400;
	 
	  white-space: nowrap;
	  color: #FFFFFF;
	  overflow: hidden;
	}
	
	.sidebar .user .simple-email {
	  text-transform: lowercase;
	  padding: 0px 0px;
	  display: inline-block;
	  font-size: 0.725rem;
	  font-weight: 400;
	 
	  white-space: nowrap;
	  color: #FFFFFF;
	  overflow: hidden;
	}
	
	th.dt-center, td.dt-center { text-align: center; }
	
	th.dt-right, td.dt-right { text-align: right; }
	
	
	.select2-selection__rendered {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
    }
    .select2-results__options{
        font-size:14px !important;
	 }
	 
 	.footer {
    	height: 60px;
  	}
	 
	 /* ************************************************************** */
	 /* font settings*/
	 /* ************************************************************** */
	 
	 
	 .sophai-nav-title {
  		font-size: 20px!important;
  		font-weight:normal!important;
  		font-family: 'White Rabbit'!important;
  		text-transform: uppercase;
  		color: #27408b!important;
  	}
  	
  	.sophai-font {
  	
  		font-family: 'White Rabbit'!important;
  	}
  	
  	.table > thead > tr > th {
	 
	  color: #27408b;
	  font-weight: bold;
	}
	
	.table > thead > tr > th{
	
	  color: #27408b!important;
	  font-weight: bold!important;
	}
	
	
	.dt-column-title {
	  text-transform: uppercase;
	  color: #27408b;
	  font-weight: bold;
	}
	.table > tfoot > tr > th{
	
	  color: #27408b!important;
	  font-weight: bold!important;
	  text-transform: uppercase;
	  font-size: 0.75rem!important;
	}
	
	.card-title-sophai{
	  
	  color: #27408b!important;
	  font-weight: 400!important;
	  font-size: 1.5rem;
	  font-family: 'White Rabbit'!important;
	}
	
	.card-category-title-sophai {
  		font-size: 1.1000rem!important;
  		font-weight: bold;
  		color: #27408b!important;
  		font-family: 'White Rabbit'!important;
  		text-transform: uppercase;
	}
	
	.card-stats-sophai  {
	  color: #27408b!important;
	}
	
	
	.card-title-user-sophai{
	
	  font-weight: 400!important;
	  font-size: 1.5rem;
	  font-family: 'White Rabbit'!important;
	  color: #27408b!important;
	}
	
	.card-label-sophai {
 	 	font-size: 0.75rem;
  		margin-bottom: 5px;
  		color: #27408b!important;
  		text-transform: uppercase;
	}
	

	
	.sidebar .sidebar-wrapper .nav .nav-link p {
	 	font-family: 'White Rabbit'!important;
	 	font-size:16px!important;
	 	font-weight: 200!important;
	}
	
	.sidebar .nav .nav-item .nav-link .sidebar-mini {
	  padding-left: 15px !important;
	  opacity: .86 !important;
	}
	.sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"] ~ div .nav .sidebar-normal {
	  	left: 25px;
	  	font-family: 'White Rabbit'!important;
	 	font-size:16px!important;
	 	font-weight: 200!important;
	}
	
	a {
	  color: #27408b;
	}