/* Copyright (c) 2006 FlySIP` Software, Inc. All rights reserved.              */
/*                                                                           */
/* Warning: This computer program is protected by copyright law and          */
/* international treaties. Unauthorized reproduction or distribution of this */
/* program, or any portion of it, may result in severe civil and criminal    */
/* penalties, and will be prosecuted under the maximum extent possible under */
/* law.                                                                      */
/*                                                                           */
/* $Id: styles.css,v 1.56.2.3 2015/08/04 15:47:51 geka Exp $ */

 @font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/HelveticaNeue/HelveticaNeue.eot');
    src: url('fonts/HelveticaNeue/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('fonts/HelveticaNeue/HelveticaNeue.woff2') format('woff2'),
    url('fonts/HelveticaNeue/HelveticaNeue.woff') format('woff'),
    url('fonts/HelveticaNeue.ttf') format('truetype'),
    url('fonts/HelveticaNeue/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../static/fonts/glyphicons/glyphicons-halflings-regular.eot");
    src: url("../static/fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../static/fonts/glyphicons/glyphicons-halflings-regular.woff2") format("woff2"), url("../static/fonts/glyphicons/glyphicons-halflings-regular.woff") format("woff"), url("../static/fonts/glyphicons/glyphicons-halflings-regular.ttf") format("truetype"), url("../static/fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
 /*@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneuecyr-roman-webfont.eot');
    src: url('fonts/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneuecyr-roman-webfont.woff2') format('woff2'),
         url('fonts/helveticaneuecyr-roman-webfont.woff') format('woff'),
         url('fonts/helveticaneuecyr-roman-webfont.ttf') format('truetype'),
         url('fonts/helveticaneuecyr-roman-webfont.svg#helveticaneuecyrroman') format('svg');
    font-weight: normal;
    font-style: normal; 

} */


BODY {
    FONT-SIZE: 11px; COLOR: #000022; FONT-FAMILY: 'Verdana', 'Tahoma', 'Arial', HelveticaNeue, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; margin: 0; padding: 0;
}

FORM { margin: 0px; padding: 0px;}

TEXTAREA { FONT-FAMILY: 'Verdana', 'Tahoma', 'Arial', HelveticaNeue, sans-serif; font-size: 11px; }

INPUT {font-size: 12px;}

PRE {margin: 0}

.Intro {
    WIDTH: 650px
}
.Logo {
    FLOAT: left; WIDTH: 200px; PADDING-TOP: 6px
}
.Brand {
    FLOAT: right; MARGIN: 5pt; WIDTH: 150px; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}
.Headline {
    PADDING: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: white; background-image:url(images/bar.jpg); white-space: nowrap;
}

.Headline a {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 5px; COLOR: white; PADDING-TOP: 5px; BACKGROUND-COLOR: #6666CC; white-space: nowrap;
}

.HeadlineWide {
    FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: white; background-image:url(images/bar2.jpg)
}

.HeadlineWide a {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 5px; COLOR: white; PADDING-TOP: 5px; BACKGROUND-COLOR: #6666CC
}



.Headline2 {
    FONT-WEIGHT: normal; FONT-SIZE: 10pt; border-bottom: 1px solid #D6B97E; background-color:#ECE9D8;
}

.Headline2 a {
    FONT-WEIGHT: normal; FONT-SIZE: 10pt; background-color:#ECE9D8 
}
.Headline2 a:hover {
    FONT-WEIGHT: bold; FONT-SIZE: 10pt; background-color:#D6B97E 
}


.IssueDate {
    PADDING-RIGHT: 20pt; FLOAT: right; PADDING-BOTTOM: 8px; FONT: bold 12pt Verdana; WIDTH: 400px; PADDING-TOP: 8px; TEXT-ALIGN: right
}
.Corporate {
    BORDER-RIGHT: #eeeeee 1px solid; BORDER-TOP: #eeeeee 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: xx-small; PADDING-BOTTOM: 8px; BORDER-LEFT: #eeeeee 1px solid; WIDTH: 650px; COLOR: white; PADDING-TOP: 8px; BORDER-BOTTOM: #eeeeee 1px solid; BACKGROUND-COLOR: black; TEXT-ALIGN: left
}
.main {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 650px; PADDING-TOP: 10px; FONT-STYLE: normal; FONT-FAMILY: Verdana
}
.main .bodytext {
    MARGIN: 5px
}
.main .bodytext .DownloadItem {
    MARGIN: 0px 0px 0px 18px
}
.main .bodytext .RelatedItem {
    MARGIN: 0px 0px 0px 50px
}
.main .bodytext .legal {
    FONT-SIZE: 10px
}
.main .menu {
    BACKGROUND: #eee; FLOAT: right; MARGIN: 0px; BORDER-LEFT: #000 1px solid; WIDTH: 230px; BORDER-BOTTOM: #000 1px solid
}
.Contents {
    BORDER-LEFT: black thin solid
}
.IssueNumber {
    FONT: bold 10pt verdana; TEXT-ALIGN: right
}
.Spacer {
    WIDTH: 20px;
}
.OfferList {
    FONT-SIZE: 8pt
}
.FreeProduct {
    PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; WIDTH: 620px; PADDING-TOP: 10px
}
.OfferItem {
    PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; WIDTH: 620px; PADDING-TOP: 10px
}
.AddressFooter {
    FONT: 8pt verdana; TEXT-ALIGN: center
}
A:link {
    COLOR: black
}
A:visited {
    COLOR: black
}
.SubscribeInfo {
    FONT-SIZE: xx-small; FONT-FAMILY: arial,geneva,sans-serif; TEXT-ALIGN: center
}
A:hover {
    COLOR: #0000cc; TEXT-DECORATION: none
}
A:hover {
    TEXT-DECORATION: underline
}

.menu {
    FONT-WEIGHT: bold; FONT-SIZE: 11px
}

.infotitle {
    font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #000399;
}

.graymenu {
    COLOR: #888888 !important;
}

.grey {
    COLOR: #888888 !important;
}

.red {
    COLOR: #E96152 !important;
}

.green {
    color: #3FC1A5 !important; 
}

.blue {
    color: #4BA4DF !important;
}

.yellow {
    color: #F4A72D !important;
}
.cell1 {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #000000; BACKGROUND-COLOR: #cccccc
}

IMG {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
HR {
    COLOR: #666666;
    HEIGHT: 2px;
}
H3 {
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000022; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
TD {
    FONT-SIZE: 11px; COLOR: #000022; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}

.border{
    border-left-style: solid; border-left-width: 1px;
    border-top-style: solid; border-top-width: 1px;
    border-color:#AAAAAA;
    padding: 2px;
}
.bordertop
{
    border-top-style: solid; border-top-width: 1px; 
    border-color:#AAAAAA;
    padding: 2px;
}
.bordertopright
{
    border-top-style: solid; border-top-width: 1px; 
    border-right-style: solid; border-right-width: 1px; 
    border-color:#AAAAAA;
    padding: 2px;
}
.borderleft
{
    margin-right: 8px;
    border-left-style: solid; border-left-width: 1px; 
    border-color:#AAAAAA;
    padding: 2px;
}
.borderright
{
    border-right-style: solid; border-right-width: 1px; 
    border-color:#AAAAAA;
    padding: 2px;
}
.borderbottom
{
    border-bottom-style: solid; border-bottom-width: 1px; 
    border-color:#AAAAAA;
    padding: 2px;
}
.borderbottomleft
{
    border-bottom-style: solid; border-bottom-width: 1px; 
    border-left-style: solid; border-left-width: 1px; 
    border-color:#AAAAAA;
    padding: 2px;
}
.borderbottomright
{
    border-bottom-style: solid; border-bottom-width: 1px; 
    border-right-style: solid; border-right-width: 1px; 
    border-color:#AAAAAA;
    padding: 2px;
}
.borderleftright
{
    border-right-style: solid; border-right-width: 1px;
    border-left-style: solid; border-left-width: 1px;
    border-color:#AAAAAA;
    padding: 2px;
}

.borderall
{
    border-right-style: solid; border-right-width: 1px;
    border-left-style: solid; border-left-width: 1px;
    border-bottom-style: solid; border-bottom-width: 1px;
    border-top-style: solid; border-top-width: 1px;
    border-color:#AAAAAA;
    padding: 2px;
}

.borderallbutleft
{
    border-right-style: solid; border-right-width: 1px;
    border-bottom-style: solid; border-bottom-width: 1px;
    border-top-style: solid; border-top-width: 1px;
    border-color:#AAAAAA;
    padding: 2px;
}

.borderallbuttop
{
    border-right-style: solid; border-right-width: 1px;
    border-left-style: solid; border-left-width: 1px;
    border-bottom-style: solid; border-bottom-width: 1px;
    border-color:#AAAAAA;
    padding: 2px;
}

.bordernot
{
    border-style:none;
    padding: 2px;
}

DIV#menutitle {
    font-size:9pt; font-weight:bold; background:#AAAAAA; color:#FFFFFF; padding:5px 5px 5px 5px;
}


DIV#links {
    font-size:9pt; font-weight:bold; color:#4858a6;
}

DIV#links A {
    color:#4858a6; BORDER-TOP-WIDTH: 0px; border-bottom: 1px solid #888888 ;PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #EEEEEE; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: left; text-transform:none; text-decoration:none; white-space: nowrap;
}
DIV#links A:hover {
    BACKGROUND: #CCCCCC; color:#4858a6;
}


DIV#links_selected {
    font-size:9pt; font-weight:bold; color:#FFFFFF;
}

DIV#links_selected A {
    color:#FFFFFF; BORDER-TOP-WIDTH: 0px; border-bottom: 1px solid #888888 ;PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #969ECD; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: left; text-transform:none; text-decoration:none; white-space: nowrap;
}

