@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,500,600,700,800);
 @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
 @import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,600,700);
/*Theme Colors*/

/*bootstrap Color*/

/*Normal Color*/

/*Border radius*/


#side-menu li i.pewag-icon
 { 
    display: block;
    height: 30px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    align-content: center;
	margin-bottom: 10px;
}






/*Preloader*/

.preloader {
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	z-index: 99999;
	background: #fff;
}
.preloader .cssload-speeding-wheel {
	position: absolute;
	top: calc(50% - 3.5px);
	left: calc(50% - 3.5px);
}
/* This is for popins font for firefox */

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/poppins/v1/2fCJtbhSlhNNa6S2xlh9GyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
 unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* This is for popins font for firefox */

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/poppins/v1/UGh2YG8gx86rRGiAZYIbVyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* This is for popins font for firefox */

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/poppins/v1/yQWaOD4iNU5NTY0apN-qj_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*Just change your choise color here its theme Colors*/

body {
	background: #fff;
}
/*Top Header Part*/

.logo i {
	color: #ffffff;
}
.navbar-header {
	background: #003863;
}
.navbar-top-links > li > a {
	color: #ffffff;
}
/*Right panel*/

.right-sidebar .rpanel-title {
	background: #003863;
}
/*Bread Crumb*/

.bg-title .breadcrumb .active {
	color: #003863;
}
/*Sidebar*/

.sidebar {
	background: #fff;
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}
.sidebar .label-custom {
	background: #003863;
}
#side-menu li a {
	color: #54667a;
}
#side-menu li a {
	color: #54667a;
	border-left: 0px solid #fff;
}
#side-menu .nav-second-level li a {
	font-size: 13px;
}
#side-menu .nav-second-level li {
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-block-width: 2px;
}
#side-menu .nav-second-level > li i {
	font-size: 20px;
}
#side-menu .nav-second-level .active, #side-menu .nav-second-level .active a {
	background-color: #003863 !important;
	color: #FFFFFF;
}
#side-menu > li > a:hover,  #side-menu > li > a:focus {
	    background: rgb(228 3 46);
    color: #ffffff;
}
#side-menu > li > a.active {
	border-left: 3px solid #003863;
	color: #ffffff;
	background: #003863;
	font-weight: 500;
}
#side-menu > li i {
	font-size: 30px;

    margin-right: 20px;
}

#side-menu > li > a.active i {
	color: #ffffff;
}
#side-menu ul > li > a:hover {
	color: #003863;
	background: none;
}
#side-menu ul > li > a.active {
	color: #2b2b2b;
	font-weight: 500;
	background: #f7fafc;
}
.sidebar #side-menu .user-pro .nav-second-level a:hover {
	color: #003863;
}
.fix-sidebar .top-left-part {
	background: #003863;
}
/*themecolor*/

.bg-theme {
	background-color: #fb9678 !important;
}
.bg-theme-dark {
	background-color: #003863 !important;
}
/*Chat widget*/

.chat-list .odd .chat-text {
	background: #003863;
}
/*Button*/

.btn-custom {
	background: #003863;
	border: 1px solid #003863;
	color: #ffffff;
}
.btn-custom:hover {
	background: #003863;
	opacity: 0.8;
	color: #ffffff;
	border: 1px solid #003863;
}
/*Custom tab*/

.customtab li.active a,  .customtab li.active a:hover,  .customtab li.active a:focus {
	border-bottom: 2px solid #003863;
	color: #003863;
}
.tabs-vertical li.active a,  .tabs-vertical li.active a:hover,  .tabs-vertical li.active a:focus {
	background: #003863;
	border-right: 2px solid #003863;
}
/*Nav-pills*/

.nav-pills > li.active > a,  .nav-pills > li.active > a:focus,  .nav-pills > li.active > a:hover {
	background: #003863;
	color: #ffffff;
}
.text-danger {
	color: #d9534f!important;
}
.progress-bar-danger {
	background-color: #d9534f !important;
}
.logo img {
	max-height: 40px;
}
.user-pro img {
	max-width: 125px !important;
}
.jq-icon-info {
	background-color: #e4032e  !important;
}
.btn-danger, .btn-danger.disabled {
	background: #d9534fe8;
	border: 1px solid #d9534f;
}
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
	opacity: .8;
	background: #d9534fe8;
	border: 1px solid #d9534f;
}
.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 360px;
	left: 50%;
	margin: 0 0 20px -180px;
	bottom: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 30px;
	box-shadow: -5px -5px 15px rgb(48 54 61 / 20%);
	background: #003863;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}
