@charset "UTF-8";
/******************************************************************
Site Name: BRHC_CC
Author: Neil Roberts

Stylesheet: Site Stylesheet
******************************************************************/

/*
    CSS Properties Template
    -------------------------
    background:;
    border:;
    color:;
    display:;
    font-size:;
    font-weight:;
    height:;
    margin:
    padding:;
    position:;
    text-decoration:;
    text-transform:;
    width:;
    
*/



/* ----------------------------------------------------------------------------
   --- COMMON ELEMENTS
-------------------------------------------------------------------------------*/

body{
    background:#fafafa;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color:#18315b;
    border-color:#18315b;
}

.ajaxloader{ 
	display: none;
	background: url('../Images/ajax_loader.gif') no-repeat 10px 10px;
	position: fixed;
	width: 220px;
	height: 80px;
	line-height: 60px;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -150px;
	padding-left: 90px;
	padding-top: 10px;
	border: 1px solid #18315b;
	background-color: #fff;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: 700;
	color: #18315b;
	z-index: 50000;
}

.container{ 
    position:relative;
}

.toastmessage {
    display:none;
    width:350px;
    height:20px;
    height:auto;
    position:absolute;
    left:50%;
    margin-left:-200px;
    top:10px;
    background-color: #66b14e;
    color: #fff;
    font-weight:700;
    font-size: 1em;
    padding:10px;
    text-align:center;
    border-radius: 2px;
}

.toastmessage.errorbg{
    background-color: #e74c3c;
}

.nodata{
    background:#f5d179;
    color:#947938;
    font-family: 'Roboto', sans-serif;
    font-size:1.1em;
    padding:10px;
    border-radius: 5px;
}

.notificationbar{
    background:#66b14e;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size:1.1em;
    padding:10px;
    border-radius: 5px;
}

.notificationbar .grid.btn{ 
    color:#fff;
    background:#6ebd55;
    margin-top:-9px;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    display:inline-block;
    margin-bottom:20px;
}

h3.cc_frm_header{ 
    color:#35bfc3;
    font-family: 'Roboto', sans-serif;
    display:inline-block;
    font-weight:700;
    padding:10px;
    text-transform:uppercase;
    vertical-align:middle;
}

.header_wrapper{
    display:inline-block;
    vertical-align:top;
}


button.logout{
    font-family: "Roboto", sans-serif;
    background:none;
    border:none;
    display:inline-block;
    font-size:16px;
    font-weight:700;
}

.extrainfo {
    display: inline-block;
    margin-left: 10px;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    color: #606060;
    background: #f1f5f8;
    padding: 5px 10px 5px 5px;
    border-radius: 5px;
    border: 1px solid #efefef;
}

#uploaded_image{
    width: 200px;
}
#uploaded_image img{
    width: 100%;
    height: 100%;
}


.counter{
    font-weight: 700;
    padding-right:5px;
}

.emphasise{ 
    color:#18315b;
}

.msg_success{
    color:#66b14e;
}

.highlight{
    color:#10385c;
    padding-left:5px;
}


.breadcrumb li{ 
    list-style:none;
    
    font-family: "Roboto", sans-serif;
}

.breadcrumb li:hover{ 
    cursor:pointer;
    color:#10385c;
}

.current{
    color:#35bfc3;
}

.current:hover{
   cursor:not-allowed;
}