DIV#links_selected A:hover {
    BACKGROUND: #BBBBBB; color:#FFFFFF;
}


.grouptitle {
    background-color: #DDDDDD;
    border: 1px solid #AAAAAA;
}

.grouptitle_alert {
    background-color: #FF0000;
    border: 1px solid #AAAAAA;
}

.cell22 { FONT-WEIGHT: bold; COLOR: 000000; BACKGROUND: #DDDDDD;  border: 1px solid #AAAAAA; }

.cell3  { FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND: #ffffff;  border: 1px solid #ffffff; }

/* dlya poley s fix vysotoy */
.cell4  { PADDING: 5px 2px 1px 2px; FONT-WEIGHT: bold; }
.cell5  { PADDING: 3px 0px 0px 0px; FONT-WEIGHT: bold; }


.bz { font-size: 8pt; text-indent: 4pt; color: #000000; font-weight: bold; PADDING: 4pt 2pt 2pt 2pt; }

.top_line { PADDING: 0pt; BORDER-top: 6pt solid #ffffff; }

.bz2 { font-size: 8pt; text-indent: 4pt; color: #4858a6; background: #EDEDED; PADDING: 2pt 1pt 2pt 3pt; BORDER-right: 1pt solid #E0E0E0;	BORDER-bottom: 1pt solid #ffffff;}

.bi    { width: 265px; height: 22px; font-size: 12px;}
.mi    { width: 175px; height: 22px; font-size: 12px;}
.mi2   { width: 130px; height: 22px; font-size: 12px;}
.mi3   { width: 155px; height: 22px; font-size: 12px;}
.si    { width: 50px;  height: 22px; font-size: 12px;}
.vi    { width: 85px;  height: 22px; font-size: 12px;}
.vi2   { width: 130px;  height: 22px; font-size: 12px;}
.di    { width: 81px;  height: 22px; font-size: 12px;}
.bt    { width: 110px; height: 25px; font-size: 12px;}
.bt2   { height: 25px; font-size: 12px; }
.sel   { width: 15em;  height: 21px; font-size: 12px;}
.sel2  { width: 175px; height: 21px; font-size: 12px;}
.sel3  { width: 130px; height: 21px; font-size: 12px;}
.dp    { width: 130px; height: 22px; font-size: 12px; padding-top: 2px;}
.dp2   { font-size: 12px;}
.dp3   { font-size: 12px;}

.style1 {color: #FFCC00}

div.separator {
    height: 10px;
    font-size: 1px;
}

div.total {
    width: 100%;
    padding: 5px 0;
    margin: 5px 0 0;
    font-weight: bold;
    border-top: 2px solid #666666;
    border-bottom: 2px solid #666666;
}


/* tooltip */
#tooltip a:hover {
    background-color: #dbe4f2;
    text-decoration: none
}

#tooltip .toolbox a:hover span {
    display: block! important;
    background-color: #ffffe1;
    border: black 1px solid;
    color: black;
    position: absolute;
    width: 250px;
    padding:5px;
}

.thead-tr {
    border: none;
}

.thead-tr td {
    background-color: #324659!important;
    color: white;
    border: none;
}
/* Classic Style */
div.domTTClassic {
    border: 1px solid black;
    /* background-color: InfoBackground; */
    background-color: #ffffe1;
}

div.domTTClassic .caption {
    font-family: serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    padding: 1px 2px;
}

div.domTTClassic .contents {
    color: InfoText;
    padding: 5px;
    /* width: 250px; */
    max-width: auto;
    min-width: 205;
    width: expression(this.offsetWidth > 220 ? 250 : 220);
    border-left: 0;
    font-size: 11px;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;	
}

strong {
    font-weight: bold;
}

/* * * * */

/* 2-columns forms mod (default) */
div.genrep {
    display: block;
    margin-left: 190px;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: left;
}

div.grouptitle {
    display: block;
    margin-top: 8px;
    margin-bottom: 5px;
    text-align: left;
    width: 185px;
    min-height: 15px;
    font-weight: bold;
}

div.groupdata {
    display: block;
    width: 460px;
    float: left;
}

/* grouped fields with border */
div.groupdata_b {
    display: block;
    float: left;
    border: 1px solid #AAAAAA;
    width: 362px;
    margin-top: 3px;
    padding-top: 3px;
    margin-bottom: 3px;
}

div.dataname {
    display: inline;
    width: 185px;
    height: 23px;
    float: left;
    padding-left: 2px;
    padding-top: 2px;
}

/* mandatory field */
div.dataname_m {
    display: inline;
    width: 185px;
    height: 23px;
    float: left;
    padding-left: 2px;
    padding-top: 2px;
    font-weight: bold;
}

div.groupdata_b div.dataname, div.groupdata_b div.dataname_m {
    padding-left: 1px;
    width: 184px;
}

div.dataval {
    display: inline;
    width: 215px;
    height: 25px;
    float: left;
}

div.dataval_text {
    padding-top: 2px;
}

div.groupdata_b div.dataval {
    width: 175px;
}

/* 3-columns forms mod */
div.genrep3 {
    display: block;
    margin-left: 290px;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: left;
}

div.mod3_1 {
    width: 150px;
}

div.mod3 {
    width: 135px;
}

div.groupdata3_1 {
    display: block;
    width: 290px;
    float: left;
}

div.groupdata3 {
    display: block;
    width: 275px;
    float: left;
}

/* 2-columns mod in 3-columns forms */
div.mod32 {
    width: 100%;
}


/* ExtJs styled buttons */
div.genrep3 div, div.genrep div {
    display: inline;
    float: left;
    padding: 0 10px 20px 0;
}

div.maintenance_on {
    width: 100%;
    height: 25px;
    text-align: center;
    background-color: red;
    font-size: 17px;
    font-weight: bold;
    text-decoration: blink;
}

div.view_unavailable {
    padding: 30px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

/* min-height of row in all lists */
tr.list-tr {
    min-height: 22px;
    height: 22px;
}

.uploader-hint  {
    font-size: 8px;
    font-style: italic;
    color: grey;
    padding-left: 10px;
}

/* confirmation message box */
.mb-cnf-msg {
    padding-bottom: 10px;
}

.mb-cnf-msg-hl {
    padding-bottom: 10px;
    color: red;
    font-weight: bold;
}

/* New styles */

.toggle a {
    color: #5A738E;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}


.main-container {
    margin-right: 0;
    height: 100%;
}

/* Navigation (left sidebar) */

#nav {
    background-color: #2A3F54;
    min-height: 100%;
    padding-right: 0;
    color: #ECF0F1;
}

#nav .menu-top-title {
    text-align: center;
    margin-top: 20px;
}

#nav .menu-top-balance {
    text-align: center;
    margin-top: 20px;
}

#nav .menu-menu {
    margin-top: 10px;
}

#nav #sidebar-body {
    padding-right: 0;
    padding-left: 0;
    background: #2A3F54;
}

#nav #sidebar-body #desktop-menu {
	
}

