@charset "utf-8";
/* CSS Document */
body { overflow-x: hidden !important; font-family: 'Open Sans', sans-serif;}
.footer.admin{
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    padding: 40px 0 10px;
    width: 100%;
}
.frontend_container,.main_container.admin {
    width:960px ;margin:0px auto;
}

.container{width:1250px ;}

.nav.navbar-nav li a {
    color: #fff !important;
}
.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
/*.mycol { margin: 0px; padding: 0px; }*/
.main_container.admin {margin: 0px auto; padding: 0px; }
/*.navbar-nav .open .dropdown-menu { position: absolute;  margin-top: 0; border: none !important; -webkit-box-shadow: none; right: 0; left: 108px; width: 220px; color: #333 !important; top:-5px;  background-color: #9a9a9a;}*/
.admin-footer { width: 1250px; display: block; float: left; margin-left: 0px !important; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff !important; }
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: none !important; background-image: none; border: 1px solid #fff; border-radius: 4px; }
.navbar-header { background: none !important; }
.dataTables_paginate a {
    padding: 6px 9px !important;
    background: #3bc492 !important;
    border-color: #26af7d !important;
    color: #fff;
}
table.jambo_table thead {
    background: #ccc;
    color: #ECF0F1;
}
table.jambo_table thead {
    background: #7F7F7F !important;
    color: #fff !important;
	font-size:14px !important;
}
p.questions {
    color: #333;
    font-size: 13px;
    margin-bottom: 4px;
}

.answer {
    background: #e3e3e3;
    padding: 10px 0px;
    padding-left: 10px;
}
.ff_top{
float: left;
    width: 100%;
    margin-top: -21px;
    
}

.intaitive p {
    font-size: 13px;
    color: #7c7c7c;
    line-height: 11px;
}
.intaitive {
    margin-top: -21px;
}
table.table.table-striped.custom-initaitive-table thead {
    background: #d4d4d4 !important;
    color: #333 !important;
    font-size: 13px !important;
}
.intaitive h4 {
    padding: 5px 0px;
    font-weight: bold;
}


@media screen and (max-width: 1166px) {
.main_container.admin { width: 100%; }
.admin-footer { width: 100%; }
.page-title { width: 100%; height: 65px; padding: 10px 0; }
.right_col { margin: 0px 18px !important; }
}

.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  

 
.dropdown-submenu:hover>a:after {
    
    
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
  border-left-color:#fff;
}  
  
@media (max-width: 767px) {

.navbar-nav {
    display: block;
    margin: 0;
}
.dropdown-submenu > a:after {
display: none;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
   background-color: transparent; 
}

.navmenu li {
    display: block;
}
.nav > li > a {
    padding: 5px 15px;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 35px 5px 25px;
}

.header_agency_field select.form-control {
    width: 82%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:0px !important;
    padding-top: 15px;
}
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    border-radius: 4px;
    margin-top: 2px;   
  }
  
   

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: none !important;
}
.dropdown-menu > li > a {
    
    text-decoration: none;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #9a9a9a;
}

.nav.navbar-nav li a {
    font-size: 14px;
}

.nav.navbar-nav li a:hover {
    color: rgba(255,255,255, 0.8) !important ;
    font-size: 14px;
    
}

li.dropdown.dropdown-submenu a:hover, .navbar-right ul.dropdown-menu li a:hover{background: rgba(255,255,255, 0.1);} 
    
    

ul.nav.navbar-nav.navbar-right li.register_btn:hover {
    background: none !important;
    background-color: transparent !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a{
    
    text-decoration: none;
    
}

.dropdown-menu > li > a.active{
    
   background: none !important;
    
}
.datepicker.dropdown-menu{background-color: #f5f5f5;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 10px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 20em;
    padding: 5px 0;
    margin: 2px 0 0;
        margin-top: 2px;
    margin-top: 2px;
    font-size: 14px;
    text-align: left;
    list-style: none;
     background-color: #275eb0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    left: 0px;
    border:none !important;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
    color: #fff !important;
    text-decoration: none;
}

/*.navbar-nav .open .dropdown-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9dee4;
    left: 144px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    width: 220px;
}*/
.dropdown li {
    margin-top: 6px;;                
    width: 100%;
}

.dropdown-menu > li > a {
    color: #000 !important;
 
}

.dropdown-menu.characteristics_input {
    height: 233px;
    overflow-y: scroll;
    background-color: #f3f3f3 !important;
                                     
}

dropdown-menu characteristics_input{color:#ccc;}

.dropdown-menu.characteristics_input li a:hover{color: #000 !important;}

.page-title h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 16px;
}

.panel ul li {
    color: #3c4249;
    font-size: 13px;
    margin-top: 15px;
    line-height: 25px;
    margin-bottom: 15px !important;
    text-align: justify;
    font-weight: 300;
    
}


.breadcrumb > .active strong {
    display: inline-block !important;
}

#content form .submit, .login_content form input[type="submit"] {
    float: left;
    margin-left: 0px !important;
}

#login_form label, .register_form label {
    margin-bottom: 10px;
    margin-top: 12px;
    width: 100%;
    font-weight: normal;
    font-size: 16px;
}