#cc_header_wrapper{ 
    z-index: 299;
    padding: 15px;
    min-height: 70px;
    border-bottom: 1px solid #fff;
    position: relative;
    background-color: #10385c;
    background-image: -webkit-linear-gradient(left, #10385c, #1a647d);
    background-image: -moz-linear-gradient(left, #10385c, #1a647d);
    background-image: -o-linear-gradient(left, #10385c, #1a647d);
    background-image: -ms-linear-gradient(left, #10385c, #1a647d);
    background-image: linear-gradient(left, #10385c, #1a647d);
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.cc_title{
    font-size:1em;
    font-weight:700;
    letter-spacing:1px;
    line-height:45px;
    color:#fff;
    text-transform:uppercase;
}

.cc_logdetails{
    padding-top:10px;
}

.cc_logdetails p{ 
    color:#bdc3c7;
    margin:0;
    font-weight:400;
    line-height:38px;
    font-size:0.8em;
}

.cc_logdetails div{ 
    display:inline-block;
    padding-right:10px;
}

.cc_logdetails #username{ 
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    font-size:0.9em;
    font-weight:700;
    color:#fff;
    padding-top:20px;
}

.cc_logdetails .glyphicon{
    color:#fff;
    padding-left:5px;
}

.cc_logdetails .cc_logout{ 
    font-size:0.8em;
    color:#fff;
    font-weight:700;
    font-family: 'Roboto', sans-serif;
    padding-left:20px; 
    text-transform:uppercase;
}

#cc_menu_wrapper{ 
   z-index: 199;
   font-family: 'Roboto', sans-serif;
    position: relative;
    background: url('../Images/nav-bg.png');
    border-bottom: 2px solid #fff;
    min-height: 85px;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}

#cc_menu_wrapper .glyphicon {
    display: block;
    margin: auto;
    font-size: 1em;
    width:15px;
    margin-bottom:10px;
}

#cc_menu_wrapper ul{
    margin:0;
    padding:0;
}

#cc_menu_wrapper li{ 

    color:#fff;
     float:left;
     display:block;
     list-style-type:none;
     text-transform:uppercase;
     font-size:0.9em;
     font-weight:400;
     padding:10px 15px 0px 15px;
     margin:20px 15px;
     width:100px;
     border-radius:5px;
}

#cc_menu_wrapper li.current{ 
    background:#F29540;
    color:#fff;

}

#cc_menu_wrapper li:hover{ 
    cursor:pointer;
}