#nav #sidebar-body #desktop-menu .head-point-menu {
    margin-top: 10px;
    border-right: 5px solid #1ABB9C;
}

#nav #sidebar-body #desktop-menu .head-point-menu.collapsed:not(.current) {
    border-right: none;
}

#nav #sidebar-body #desktop-menu .head-point-menu section {
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b6479), color-stop(100%, #4c5566)), #686e78;
    background: -webkit-linear-gradient(#334556, #2C4257), #2A3F54;
    background: -moz-linear-gradient(#334556, #2C4257), #2A3F54;
    background: -o-linear-gradient(#334556, #2C4257), #2A3F54;
    background: linear-gradient(#334556, #2C4257), #2A3F54;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}

#nav #sidebar-body #desktop-menu .head-point-menu.collapsed:not(.current) section {
    background: #2A3F54;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#nav #sidebar-body #desktop-menu .head-point-menu:hover {
    margin-top: 10px;
}


#nav #sidebar-body #desktop-menu .head-point-menu .head-point-menu--icon {
    width: 25px;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    color: #C4CFDA;
    margin-left: 10px;
}

#nav #sidebar-body #desktop-menu .head-point-menu .head-point-menu--text {
    color: rgb(231, 231, 231);
    display: inline-block;
    font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
}

#nav #sidebar-body #desktop-menu .head-point-menu.collapsed .head-point-menu--show {
    float: right;
    margin-top: 13px;
    margin-right: 25px;
}

#nav #sidebar-body #desktop-menu .head-point-menu .head-point-menu--show {
    margin-right: 7px;
    float: right;
    margin-top: 13px;
}

