﻿#page-wrapper {
    background-color:#f2f2f2;
}

.navbar {
    background-color: rgba(8,27,51,.8);
    background-image:url('/uploaded_files/site/bg-site.jpg');
    border-color: #f2f2f2;
}

.navbar-top-links > li > a, .sidebar-nav  li > a /*.navbar a.dropdown-toggle */
{
    color:#fff;
}

.navbar-top-links ul.dropdown-menu li > a
{
    color:auto;
}


.nav > li > a:hover, .nav > li > a:focus {
    background-color: #383435;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #626262;
}
.navbar-brand {
    padding: 7px 15px;
}
.navbar-brand img{
    max-height:30px;
    max-width:120px;
}


.sidebar-nav
{
    background-color: #9b9b9b;
    border-color: #f2f2f2;
}

.sidebar ul li a.active {
    background-color: #bfbdbd;
}

.login 
{
    background-color: #231f20;
}
.login #logo {
    margin-top: 30px;
    text-align: center;
}
.login-box 
{
     margin-top: 30px;
   background-color: #f2f2f2;
   /*background-color: rgba(8,27,51,.8);*/
    padding:1em 2em 2em 2em;
    border-radius:0px;
}


.avatar {
    border-radius: 15px;
    font-size: 12px;
    height: 30px;
    line-height: 1.42857;
    width: 30px;
}
.dropdown .avatar 
{
    margin: -5px 0 -5px 0;
}


 /*
.sidebar li.menuLevel1,
.sidebar li.menuLevel2,
.sidebar li.menuLevel3 {
    border-bottom: 0!important;
}

.sidebar li.menuLevel1 a {
    padding-left: 37px;
}
.sidebar li.menuLevel2 a {
    padding-left: 52px;
}
.sidebar li.menuLevel3 a {
    padding-left: 67px;
}*/
.sidebar .nav-fourth-level li a {
    padding-left: 67px;
}

/* Bootstrap overrides */

/*fix for inline radio / checks renered by radiobuttonlist / checkboxlist*/
span.radio-inline
{
    margin-left: 0px;
    display:inline-block;
}

span.radio-inline input[type="radio"],
span.checkbox input[type="checkbox"],
span.checkbox-inline input[type="checkbox"]
{
   position: static;
   margin-top: 6px;
   margin-left: 15px;
}

span.radio-inline label,
span.checkbox label,
span.checkbox-inline label
{
   margin-left: 5px;
   font-weight:normal;
}


h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  color:#081b33;
}

h1,
.h1 {
  font-size: 25px;
}
h2,
.h2 {
  font-size: 20px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}


a {
    color: #00b5e2;
    text-decoration: none;
}
a:hover {
        opacity: .8;
    text-decoration: none;
}

.breadcrumb {
    background-color:#b1b3b6;
    background-color:#f2f2f2;
    background-color:#fff;
        border: 1px solid #ddd;

}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 10px;
  border-bottom: 1px solid #eee;
}
.panel-heading h2 
{
margin:5px 0;
}


.fullscreen {
    position:fixed;
    top:5px;
    bottom:5px;
    left:5px;
    right:5px;
    z-index:1000;

}

.pointer {
    cursor:pointer;
}

/*fix for drop downs in ie8*/
.navbar-inner{filter:none;}


.bg-grey {
    background-color:#bfbdbd;
}
.bg-grey-l {
    background-color:#f2f2f2;
}
.bg-grey-vl {
    background-color:#eee;
}
.bg-white {
    background-color:#fff;
}

.row-border-top > td {
border-top: 2px solid #333 !important;
}

/*Alias for FA Icons*/
/*fa-plus*/
.fa-add:before {
  content: "\f067";
}


.newsImage {
    float:left;
    width:20%;
}
.newsImage img {
    max-width:100%;
    /*max-height:100%;*/
}

.tab-pane {
    border-color: #ddd ;
    background-color:#fff;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    border-top:0;
    padding: 10px 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    outline: 0;
}
.nav-tabs > li > a:hover {
    background-color:#ddd;
}


.previewBrowser .modal-dialog {
    width: 990px; /*added 30px for padding*/
}
.previewBrowser .bootstrap-dialog-message {
    height: 700px;
}
.previewMobile .modal-dialog {
    width: 350px; /*added 30px for padding*/
}
.previewMobile .bootstrap-dialog-message {
    height: 480px;
}
.previewTablet .modal-dialog {
    width: 798px; /*added 30px for padding*/
}
.previewTablet .bootstrap-dialog-message {
    height: 1024px;
}
.previewDesktop .modal-dialog {
    width: 1500px; /*added 30px for padding*/
}
.previewDesktop .bootstrap-dialog-message {
    height: 760px;
}
.previewLaptop .modal-dialog {
    width: 1300px; /*added 30px for padding*/
}
.previewLaptop .bootstrap-dialog-message {
    height: 700px;
}


.tree-branch {
    cursor:row-resize;
}

