/* CSS Document */

/* Navigation */
body{ background:#fff;}
.navbar-inverse {
    border: 0 none;
    border-radius: 0;
    margin: 0;
    z-index: 1000;    
	background:#2B3643; /* Old browsers */

}
.navbar-inverse .navbar-nav > li > a { color:#B4BCC8; padding:10px 15px;}
.navbar-inverse .navbar-nav > li > a:hover { color:#B4BCC8;}
.navbar-inverse .navbar-brand { color: #3FD5C0; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #00C09D; }
.navbar-inverse .navbar-toggle { background-color:#333; margin-bottom:0; color: #fff;  border-color:#111; padding:5px 5px;
border-radius:0;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { color:#3276B1; border-color:#3A4B55;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus
{
background:#606975 ; /* Old browsers */


}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background: #7D8795;}
.navbar-inverse .navbar-toggle { background:#364150;}
/* end navigation */

.sidebar-toggle {
    float: left;
    font-size: 12px;
    line-height: 20px; padding:5px 5px;
    margin: 6px;
	color: #606975;
  
}
.sidebar-toggle:hover { color:#fff; }
.sidebar-wide .sidebar {
    background-color: #364150;
    left: 0; 
    min-height: 100%;
    position: absolute;

    width: 210px;
    z-index: 10;
	
}
.sidebar-wide .page-content {
    margin: 0 25px 0 225px;
    position: relative;
}

.sidebar-hidden .page-content {
    margin: 0 25px !important;
}
.sidebar-wide .sidebar-hidden .sidebar {
    left: -240px;
}

.sidebar-narrow .page-content { margin-left:75px; margin-right:20px;}


.sidebar-content {
    position: relative;
}
.sidebar-narrow .sidebar {
    background-color: #364150;
    left: 0;
    min-height: 100%;
    position: absolute;
    width: 60px;
    z-index: 10;
}

.sidebar-narrow .navigation > li > a > span {
    display: none;
}
.sidebar-narrow .navigation > li > a {
    padding: 17px 3px 18px 0;
    text-align: center;
    width: 100%;
}
.sidebar-narrow .navigation > li > a > i {
    display: block;
    position: static;
}
.sidebar-narrow .navigation > li ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sidebar-narrow .navigation > li > ul {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0 2px 2px 0;
    display: none;
    left: 100%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 220px;
}
.sidebar-narrow .navigation > li:hover > ul {
    display: block;
}
.sidebar-narrow .navigation > li > ul > li:first-child {
    border-top: 0 none;
}
.sidebar-narrow .navigation > li > ul > li:first-child > a {
    border-radius: 2px 2px 0 0;
}
.sidebar-narrow .navigation > li > ul > li:last-child > a {
    border-radius: 0 0 2px 2px;
}
@media (max-width: 991px) {
    .page-content {
        margin: 0 25px !important;
    }
    .sidebar {
        z-index: 100;
    }
    .sidebar-narrow .navigation > li {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
     
        border-image: none;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px 0;
        margin-top: -1px;
        width: 100%;
    }
    .sidebar-narrow .navigation > li > a > span {
        display: block;
    }
    .sidebar-narrow .navigation > li > a > i {
        position: absolute;
    }
    .sidebar-narrow .navigation > li > a {
        padding: 13px 40px 14px 14px;
        text-align: left;
    }
    .sidebar-narrow .navigation > li > ul {
        border-radius: 0;
        left: 1px;
        position: static;
        top: 100%;
        width: 100%;
        z-index: 2;
    }
    .sidebar-narrow.sidebar-right .navigation > li > ul {
        right: 0;
    }

    .sidebar-narrow .sidebar-hidden .sidebar, .sidebar-wide .sidebar-hidden .sidebar {
        left: 0;
    }
    .sidebar-narrow.sidebar-right .sidebar-hidden .sidebar, .sidebar-wide.sidebar-right .sidebar-hidden .sidebar {
        right: 0;
    }
    .sidebar-narrow .sidebar, .sidebar-wide .sidebar {
        left: 0;
        max-height: 340px;
        min-height: 0;
        overflow-x: visible;
        overflow-y: auto;
        right: 0;
        width: 100%;
    }
}

@media (max-width: 991px) {
	.page-content {
		margin: 0 15px !important;
	}
	.sidebar {
		display:none;
	}	
	.collapsed .sidebar { display:block;}
}

.sidebar-narrow .user-menu {
    display: block;
    padding: 0;
}
.sidebar-narrow .user-menu > a {
    padding: 14px 12px;
}
.sidebar-narrow .user-menu .user-info {
    display: none;
}
.sidebar-narrow .user-menu img {
    border-radius: 0;
    float: none;
    max-width: 100%;
}

@media (max-width: 991px) {
.sidebar-narrow .user-menu, .sidebar-wide .user-menu {
    /*display: none;*/
    }
}

/* Navigation */
.navigation > li { }
.navigation > li:hover  > a{ background:#2C3542;  color:#fff;}
.navigation > li > a { color:#B4BCC8;}
.navigation > li.active:focus > a, .navigation > li.active:hover > a, .navigation > li.active > a {  background:#3FD5C0; color:#fff;}
.navigation > li ul { background:rgba(255, 255, 255, 0.05); font-size:12px;}
.navigation > li ul li a{ color:#B4BCC8;}
/* typo */
.page-title h3 { color:#666666; padding:15px 0;}

/* User sidebar */

.user-menu > a {
    background:  #364150;
    display: block;
    padding: 18px 16px;
}
.user-menu.open > a, .user-menu > a:hover {
    background-position: 220px center;
}
.user-menu > a img {
    display: block;
    float: left;
    width: 48px;
}

.user-menu .thumbnail {
    padding: 15px 15px 20px;
}
.user-menu .thumb-options, .user-menu .thumbnail img {
    border-radius: 50%;
}
.user-menu h4, .user-menu h5, .user-menu h6 {
    line-height: 1;
    margin-bottom: 0;
}
.user-menu .popup .list-group {
    margin: -1px;
}
.user-menu .popup .list-group-item {
    border-color: #EEEEEE #CCCCCC #CCCCCC;
}
.user-info {
    color: #ececec;
    float: left;
    font-weight: 400;
    margin-left: 12px;
    margin-top: 1px;
}
.user-info span {
    color: #fff;
    display: block;
    font-size: 11px;
    margin: 2px 0 0;
}

/* BREADCRUMB */
.breadcrumb-line {
    background-color:#F7F7F7; border:none important; 
    margin: 0 0 10px;
    position: relative;
}

/* footer */
.footer {
bottom:0px; width:100%; position:fixed; padding:5px 0;  z-index:9999; height:30px; border:none !important; background:#578EBE; line-height:30px; }


/* PANEL */
.panel-title { font-weight:400;}
.panel-primary {
    border-color: #578EBE;
}
.panel-primary > .panel-heading {
    background-color: #8AB0D2;
    border-bottom: 0 none;
    color: #FFFFFF;
}

.page-header small { font-size:14px;}

.btn-download{ color:#578EBE !important;}
.btn-config { color:#8775A7 !important;}
.btn-create { color:#44B6AE !important;}
.btn-delete { color:#E35B5A !important;}

/* -------------------------------------------------------- */
/*.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: none;
    line-height: 2.5;
    background: none;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th{
    background: none;
}
.page-container   {
    background: linear-gradient(to bottom, #274b87 0%, #C6E1F0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.table-responsive{
    background: linear-gradient(to bottom, #0d2e47 0%, #215c8b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.table-responsive td{
    color: #FFF;
}
.table-striped > tbody > tr:nth-child(2n+1):hover > td,
.table-striped > tbody > tr:nth-child(2n+1):hover > th,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.table-responsive tr:hover td{
    background: url("../images/hover_bg.png");
}*/

/* -------------------------------------------------------- */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: none;
    line-height: 2.5;
    background: none;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th{
    background: #f1faff;
}
.page-container   {
    background: #fff;
}

.table-striped > tbody > tr:nth-child(2n+1):hover > td,
.table-striped > tbody > tr:nth-child(2n+1):hover > th,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.table-responsive tr:hover td{
    background: #ffffe7;
}
.btn-success{
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-success:hover{
    background-color: #39b3d7;
    border-color: #269abc;
}
.breadcrumb-buttons .btn-success {
    color: #fff;
    font-weight: bold;
}

.breadcrumb-buttons .btn-success:hover {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
}
.panel-default {
    background: none repeat scroll 0 0 #ebf8ff;
    border-radius: 14px;
    margin: 0 auto 40px;
    /*max-width: 800px;*/
}
.panel-default:after{
    background: url("../images/shad01.png") no-repeat scroll center center / 100% 31px rgba(0, 0, 0, 0);
    content: "";
    margin: 0 40px 0 90px;
    height: 31px;
    left: 0;
    position: absolute;
    right: 0;
}
.select2-container .select2-choice{
    border-color: #46b8da;
    height: 30px;
}
.select2-container .select2-choice .select2-arrow{
    background: #5BC0DE;
    border-left: 1px solid #5BC0DE;
}
.select2-drop.select2-drop-above.select2-drop-active{
    border-color: #5BC0DE;
}
.container.login_form{
    margin-top:50px;
    height:450px;    
}
.login_form .panel-heading {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.login_form .panel-default:after{
    margin: 0 15px 0 25px;
}

/*-------------Комментарии----------------------------*/
.widget-box {
        background: #FFF;
        border: 1px solid #ccc;
        box-shadow: none;
        margin: 3px 0;
        padding: 0;
        border-radius: 14px;
    }
    .widget-box:after{
        background: url("../images/shad01.png") no-repeat scroll center center / 100% 31px rgba(0, 0, 0, 0);
        content: "";
        height: 31px;
        left: 0;
        margin: 0 40px 0 90px;
        position: absolute;
        right: 0;
    }
    .widget-header {
        background: linear-gradient(to bottom, #fff 0px, #eee 100%) repeat-x scroll 0 0 #f7f7f7;
        border-bottom: 1px solid #ddd;
        box-sizing: content-box;
        color: #669fc7;
        min-height: 38px;
        padding-left: 12px;
        position: relative;
    }
    .widget-title{
        margin-top: 10px;
    }
/*  .widget-main.no-padding > form > .form-actions, .widget-main.padding-0 > form > .form-actions {
        margin: 0;
        padding: 10px 12px 12px;
    }
    .form-actions {
        background-color: #f5f5f5;
        border-top: 1px solid #e5e5e5;
        display: block;
        margin-bottom: 20px;
        margin-top: 20px;
        padding: 19px 20px 20px;
    }*/
    .dialogs{padding:9px 15px;position:relative}
    .itemdiv{padding-right:0px;min-height:66px;position:relative}
    .itemdiv>.user{display:inline-block;width:42px;position:absolute;left:0}
    .itemdiv>.user>img{border-radius:100%;border:2px solid #5293C4;max-width:40px;position:relative}
    .itemdiv>.body{width:auto;margin-left:50px;margin-right:12px;position:relative}
    .itemdiv>.body>.time{display:block;font-size:11px;font-weight:700;color:#666;position:absolute;right:9px;top:0}
    .itemdiv>.body>.time .ace-icon{font-size:14px;font-weight:400}
    .itemdiv>.body>.name{display:block;color:#999;font-size:16px;font-weight: bold;}
    .itemdiv>.body>.name>.label{font-size:14px;}
    .itemdiv>.body>.name>b{color:#777}
    .itemdiv>.body>.text{display:block;position:relative;margin-top:2px;padding-bottom:19px;padding-left:7px;font-size:13px}
    .itemdiv>.body>.text:after{display:block;content:"";height:1px;font-size:0;overflow:hidden;position:absolute;left:16px;right:-12px;margin-top:9px;border-top:1px solid #E4ECF3}
    .itemdiv>.body>.text>.ace-icon:first-child{color:#DCE3ED;margin-right:4px}
    .itemdiv:last-child>.body>.text{border-bottom-width:0}
    .itemdiv:last-child>.body>.text:after{display:none}
    .itemdiv.dialogdiv{padding-bottom:14px}
    .itemdiv.dialogdiv:before{position:absolute;display:block;content:"";top:0;bottom:0;left:19px;width:3px;max-width:3px;background-color:#E1E6ED;border:1px solid #D7DBDD;border-width:0 1px}
    .itemdiv.dialogdiv:last-child{padding-bottom:0}
    .itemdiv.dialogdiv:last-child:before{display:none}
    .itemdiv.dialogdiv>.user>img{border-color:#C9D6E5}
    .itemdiv.dialogdiv>.body{border:1px solid #DDE4ED;padding:5px 8px 8px;border-left-width:2px;margin-right:1px}
    .itemdiv.dialogdiv>.body:before{content:"";display:block;position:absolute;left:-7px;top:11px;width:8px;height:8px;border:2px solid #DDE4ED;border-width:2px 0 0 2px;background-color:#FFF;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    .itemdiv.dialogdiv>.body>.time{position:static;float:right}
    .itemdiv.dialogdiv>.body>.text{padding-left:0;padding-bottom:0; font-size:16px;}
    .itemdiv.dialogdiv>.body>.text:after{display:none}
    .itemdiv.dialogdiv .tooltip-inner{word-break:break-all}
    .itemdiv.memberdiv{width:175px;padding:2px;margin:3px 0;float:left;border-bottom:1px solid #E8E8E8}
    #comments_form .input-group{margin-left: 51px;}
    #comments_form textarea.form-control{height: 62px;}
/*----------------------------------------------------*/

input[type="password"],
input[type="text"],
textarea,
textarea.form-control,
select.form-control{
    border-color: #5BC0DE;
}
.select2-container .select2-choice .select2-arrow b{
    background: url("../images/select2_w.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
}
.row{
    margin-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 0;
}
.select2-container{
    border: none;
    height: 30px;
}
.form-group input.parsley-success,
.form-group select.parsley-success,
.form-group textarea.parsley-success {
    background-color: #fff;
    border: 1px solid #5bc0de;
    color: #555;
}
.radio.radio-inline input{
    margin-top: 2px;
}
label.radio.radio-inline{
    margin-top: 2px;
    padding: 5px 4px 0 20px;
}
label.parsley-error{
    padding: 4px 4px 0 0;
    background: #f2dede;
}
label.parsley-error.radio-inline{
    background: #f2dede;
}
.form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}
#comments_form button.btn{
    height: 62px;
}
@media (max-width: 991px) {
    .panel-default:after{
        margin: 0 30px;
    }
    .page-content{
        min-width: 800px;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 15px;
    }
}