#nav #sidebar-body #desktop-menu .head-point-menu--content {
    border-right: 5px solid #1ABB9C;
}

#nav #sidebar-body #desktop-menu .head-point-menu--content ul li a {
    /* color: rgba(255, 255, 255, 0.74902); */
    color: #cccccc;
    display: block;
    font-family: HelveticaNeue, Roboto, Arial, 'Droid Sans', sans-serif;
    font-size: 12px;
    padding: 9px 9px 9px 20px;
    position: relative;
    text-align: left;
    text-decoration: none;
    margin-left: 22px;
    border-left: 1px solid #425668;
}

#nav #sidebar-body #desktop-menu .head-point-menu--content ul li a:hover {
    color: #ffffff;
}

#nav #sidebar-body #desktop-menu .head-point-menu--content ul li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 10px;
    margin-top: 13px;
    margin-left: 8px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#nav #sidebar-body #desktop-menu .head-point-menu--content ul li:hover {
    background-color: rgba(255, 255, 255, 0.06);
}

#nav .sidebar-footer {
    bottom: 0;
    clear: both;
    display: block;
    padding-top: 5px;
    padding-right: 0;
    position: fixed;
    z-index: 1000;
    background: #2A3F54;
}

#nav .sidebar-footer a {
    padding: 10px;
    text-align: center;
    width: 25%;
    font-size: 17px;
    display: block;
    float: left;
    background: #2A3F54;
    color: #5A738E;
    cursor: pointer;
}

#nav .sidebar-footer a:hover {
    background-color: #425567;
    color: #23527c;
}

#nav .sidebar-footer a span {
    width: 25%;
    height: 100%;
}

div#nav:not(.opened)>div:not(.menu-menu),
div#nav:not(.opened) .sidebar-footer,
div#nav:not(.opened) .fa-chevron-right{
    display: none;
}

div#nav:not(.opened) ul#desktop-menu>li {
    text-align: center;
}

div#nav:not(.opened) ul#desktop-menu>li i.fa:not(.fa-chevron-right) {
    display: block !important;
    width: 100% !important;
    text-align: center;
}

div#nav:not(.opened) .head-point-menu--text{
    line-height: normal!important;
}

div#nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu .head-point-menu--icon{
    font-size: 25px;
    margin: 0;
}

#nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu .head-point-menu--text {
    height: auto;
    margin: 0;
    padding: 10px 5px;
    box-sizing: border-box;
    display: block;
    font-size: 10px;
}

#nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu--content{
    border: 0;
    position: absolute !important;
    z-index: 999;
    width: 210px;
}

#nav:not(.opened) .head-point-menu--content>ul {
    background: #3E5367;
    padding: 10px;
}

#nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu--content ul li a {
    border: 0;
    margin: 0;
    font-weight: 400;
    font-size: 10px;
    padding: 10px 5px;
}

#nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu--content ul li a:hover{
    background-color: rgba(255, 255, 255, 0.06);
}

#nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu--content ul li {
    box-sizing: border-box;
}

#nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu--content ul li:before{
    display: none;
}

div#sidebar-body li.active {
    background-color: rgba(255, 255, 255, 0.06);
}
div#sidebar-body li.active a {
    color:#ffffff;
}



/* Top navigation*/