.tree-open {
     cursor:pointer;
}

.switchList {

}
.switchList > label, .switchList > div > label {
    float:left;
    width:200px;
    clear:both;
}

    .switchList .make-switch {
     float:left;
   }

    .switchList .help-block {
     clear:both;
    float:left;
   }


.switchList h2, .switchList h3 {
    clear:both;
}

.form-control {
        /*width: 100%;*/
    padding: 8px;
    margin: 6px 0 4px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    font-family: sans-serif;
    font-size: 12px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 2px;
}

.input-group.calendarTime input,.input-group.calendar input{
    margin-top: 0;
}

.btn {
      border-width: 1px;
    border-style: solid;
    transition: 0.1s background-color linear, 0.1s color linear;
    /*font-family: proxima-nova;*/
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.btn-default {
    background-color: transparent;
    color: #00b5e2;
    border-color: #00b5e2;
      /*border-width: 2px;*/
    border-radius: 2px;
}
.btn-default:hover {
    color: #f2f2f2;
    background-color: #00b5e2;
    border-color: #00b5e2;
}
.btn-primary {

    color: #f2f2f2;
    background-color: #00b5e2;
    border-color: #00b5e2;
}


ul.radio-list-button {
    list-style:none;
    padding:0;
    margin-top: 10px;
    clear:both;
}

/*ul.radio-list-button.radio-list-buttonNav {
    margin: 0;
    margin-right: 10px;
}

ul.radio-list-button50 {
    margin-top: 8px;
}*/

ul.radio-list-button li {
    display:inline-block;
    /*width:16%;*/
    width:auto;
    padding:0;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
}

/*ul.radio-list-button.radio-list-buttonNav li {
    margin-bottom: 0;
}*/

ul.radio-list-button li label {
    max-width:100%;
    width: auto;
    padding: 6px 12px;
    margin: 0;
    font-weight: 700;
    cursor: pointer;
    color: rgb(64, 64, 66);
    border: 2px solid #d5d2d2;
    border-radius: 4px;
}

/*ul.radio-list-button.radio-list-buttonNav li label {
    color: #fff;
    padding: 3px 10px;
    border: solid 2px #6C1F37;
    border-radius: 5px;
    background: #6C1F37;
}

ul.radio-list-button.radio-list-buttonNav li > input:checked + label{
    /* background: none; /
    border: solid 2px #fff;
}

ul.radio-list-button50 li label {
    width: 100%;
    margin-bottom: 0;
}*/

ul.radio-list-button li label img{
    pointer-events: none; /*fix for IE image label*/
}


ul.radio-list-button li input[type=radio] {
    display:none;
}

ul.radio-list-button li > input + label > img{ /* IMAGE STYLES */
  cursor:pointer;
  border:5px solid transparent;

  -webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
    user-select: none;
}

ul.radio-list-button li > input:checked + label { /* (RADIO CHECKED) IMAGE STYLES */
    background: #449d44;
    color: #fff;
    border-color: #449d44;
}

/*------------------------------------------------------------*/
/*.navbar-header {
    background-color: #00b5e2;
}

@media(min-width:768px) {
    .navbar-header {
        width: 250px;
    }
}*/

#wrapper {
    background-color: #076879;
        background-image:url('/uploaded_files/site/bg-site.jpg');
        background-repeat:no-repeat;
        position:relative;

}

.sidebar ul li a {
    background-color: #00b5e2;/*Normal*/
    background-color: rgba(0,181,226,0.5);/*Normal*/

    color:#fff;
}
.sidebar ul li a:hover, .sidebar ul li a:focus  {
    background-color: #364685;/*Dark*/
    background-color: #30c1e5;/*Light*/
    background-color: rgba(48,193,229,0.8);/*Light*/
    color:#fff;
}
.sidebar ul li a.active {
    background-color: #30c1e5;/*Light*/
    background-color: rgba(48,193,229,0.8);/*Light*/
    color:#fff;
}

/*.sidebar 
#page-wrapper .navbar-brand {*/
.logo-footer {
    padding: 15px 25px;
    height: unset;
    position: absolute;
    bottom: 0;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}

.panel-body {
    background-color: #f5f5f5;
}
.panel-body {
    background-color: #f5f5f5;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00b5e2;/*Normal*/
    border-color: #00b5e2;/*Normal*/
}

.btn-primary {
    color: #fff;
    background-color: #00b5e2;/*Normal*/
    border-color: #00b5e2;/*Normal*/
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color:  #98C0B0;/*Light*/
  border-color:  #00b5e2;/*Normal*/
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #364685;/*Dark*/
  border-color: #00b5e2;/*Normal*/
}
.btn-primary .badge {
  color: #364685;/*Dark*/
  background-color: #fff;
}

a {
    color:#00b5e2;/*Normal*/
}

a:hover, a:focus {
    color:#00b5e2;/*Normal*/
}


/*fix for modal padding being added*/
body.modal-open{
  padding-right: 17px !important;
}