.menu_options li p{
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.menu_options a {
    color: #fff;
}

.menu_options a:hover {
    text-decoration: none;
}

.form-control {
    height: 40px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.1;
    color: #555;

}

.form-group{
    margin:20px 0px;
}

.form-control:focus {
    border-color: #35bfc3;
    outline: 0;
    box-shadow: none;
}

.form-control.inline{
    display:inline-block;
    width:250px;
}

.cc_frmstyle .input-group{
    margin-bottom:10px;
    width:100%;
    /*background:#f1f5f8;*/

}

.cc_frmstyle .input-group input {
    background:#f1f5f8;
    font-family: 'Roboto', sans-serif;
    border-radius:0;
}

.cc_frmstyle .input-group input.error{
    border:1px solid #e74c3c;
}


label { 
    font-family: "Roboto", sans-serif;
    color: #314972;
    font-size: 1.1em;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.5px;
}

label.error{ 
    background: none;
    color: #e74c3c;
    width: 100%;
    text-align: right;
}

.search_label{
    font-family: "Roboto", sans-serif;
    color:#505050;
    font-size:1em;
    text-transform:uppercase;
    font-weight:700;
    margin:0;
    padding-right:5px;
}

.glyphicon-search{
    color: #35bfc3;
}

.glyphicon.green{
    color:#66b14e;
    text-align:center;
}

.glyphicon.red{
    color:#e74c3c;
    text-align:right;
}

.glyphicon.grey{
    color:#808080;
    text-align:center;
}

.center-align{
    padding-left:40px;
}


table{
    font-family: 'Roboto', sans-serif;
    font-size:1em;
    background:#fefefe;
    padding:10px;
    border:1px solid #d9d9d9;
}

table th{ 
    color:#fff;
    background:#18315b;
    padding:10px;
    text-transform:uppercase;
}

table td{ 
    padding:10px;
    color:#505050;
}

table td.short{
    width:10px;
    
}

table td.icon{
    width:10px;
    text-align:center;
}

.no-sort{ 
    padding:0 !important;
}

table tr.odd{ 
    background:#f3f7f9;
}

/*table tr.notselected td {
    color:#808080;
}*/


/*table.geotable td{
    color:#66b14e;
}*/

.pagination{
    background:#18315b;
    border-color:#18315b;
}

table td.actionbtns{ 
   width:50px;
}


.inline{
    float:right;
}

.btn{
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    font-size:1.2em;
    font-weight:700;
   
     box-shadow: inset 0 0 0 0 #31302B;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

.btn_bb{
    margin-top:-5px;
}

.pad{ 
    padding-right:5px;
}

.shift_left{
    margin-left:25px;
}



.btn.grid{ 
    background:#d9d9d9;
    margin-right:5px;
    float:right;
}

.btn.grid.drag{
    margin-top:-9px;
}

.btn.btn_ui{
    margin-right:8px;
}

.btn.btn_ui:last-child{
    margin-right:0px;
}

.btn.link{
    color:#18315b;
    background:#ddd;
    font-size:1em;
    margin-right:10px;
}

.blue:hover{ 
    background:#35bfc3;
    color:#fff;
    box-shadow:none;
    cursor:pointer;
} 


.btn.link.active, .highlight:hover{ 
    background:#F29540;
    color:#fff;
    box-shadow:none;
    cursor:pointer;
}


.btn.selected{
    background:#35bfc3;
    color:#fff;
    box-shadow:none;
    cursor:pointer;
}


.grey:hover{ 
    background:#787d80;
    color:#fff;
   
}


.filter_block{
    margin-top: 10px;
    padding: 10px 0px;
    border-bottom:1px solid #efefef;
}

.page-header{ 
    position:relative;
    border-bottom:none;
}

.tabs_view{ 
    position:relative;
}


.sb_container{
    position:relative;
}

.right{ 
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
}

.right-noheader{ 
    display:inline-block;
    position:absolute;
    top:20px;
    right:20px;
}

.rightbottom{
    display:inline-block;
    position:absolute;
    bottom:20px;
    right:20px;
}

.fl_right{ 
    float:right;
    margin-left:10px;
}

.button_block{
    float:left;
    width:100%;
}

.vert{ 
    top:15px;
}

.wrapperview {
    position:relative;
    padding-top:50px;
}

.subview h4{
    text-transform:uppercase;
    color:#35bfc3;
}

.button_container{
    position:relative;
    margin-bottom:10px;
}


.pnl_visibility{
   margin-bottom:10px;
   background:#f9f9f9;
   padding:10px;

}

/* MODAL STYLING*/

.modal-content{ 
    font-family: 'Roboto', sans-serif;
}

.modal-header{
    background:#35bfc3;
    border-radius: 6px 6px 0px 0px;
}

.modal-header.warning{
     background:#F29540;
}

.modal-title{ 
    color:#fff;
    font-weight:700;
}

.modal-title{ 
    text-transform:uppercase;
}

.btn-primary{ 
    background:#35bfc3;
    border:1px solid #35bfc3;
    color:#fff;
}

.btn-primary:hover{ 
    background:#33acb0;
    border:none;
    color:#fff;
}


/**
 * Datatables Sorting icons on left
 */


select.input-sm{
    height:40px;
}

table.dataTable thead > tr > th {
    padding-left: 30px !important;
    padding-right: initial !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    left: 8px !important;
    right: auto !important;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting{
    padding-right:10px;
}


/**
 * Datatables Row re-ordering
 */


table.dt-rowReorder-float {
  position: absolute !important;
  opacity: 0.8;
  table-layout: static;
  outline: 2px solid #337ab7;
  outline-offset: -2px;
  z-index: 2001;
}

tr.dt-rowReorder-moving {
  outline: 2px solid #888;
  outline-offset: -2px;
}

body.dt-rowReorder-noOverflow {
  overflow-x: hidden;
}

table.dataTable td.reorder {
  text-align: center;
  cursor: move;
}


/* OVERRIDES */

.select2-container .select2-selection--single{
    font-family: 'Roboto', sans-serif;
    height:40px;
    font-size:16px;
    background:#f1f5f8;
    border:1px solid #ddd;

}

.select2-container{
   margin-bottom:10px;

}

.s2error{
    border:1px solid #e74c3c;
}



.select2-container--default .select2-selection--single {
    border-radius:0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #35bfc3 transparent transparent transparent;
    border-width: 6px 5px 0 5px;
    margin-left: -8px;
}


.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #35bfc3 transparent;
    border-width: 0 5px 6px 5px;
}

.select2-container--default [aria-selected].select2-results__option--highlighted{
    background: #35bfc3;
}

.select2-dropdown{
    border-radius:0;
    border:1px solid #ddd;
}


.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    font-size: 1.8em;
    margin-right: 10px;
    color: #bdc3c7;
}


.select2-container--default .select2-selection--multiple{
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    background:#f1f5f8;
    border:1px solid #ddd;
    border-radius:0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{

    color:#fff;
    background:#35bfc3;
    border:#fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff;
}


.select2-container .select2-search--inline .select2-search__field{
    padding:3px;
    width:100% !important;
}

.select2-container--focus.select2-container--default .select2-selection--multiple{
    border:1px solid #9edbdd;
}

.nomargin{
    margin-bottom:0px !important;
}

.labelerror{
    margin-bottom:8px;
}

input:disabled{
    color:#bbb !important;
    background:#efefef !important;
}



/*/* Dragula Styling*/


.table_header{
    font-family: "Roboto", sans-serif;
    color:#fff;
    font-weight:700;
    background:#18315b;
    padding:10px;
    text-transform:uppercase;
}


.drag_container li{ 
	font-family: 'Roboto', sans-serif;
    background:#fff;
    color:#18315b;
    font-weight:400;
    border-left:1px solid #efefef;
    border-right:1px solid #efefef;
	padding:15px 10px;
    list-style:none;
}



.drag_container .dragleft li:first-child{
    border-top:1px solid #efefef;
    border-bottom:none;
}

.drag_container .dragleft li:last-child{
    border-bottom:1px solid #efefef;
    border-top:none;
}

.dragleft li{
  position:relative;
  border:1px solid #efefef;
  background:#f1f5f8;
}

.dragleft li:nth-child(2n){
     background:#fefefe;
}

.dragright li{
    margin:5px 0px;
    border:1px solid #efefef;
}

.dragright li:hover{
     font-size:1.1em;
    color:#35bfc3;
    cursor:move;
-webkit-box-shadow: -4px 4px 2px -2px rgba(227,229,232,1);
-moz-box-shadow: -4px 4px 2px -2px rgba(227,229,232,1);
box-shadow: -4px 4px 2px -2px rgba(227,229,232,1);

}

.drag_container ul {
  margin: 0;
  padding: 0;
  list-style:none;
}



 /*dragula-specific example page styles */
.drag_wrapper {
  display: table;
  position:relative;
  margin-bottom:40px;
  width:100%;
}

h4.drag{ 
    display:inline-block;
    width:45%;
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    color:#18315b;
    font-weight:700;
}


#draglabels{ 
    display: table;
    position:relative;
}


.drag_container {
  display: block;
  width: 100%;
  padding:0;
}




.drag_container > div,
.gu-mirror {
  margin: 10px;
  padding: 10px;
  background-color: #35bfc3;
  transition: opacity 0.4s ease-in-out;
  color:#fff;
  list-style:none;
}
.drag_container > div {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.gu-mirror {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.drag_container .ex-moved {
  background-color: #e74c3c;
  border:1px solid #35bfc3;
  border-left:10px solid #35bfc3;
}
.drag_container.ex-over {
  background-color: rgba(255, 255, 255, 0.3);
  
}
#left-lovehandles > div,
#right-lovehandles > div {
  cursor: initial;
}


/* TABS */


.tabs ul {
    margin:0;
    padding:0;
    font-family: 'Roboto', sans-serif;
}

.tabs .tabslist li {
	display:inline-block;
    list-style:none;
	padding: 8px 20px;
	background: #f0f0f0;
    text-transform:uppercase;
	text-decoration: none;
    outline:none;
    border-radius:5px 5px 0 0;
	color: #10385c;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs .tabslist li.disabled, .tabs .tabslist li.disabled:hover{
    background: #efefef;
    color:#bbb;
    cursor:default;
}

.tabs .tabslist li.current{
    background:#fff;
    color:#606060;
    font-size:1.1em;
    font-weight:700;
    padding: 14px 20px 8px 20px;
-webkit-box-shadow: -3px -4px 5px 1px rgba(201,191,201,0.09);
-moz-box-shadow: -3px -4px 5px 1px rgba(201,191,201,0.09);
box-shadow: -3px -4px 5px 1px rgba(201,191,201,0.09);
}

.tabs .tabslist li:hover {
	color: #35bfc3;
    background:#fff;
    cursor:pointer;
}

.tabs_container{
    width:100%;
    background:#fff;
    padding:20px;
    -webkit-box-shadow: -3px 3px 12px -1px rgba(201,191,201,0.28);
    -moz-box-shadow: -3px 3px 12px -1px rgba(201,191,201,0.28);
    box-shadow: -3px 3px 12px -1px rgba(201,191,201,0.28);
}

.tabs_container.form{
    margin-top:5%;
}


.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.tabulous_active {
	background: #f1f5f8 !important;
	color: #655c89 !important;
	border: 1px solid #ddd;
	border-bottom:none;

}

.tabulousclear {
	display: block;
	clear: both;
}



/* OFF CANVAS MENU*/


/* Reset responsive Bootstrap elements */
#navbar2 .navbar-header {
    float: none;
}

#navbar2 .navbar-toggle2 {
    display: block;
}


