/******************/
:root {
    --theme-co: #283140;
    --light-blue: #BDD5EA;
}
/******************/
html {
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
    
    /*margin-right: 0;
    margin-right: calc(-1 * (100vw - 100%));
    margin-right: -moz-calc(-1 * (100vw - 100%));
    margin-right: -webkit-calc(-1 * (100vw - 100%));*/
}

body {
    background-color:#ecf0f5;
    /*background-color:#ecf3fd;*/
    color: #283140;
    font-size:14px;
}

.carousel-control-prev,
.carousel-control-next{
    border:none !important;
}

.img-fluid {
    width: 100%;
}
a.more_link{
    color: #2d72d9 !important;
    border:none !important;
    text-decoration: none;
    font-weight:500;
    opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80);
    -webkit-transition: opacity 120ms linear;
       -moz-transition: opacity 120ms linear;
         -o-transition: opacity 120ms linear;
            transition: opacity 120ms linear;
}
a.more_link:hover{
    opacity: 1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

.clickable{
    cursor:pointer;
}

.head_input,
.head_input:focus{
    border:1px solid #fff;
    text-align:center;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset;
       -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset;
        -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset;
         -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) inset;
}
.head_input:focus{
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.3), 0 2px 10px rgba(0, 0, 0, 0.2) inset;
       -moz-box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.3), 0 2px 10px rgba(0, 0, 0, 0.2) inset;
        -ms-box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.3), 0 2px 10px rgba(0, 0, 0, 0.2) inset;
         -o-box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.3), 0 2px 10px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.3), 0 2px 10px rgba(0, 0, 0, 0.2) inset;
}
.header_contaner{
    background: #283140;
    background: #fff;
    background: #4d505e;
}
.header_contaner .large_logo{
    float:left;
    width:220px;
}
.header_contaner .large_logo a{
    display:block;
    padding:1px 0;
    margin:0;
    width:220px;
    height:52px;
    overflow:hidden;
    text-decoration:none;
    border:none !important;
    text-align:center;
}
.header_contaner .large_logo a:active{
    padding:2px 0 0 0;
}
.header_contaner .large_logo a img{
    width:auto;
    height:100%;
}
.header_contaner .header_navbar{
    margin:0 0 0 220px;
}
.navbar_head{
    background-color: rgba(255, 255, 255, 0.1); 
    color: #fff;
    z-index:99;
}
.navbar_head .navbar_top{
    margin-left:220px;
    width:auto;
}
.navbar .navbar-logo-brand{
    display:none;
    padding:0;
    margin:0 0 0 35px;
    min-width:165px;
    height:40px;
    border:none !important;
}
.navbar .navbar-logo-brand img{
    width:auto;
    height:100%;
    display:block;
    border:none;
}
.navbar .navbar-brand,
.navbar .navbar-brand:hover {
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding:0;
    line-height:40px;
    overflow:hidden;
    border:none !important;
    display:none;
}
.navbar .navbar-toggler{
    color: #333;
    font-size:1.7rem;
}
.navbar .navbar-toggler .navbar-toggler-icon{
    background:none;
    font-size:1.5rem;
}
.small_logo{
    padding:0 5px;
    margin:0 5px 0 0;
    float:left;
    overflow:hidden;
    -webkit-transition: margin 120ms linear;
       -moz-transition: margin 120ms linear;
         -o-transition: margin 120ms linear;
            transition: margin 120ms linear;
}
.small_logo_title{
    float:left;
    font-family: 'Oswald', sans-serif;
    color: #283140;
    font-weight:400;
}

.small_logo i,
.small_logo span{
    display:block;
    float:left;
    height:28px;
    line-height:28px;
    margin:1px 0;
}
.small_logo i.fa-chevron-left{
    font-size:14px;
}
.small_logo i.fa-chevron-right{
    font-size:14px;
}
.small_logo i.fa-question{
    font-size:16px;
}
.small_logo i.fa-bicycle{
    color: #283140;
    font-size:26px;
    margin:1px 5px;
    -webkit-transition: margin 120ms linear; 
       -moz-transition: margin 120ms linear; 
         -o-transition: margin 120ms linear; 
            transition: margin 120ms linear;
}
.navbar .navbar-brand:hover .small_logo{
    margin:0 0px 0 -5px;
}
.navbar .navbar-brand:hover .small_logo i.fa-bicycle{
    margin:1px 10px;
}
.navbar .navbar-brand:active .small_logo i.fa-bicycle{
    margin:2px 10px 0px 10px;
}
.navbar .navbar-brand:hover .small_logo i.fa-chevron-left,
.navbar .navbar-brand:hover .small_logo i.fa-chevron-right,
.navbar .navbar-brand:hover .small_logo i.fa-question{
    color:#f00;
}