.nav_menu {
    float: left;
    background: #EDEDED;
    border-bottom: 1px solid #D9DEE4;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

.toggle {
    float: left;
    margin: 0;
    width: 70px;
}

.top-menu {
    padding: 0;
}

.toggle a {
    padding: 15px 15px 0 30px;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
}

.toggle a i {
    font-size: 26px;
}

.navbar-right{
    margin-right: 40px !important;
    float: right !important;
}

.right-side {
    padding: 0;
    overflow: hidden;
}

.dropdown-menu .sum {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff;
    border-radius: 10px;
    padding: 1px 4px;
}

.navbar-nav>li>.dropdown-menu {
    padding: 0;
}

.navbar-nav>li>.dropdown-menu a{
    width: 100%;
    padding: 12px 20px;
    font-size: 12px;
}

.dropdown-menu>.disabled>a:hover{
    cursor: default !important;
    background-color: #e8e8e8;
}

li.disabled.double {
    display: table;
    width: 100%;
}

li.disabled.double>a {
    display: table-row;
}

li.disabled.double>a>span {
    display: table-cell;
    vertical-align: middle;
}

li.disabled.double>a>span:first-child {
    padding: 12px 0 12px 20px;
}

li.disabled.double>a>span:last-child {
    padding: 12px 20px 12px 10px;
    text-align: right;
}

/* Body */

body {
    color: #73879C;
    font-family: HelveticaNeue, Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
}

body .right-side {
    background: #F7F7F7; 
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    color: #73879C;
}



.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%;
}

.h3, h3 {
    font-size: 16px;
    font-weight: 500;
}

.x-menu {
    /* background: #f0f0f0; */
    background: #ffffff;
}

span.x-menu-text {
    display: none;
}

.main-body {
    padding: 10px 20px 0;
}

.page-title .title_left {
    float: left;
    display: block;
}

.page-title .title_right .col-md-6 .col-sm-6  .col-xs-12 {
    float: right !important;
}

.page-title {
    width: 100%;
    height: 65px;
    padding: 10px 0;
}

.page-title .title_left h3 {
    margin: 9px 0;
}

.dashboard_graph {
    background: #fff;
    padding: 7px 10px;
    overflow: hidden;
	    border: 1px solid #e6e9ed;
}

.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
}

.dashboard_graph .x_title {
    padding: 5px 5px 7px;
	position: relative;
}

.accord_trigger img {
    width: 16px;
    height: 16px;
}

.accord_trigger {
    position: absolute;
    right: 16px;
	cursor: pointer;
	-moz-user-select: none;
    -khtml-user-select: none; 
    -webkit-user-select: none;
}

form[name="upload_form"] input[type="file"] {
    display: none;
}

ul.nav.navbar-nav.navbar-right.but form,
ul.nav.navbar-nav.navbar-right.but  input {
    width: 100%;
    margin: 0;
}

.btn-group.custom-frormlist ul.dropdown-menu input {
    border-radius: 0;
    border: 0;
    background: none;
    color: black !important;
    padding: 12px 20px;
    font-size: 12px;
    /* font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; */
    text-align: left;
	box-shadow: none;
}
.btn-group.custom-frormlist ul.dropdown-menu li:hover{
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.imvis{
	display: none;
}

.accord_trigger.collapsed .up, 
.accord_trigger:not(.collapsed) .down {
    display: none;
}

.dashboard_graph .x_title h3 {
    margin: 0;
    font-weight: normal;
}

/*.form-group label {
    padding-top: 6px;
}*/

td{
    font-size: 13px;
    color: #73879C;
}

.form-group input, .form-group select {
    color: black;
}

.form-group .col-md-3:first-child+.col-md-3 {
    padding-left: 0;
}

.form-group .col-md-3:first-child+.col-md-3 select {
    font-size: 12px;
}

.table-responsive .table {
    border: 1px solid;
}

.x-btn-left, .x-btn-right {
    display: none;
}

.x-btn-wrap {
    width: auto !important;
}

.grouptitle {
    background: 0;
    border: 0;
}

.pagination-wr {
    background: #e6e9ed;
    padding: 6px 12px;
    /* border: 1px solid #AAAAAA; */
    border-radius: 4px;
    color: #2a3f54;
}

.x-form-text{
    display: block;
    width: 100%;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.x-form-field-wrap {
    width: auto !important;
}

.ext-safari .x-form-field-wrap .x-form-trigger {
    height: 34px;
    background-position-y: center;
}

.x-trigger-wrap-focus .x-form-trigger{
    height: 34px;
    right: 2px;
    background-position-y: center;
}

.form-field-name select, .form-field-name {
    color: #73879C;
    width: 100%;
}

input[type='file'][name='accounts_file'], 
input[type='file'][name='accounts_file']+input {
    display: inline-block;
}



.inlineblock{
    display: inline-block;
}

table.table.table-striped>tbody >tr:first-child, 
table.table.table-striped>tbody >tr:first-child td,
table.table.table-striped.custom-two-row>tbody >tr:nth-child(2)
{
    background: rgba(52,73,94,0.94);
    color: white;
    vertical-align: middle;
    font-size: 13px;
}
table.table.table-striped.custom-two-row>tbody >tr:nth-child(2) td{
	color: #ffffff;
	border: none;
	background: rgba(52,73,94,0.94);
}
table.table.table-striped.custom-two-row>tbody >tr:nth-child(2):hover td{
	background: rgba(52,73,94,0.94) !important;
}

table.table.table-striped>tbody >tr td:not(:last-child) {
    border-right: 0;
}

table.table.table-striped>tbody tr.border-btm{
    border-bottom:1px solid #ddd;
}


table.table.table-striped.custom-three-row>tbody >tr:nth-child(2)
{
    background: rgba(52,73,94,0.94);
    color: white;
    vertical-align: middle;
    font-size: 13px;
}
table.table.table-striped.custom-three-row>tbody >tr:nth-child(3)
{
    background: rgba(52,73,94,0.94);
    color: white;
    vertical-align: middle;
    font-size: 13px;
    border-top:1px solid #ddd;
}
table.table.table-striped.custom-three-row>tbody >tr:nth-child(2) td{
    color: #ffffff;
    border: none;
    background: rgba(52,73,94,0.94);
}
table.table.table-striped.custom-three-row>tbody >tr:nth-child(3) td{
    color: #ffffff;
    border: none;
    background: rgba(52,73,94,0.94);
}
table.table.table-striped.custom-three-row>tbody >tr:nth-child(2):hover td{
    background: rgba(52,73,94,0.94) !important;
}



.btn-success {
    border: 1px solid #169F85;
    background: #26B99A;
    border: 1px solid #169F85;
    color: white !important;
}

.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success {
    background: #169F85;
}

.btn-primary {
    color: #fff !important;
    background: #337ab7;
    border-color: #2e6da4;
}

.btn-info {
    color: #fff !important;
}

.btn-danger {
    color: #fff !important;
}

table#deletedActive table {
    height: 20px;
}

table#deletedActive table td.x-btn-center {
    background: #ffffff;
    color: #73879c;
}