#navbar2 .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}


#navbar2 .navbar-nav>li {
    float: none;
}

/* Reposition elements affected by the sliding menu */
/*#wrapper {
    position: relative;
    right: 0;
    transition: right 0.35s ease;
}*/

#navbar2 .navbar-collapse {
    position: fixed;
    top: 18%;
    right: -35%;
    display: block;
    width: 35%;
    height: 100% !important;
    /*max-height: 100%;*/
    margin: 0;
    background-color: #f4f4f4;
    transition: right 0.35s ease;
    padding:0;
-webkit-box-shadow: -5px 2px 12px -2px rgba(199,199,199,1);
-moz-box-shadow: -5px 2px 12px -2px rgba(199,199,199,1);
box-shadow: -5px 2px 12px -2px rgba(199,199,199,1);
}

.navbar-collapse h4{
    background: #606060;
    width:100%;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    padding:10px;
    margin-top:-5px;
    margin-bottom:0px;
    padding:30px 10px 20px 10px;
}

.navbar-collapse .slidecontent{
    padding:20px;
}

#navbar2 .navbar-collapse.collapsing {
    transition: right 0.35s ease;
}

#navbar2 .navbar-collapse.in {
    right: 0;
}

.search_block{
    position:relative;
    display:block;
    background:#ddd;
    padding: 5px 10px;
}