.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #003863 transparent transparent;
	border-width: 10px;
	margin-left: -10px;
}
.f-30 {
	font-size: 30px !important;
}
.col-in {
	/* padding: 20px; */

	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
.white-box .box-title {
	margin: 10px !important;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 17px;
}
/*#responsive-modal, .fade.show {
	z-index: 99999999;
}*/
/*.fade.show {
	z-index: 99999;
}*/
.btn-primary, .btn-primary.disabled {
    background: #003863;
    border: 1px solid #003863de;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background: #003863;
    opacity: .8;
    border: 1px solid #003863eb;
}

.btn-primary .ti-angle-double-right{
	padding-left: 10px;
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgb(1 192 200);
    box-shadow: 0 0 0 2px rgb(1 192 200);
}

.txt-oflo {

    font-size: 15px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px;
}

.modalzindex
{
z-index: 99999999 !important;
}

.white-box {
    padding: 10px !important;

}
.white-box300
{
	    min-height: 300px
 }

.white-box240
{
	    min-height: 240px
 }



.tabs-style-flip nav li.tab-current a {
    color: #03a9f3 !important;
}

.tabs-style-flip nav a:focus, .tabs-style-flip nav a:hover {
    color: #003863;
}
.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #edf1f5!important;
}


.error-box {
    height: 100%;
    position: inherit;
    background: url(../plugins/images/error-bg.jpg) center center no-repeat #fff!important;
    width: 100%;
}

.custom-select
{
 font-weight: 600;
}
	
	
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
	
	
/******** timeline **********/

@media only screen and (min-width: 1100px)
.cd-horizontal-timeline {
     margin: 0em auto !important; 
}
.cd-horizontal-timeline {
    opacity: 0;
     margin: 0em auto !important; 
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}	
	
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%!important;
    max-width: 100% !important;
    margin: 0 auto;
}
	
.cd-horizontal-timeline .events-content {
     margin: 0 !important;
    margin-top: -20px !important;

}
	
.cd-horizontal-timeline .events-content li > * {
    max-width: 100% !important;
}
	
.labelTermin
{
border-radius: 10px !important;
font-size: 14px !important;
margin-left:10px;
}	
	
.cd-horizontal-timeline .events a.selected::after {
    background-color: #d9534f !important;
    border-color: #d9534f !important;
    border-width: 10px;
    bottom: -9px;
}	
		
		.cd-horizontal-timeline .events-content li {
    padding: 0!important;

}

		.cd-horizontal-timeline ol
{
 
     padding-inline-start: 0px;
 
}

.content-wrap section {
       padding-top: 20px;
    padding-bottom: 20px;
 
}

.datumvrijeme {
    
    font-size: 15px!important;
 
    font-weight: 500!important;
}	
	.font16bold
{
 font-size: 16px;
    font-weight: 500;
}
	


.txtlink a
{
 
    color: #03a9f3;
    text-decoration: none;

 
}

.txtlink a:hover,a:focus
{
    color: #686868;
    text-decoration: underline;
 
}

.xdsoft_datetimepicker
{
 z-index: 9999999999!important;
 
}


.select {
    width: 90vw;
}

.custom {
    margin-top: 100px;
}

.select2-container 
{
	
	width: 100% !important;
	
	}

.select2-hidden-accessible
{
 display: none !important;
  
}

#eliteregister li.active:before, #eliteregister li.active:after {
    background: #e4032e !important;
    color: #fff;
}
.register-box {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 5% !important;
}

#eliteregister li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    line-height: 40px;
    display: block;
    font-size: 15px !important;
    color: #fff;
    background: #003863 !important;
    border-radius: 100%;
    position: relative;
    z-index: 10;
    margin: 0 auto 5px auto;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #003863 !important;
}
#msform .action-button {
    width: 100px;
    background: #003863 !important;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

.text-primary {
    color: #e4032e!important;
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#e4032e,#e4032e), linear-gradient(rgba(120,130,140,.13),rgba(120,130,140,.13));
}



.wizard-steps>li {
    display: table-cell !important;
 
}