html,
body {
    height: 100%;
    color : #623b2a ;
    font-family: Arial;
}
.navmenu {
    width: 200px;
}

/*body {
    padding: 50px 0 0 0;
}
*/
.navbar-toggle {
    float: left;
    margin-left: 15px;
}
@media (min-width: 0) {
    .navbar-toggle {
        display: block;
    }
}
@media (min-width: 992px) {
    body {
        padding: 0;
    }
    .navbar {
        right: auto;
        background: none;
        border: none;
    }
}

main {
    /*padding-bottom: 35px;*/

}


.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


@font-face {
    font-family: PT Sans Narrow bold; /* Гарнитура шрифта */
    src: url('/css/fonts/pt_sans_narrow_bold.ttf'); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: PT Sans Narrow; /* Гарнитура шрифта */
    src: url('/css/fonts/pt_sans_narrow.ttf'); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Circle MD Extra Bold; /* Гарнитура шрифта */
    src: url('/css/fonts/Circle_MD_Extra_Bold.otf'); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Circle MD Bold; /* Гарнитура шрифта */
    src: url('/css/fonts/Circle_MD_Bold.otf'); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Open Sans Regular; /* Гарнитура шрифта */
    src: url('/css/fonts/opensans.ttf'); /* Путь к файлу со шрифтом */
}