.search_block .form-control{
    margin-left:10px;
    border-radius:0px;
}


.panelbutton{ 
    position:absolute;
    right:0;
    top:0;
    height:100%;
    border-radius:0px;
}

.panelbutton.first{ 
    position:absolute;
    right:112px;
    top:0;
}

/*.container.menu-slider.in {
    overflow: hidden;
}

.container.menu-slider #wrapper {
    transition: right 0.35s ease;
}

.container.menu-slider.in #wrapper {
    right: 30%;
}*/


/* TOGGLE SWITCH */


ul.chkControls{
    margin:0;
    padding:0;
}

ul.chkControls li{
    display:inline-block;
    list-style-type:none;
    margin-right:10%;

}

fieldset.fs-switch {
  position: relative;
  width: 120px;
  height: 40px;
  margin: 0px;
  background: #f1f5f8;
  border-radius: 5px;
  border: 4px solid #f1f5f8;
  padding: 0;
}

fieldset.fs-switch.filter{
   width:140px;
   margin:10px 0px;
}

fieldset.fs-switch.filter span.switch-bg{
    background: #35bfc3;
}


fieldset.fs-switch:hover {
  background: #e6e9eb;
  border-color:#e6e9eb;
}
fieldset.fs-switch input.input-switch {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
fieldset.fs-switch span.switch-bg {
  position: absolute;
  z-index: 0;
  width: 50%;
  height: 32px;
  left: 50%;
  background: #7e7e7e;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border-radius: 5px;
}
fieldset.fs-switch span.switch-labels {
  position: absolute;
  z-index: 1;
  width: 112px;
  height: inherit;
  padding:0;
}


fieldset.fs-switch.filter span.switch-labels {
    width:132px;
}


fieldset.fs-switch span.switch-labels:before, fieldset span.switch-labels:after {
  font-family: 'Roboto', sans-serif;
  height: 40px;
  width: 50%;

  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  text-align: center;
    line-height:32px;
    font-weight: 700;
    text-transform:uppercase;

}
fieldset.fs-switch span.switch-labels:before {
  content: attr(data-on);
  left: 0;
  position: absolute;
  color: #b7b7b7;
}
fieldset.fs-switch span.switch-labels:after {
  content: attr(data-off);
  position: absolute;
  right: 0;
  color: #fff;

}
fieldset.fs-switch label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.input-switch:checked ~ .switch-bg {
  left: 0%;
  background: #35bfc3;
  
}

.input-switch:checked ~ .switch-labels:before {
  color: #fff;
}

.input-switch:checked ~ .switch-labels:after {
  color: #b7b7b7;
}


.dt-buttons{
    float:left;
    width:50%;
}

.dt-buttons a{
font-family: 'Roboto', sans-serif;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  color: #202020;
  text-transform:uppercase;
  font-weight: 700;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
   background:#ddd;
    margin-right:5px;
  border: 1px solid transparent;
  border-radius: 4px;
  outline:none;
  text-decoration:none;
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.dt-buttons a:hover{
    background:#35bfc3;
    color:#fff;
    cursor:pointer;
}

div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}ul.dt-button-collection.dropdown-menu{display:block;z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.dropdown-menu.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.dropdown-menu.fixed.two-column{margin-left:-150px}ul.dt-button-collection.dropdown-menu.fixed.three-column{margin-left:-225px}ul.dt-button-collection.dropdown-menu.fixed.four-column{margin-left:-300px}ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.dropdown-menu.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.dropdown-menu.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.dropdown-menu.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2001}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons a.btn{float:none}}