table#deletedActive button {
    height: 100%;
}

.btn-primary:focus, 
.btn-primary:hover {
    background: #265a88;
    background-position: 0 -15px;
}

table.table.table-striped, 
table.table.table-striped td {
    border-color: #ddd;
}

table.table.table-striped>tbody>tr:not(:first-child):hover>td,
table.table.table-striped>tbody>tr:not(:nth-child(2)):hover>td,
 {
    background: rgba(38,185,154,0.07);
    border-top: 1px solid rgba(38,185,154,0.11);
    border-bottom: 1px solid rgba(38,185,154,0.11);
}

img[src*="cdrs.png"], 
img[src*="stop.png"] {
    height: 16px;
    width: 16px;
    vertical-align: middle !important;
    margin: 0 0 0 5px !important;
}

.btn-group.custom-frormlist>form {
    display: inline;
    float: left;
}

.btn-group.custom-frormlist input.btn.btn-success {
    border-radius: 4px 0 0 4px;
}

.btn-group.custom-frormlist .fullround input.btn.btn-success {
    border-radius: 4px;
}

/*
input.search-filed, form.search input[type="submit"] {
    border-radius: 8px 0 0 8px;
    box-shadow: none;
    border: 0;
    border-top: 2px solid #ededed;
    line-height: 18px;
    padding: 3px 11px;
    background: #fff;
    float: left;
}


form.search input[type="submit"] {
    border-radius: 0 8px 8px 0;
}

form.search {
    margin: 3px 0 0 10px;
}
*/
.btn-group.custom-frormlist {
    float: right !important;
}

div.dataval {
	height: auto;
}

.dataval button.x-btn-text, 
.dataval button.x-btn-menu-arrow-el {
    color: #fff !important;
    background: #337ab7;
    display: inline-block;
    padding: 6px 12px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #2e6da4;
    border-radius: 4px 0 0 4px;
	height: auto !important;
}

.btn-group.custom-frormlist .btn.btn-success[data-bs-toggle="dropdown"]{
	    border-radius: 0 4px 4px 0;
}

.dataval button.x-btn-menu-arrow-el
{
	border-radius: 0 4px 4px 0;
    background: #337ab7 url('../images/btn-primary-drop.png') no-repeat center center;
}

.dataval td.x-btn-center {
    background: transparent !important;
    padding: 0;
    margin: 0;
}

.dataval>table {
    table-layout: fixed;
}

.dataval>table {
    table-layout: fixed;
    width: auto !important;
}

.btn-group.custom-frormlist ul.dropdown-menu form, 
.btn-group.custom-frormlist ul.dropdown-menu input {
    width: 100%;
	font-family: HelveticaNeue, Roboto, Arial, "Droid Sans", sans-serif;
	    text-shadow: none;
}
.x-shadow {
    display: none !important;
}

.x-layer.x-menu.x-cycle-menu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	    background-image: none;

}
li.x-menu-list-item {
	padding: 0;
}

li.x-menu-list-item a.x-menu-item{
	    padding: 12px 20px;
}
li.x-menu-item-checked {
    display: none;
}

li.x-menu-list-item.x-menu-item-active {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
	border: 0;
}

.title_left h3 {
    float: left;
}

li.x-menu-list-item a.x-menu-item img {
    display: none;
} 
li.x-menu-list-item a.x-menu-item i {
   font-size: 16px;
   color: #34495e;
   margin-right: 5px;
} 
li.x-menu-list-item a.x-menu-item:hover {
   background: #ededed;
} 
.accord_trigger.hbd {
    right: 45px;
}

.fa.sign {
    font-size: 16px; 
}

.fa.light {
    color: #c8c9d4;
}

.page-title a {
    color: inherit;
}

.style1 {
    color: #1ABB9C;
}