.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link:hover{
    position:relative;
    border:none !important;
}
.navbar .navbar-nav .nav-link .count_new {
    background: rgb(230, 70, 70);
    background: #dc3545;
    position: absolute;
    top: -4px;
    left: 18px;
    font-size: 10px;
    color: #fff;
    z-index: 9;
    font-weight: 600;
    padding: 3px 5px;
    line-height:100%;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
/******************/
a.logo{
    display:block;
    padding:0;
    margin:0 0 20px 0;
    color:#d4d3cf;
    text-decoration:none;
    border:none !important;
}
.big_logo{
    text-align:center;
    padding:0 5px;
    margin:0 5px 0 35px;
    overflow:hidden;
    -webkit-transition: margin 120ms linear; 
       -moz-transition: margin 120ms linear; 
         -o-transition: margin 120ms linear; 
            transition: margin 120ms linear;
}
.big_logo_title{
    font-family: 'Oswald', sans-serif;
    font-weight:600;
    font-size:36px;
    line-height:38px;
    text-align:center;
    
    color: #181f2f;
    color: #283140;
    text-shadow: -1px -1px #666, 1px 1px #000;
}

.big_logo i,
.big_logo span{
    display:block;
    float:left;
    height:54px;
    line-height:54px;
    margin:1px 0;
    
    color: #283140;
    text-shadow: -1px -1px #666, 1px 1px #000;
}
.big_logo i.fa-chevron-left{
    font-size:26px;
}
.big_logo i.fa-chevron-right{
    font-size:26px;
}
.big_logo i.fa-question{
    font-size:26px;
    margin-left: 2px;
}
.big_logo i.fa-bicycle{
    font-size:54px;
    margin:1px 10px;
    -webkit-transition: margin 120ms linear; 
       -moz-transition: margin 120ms linear; 
         -o-transition: margin 120ms linear; 
            transition: margin 120ms linear;
}
.logo:hover .big_logo{
    margin:0 5px 0 25px;
}
.logo:hover .big_logo i.fa-bicycle{
    margin:1px 20px;
    color:#2f3949;
}
.logo:active .big_logo i.fa-bicycle{
    margin:2px 20px 0px 20px;
}
.logo:hover .big_logo i.fa-chevron-left,
.logo:hover .big_logo i.fa-chevron-right,
.logo:hover .big_logo i.fa-question{
    color:#f00;
    color: #d4d3cf;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}
/******************/
.footer{
    position: relative;
    bottom: 0;
    width: 100%;
    height: auto;
    line-height: 150%;
    margin:0;
    padding:20px;
    background: #fff;
    background: #eee;
    border-top: 1px solid #d3e0e9;
    overflow:hidden;
    text-align:center;
    border-top:3px solid #4d505e;
    /*width: calc(100% - 220px);*/
    /*margin-left: 220px;*/
    /*margin-top:3.5rem;*/
}
.footer .foot_counter,
.footer .foot_copy{
    float:right;
    margin:0 0 0 20px;
}
.footer .foot_info{
    float:left;
    overflow:hidden;
}
.footer .foot_info .foot_main,
.footer .foot_info .foot_menu{
    float:left;
    margin:0 20px 0 0;
}
.footer .foot_info .foot_menu{
    float:right;
    overflow:hidden;
}
.footer .foot_info .foot_menu a{
    /*display:block;
    float:left;*/
    margin:0 10px 0 0;
    border:none;
    border-bottom:1px solid #eee;
}
.footer .foot_info .foot_main a{
    border-bottom:1px solid #eee;
}
.footer .foot_info .foot_menu a:hover,
.footer .foot_info .foot_main a:hover{
    border-bottom:1px dotted;
}
/******************/
.sidebar_button,
.page_menu_button{
    width:30px;
    height:40px;
    line-height:40px;
    display:none;
    color:#eee;
    padding:0;
    margin:0;
    position:relative;
    float:left;
    margin:0 10px 0 0;
}
.page_menu_button{
    color:#333;
}
.sidebar_button:after,
.page_menu_button:after{
    content: '\f0c9';
    font-family: 'FontAwesome';
    width:20px;
    height:20px;
    line-height:20px;
    font-size:20px;
    position:absolute;
    left:5px; top:10px;
    cursor:pointer;
}

.left_column_mask{
    position: fixed;
    top: 0;
    bottom:0;
    width: 220px;
    height:100%;
    margin:0;
    padding:0;
    background: #283140;
    z-index:-1;
    -webkit-transition: margin 100ms linear; 
       -moz-transition: margin 100ms linear; 
         -o-transition: margin 100ms linear; 
            transition: margin 100ms linear;
}
.sidenav{
    /*position: absolute;
    top: 0;
    bottom:0;*/
    float:left;
    width: 220px;
    height:100%;
    margin:0;
    padding:0;
    background: #283140;
    box-sizing: border-box;
    font-size:16px;
    z-index:3;
    -webkit-transition: margin 100ms linear; 
       -moz-transition: margin 100ms linear; 
         -o-transition: margin 100ms linear; 
            transition: margin 100ms linear;
    
    /*position: fixed;
    padding:56px 0 0 0;*/
}
.sidenav .nav-item a.nav-link i{
    margin:0 10px 0 0;
}
.sidenav .nav-item a.nav-link {
    color:#d4d3cf !important;
    padding:0 20px;
    line-height:100%;
    height:40px;
    line-height:40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    border:none !important;
}
.sidenav .nav-item a.nav-link:hover {
    color:#fff !important;
}
.sidenav .nav-item.active a.nav-link {
    color:#fff !important;
    background: #181f2f;
}
.sidenav .nav-item a.nav-link[aria-expanded="false"]:after {
    float: right;
    content: '\f105';
    font-family: 'FontAwesome';
}
.sidenav .nav-item a.nav-link[aria-expanded="true"]:after {
    float: right;
    content: '\f107';
    font-family: 'FontAwesome';
    color:#283140 !important;
}
.sidenav .nav-item a.nav-link[aria-expanded="true"]{
    color:#283140 !important;
    background: #f4f4f5;
    border-right:1px solid #d3e0e9;
}
.nav-second-level{
    background: #f4f4f5;
    border-right:1px solid #d3e0e9;
}
.sidenav .nav-item .nav-second-level a.nav-link{
    color: #495867 !important;
    background: none;
    padding:0;
    margin:0 0 0 40px;
    line-height:100%;
    height:28px;
    line-height:28px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 14px;
}
.sidenav .nav-item .nav-second-level a.nav-link:hover{
    color: #000 !important;
}

.sidenav .sidenav_app_info{
    background: rgba(0,0,0,0.09);
    line-height:100%;
    padding:10px 20px;
    margin:20px;
}
.sidenav .sidenav_app_info p{
    display:block;
    padding:0;
    margin:10px 0;
    color:#e1e1e1;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 12px;
}

/*.navbar-expand-lg .sidenav {
   flex-direction: column;
}*/


.content-wrapper-fix{
    margin:0 auto;
    max-width:1440px;
    position:relative;
}
.content-body{
    width:100%;
    position:relative;
    overflow:hidden;
}
.content-wrapper{
    margin-left: 220px;
    overflow:hidden;
    width:auto;
    /*float:left;*/
    -webkit-transition: margin 100ms linear; 
       -moz-transition: margin 100ms linear; 
         -o-transition: margin 100ms linear; 
            transition: margin 100ms linear;
}
.container,
.container-fluid{
    padding:0;
    position:relative;
}
.container-mask{
    display:none;
    position:fixed;
    z-index:1;
    width:100%;
    height:100%;
    /*left:0;*/ right:0; top:0; bottom:0;
    background: url('../../../images/bg/dim.png') repeat 0 0;
    background: rgba(0, 0, 0, 0.2);
    cursor:pointer;
    -webkit-transition: margin 100ms linear; 
       -moz-transition: margin 100ms linear; 
         -o-transition: margin 100ms linear; 
            transition: margin 100ms linear;
}
/******************/
.content{
    /*overflow:hidden;*/
    padding:15px 0 15px 20px;
    clear:both;
}

.content .app_right_column{
    width:200px;
    float:right;
}
.content .app_left_column{
    margin-right:220px;
}

.content .blog_right_column,
.content .dialogues_right_column,
.content .dialog_right_column{
    width:280px;
    float:right;
}
.content .blog_left_column,
.content .dialogues_left_column,
.content .dialog_left_column{
    margin-right:300px;
}

.content .dialogues_left_column .box .box_body,
.content .dialogues_right_column .box .box_body,
.content .dialog_left_column .box .box_body,
.content .dialog_right_column .box .box_body{
    margin:0 0 5px 0 !important;
    padding:0 0 5px 0 !important;
}
/************************/
.box{
    border: 1px solid #d3e0e9;
    border-top: 3px solid #283140;
    border-top-color: #283140;
    background: #fff;
    padding:0;
    margin:0;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    /*-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
         -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);*/
}
.box.box_no_top_border{
    border: 1px solid #d3e0e9;
}
.box.box_auth{
    max-width:550px;
    margin:60px auto 140px auto;
}
.box .box_header{
    padding:10px 20px;
    border-bottom: 1px solid #f4f4f4;
}
.box .box_header i{
    margin-right:10px;
}
.box .box_header h2,
.box .box_header h3,
.box .box_header h4{
    color: #283140;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding:0;
    margin:0;
    height:20px;
    line-height:20px;
}
.box .box_header .nav-pills{
    margin:-5px 0;
}
.box .box_header .nav-link{
    padding: 5px 10px;
    font-size:13px;
}
.box .box_header .box_header_nav{
    height:20px;
    line-height:20px;
    font-size: 20px;
}
.box .box_header .box_header_nav i{
    margin:0;
    padding:0;
    font-size: 20px;
}
.box .box_header .box_header_nav a{
    display:block;
    float:left;
    margin:0 10px 0 0;
    text-decoration:none;
    padding:0;
    margin:0;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    color: #283140;
    -webkit-transition: all 100ms linear; 
       -moz-transition: all 100ms linear; 
         -o-transition: all 100ms linear; 
            transition: all 100ms linear;
    opacity: 0.9; -moz-opacity:0.9; filter:alpha(opacity=90);
}
.box .box_header .box_header_nav a:hover{
    opacity: 1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
.box .box_header .box_header_nav a:not([href]) {
    cursor:default;
    opacity: 0.4; -moz-opacity:0.4; filter:alpha(opacity=40);
}
.box .box_header .box_header_nav.float-right a{margin:0 0 0 10px;}

.box .box_cover{
    position:relative;
    line-height:100%;
    overflow:hidden;
    -webkit-border-radius: 4px 4px 0 0;
     -khtml-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}
.box .box_cover .box_cover_content{
    position:relative;
    height:0;
    padding:0;
    padding-bottom: 29%;
}
.box .box_cover img{
    display:block;
    margin:0;
    padding:0;
    position: absolute;
    left:0; top:0; right:0;
    width:100%;
    height:auto;
    -webkit-border-radius: 4px 4px 0 0;
     -khtml-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}

.box .box_body{
    padding:20px 20px;
}
.box .box_footer{
    padding:20px 20px;
    border-top: 1px solid #d3e0e9;
    background:#f7f7f7;
    -webkit-border-radius: 0 0 4px 4px;
     -khtml-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
}
/************************/
.content-header {
    position: relative;
    padding: 0 20px;
    font-family: 'Oswald', sans-serif;
    background:#fff;
    overflow:hidden;
    -webkit-border-radius: 0 0 4px 0;
     -khtml-border-radius: 0 0 4px 0;
       -moz-border-radius: 0 0 4px 0;
            border-radius: 0 0 4px 0;
}
.content-header .page_menu_button{
    display:none;
}
.content-header h1 {
    margin: 8px 0 12px 0;
    padding:0;
    font-size: 22px;
    line-height:30px;
    color: #283140;
    font-family: 'Oswald', sans-serif;
    float:left;
    font-weight: 400;
}
.content-header .sub_title {
    margin: 16px 0 12px 10px;
    padding:0;
    line-height:20px;
    font-family: 'Oswald', sans-serif;
    float:left;
    font-weight: 300;
    
    font-size: 15px;
    color:#999;
}
.content-header .breadcrumb {
    float:right;
    background: #d2d6de;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    line-height:32px;
    padding:0 10px;
    margin:10px 0 0 0;
    font-size: 13px;
    color:#999;
    font-weight: 300;
    overflow:hidden;
    background: none;
    padding:0;
}
.content-header .breadcrumb a{
    color:#444;
    font-weight:400;
    border:none !important;
}
.content-header .breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
}
.content-header .breadcrumb-item+.breadcrumb-item:before {
    padding-right: .3rem;
    color: #999;
    content: "->";
    content: '>';
    /*font-family: 'FontAwesome';*/
}
/************************/
a.avatar,
div.avatar,
div.avatar:hover{
    display:block;
    text-decoration:none;
    text-align: center;
    padding:0;
    margin:0;
    line-height:100%;
    border:3px solid #d3e0e9 !important;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
img.avatar{
    display:block;
    border:none;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
img.avatar.avatar_25{
    width:25px;
    height:25px;
}
img.avatar.avatar_30{
    width:30px;
    height:30px;
}
img.avatar.avatar_50{
    width:50px;
    height:50px;
}
.online {
    width: 14px;
    height: 14px;
    position: absolute;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    bottom:0;
    right: 3px;
    z-index: 2;
    border: 2px solid #fff;
}
.media-body{
    overflow:hidden;
}
.media-body .media-buttons{
    float:right;
    margin:3px 0 0 0;
}
.media-body .media-buttons a{
    display:block;
    width:16px;
    height:16px;
    line-height:16px;
    font-size:16px;
    float:left;
    margin:0 0 0 7px;
    border:none !important;
}

.media .media-likes{
    text-align:center;
    margin:5px -5px 0 -5px;
    line-height:14px;
    height:14px;
    overflow:hidden;
}
.media .media-likes .media-like-counter{
    padding:0 5px 0 5px;
    font-size:12px;
    cursor:default;
}
.media .media-likes .media-like-counter.positive{color:green;}
.media .media-likes .media-like-counter.negative{color:red;}

.media .media-likes .media-like-up,
.media .media-likes .media-like-down{
    border:none !important;
    display:inline-block;
    text-decoration:none;
    width:14px;
    height:14px;
    font-size:14px;
}
.media .media-likes .media-like-up:before,
.media .media-likes .media-like-down:before,
.media .media-likes .media-like-progress:before{
    font-family: 'FontAwesome';
    width:14px;
    height:14px;
    font-size:14px;
}
.media .media-likes .media-like-up:before{
    color:green;
    content: "\f196";
}
.media .media-likes .media-like-up.active:before{content: "\f0fe";}
.media .media-likes .media-like-down:before{
    color:red;
    content: "\f147";
}
.media .media-likes .media-like-down.active:before{content: "\f146";}
/************************/
form.send_form{
    background:#f7f7f7;
    padding:10px 10px 5px 10px;
    margin:0;
    overflow:hidden;
    border-bottom: 1px solid #d3e0e9;
}
form.send_form .send_form_from{
    width:56px;
    float:left;
    margin:0;
}
form.send_form .send_form_content{
    width:auto;
    margin:0 0 0 66px;
    padding:3px 0 0 0;
}
form.send_form .send_form_content .send_form_buttons{
    margin:5px -5px 0 -5px;
    overflow:hidden;
    padding:5px;
}
/************************/
form.dialog_form{
    background:#f7f7f7;
    padding:10px 10px 5px 10px;
    margin:0;
    overflow:hidden;
    border-bottom: 1px solid #d3e0e9;
}
form.dialog_form .dialog_form_from{
    width:36px;
    float:right;
    margin:0;
}
form.dialog_form .dialog_form_to{
    width:36px;
    float:left;
    margin:0;
}
form.dialog_form .dialog_form_content{
    width:auto;
    margin:0 50px;
    padding:3px 0 0 0;
}
form.dialog_form .dialog_form_content .dialog_form_buttons{
    margin:5px -5px 0 -5px;
    overflow:hidden;
    display:none;
    padding:5px;
}
form.dialog_form .dialog_form_content .dialog_form_buttons button{
    float:left;
}
form.dialog_form .dialog_form_content .dialog_form_buttons .dialog_form_smile_button{
    float:right;
    width:20px;
    height:20px;
    line-height:20px;
    font-size:20px;
    cursor:pointer;
    margin:3px 0 0 10px;
}
form.dialog_form .dialog_form_content textarea{
    height:32px;
    overflow:hidden;
}
form.dialog_form .dialog_form_content.active .dialog_form_buttons{
    display:block;
}
form.dialog_form .dialog_form_content.active textarea{
    height:auto;
    overflow:auto;
}
form.dialog_form .online{
    right:0;
    width: 11px;
    height: 11px;
}
/************************/
.nim_dialogues_buttons{
    padding:10px;
    overflow:hidden;
    position:relative;
    line-height:100%;
}
.nim_dialogues_buttons a.nim_dialogues_button{
    display:block;
    text-decoration:none;
    position:relative;
    float:left;
    padding:0;
    margin:1px 10px 1px 0;
    width:30px;
    height:30px;
    line-height:28px;
    font-size:14px;
    text-align:center;
    color:#283140;
    border:1px solid #283140;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.nim_dialogues_buttons a.nim_dialogues_button .count_new {
    background: rgb(230, 70, 70);
    background: #dc3545;
    position: absolute;
    top: -6px;
    left: 18px;
    font-size: 11px;
    color: #fff;
    z-index: 9;
    font-weight: 600;
    padding: 3px 6px;
    line-height:100%;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.nim_dialogues_buttons a.nim_dialogues_button:hover{
    background:#f7f7f7;
}
.nim_dialogues_buttons a.nim_dialogues_button:active{
    margin:2px 10px 0 0;
}
.nim_dialogues_buttons a.nim_dialogues_button.active{
    background:#283140;
    color:#fff;
}

.nim_dialog{
    position:relative;
    overflow:hidden;
}

.nim_dialog .nim_dialog_name{
    font-weight:700;
    height:16px;
    width:100%;
    line-height:16px;
    overflow:hidden;
}
.nim_dialog .nim_dialog_message{
    font-weight:400;
    height:16px;
    width:100%;
    line-height:16px;
    overflow:hidden;
    margin:5px 0 0 0;
}
.nim_dialog .nim_dialog_date{
    font-family: 'Oswald', sans-serif;
    font-size:12px;
    font-weight:300;
    color:#999;
    height:14px;
    line-height:14px;
    margin:7px 0 0 0;
    text-transform:lowercase;
}
.nim_dialog div.avatar{
    border-color:#fff;
}

.nim_dialog .media{
    border-bottom: 1px solid #dee2e6;
}
.nim_dialog .media:last-child{
    border:none;
}
.nim_dialog .media:hover{
    background-color: #f7f7f7;
}
.nim_dialog .media.nim_dialog_current{
    background-color: #283140;
}
.nim_dialog .nim_dialog_current .nim_dialog_name,
.nim_dialog .nim_dialog_current .nim_dialog_message,
.nim_dialog .nim_dialog_current .nim_dialog_date{
    color:#fff;
}

/*.nim_dialog .media{
    border-bottom: 1px solid #dee2e6;
}*/
/************************/
.dialog{
    position:relative;
    min-height:230px;
}
.message{
    padding:0;
    margin:10px 20px;
    overflow:hidden;
    position:relative;
}
.message .message_avatar{
    width:31px;
    margin:0 10px 0 0;
}
/*.message.message_from .message_avatar{
    float:right;
    margin:0 0 0 0 10px;
}*/

.message .message_body{
    max-width:70%;
}
.message .message_body .message_date{
    font-family: 'Oswald', sans-serif;
    font-size:11px;
    font-weight:300;
    color:#999;
    height:14px;
    line-height:14px;
    margin:3px 0 0 0;
    text-transform:lowercase;
    opacity: 0; -moz-opacity:0; filter:alpha(opacity=0);
    -webkit-transition: opacity 120ms linear;
       -moz-transition: opacity 120ms linear;
         -o-transition: opacity 120ms linear;
            transition: opacity 120ms linear;
}
.message:hover .message_body .message_date{
    opacity: 1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

.message .message_text{
    font-size:13px;
    padding:5px 18px;
    position:relative;
    -webkit-border-radius: 15px;
     -khtml-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.message .message_text .message_new {
    background: rgb(230, 70, 70);
    background: #dc3545;
    position: absolute;
    top: 12px;
    right: -12px;
    font-size: 10px;
    color: #fff;
    z-index: 9;
    font-weight: 600;
    padding: 3px 5px;
    line-height:100%;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.message .message_text strong{
    font-weight:500;
}
.message.message_from .message_text{
    /*color:#fff;
    background:#007bff;*/
    background:#ecf0f5;
}
.message.message_from .message_text a{
    /*color:#fff;*/
}
.message.message_from .message_text:before{
    content:" ";
    position:absolute;
    top:9px; right:-7px;
    display:block;
    padding:0;
    margin:0;
    width: 0;
    height: 0;
    line-height: 100%;
    border: 10px solid transparent;
    /*border-color: #007bff transparent transparent #007bff;*/
    border-color: #ecf0f5 transparent transparent #ecf0f5;
}
.message.message_to .message_text{
    color:#000;
    background:#ecf0f5;
}
.message.message_to .message_text:before{
    content:" ";
    position:absolute;
    top:9px; left:-7px;
    display:block;
    padding:0;
    margin:0;
    width: 0;
    height: 0;
    line-height: 100%;
    border: 10px solid transparent;
    border-color: #ecf0f5 #ecf0f5 transparent transparent;
}
/************************/
.pagination{
    margin:10px 0 0 0;
}
.box_footer .pagination{
    margin:0;
    padding:0;
}
.pagination .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #283140;
    border-color: #283140;
    cursor:default;
}
.pagination .page-link {
    color: #283140;
}
.pagination .page-link:hover {
    z-index: inherit;
}
.pagination .page-link:focus {
    z-index: inherit;
    outline: none;
    box-shadow: none;
}
/************************/
.badge {
    display: block;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    font-family: 'Oswald', sans-serif;
    vertical-align: middle;
    -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.badge.float-right{
    margin:0 0 0 5px;
}
.badge.float-left{
    margin:0 5px 0 0;
}
.badge.badge-success,
.badge.badge-danger,
.badge.badge-warning{
    color:#fff;
}
.badge.badge-light{
    color:#777;
    background-color:#ecf0f5;
    font-weight: 300;
}
/************************/
.dropdown-menu{
    box-shadow: 0 0 26px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 26px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 26px rgba(0,0,0,0.3);
    /*border-color:#d3e0e9;*/
    border:none;
}
.dropdown-item{
    font-size:14px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #283140;
}
/************************/
.list-group a.list-group-item,
.list-group a.list-group-item:not([href]) {
    padding: 10px 15px;
    font-size:14px;
    background: #283140;
    color:#d4d3cf;
    border:none;
}

.list-group a.list-group-item:hover,
.list-group a.list-group-item:not([href]):hover {
    background: #242e3f;
}
.list-group a.list-group-item.active,
.list-group a.list-group-item.active:not([href]) {
    color:#fff;
    background: #181f2f;
}
.list-group a.list-group-item.list_slider[aria-expanded="false"]:before {
    float: left;
    width:10px;
    content: '\f105';
    font-family: 'FontAwesome';
    margin:0 8px 0 0;
}
.list-group a.list-group-item.list_slider[aria-expanded="true"]:before {
    float: left;
    width:10px;
    content: '\f107';
    font-family: 'FontAwesome';
    margin:0 8px 0 0;
}
.list-group a.list-group-item.list_slider[aria-expanded="true"]{
    color:#283140 !important;
    background: #f4f4f5;
    border-left:1px solid #d3e0e9;
    border-right:1px solid #d3e0e9;
}
.list-group a.list-group-item.list_slider[aria-expanded="true"]:first-child{border-top:1px solid #d3e0e9;}

.list_slider_level{
    background: #f4f4f5;
    border-left:1px solid #d3e0e9;
    border-right:1px solid #d3e0e9;
}
.list_slider_level a{
    display:block;
    color: #495867;
    background: none;
    text-decoration:none;
    padding: 0;
    margin: 0 0 0 20px;
    line-height: 100%;
    height: 28px;
    line-height: 28px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 14px;
    border:none !important;
}
.list_slider_level a:hover{
    color:#000;
}
.list_slider_level a.active{
    color:#000;
    font-weight: 400;
}

/************************/
.invalid_input .invalid-tooltip{display:block !important;}
.invalid-feedback{display:block !important;}
form .red_star{
    color:#f00;
}
form .red_star:before {
    content:"*";
}
form .form-group:last-child {
    margin-bottom:0;
}
.form-group {
    margin-bottom: 5px;
}
.custom-control .custom-control-label{
    height:16px;
    line-height:16px;
    margin:0.25rem 0;
    font-size: 90%;
    /*font-family: 'Oswald', sans-serif;
    font-weight: 300;*/
}
.custom-control.custom-checkbox .custom-control-label:before {top:1px;}
.custom-control.custom-checkbox .custom-control-label:after {top:1px;}

.custom-control.custom-switch .custom-control-label:before {top:1px;}
.custom-control.custom-switch .custom-control-label:after {top: calc(.25rem - 1px);}

.bootstrap-select .dropdown-menu li a {
    font-size: 85%;
    position:relative;
    border:none !important;
}
.dropdown-item {
    padding: .25rem 0.75rem;
    border:none !important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner i {
    margin:0 5px 0 0;
}
.bootstrap-select.show-tick .dropdown-menu span {
    margin:0 5px 0 0;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    right: 0;
    top: 10px;
    margin:0;
}

.form_prev_image{
    position:relative;
    margin:0 0 20px 0;
}
.form_prev_image img{
    display:block;
    max-width:100%;
    -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.fix_control{
    padding:0;
    height:auto;
}
.bootstrap-select div.dropdown-menu.show{
    box-shadow: 0 0 16px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 16px rgba(0,0,0,0.3);
}
.bootstrap-select .btn.dropdown-toggle.btn-light{
    background: #fff !important;
    border: 1px solid #ced4da !important;
    background: none !important;
    -webkit-border-radius: .25rem !important;
     -khtml-border-radius: .25rem !important;
       -moz-border-radius: .25rem !important;
            border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.is-invalid .bootstrap-select .btn.dropdown-toggle.btn-light,
.bootstrap-select .btn.dropdown-toggle.btn-light.is-invalid{
    border-color: #dc3545 !important;
}
.bootstrap-select .btn.dropdown-toggle.btn-light:focus,
.bootstrap-select .btn.dropdown-toggle.btn-light:active{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-color:#fff !important;
}
/******************/
.profile_photo_box{
    background-color: #283140;
    padding:7px;
    margin:0;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.profile_photo img{
    border:none;
    max-width:100%;
    display:block;
    margin:0 auto;
    
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
/******************/
@media screen and (max-width: 1300px) {
    .content{
        padding:15px 25px 15px 20px;
        padding:15px 15px 15px 20px;
    }
}
@media screen and (max-width: 1200px) {
    .container{
        max-width: none !important;
    }
}
@media screen and (max-width: 992px) {
    html {
        margin-right: 0;
    }
    .sidebar_button{
        display:block;
    }
    .navbar .navbar-logo-brand{
        /*display:none;*/
        min-width:auto;
    }
    .navbar .navbar-brand{
        /*display:block;*/
    }
    .header_contaner .large_logo{
        display:none;
    }
    .navbar .navbar-logo-brand{
        display:block;
    }
    .sidenav{
        margin:0 0 0 -220px;
        padding:0;
        position: absolute;
        top: 0;
        bottom:0;
        z-index:17;
    }
    .left_column_mask{
        margin:0 0 0 -220px;
        padding:0;
        z-index:16;
    }
    .content-wrapper-fix.active .sidenav,
    .content-wrapper-fix.active .left_column_mask{
        margin:0;
    }
    .content-wrapper-fix.active .container-mask{
        display:block;
        margin-left:220px;
        top:56px;
    }
    .navbar-expand-lg .sidenav {
        /*flex-direction: column;*/
    }
    .content-wrapper {
        margin: 0;
        width:100%;
    }
    .content-wrapper-fix.active .content-wrapper{
        /*margin-right:-220px;*/
    }
    .navbar_head .navbar_top{
        margin-left:0;
        width:100%;
    }
    .footer {
        width: auto;
        margin: 0;
        position: relative;
        /*bottom: 0;*/
        height: auto;
        line-height: auto;
    }
    .footer .foot_counter,
    .footer .foot_copy,
    .footer .foot_info{
        float:none;
        margin:5px 0 0 0;
    }
    .footer .foot_info{
        float:none;
        margin:0;
    }
    .footer .foot_info .foot_main,
    .footer .foot_info .foot_menu{
        float:none;
        margin:0;
    }
    .footer .foot_info .foot_menu{
        margin:0 0 5px 0;
    }
    
    a.logo{margin:0 0 10px 0;}
    .big_logo{display:none;}
    
    .box.box_auth{margin:0 auto;}
    
    .custom-control .custom-control-label {
        font-size: 80%;
    }
    .message .message_body .message_date{
        opacity: 1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
    }
}
@media screen and (max-width: 768px) {
    .content-header .page_menu_button{
        display:block;
    }
    
    .content {
        padding: 10px;
    }
    
    .content .app_right_column{
        float:none;
        width:auto;
        margin:0 0 20px 0;
        /*display:none;*/
    }
    .content .app_left_column{
        float:none;
        width:auto;
        margin:0;
    }
    
    .content .dialogues_right_column{
        float:none;
        width:auto;
        margin:0;
    }
    .content .dialogues_left_column{
        display:none;
    }
    
    .content .dialog_right_column{
        display:none;
    }
    .content .dialog_left_column{
        float:none;
        width:auto;
        margin:0;
    }
    
    .box.box_auth{max-width:100%;}
    .content-header h1 {
        display:block;
        /*float:none;*/
    }
    .content-header {
        background:none;
        padding:0 10px;
    }
    .content-header .breadcrumb {
        display:block;
        float:none;
        overflow:hidden;
        background:#fff;
        margin:5px 0 0 0;
        padding:0 10px;
        width:100%;
    }
    .content-header .breadcrumb .breadcrumb-item{
        display:block;
        float:left;
    }
    
    .content-header h1 {
        font-size:20px;
    }
    .content-header .sub_title {
        font-size: 13px;
    }
}
@media screen and (max-width: 576px) {
    .content {
        /*padding: 5px;*/
    }
    .content-header h1 {
        font-size:18px;
    }
    .content-header .sub_title {
        font-size: 13px;
    }
    .content-header .breadcrumb {
        padding:0 10px;
    }
}

@media screen and (min-width: 768px) {
    .app_right_column {
        display: block !important;
    }
}
/******************/