/* TREE VIEW */


.tree {
    font-family: 'Roboto', sans-serif;
    min-height:20px;
    padding:10px;
    margin:20px 0px;  
}

.tree ul{
    padding-left:0px;
}

.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 15px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:5px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #ddd;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #ddd;
    height:20px;
    top:30px;
    width:10px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background:#efefef;
    border-radius:5px;
    display:inline-block;
    padding:5px 8px;
    text-decoration:none;
    width:100%;
    position:relative;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}



.tree li span.glyphicon{
    width:30px;
    color:#10385c;
    background:none;
}

.tree li span.selected .glyphicon{
    width:30px;
    color:#fff;
    background:none;
}

.tree li span.action,.tree li span.selected span.action {
    width: 150px;
    color: #d8d8d8;
    font-size: 16px;
    padding: 9px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
}

.tree li span.selected{
    background:#35bfc3;
    color:#fff !important;
}

.tree li span.selected span.action{
    color:#fff;
}



.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}

.tree li span.selected span.action:hover{
    cursor:pointer;
}

/*.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    color:#18315b;
}*/


#progressbar {
    background-color: black;
    background-repeat: repeat-x;
    border-radius: 13px;
    padding: 3px;
}

#progressbar > div {
    background-color: orange;
    width: 0% ;
    height: 20px;
    border-radius: 10px;
}