input[type="checkbox"].form-control {
    height: 17px;
    box-shadow: none;
    width: 17px;
    padding: 0;
    transition: none;
    appearance: auto;
    border-radius: unset;
    position: relative;
    top: 7px;
}

label.form-field-name {
    height: 34px;
    padding: 6px 0px;
}

.form-control {
/*    width: 100% !important;*/
}

/* Media Queries */

@media screen and (min-width: 1200px) and (max-width: 1268px){
    #nav #sidebar-body #desktop-menu .head-point-menu.collapsed .head-point-menu--show{
        margin-right: 10px;
	}
}

@media screen and (min-width: 992px){
    .toggle a {
        padding: 15px 15px 0;
	}
}





@media screen and (max-width: 445px){
    #nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu .head-point-menu--text {
        font-size: 10px;
	}
}

@media screen and (max-width: 400px){
    #nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu .head-point-menu--text {
        font-size: 9px;
	}
}

@media screen and (max-width: 355px){
    #nav:not(.opened) #sidebar-body #desktop-menu .head-point-menu .head-point-menu--text {
        font-size: 6px;
	}
}

.row thead {
    background: #1e3041;
    color: #fff;
    font-family: ProximaNovaBold;
    font-size: 15px;
    height: 35px;
}

.pagination {
    margin: 0;
    float: right;
}

/*calendar exjs style */

.x-date-picker .x-btn-center button {
    color: #ffffff;
    margin-left: 15px;
    background: none;
    border: none;
}

.title_right {
    padding-bottom: 5px;
    float: right !important;
}

input[type='file'][name='auth_rules_file'], 
input[type='file'][name='auth_rules_file']+input {
    display: inline-block;
}

.x-btn .x-ssp-btn-text {
    background: transparent url(/js/extjs/resources/images/default/toolbar/btn-arrow.gif) no-repeat scroll 1px 0;
    width: 15px;
    height: 15px;
}
.x-ssp-btn-text .x-btn-with-menu {
    background: transparent url(/js/extjs/resources/images/default/toolbar/btn-arrow.gif) no-repeat scroll 1px 0;
    width: 15px;
    height: 15px;
}
/* #mainform{margin-left: 10px;} */
.input-group .form-control.col-lg-3{width: 25% !important;}
.input-group .form-control.col-lg-9{width: 75% !important;}
.input-group .form-control.col-lg-5{width: 41.66666667% !important;}
.input-group .form-control.col-lg-7{width: 58.33333333% !important;}
.input-group .input-group-btn .btn-default{height: 34px;}
.green-checkbox{
	display: none;
}
.green-checkbox ~ label{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url("images/green.png") no-repeat;
	border: none;
	cursor: pointer;
}
.green-checkbox:checked ~ label{
	background-position: -22px 0;
}

.search-filed {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.search-filed + button{
    height: 34px;
    padding: 9px 12px;
    margin: -5px 0px 0px -9px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
@-moz-document url-prefix() { 
    .search-filed + button{
        margin: -4px 0px 0px -9px;
    } 
}

.search-like{
    margin-right: -7px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius:0px;
    border-top-right-radius: 0px;
   /*  width: 25%; */
   width: 100px;
    background-image: url('../images/select.png');
    background-position: 90% center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.search-like + .search-filed {
    border-radius: 0;
}

.borderbottomright .fa {
    font-size:20px;
    vertical-alig: top;
    margin-top: -5px;
    margin-bottom: -5px;
    /* color: rgba(52,73,94,0.94); */
    color: rgba(42,63,84,1);
}
.borderbottomright .fa-cogs {
    font-size: 18px;
    vertical-alig: top;
    margin-top: -12px;
    color: rgb(42,63,84,1);
}
.x-btn-with-menu  .fa-cogs{
    position: relative;
    top: 3px;
}
@-moz-document url-prefix() {
    select.form-control {
        -moz-appearance: none;
        background: url('/images/caret.jpg') no-repeat;
        background-size: 5px 6px;
        background-position-x: calc(100% - 5px);
        background-position-y: center;
    }
}
.callerSearch-item {
    padding-left: 12px;
    font-size: 14px;
    color: black;
}
.x-combo-list {
    background: #34495e;
}
.x-combo-list .x-combo-selected {
    background: #3399ff;
    color: #ffffff;
}
.x-tbar-page-number {
    text-align: center;
}
.x-combo-list .x-toolbar {
    border-top: 0 none; 
    background: #34495e;
}
.x-ssp-btn-menu-active .x-ssp-btn-center, .x-ssp-btn-center:hover{
    background: none;
}
.x-btn-with-menu:hover,.x-btn-with-menu:focus{
    outline: none !important;
}

.x-window-tl,.x-window-tr {
    background: rgba(52,73,94,0.94);  
}
.x-window-tl .x-window-header {
    background: rgba(52,73,94,0.94);
    color: white;
    font-size: 13px;
    padding: 10px;
}
.mb-cnf-msg{
    font-family: HelveticaNeue, Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
    margin-top: 10px;

}
.x-btn-text{
    font-family: HelveticaNeue, Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.471;
    padding: 4px 20px;
}

body.x-body-masked .x-window-plain .x-window-mc, .x-window-bc,.x-window-bl,.x-window-ml,.x-window-mr,.x-window-br{
    background: #ffffff;
}
 {
    background: transparent url(../images/default/window/top-bottom.png) repeat-x 0 bottom;
    zoom: 1;
}
#testSMTPButton .x-btn-text{
    margin-top: 5px;
        display: inline-block;
    padding: 6px 42px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff !important;
    background: #337ab7;
    border-color: #2e6da4;
}
table.table.table-striped>tbody>tr:not(:first-child):hover>td {
    background: rgba(38,185,154,0.07);
    border-top: 1px solid rgba(38,185,154,0.11);
    border-bottom: 1px solid rgba(38,185,154,0.11);
}


.borderallbuttop .fa {
    font-size: 20px;
}

.form-group.col-md-4.col-sm-6.col-xs-12 {
    padding: 0px 5px 0px 10px;
    margin-bottom: 5px;
}

.form-group > [class^="col-"] {
    padding: 0px 5px 0px 5px;
}

.g_row > .form-group.col-lg-4.col-md-6.col-sm-6.col-xs-12 {
    padding: 0px 0px 0px 0px;
}

div#export_into_mera .x-btn-text{
    border: none;
    background: none;
    color: black;
}

div#update_report .x-btn-text {
    border-radius: 5px 0 0 5px !important;
    border: 1px solid #169F85;
    background: #26B99A !important;
    border: 1px solid #169F85;
    color: white !important;
    /* padding: 5px; */
    margin-right: -5px !important;
    margin: 0px;
    padding-top: 8px !important;
}

