.wrapper {
    min-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap:nowrap;
}

.container {
 margin-top:5px;
}

.content {
    flex: 1 1 auto;
    width: 100%;
}


footer {
  background-color:#337ab7;
  color:#fff;
  margin-top: 20px;
}

footer .row {
    align-items: center;
    justify-content: flex-end;
    padding-right:15px;
}

header {
    /*margin-bottom:5px;
    background-color: #11558F;
    font-family: Helvetica, Arial, Sans-Serif;*/
}

header .row {
      min-height:70px; 
      align-items: center;
      justify-content: space-between;
      margin: 0 0;
}

header .row .login {
        float: right;
}


header .row .title {
          min-width: 700px;
          
}

header .row .title .logo {
              width: 50px;
              float: left;
              margin-right: 10px;
}

header .row .title .maintitle {
              color: #337ab7;
              font-size: 28px;
            //  margin-top:20px;
}
      
.body_colored {
  background-color: #EBF0FF;
}

@media (max-width: 779px)
{
    header .row {
            min-height:50px;
            align-items: center;
    }
    header .row .title {
            min-width: 500px;
     }
    header .row .title .logo {
                  width: 36px;
    }
    header .row .title .maintitle {
                    font-size: 20px;
    }
}



/********** Верхнее меню, используется в base.html*****************/
.dropdown-menu > li > a {
  color: #333!important;
  background-color: #ffffff;
  padding-left: 20px!important;
  padding-right: 20px!important;
}

.navbar-form input {
	width:auto;
}

.navbar {
  	border-radius:0;
  	margin-bottom: 20px;
}
.navbar li a {
  	color:#fff!important;
    display: block;
    border-radius: 0.25rem;
    padding: 0.5rem;
  	//border-left:1px solid #85B5DB;
}

.navbar .dropdown>a {
  position: relative;
  padding-right: 24px!important;
}



.navbar .dropdown>a:after {
  position: absolute;
    content: "";
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-top-color: #ffffff;
    margin-top: -1px;
}

.navbar-nav > li:last-child > a {
  	//border-right:1px solid #85B5DB;
}

.sub-menu li a {
    color:#fff;
}

.dropdown-menu>li>a {
    color: #333;
    padding: 3px 20px;
}

.navbar-nav li a:hover {
  	background-color:#85B5DB;
}

.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	color: #000;
  	opacity:.9;
}

.navbar-brand, .navbar-brand:visited {
	color:#fff;
}

.navbar-brand:hover {
    color: #85B5DB;
}

.accordion-group {
	border-width:0;
}

.dropdown-menu {
	min-width: 250px;
}

.caret {
	color:#fff;
}

.navbar-toggle {
	color:#fff;
    border-width:0;
}

.navbar-toggle:hover {
	background-color:#fff;
}


.card {margin-bottom: 20px;}

.paginations {margin-top: 20px;}

/*****************************************************/

@media (min-width: 1300px) {
    /*.sitelist {max-width: 1240px;}*/
    #middle {max-width: 1240px;}
    nav > .container-fluid {max-width: 1240px}
    #buttons {max-width: 1240px;}
    #head {width: 1240px;}
    #bottom > .col-sm-12 {max-width: 1240px; margin-left: auto; margin-right: auto;}
}

@media (min-width: 1600px) {
    /*.sitelist {max-width: 1540px;}*/
    #middle {max-width: 1540px;}
    nav > .container-fluid {max-width: 1540px;}
    #buttons {max-width: 1540px;}
    #head {width: 1540px;}
    #bottom > .col-sm-12 {max-width: 1540px; margin-left: auto; margin-right: auto;}
}

    

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-toolbar {
    margin-bottom: 10px;
}

.cat-children {
    margin-top: 10px;
}

#jform_catid_chzn {
    width: 50%;
}

.modal-dialog-centered {
    margin-left: auto;
    margin-right: auto;
}