.inline{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.color-red{
    color : #E04E39;
}
.color-brown{
    color : #623b2a;
}
.color-gray{
    color : #969596;
}

.bg-brown{
    background-color : #623b2a;
    color : #F0ECEA;
}

.nav-left .link>a, .nav-top .link>a{
    color : #623b2a;
    padding: 1px !important;
    background: transparent !important;
}


.alert-info{
    color: #F0ECEA;
    background-color: #9e7c6d;
    border-color: #816255;
}

/**
Модальные окна
*/
.navbar-hide{
    display:none;
}
.modal-dialog_1{
    width: auto;
}
.modal-mfc .modal-content{
    background: #F0ECEA;
    border: 2px solid #592814;
}
.modal-mfc .modal-title{
    text-align: center;
    font-family: PT Sans Narrow bold;
    font-size: 16pt;
}
.modal-mfc .modal-header, .modal-mfc .modal-footer{
    padding: 10px;
}
.modal-mfc .modal-header{
    border-bottom : 1px solid #988f89;
}
.modal-mfc .modal-footer{
    border-top : 1px solid #988f89;
}

/*.container {
    width: 1500px;
}


.container1 {
    width: auto;
}
@media (min-width: @screen-xs-min)  {
    .container {
        width: auto;
    }
}
*/
.container {
    width: 100%;
}

.font-pt-bold{
    font-family: "PT Sans Narrow bold";
}
.font-pt{
    font-family: PT Sans Narrow;
}

.font-cmd-bold{
    font-family: Circle MD Bold;
}

.font-opensans-regular{
    font-family: Open Sans Regular;
}

.left-panel{
    position: absolute;
    right: 15%;
    left: 10%;
}

.navmenu {
    width: 200px;
}
/*
@media (min-width: 800px)  {
    .container {
        width: 1500px;
    }
}
*/

.modal-xl{
    width: 1160px;
}
.modal-xl .list {
    max-height: 670px;
}
.modal-xl .list{
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
}

.main-img{
    border: 2px solid #592814;
    background: #fff;
}

/**
Панели
*/
.panel-mfc{
    background: transparent !important;
    border: 0px !important;
    height: 100%;
    min-height: 100%

}
.panel-mfc .panel-body{
    padding-top: 30px;
    background: #f5f5f5;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #592814;
    margin-top: -20px;
    border-radius: 5px 5px 0 0;
    height: 100%;
    min-height: 100%
}

.panel-mfc .panel-body-withot-footer{
    border-width : 1px;
    border-radius: 5px;
}

.panel-mfc .panel-footer{
    border-radius: 0 0 5px 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #592814;
    border-top-color: #B8A49C;
}

.panel-mfc .panel-heading{
    background: #fff !important;
    position: relative;
    width : 60%;
    text-align : center;
    min-height: 36px;
    border: 1px solid #592814 !important;
    border-radius: 5px;
    z-index: 1;
    margin: 0 auto;
    text-transform: uppercase;
    color: #592814 !important;
}

@media (max-width: 990px) {
    .panel-mfc .panel-heading{
        width : 80%;
    }
}

.panel-mfc .panel-heading h4{
    font-family: "Circle MD Extra Bold" !important;
}

.mfc-index{
    height: 100%;
    min-height: 100%;
}

/**
Общие элементы верстки
*/
h1, h2, h3, h4, h5, h6{
    margin: 0;
    font-family: PT Sans Narrow Bold;
}
h1[class=title], h2[class=title], h3[class=title], h4[class=title], h5[class=title], h6[class=title]{
    padding-bottom : 20px;
}

hr{
    border-color: #592814;
    margin : 10px 0;
}

.table{
    margin-bottom: 0;
}

.table-center td, .table-center th {
    text-align: center;
}

.table-sm-padding td, .table-sm-padding th{
    padding: 5px 10px;
}

/*
Легенда
*/
.legend-success, .legend-info, .legend-default, .legend-warning, .legend-danger{
    border: 1px solid #592814;
    text-align: center;
    font-family: PT Sans Narrow bold;
    color: #623b2a;
    font-size: 14pt;
}

.legend-success, .td-success{
    background-color: #A7D3AE;
}

.legend-info, .td-info{
    background-color: #A1D9F8;
}

.legend-default, .td-default{
    background-color: #fff;
}

.legend-warning, .td-warning{
    background-color: #FFF381;
}

.legend-danger, .td-danger{
    background-color: #F6AF94 !important;
}


a, a:hover, a:focus{
    color: #c19267;
}

a:hover{
    text-decoration : underline;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover, .range_inputs .applyBtn{
    background : #816255 !important;
    border-color : #623b2a !important;
    color : white !important;
}

.daterangepicker .ranges li{
    color : #623b2a !important;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover,
.btn-warning, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus, .btn-warning:active:hover,
.btn-success, .btn-success:focus, .btn-success:active, .btn-success:active:focus, .btn-success:active:hover,
.btn-info, .btn-info:focus, .btn-info:active, .btn-info:active:focus, .btn-info:active:hover
{
    background : #816255 ;
    border-color : #623b2a;
    /*color : white !important;*/
}

.btn-primary:hover, .btn-warning:hover, .btn-success:hover , .btn-info:hover {
    background : #623b2a;
    border-color : #623b2a;
}


/**
Кнопки МФЦ
*/
.btn-mfc-big{
    width: 200px;
    height: 36px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e0d8d4 0%, #aa958c 25%, #816255 100%) repeat scroll 0 0;
    border-color: #816255;
    font-family: PT Sans Narrow bold;
    font-size: 15pt;
    padding: 0px;
    color : white;
}

.btn-mfc-big:hover{
    color: #fff;
}

.btn-mfc-big:focus, .btn-mfc-big:active, .btn-mfc-big:active:hover, .btn-mfc-big:active:focus {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ea4d2c 0%, #f18e79 75%, #f9dcd7 100%) repeat scroll 0 0;
    border: 1px solid #fc2b26;
    color: #fff;
}

.btn-mfc-big img{
    height : 80%;
    margin-top: 6px;
    margin-left: 6px;
    vertical-align: top;
    float: left;
}


.btn-mfc{
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin: 3px;
}

.btn-mfc{
    /*border : 2px solid !important;*/
    /*text-align: center !important;*/
    padding: 0px;
}

.btn-mfc:disabled{
    /*border : 2px solid #eee !important;*/
    /*text-align: center !important;*/
    /*padding: 8px;*/
}

.btn-mfc img{
    height: 36px;
}

.komeks-modal-header{
    font-size: 16pt;
    font-family: PT Sans Narrow bold;
}

.btn-mfc-xs img{
    height: 26px;
}

.btn-mfc-xs{
    padding: 3px 6px;
}

.btn-mfc-16 img{
    height: 16px;
}

.btn-mfc-success{
    background: #46a046 !important;
    border-color: #367c36 !important;
}

.btn-mfc-success:hover{
    background: #367c36 !important;
}

#divHideHead{
    float : right;
    position: relative;
    margin-top : -37px;
}

@media (max-width: 990px) {
    h1{
        font-size : 16pt;
    }
    h2{
        font-size : 14pt;
    }
    h3{
        font-size : 12pt;
    }
    h4{
        font-size : 11pt;
    }
    h5{
        font-size : 10pt;
    }
    h6{
        font-size : 9pt;
    }
}