.dropdown-menu.pull-right .x-btn-text {
    border: none !important;
    background: none !important;
    color: black !important;
}
.custom-navbar-right {
    margin-right: 40px !important;
    float: right !important;
}
.custom-navbar-right:after {
    clear: both
}
.custom-navbar-right>li {
    float: left;
    position: relative;
    display: block;
}
.custom-navbar-right>li>a {
    line-height: 20px;
    padding: 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    display: block;
}
.title_left {
    padding-right: 15px;
    padding-left: 15px;
}
.page-title {
    clear: both;
    height: auto!important;
    padding: 0;
}
.page-title + form, .page-title + .row, .page-title + .separator {
    clear: both;
}
.btn {
    font-size: 14px;
}
.row .accord_trigger {
    width: auto;
    max-width: none;
}
.form-group {
    margin-bottom: 15px;
}
.hidden {
    display: none !important;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.btn .caret {
    margin-left: 0;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.form-control {
    line-height: 1.42857143;
    height: 34px;
    font-size: 14px;
}
select[multiple], select[size] {
    height: auto;
}
.cbr-0 {
    border-radius: 0;
}
input[type="submit"], .btn {
    height: 34px;
}
.action-wrap {
    cursor: pointer;
}

.action-wrap span:before {
    content: "\2212";
}

.action-wrap.collapsed span:before {
    content: "\002b";
}

.sort-wrap {
    display: inline-block;
    position: relative;
    left: 3px;
    top: 1px;
}

.sort-disable, .sort-asc, .sort-desc {
    position: relative;
}

.sort-disable svg, .sort-asc svg, .sort-desc svg {
    width: 9px;
    fill: white;
}

.sort-disable span, .sort-asc span, .sort-desc span {
    position: relative;
    top: -1px;
}

.bg-i {
    opacity: 0.2;
    z-index: 0;
}

.sort-asc .bg-i, .sort-desc .bg-i {
    position: absolute!important;
}

.main-i {
    z-index: 1;
}

.sort-asc:before {
}

.sort-desc:before {
}

.input-group.select-input select {
    flex-grow: 3;
}
.input-group.select-input input {
    flex-grow: 5;
}
a {
    text-decoration: none;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.graphs-form map{ display: none}

td[id^='mb_'] {
    display: flex;
    justify-content: center;
    align-items: center;
}

td[id^='mb_'] .x-ssp-menu-btn{
    position: relative;
    top: -1px;
}
.bg-ddd {
    background: rgba(52, 73, 94, 0.94);
    color: white;
}
.account-tr {
    border: 1px solid #ddd;
}
.account-tr td {
    border: none;
}

@media screen and (max-width: 768px){
    .main-body {
        padding-right: 10px;
    }
    #nav.opened {
        display: none;
    }
    .title_right input, .title_right a{
        margin-bottom: 9px;
    }
    .title_right {
        padding-right: 15px;
        padding-left: 15px;
    }
    .search-filed {
        width: 110px;
    }
    .custom-navbar-right {
        margin-right: 0px!important;
    }
    .btn-group.custom-frormlist {
        display: block;
    }
    form[action="destination_sets.php"]#mainform.search {
        clear: both;
    }
}

select.form-control {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#sip-udp-server-addresses svg, #sip-tls-server-addresses svg, #sip-tcp-server-addresses svg, #https-server-addresses svg, #lrn-server-address svg {
    width: 17px;
    fill: #4a4a4a;
}
.sortable-list__items-area {
    min-height: 70px;
}
.sortable-list__input-area {
    padding: 0!important;
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-cog:before {
    content: "\e019";
}
.glyphicon-fullscreen:before {
    content: "\e140";
}
.glyphicon-eye-close:before {
    content: "\e106";
}
.glyphicon-off:before {
    content: "\e017";
}
.cdrs_customer-table td {
    border-bottom: none!important;
}
.cdrs_customer-table tr {
    border-bottom: 1px solid #ddd;
}
.page-item.active .page-link {
    background-color: #337ab7;
    border-color: #337ab7;
}
.cdrs_customer-table .fa, .environments-table .fa {
    top: -1px;
    margin: 0;
}