<!-- Custom styles import -->

::-moz-selection {
background-color: rgba(0,61,107,0.8);
}

::selection {
background-color: rgba(0,61,107,0.8);
}

.banner{
background-image: url("../../images/src/tweb/banner.jpg");
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
background-color: #ECF0F5;
}

.skin-blue .main-header .logo {
background-color: #003d6b;
}
.skin-blue .main-header .logo:hover {
background-color: #003d6b;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .main-header .logo:hover, .skin-blue .main-header .logo{
border-left-color: #003d6b;
}

th {
background-color: #003d6b;
}

.skin-blue .main-sidebar, .skin-blue .left-side, .skin-blue .main-header .navbar{
background-color: #315DA7;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover{
background-color: #FFFFFF;
}

.user-panel>.image>img, .navbar-nav>.user-menu .user-image{
background-color: #003d6b;
}

.skin-blue .main-header .navbar .nav>li>a{
background-color: #315DA7;
border-color: #003d6b;
}

.pagination>li>a.paginationSelect{
background-color: #003d6b;
}

.btn-custom{
background-color: #003d6b !important;
}

.select_asc, .select_desc{
background-color: #315DA7;
}

.sidebar-menu>.treeview, .user-panel>.info>p, .skin-blue .main-header .navbar .sidebar-toggle{
color: #FFFFFF;
}

#btn-aanvraag, #btn-reservering{
color: #f4f4f4;
}

.open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus{
background-color: #003d6b;
}

.btn-danger.hover, .btn-danger:active, .btn-danger:hover{
background-color: #315DA7;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a{
background-color: #FFFFFF;
}
.treeview:hover{
background-color: rgba(255,255,255,0.7);
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{
color: #003d6b;
}

#tableHeader .select_asc, #tableHeader .select_desc{
color: #f4f4f4;
}

.table>thead>tr>th, .table>tbody>tr>th, .logo-lg{
color: #f4f4f4;
}

.user-menu span b, .skin-blue .sidebar a, .user-panel{
color: #FFFFFF;
}

.skin-blue .main-header .navbar .nav>li>a:hover{
background-color: rgba(255,255,255,0.7);
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

sidebar-menu .active{
border-left: 2px solid;
border-color: #003d6b;
}

body, #wrapper{
background-color: #ECF0F5;
}

*{
font-family: 'Arial', sans-serif;
}

.tabs a.active{
background: #003d6b;
}

.btn-primary{
background-color: #003d6b;
color: #FFFFFF;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
transition:.2s;
}
.btn-primary:hover{
background-color: #315DA7;
color: #FFFFFF;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
transition:.2s;
}

.login-wrapper{
background-image: url('../../images/src/tweb/login-bg.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

li .custom-color, li custom-color:focus{
background: #003d6b;
}

li .custom-color:hover {
background: #315DA7;
}

.f1-step.active .f1-step-icon, button.btn.btn-next, button.btn.btn-next:focus, button.btn.btn-next:active:focus, button.btn.btn-next.active:focus, button.btn.btn-submit, button.btn.btn-submit:focus, button.btn.btn-submit:active:focus, button.btn.btn-submit.active:focus{
background-color: #003d6b;
color: #f4f4f4;
}

button.btn.btn-previous, button.btn.btn-previous:focus, button.btn.btn-previous:active:focus, button.btn.btn-previous.active:focus{
background-color: #FFFFFF;
}