.new-style input[type="checkbox"] {
    line-height: normal;
    margin: 3px 5px 0 0;
    position: relative;
    top: 4px !important;
}

.right_label {
    margin-left: 0px !important;
}

.container.myadmin {
    padding: 0px 15px;
}

.input.text.required input {
    background-color: #fdfdfd;
    border: 1px solid #e6e6e6;
    border-radius: 5px !important;
    box-shadow: none;
    color: #808080;
    font-size: 15px;
    height: auto;
    padding: 15px 20px;
}























/* make sub menu arrows look like +/- buttons in collapsible mode */

.main-menu .dropdown-menu {
    border-radius: unset !important;
    min-width: 236px;
    width: 100%;
}

.navbar-nav:not(.sm-collapsible) ul .caret {
	position: absolute;
	right: 0;
	margin-top: 6px;
	margin-right: 15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
	padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
	position: absolute;
	right: 0;
	margin: -3px 15px 0 0;
	padding: 0;
	width: 32px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	border-width: 1px;
 	border-style: solid;
        
}
.navbar-nav.sm-collapsible .caret:before {
	content: '+';
	font-family: monospace;
	font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
	content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
	padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
	position: static;
	margin: 0 0 0 2px;
	padding: 0;
	width: 0;
	height: 0;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-bottom: 0;
	border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
	content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
	padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-bottom: 7px solid;
	border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
	top: 6px;
	border-top: 7px solid;
	border-right: 7px dashed transparent;
	border-bottom: 7px dashed transparent;
	border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
	padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
	padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
	white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
	white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
	white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
	left: -22px;
	right: auto;
}

.dropdown.notification-new {
  width: 44px;
  float: left;
}

.myloginclass{float: left;}

.btn.btn-primary.submit-btn.text-right {
    float: right;
}

.accordion-option h1 {
    display: inline;
}

.dropdown-menu.characteristics_input {
  border-radius: 10px;
}

.panel ul li {
    font-family: roboto;
    font-size: 15px !important;
}

.myloginclass ul{min-width: 176px !important;}


ul.bar_tabs > li a {

    color: #686868;
  
}

.measure_group_measurs h4 a {
    color: #036;
    font-size: 14px;
}

.modal-body.my-new-modal div{
    color: #686868 ;
}

.dataTables_paginate a {
    background: #f5f5f5 !important;
   
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #337ab7 !important; 
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 3;
}

.performance-measure{font-size:30px; font-weight:500}
.myrow{margin-left: 0px !important;}
.compare-measure p {
    margin: 0;
}
.compare-measure span {
    color: #5c5c5c;
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
}

.bottom-links {
    float: left;
    width: 100%;
}

.bottom-links li {
    display: inline;
    float: left;
    font-size: 15px;
    padding: 10px 27px 0 0;
    text-decoration:underline;
}

.mar-top{margin: 0px 0px 40px 0px;}
.no-padd{padding:0px !important;}
.sub-heading {
    color: #333;
    font-weight: 600;
}
.inner-sub-heading{margin-bottom: 25px;}
.graph-outline {
    border: 1px solid #eaeaea;
  
}

.form-group input{
    background-color: #fdfdfd;
    border: 1px solid #e6e6e6;
    border-radius: 5px !important;
    box-shadow: none;
    color: #808080;
    font-size: 15px;
    height: auto;
    padding: 15px 20px;
}
.mylabel label {
    margin-top: 10px;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{

    display: block;  
    z-index: 10;
    background-color: #f5f5f5;
    border:1px solid #e5e5e5 !important;
    


}
.active_agency_filter input[type="checkbox"], input[type="radio"] {
    vertical-align: super;
    top: 8px !important;
}

@media screen and (min-width: 1281px) {
    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{
        
    display: block;
    left: 537px !important;
    top: 435.15px !important
    z-index: 10;
    }
    
}
.profile_img img {
    border-radius: 50%;
}

.compare_page h3{    font-weight: 600;}
.compare_page a, .compare_page a:hover,.compare_page a:focus{
    color: #333;
}

.nav.navbar-nav li a.active {
    background-color: #fff;
    color: #333 !important;
    padding: 0px;
}
.header_agency_name {
    cursor: pointer;
}
.header_agency_name1 {
    color: #6c7279;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 0 15px;
    text-align: left;
}
.header_agency{
    color: #fff;
    font-size: 14px;
    text-align: right;}


.right_col .form-control{height:43px!important;}


@media screen and (max-width: 480px) {
.header_agency_field select.form-control {
    width: 77%;
}
}