/*
 * @license
 * Copyright (C) PROTEI protei.com
 */
/* CSS Document */
:active, :hover, :focus {
  outline: none;
  outline-offset: 0;
}

/*
 * @license
 * Copyright (C) PROTEI protei.com
 */
/* const.css */
/* colors */
/*#DDDDDD*  #e6e6e6 */
/*#444*/
/* Main */
/* main color */
/*#A10033*/
/* page name, login */
/* main buttons */
/* links in table */
/*$bg_dark : #333333;*/
/* selected */
/* menu panel */
/* tables header background*/
/* table content background */
/* main font color */
/* light font color */
/*  */
/* Auth */
/* auth background */
/* auth border */
/* auth controls background */
/* Controls */
/*
 * @license
 * Copyright (C) PROTEI protei.com
 */
/* menu.css */
.tx_menu_btn {
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  padding-right: 15px;
}

.anchor_tx_menu_btn {
  cursor: pointer;
  text-decoration: none !important;
  font-weight: bold;
  padding-right: 15px;
  color: #333333 !important;
}

.tx_menu_act, .tx_menu:hover {
  cursor: pointer;
  text-decoration: none;
  color: #7e4f8d;
}

#left_menu .tx_menu_btn {
  color: white;
}

#right_menu .admin_login {
  color: #993399;
}

/*
 * @license
 * Copyright (C) PROTEI protei.com
 */
/* voicemenu.css */
.node, .node:hover {
  font-family: Courier New;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  width: 55px;
  padding: 5px 10px 5px 30px;
}

.leaf_img, .leaf_img:hover {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  width: 10px;
  padding: 5px 0 5px 30px;
}

.leaf,
.node_s {
  vertical-align: middle;
  text-align: left;
}

table.MainTree > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {
  vertical-align: middle;
  text-align: left;
  line-height: 20px;
  padding-bottom: 5px;
}

.xb {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 1em;
  color: #7e4f8d;
  vertical-align: middle;
  text-align: left;
  padding: 3px 0 5px 0;
}

.root_node {
  background-color: #D6D6D6;
  vertical-align: middle;
  text-align: left;
}

.top_leaf {
  vertical-align: middle;
  width: 800px;
  text-align: left;
}

/*
 * @license
 * Copyright (C) PROTEI protei.com
 */
/* style.css */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  min-width: 1250px;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, Arial, Helvetica Neue, sans-serif;
  color: #333333;
  font-weight: normal;
  font-size: 12px;
  min-height: 100%;
}

a {
  text-decoration: none;
  color: #333333;
}

a:link, a:visited, a:focus, a:hover, a:active {
  text-decoration: none;
}

img {
  border: none;
}

.hide {
  display: none;
}

h4, h5, h6 {
  text-decoration: none;
  font-weight: normal;
}

table {
  border: 0;
  border-collapse: collapse;
}

tr {
  height: 25px;
}
tr .disabled {
  background-color: #cccccc;
}

td, th, tr {
  border-color: #999999;
  text-align: center;
  padding: 2px 3px;
}

th {
  padding: 2px 3px;
}

select {
  background: white;
  height: 28px;
  padding: 2px 5px 2px 2px;
  /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
}

input {
  height: 28px;
  padding: 2px 5px;
}

select, input, textarea {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: #999999 1px solid;
  background: white;
  color: #333333;
}

select:focus, input:focus, textarea:focus {
  border: 1px solid #993399;
}

textarea {
  font-family: Verdana, Arial, Helvetica Neue, sans-serif;
  font-size: 1em;
  padding: 2px 5px;
  word-break: normal;
  white-space: normal;
  min-height: 70px;
}

span {
  border-radius: 0 !important;
  color: #333333;
}

H1 {
  font-size: 18px;
  text-transform: uppercase;
  color: #993399;
  padding: 0;
  margin: 0;
}

H1 .only_h1 {
  padding-left: 220px;
}

.header-uppercase {
  text-transform: uppercase;
  font-size: 1.2em;
}

.padding-tl-10 {
  padding-top: 10px;
  padding-left: 10px;
}

#header {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

.line {
  background-color: #993399;
  width: 100%;
}

.color_line {
  background-color: #993399;
  width: 100%;
  height: 3px;
  border: none;
}

UL {
  list-style: circle;
  list-style-position: outside;
  color: #333333;
}

.user {
  color: white;
  text-align: right;
}

/*================ style for forms ===========*/
.select_nums {
  width: 50px;
}

.select_days {
  width: 50px;
}

.select_timezone {
  width: 100px;
}

.select_telnums {
  width: 100px;
}

.select_listnums {
  width: 150px;
}

.service.input_telnums, .service.select_listnums {
  width: 80%;
}

/*Main block*/
/*============== style for links =================*/
a:link {
  text-decoration: underline;
  color: #666666;
}

a:visited {
  text-decoration: underline;
  color: #666666;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
  color: #666666;
}

a.close:link {
  text-decoration: none;
  color: #333333;
}

a.close:visited {
  text-decoration: none;
  color: #333333;
}

a.close:hover {
  color: #333333;
  text-decoration: none;
  background-color: #7e4f8d;
}

a.close:active {
  text-decoration: none;
  color: #333333;
}

/*--------------------------root-----------------*/
.wrapper {
  display: table;
  width: 100%;
  padding: 0 5%;
  height: 100%;
}

#root {
  display: table-row;
  height: 100%;
}

@media (max-width: 1600px) {
  .wrapper {
    width: 100%;
    padding: 0 2%;
  }
}
@media (max-width: 1400px) {
  .wrapper {
    width: 100%;
    padding: 0 1%;
  }
}
#auth {
  position: fixed;
  top: 30%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: 300px;
  padding: 0 30px;
  background-color: #eeeeee;
  border: 1px solid #999999;
}
#auth div.logo {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -115%);
  margin: 0 auto;
}
#auth p {
  padding: 15px 0 10px 0;
  line-height: 18px;
  font-size: 1.2em;
  text-align: center;
}
#auth p span {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
}
#auth p small {
  font-size: 0.8em;
  color: gray;
}
#auth .auth_field {
  display: block;
  margin: 20px auto;
}
#auth .auth_field select {
  width: 100%;
  background: white;
}
#auth .auth_field input[type="text"], #auth .auth_field input[type="password"] {
  width: 100%;
  padding-right: 0\9;
  background: white;
}
#auth .auth_field i {
  position: absolute;
  right: 35px;
  padding-top: 7px;
  font-size: 1.1em;
}
#auth .auth_field input.check_box {
  position: relative;
}
#auth .auth_field a.forget {
  text-decoration: none;
  font-size: 0.95em;
}
#auth .auth_field .auth_checkbox {
  float: left;
  position: relative;
  bottom: 5px;
}
#auth .auth_field .checkbox_text {
  float: left;
  padding-left: 5px;
}
#auth .auth_field .reminder {
  float: right;
}
#auth .auth_btn {
  background-color: #993399;
  color: white !important;
  font-weight: bold;
  text-align: center;
  padding: 10px 30px;
  width: 100%;
  border: none;
}
#auth .auth_btn:hover {
  cursor: pointer;
  text-decoration: none !important;
}
#auth .auth_btn:disabled {
  cursor: default;
  background-color: #999999;
}

@media (max-height: 700px) {
  #auth {
    min-height: 90%;
    margin: 100px auto;
  }
}
.half-opacity {
  opacity: 0.5;
}

/*--------------------end of root---------------*/
/*--------------------------top-----------------*/
#top {
  width: 100%;
  height: 45px;
  margin: 5px 0 15px 0;
  padding: 10px 10px 10px 0;
}

#head_logo {
  float: left;
  clear: left;
  height: 45px;
  padding: 0 10px 0 0;
}

#title {
  text-align: left;
  padding: 10px 0 0 0;
  color: #333333;
}
#title a {
  color: #7e4f8d;
  text-decoration: none;
}

#title {
  font-size: 2.0em;
  font-variant: all-small-caps;
}

/*---------------------end of top---------------*/
/*---------------------top_menu-----------------*/
#top_menu {
  display: table;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #999999;
  font-size: 1em !important;
}

#left_menu {
  display: flex;
  align-items: center;
  height: 100%;
  color: white;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90vw;
}
@media (max-width: 1900px) {
  #left_menu#left_menu {
    max-width: 96vw;
  }
}
@media (max-width: 1600px) {
  #left_menu#left_menu {
    max-width: 98vw;
  }
}
#left_menu a {
  text-decoration: none;
  color: #333333;
  padding-right: 15px;
  font-weight: bold;
}
#left_menu a:hover {
  color: #7e4f8d;
  /*#F60*/
}
#left_menu .tx_menu_btn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#left_menu .tx_menu_btn:hover {
  color: #7e4f8d;
  text-decoration: none;
}
#left_menu #message_menu {
  white-space: nowrap;
  display: flex;
  height: 100%;
  align-items: center;
}

#right_menu {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  color: white;
}
#right_menu h5 {
  color: white;
}
#right_menu .tx_menu_btn {
  color: white;
}
#right_menu .tx_menu_btn:hover {
  color: #7e4f8d;
  text-decoration: none;
}
#right_menu a {
  text-decoration: none;
  font-weight: bold;
}
#right_menu a:hover {
  color: #7e4f8d;
}

#account {
  width: 100%;
  height: 20px;
  text-align: left;
  margin-top: 5px;
  font-size: 1em;
  /*  span.black {
      padding-left: 29px;
    }

    span.black_dis {
      padding-left: 29px;
      background-color: $bg_mid; !*#7689BB*!
      color: white;
    }*/
}
#account h5 {
  padding-left: 3px;
  color: #993399;
  padding-bottom: 5px;
}
#account span.anum {
  color: #993399;
  font-weight: bold;
}
#account a {
  text-decoration: underline;
  color: #7e4f8d;
}
#account a:hover {
  color: #7e4f8d;
}
#account img {
  height: 3px;
  margin-top: 6px;
}

.black_dis {
  padding-left: 29px;
  background-color: #999999;
  color: white;
}

.blist_change {
  border-color: #993399;
  /*  border: 1px solid;*/
  color: #993399;
  background-color: #eeeeee;
}

/*--------------------end of top_menu---------------*/
/*----------------------center_box--------------*/
#center_box {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
#center_box td {
  padding-top: 2px;
  padding-bottom: 1px;
}
#center_box table {
  margin-top: 20px;
  text-align: left;
  width: 100%;
  border: #999999 1px solid;
  border-collapse: collapse;
}
#center_box img.arrow, #center_box img.arrow:hover {
  width: 10px;
  height: 12px;
  cursor: pointer;
}

/*--------------------end of center_box---------------*/
/*------------------------bottom----------------*/
#bottom {
  height: 20px;
  border-top: solid 5px #cccccc;
  text-align: left;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
}
#bottom .support {
  color: #999;
  height: 20px;
}

/*--------------------end of bottom---------------*/
/*------------------------------------styles of main_page--------------------*/
#main_page filter {
  margin: 5px;
  text-align: left;
  margin-left: 0;
}
#main_page filter h5 {
  margin-left: 0;
}
#main_page filter table {
  width: 100%;
  border: 0;
}
#main_page filter td.left_type {
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  width: 200px;
}
#main_page filter td.sort {
  line-height: 28px;
}

.main_table,
#main_page,
#main_table {
  width: 100%;
  margin: 5px auto;
  text-align: left;
}
.main_table h5,
#main_page h5,
#main_table h5 {
  margin-left: 0;
}
.main_table td.left_nav,
#main_page td.left_nav,
#main_table td.left_nav {
  text-align: left;
  line-height: 28px;
}
.main_table td.right_nav,
#main_page td.right_nav,
#main_table td.right_nav {
  text-align: right;
  width: 150px;
  line-height: 28px;
}

/*------------------------------------end main_page------------*/
/*------------------------------------page_3------------*/
#redirection table {
  width: 90%;
}
#redirection .one {
  width: 350px;
}
#redirection .two {
  width: 90px;
}
#redirection button {
  margin-top: 39px;
  margin-left: 1px;
  height: 33px;
}

/*------------------------------------end page_3------------*/
/*------------------------------------page_4------------*/
#add_string {
  margin-top: 15px;
}
#add_string .img_1 {
  width: 100%;
  height: 3px;
}

#black_list {
  margin-top: 13px;
  margin-left: 0;
  float: left;
}
#black_list input {
  height: 18px;
  width: 73px;
}

#result {
  margin-top: 7px;
  margin-left: 5px;
}
#result input {
  height: 18px;
  width: 73px;
}

#end {
  margin-top: 30px;
  margin-bottom: 15px;
  margin-left: 0;
}

ul.one {
  margin-left: 40px;
}

li {
  list-style: circle;
  list-style-position: outside;
}

/*------------------------------------end page_4------------*/
/*----------------------------------page_6--------*/
#tel_num {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
#tel_num h3, #tel_num h5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
#tel_num h5.sel {
  padding-left: 20px;
}

/*----------------------------------end page_6--------*/
/*----------------------------------page_8--------*/
#add_el {
  margin-left: 450px;
  margin-top: 5px;
}

#ok_el {
  float: left;
  margin-right: 10px;
}

/*----------------------------------end page_8--------*/
/*----------------------------------page_10--------*/
#sound {
  float: left;
  background-color: #CCCCCC;
  width: 300px;
  margin-top: 15px;
}
#sound span.line {
  text-decoration: underline;
  background-color: #CCCCCC;
  width: 100%;
}

#inf {
  width: 300px;
  margin-top: 15px;
  float: left;
  background-color: #cccccc;
}
#inf span.line {
  text-decoration: underline;
  background-color: #cccccc;
  width: 100%;
}

#left_table {
  float: left;
  margin-right: 10px;
}

#right_table {
  padding-top: 50px;
  float: right;
}

/*----------------------------------end page_10--------*/
#first {
  float: left;
  margin-right: 10px;
}

#second {
  float: left;
  margin-right: 10px;
}

#date {
  margin-top: 10px;
}

input.inmax {
  width: 50px;
}

#test {
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
}

PRE.comment {
  font-family: Verdana, Arial, Helvetica Neue, sans-serif;
  word-wrap: break-word;
  overflow: auto;
  white-space: pre-wrap;
  width: 220px;
  text-align: left;
}

.notice {
  margin-top: 10px;
  text-align: left;
  font-size: 0.95em;
  /*font-style: italic;*/
  color: #555;
  font-weight: normal;
}

.load_file {
  border: none;
  width: 250px;
}

.audio_table {
  width: 550px !important;
}

.audio_table_header {
  line-height: 25px;
  padding-top: 5px;
}

.half_width {
  width: 50%;
}

.fill_height {
  height: 40px;
}

.msg_width {
  width: 30px;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.float-left {
  float: left;
}

.access-import {
  padding-left: 20px;
}

.no-paddings {
  padding: 0;
}

.mobile_table {
  width: 1200px;
}
.mobile_table #mobile-tr {
  height: 35px;
}

.half-main-table {
  width: 600px;
}

.voice-menu-edit {
  width: 900px;
}

.voice-menu-td {
  line-height: 20px;
  padding-bottom: 10px;
}

.error-message {
  padding-top: 50px;
  font-size: 20px;
}

.holiday-table {
  width: 400px !important;
  margin: 20px !important;
}

.holiday-option {
  text-align: left;
  padding-left: 50px;
  width: 250px;
}

.edit-scenario-column {
  min-width: 120px;
  width: 180px;
}

.edit-scenario-result span {
  font-size: 14px;
  font-weight: bold;
}
.edit-scenario-result span.edit-success {
  color: green;
}
.edit-scenario-result span.edit-failed {
  color: #7e4f8d;
}

.settings-element {
  padding-left: 30px;
}

.not-found {
  color: #7e4f8d;
}

.audio-icons {
  color: green;
}

.export-scenarios {
  color: #333333;
}

.clickable {
  cursor: pointer;
}

/*
 * @license
 * Copyright (C) PROTEI protei.com
 */
/* app.css */
/* buttons */
.web_btn {
  background-color: #993399;
  color: white;
  padding: 10px;
  font-weight: bold;
  width: 170px;
  border: #993399 1px solid;
}

.web_btn_dis, .web_btn:disabled {
  cursor: default;
  background-color: grey;
  padding: 10px;
  width: 170px;
  font-weight: bold;
}

.small_btn {
  min-height: 25px;
  padding: 3px;
  margin: 5px;
  width: 120px;
  color: #7e4f8d;
  font-weight: bold;
  background-color: #cccccc;
  border: solid 1px #999999;
}
.small_btn.disabled {
  cursor: unset;
  color: #999999;
  background-color: #999999;
}

.small_btn:hover {
  border: solid 1px #993399;
}

.clear_btn {
  background-color: white;
  color: #993399;
  padding: 10px;
  font-weight: bold;
  width: 170px;
  border: #993399 1px solid;
}

.web_btn:hover, .small_btn:hover, .clear_btn:hover {
  cursor: pointer;
}

.bot {
  cursor: pointer;
}

.tx_btn {
  color: #7e4f8d;
  font-weight: bold;
}

.tx_btn_act, .tx_btn:hover, .bot:hover {
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
}

.tx_btn_dis, .tx_btn:disabled {
  cursor: default !important;
  text-decoration: none !important;
  color: grey;
}

.close {
  cursor: pointer;
  text-decoration: none;
  color: #7e4f8d;
  font-weight: bold;
  font-variant: small-caps;
}

.close_act, .close:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #7e4f8d;
  font-weight: bold;
  font-variant: small-caps;
}

.add, .add:hover {
  text-decoration: none;
  color: green;
  font-weight: bold;
  font-variant: small-caps;
}

.add:hover {
  cursor: pointer;
}

.on {
  color: #7e4f8d;
}

.off {
  color: #cccccc;
}

.btn-control {
  display: inline-block;
  cursor: pointer;
  color: green;
  font-size: larger;
}

.text-control {
  color: green;
}

.web-btn-control {
  background-color: green;
  color: white;
  padding: 5px 10px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

/* button container */
.buttons {
  float: left;
  clear: left;
  text-align: left;
  width: 100%;
  margin: 20px 0;
}

/* input, select etc... */
.short_input_field {
  width: 100px;
}

.input_field {
  width: 100%;
}

.filter_label {
  min-width: 130px;
}

.filter_button {
  text-align: right !important;
}

.long_input_field {
  width: 400px;
}

@media (max-width: 1600px) {
  .long_input_field {
    width: 350px;
  }
}
.memo_input_field {
  word-break: break-all;
  width: 480px;
  height: 50px;
  padding: 2px 5px;
}

.wrong_value {
  background-color: red;
}

.fill {
  color: #333333;
  background-color: #eeeeee;
  height: 35px;
}

.radio_butt {
  border: 0;
  vertical-align: middle;
  margin: 0 3px 0 0;
  width: 16px;
  height: 20px;
}

.check_box {
  border: 0;
  vertical-align: -6px;
  width: 16px;
  height: 20px;
}

.margin-3 {
  margin: 3px;
}

.margin-0 {
  margin: 0 !important;
}

.check_box:hover, .radio_butt:hover {
  cursor: pointer;
}

.options {
  margin: 7px 0 0 0;
}

table.table_ps {
  border: solid 1px #999999 !important;
  text-align: center !important;
  width: 100% !important;
}
table.table_ps th {
  border-top: solid 1px #999999;
  padding-top: 5px;
}
table.table_ps td.value {
  text-align: center !important;
  font-size: 1.2em;
}

table.progressbar {
  min-width: 600px;
  width: 100%;
  border: solid 1px #999999;
  line-height: 20px;
  font-size: 1.2em;
}
table.progressbar tr {
  height: 5px;
  line-height: 5px;
  background: #cccccc;
}
table.progressbar td {
  padding: 0;
  margin: 0;
}
table.progressbar td.progressbar {
  background: green;
}
table.progressbar td.exceed {
  background: red;
}

/*----------- A.F. 09.11.07 -----------*/
#main_page table {
  margin: 0;
  border-width: 0;
}
#main_page table.main {
  /*        margin-top: 20px;*/
  border-width: 0;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}
#main_page table.data {
  margin-top: 10px;
  border: solid 1px #999999;
  padding: 2px;
  width: 100%;
}
#main_page table.numbers {
  width: 100%;
}
#main_page table.half_main {
  margin-top: 10px;
  margin-bottom: 10px;
  border-width: 0;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  width: 50%;
}
#main_page table.half_data {
  margin-top: 20px;
  border: solid 1px #999999;
  padding: 2px;
  text-align: left;
  width: 100%;
}
#main_page td.left_type {
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}

.left_block, #left_block {
  float: left;
  clear: left;
  margin-right: 1%;
  width: 53%;
  min-width: 500px;
}
.left_block table.main, #left_block table.main {
  margin-top: 5px;
}

.right_block, #right_block {
  float: left;
  margin-left: 1%;
  width: 45%;
  min-width: 450px;
}
.right_block table.main, #right_block table.main {
  margin-top: 5px;
}

#filter {
  margin: 5px 0 10px 0;
}
#filter table.table {
  width: 100%;
  border: 0;
}
#filter td {
  text-align: left;
}
#filter td.sort {
  line-height: 28px;
}
#filter .ok {
  margin-top: 20px;
}
#filter.black-list-filter {
  height: 65px;
  padding: 15px 0 10px 0;
}
#filter .from_datetimepicker, #filter .to_datetimepicker {
  width: 100px;
}

#simple_edit {
  margin-left: 20px;
  margin-top: 20px;
}
#simple_edit table.table {
  border: 0;
}
#simple_edit table.table td.radio {
  width: 0;
  vertical-align: top;
}
#simple_edit td {
  text-align: left;
  height: 25px;
  line-height: 25px;
}
#simple_edit td.center {
  text-align: center;
}
#simple_edit td.button {
  text-align: center;
  padding: 0 10px;
}
#simple_edit h3, #simple_edit h5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.simple_edit {
  margin-left: 20px;
  margin-top: 20px;
}
.simple_edit table.table {
  border: 0;
}
.simple_edit td {
  text-align: left;
  height: 25px;
  line-height: 25px;
}
.simple_edit h3, .simple_edit h5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.simple_edit table.main {
  /*        margin-top: 20px;*/
  border-width: 0;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}
.simple_edit table.data {
  margin-top: 10px;
  border: solid 1px #999999;
  padding: 2px;
  width: 100%;
}
.simple_edit table.data .new_row td {
  border-color: white;
}

.valign-top {
  vertical-align: top;
}

/*----------- SVPN -----------*/
#an_setup table {
  padding: 2px;
  text-align: left;
  border: 0;
}
#an_setup td {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

#svpn {
  /*width: 970px;*/
  width: 98%;
  min-width: 970px;
  margin: 0;
  padding: 0;
}

#svpn_scen_setup {
  float: right;
  margin-top: -36px;
}

#svpn_scen table.svpn_scen {
  min-width: 900px;
  border: 0;
  margin: 0;
  padding: 0;
}
#svpn_scen select.prompt {
  width: 200px;
}
#svpn_scen select.action {
  width: 200px;
}
#svpn_scen td.left {
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
  border: 0;
}
#svpn_scen td.center {
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  border: 0;
}
#svpn_scen .small_comment {
  font-size: 10px;
  color: #666666;
  text-align: left;
}
#svpn_scen td.border {
  border-bottom: #999999 1px solid;
}

/*----------------------scenario_box--------------*/
#scenario_box {
  margin: 0;
  padding: 0;
  min-width: 1200px;
}
#scenario_box table {
  min-width: 200px;
  margin-top: 20px;
  text-align: left;
  border: #999999 1px solid;
  border-collapse: collapse;
}
#scenario_box td {
  padding: 2px 3px;
}
#scenario_box img.arrow {
  width: 10px;
  height: 12px;
  cursor: pointer;
}
#scenario_box .delete_item {
  background-color: #cccccc;
  color: #999999;
}
#scenario_box .test_item {
  background-color: #993399;
  color: white;
}
#scenario_box .test_item .tx_btn_cont, #scenario_box .test_item .scen-time-text, #scenario_box .test_item .num_err {
  color: white !important;
}
#scenario_box .create_change_item {
  border-color: #993399;
  border: 1px solid;
  color: #993399 !important;
  background-color: #cccccc;
}
#scenario_box .simple_item {
  background-color: white;
}
#scenario_box .edit_item {
  border: solid #993399 2px;
  height: 30px;
}

/*------ highlite of CgPN/CdPN/Black/White-------*/
tr.new_row {
  background: #999999;
  color: white;
}

tr.new_row td {
  border-color: white;
}

tr.del_row {
  background: #cccccc;
}

td.chg_cell {
  background: #999999;
  color: white;
  border-color: white;
}

#center_box {
  /*----------- RP -----------*/
}
#center_box table {
  border: 0;
  text-align: left;
  margin-top: 0;
  width: 100%;
}
#center_box td {
  text-align: left;
}
#center_box td.mailbox {
  border: #999999 1px solid;
  padding: 2px;
}

.c {
  text-align: center !important;
}

/* lang */
.img_lang {
  padding: 0;
  margin: 0;
  border: 0;
}

.img_lang:hover {
  cursor: pointer;
}

.flag {
  width: 16px;
  height: 11px;
  background: url(../images/flags.png) no-repeat;
  margin-bottom: -2px;
  display: inline-block;
}

.flag.flag-us {
  background-position: -144px -154px;
}

.flag.flag-ru {
  background-position: -224px -121px;
}

.flag.flag-uz {
  background-position: -176px -154px;
}

/*   icons   */
i.fa, i.fas, i.far {
  font-size: 1.3em;
}

/*   file upload  */
input[type=file] {
  font-family: Verdana, Arial, Helvetica Neue, sans-serif;
  color: #7e4f8d;
  font-weight: normal;
  font-size: 1em;
  padding: 1px 5px;
  border: 0;
}

/*   placeholders   */
input::-webkit-input-placeholder {
  text-overflow: ellipsis;
  font-size: 10px;
  color: #999999;
}

input::-moz-placeholder {
  text-overflow: ellipsis;
  font-size: 10px;
  color: #999999;
}

input:-moz-placeholder {
  text-overflow: ellipsis;
  font-size: 10px;
  color: #999999;
}

input:-ms-input-placeholder {
  text-overflow: ellipsis;
  font-size: 10px;
  color: #999999;
}

/* hide on focus */
input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

.call_counter {
  padding: 1px 5px;
  border: 1px solid #7e4f8d;
  text-align: right;
  color: #7e4f8d;
  font-weight: bold;
}

.wt_sum {
  font-weight: bold;
}

.marked {
  color: #7e4f8d;
}

.num_err {
  color: red;
  font-style: italic;
  font-size: 10px;
}

.locked, .invalid, .limit_exceed {
  color: red;
}

.privilege-entity-container, .privilege-entity-container > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.privilege-entity-container > label {
  width: 80%;
  margin-left: 10px;
  padding-top: 10px;
  border-right: 1px solid #999999;
}

.privilege-entity-container > div {
  width: 19%;
}

.privilege-entity-container > div > span {
  margin: auto;
  text-align: center;
}

.privilege-entity-container > span {
  margin-left: 10px;
  padding-top: 10px;
  width: 100%;
}

ul.privileges {
  padding: 0;
  margin: 0;
}

.privilege-entity-container {
  border-bottom: 1px solid #cccccc;
  height: 31px;
}

.privilege-entity-container.list > label {
  width: 100%;
  border-right: 0;
}

.privilege-entity-container:first-child {
  font-weight: bold;
}

.btn.privilege-btn {
  padding: 0;
  min-width: 30px;
  border-left: 0;
  font-size: 1.3em;
  cursor: pointer;
}

.btn.privilege-btn.btn-down:after,
.btn.privilege-btn.btn-up-hovering:after {
  font-family: "FontAwesome";
  content: "\f00c";
  color: green !important;
}

.btn.privilege-btn.btn-up:after,
.btn.privilege-btn.btn-down-hovering:after {
  font-family: "FontAwesome";
  content: "\f00d";
  color: #999999 !important;
}

.btn.privilege-btn.btn-up-disabled:after,
.btn.privilege-btn.btn-down-disabled:after {
  font-family: "FontAwesome";
  content: "\f068";
  color: #999999 !important;
}

.col-md-3 {
  width: 25%;
}

.col-md-4 {
  width: 33.33333333%;
}

.col-md-7 {
  width: 58.33333333%;
}

.col-md-3,
.col-md-4,
.col-md-7 {
  float: left;
}

.select2-container {
  vertical-align: top;
  text-align: left;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 0;
  padding: 3px 10px;
  font-size: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: white;
  border: none;
  padding: 2px 10px;
  font-size: 1em;
  line-height: 12px;
}

.select2-container .select2-search--inline {
  clear: left;
  border: 1px solid rgba(206, 210, 215, 0.5);
  width: 94%;
  padding: 2%;
  margin: 2%;
  line-height: 15px;
  height: 15px;
}

.select2-container .select2-search--inline .select2-search__field {
  margin: 0;
  height: 20px;
  width: 93% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #7e4f8d;
  font-size: 1.2em;
  border-right: none;
}

/*@media (max-width: 1600px) {
    .select2-container {
        width: 350px !important;
    }
}*/
.p-l-15 {
  padding-left: 15px;
}

.privilege-group {
  background: #cccccc;
}

.slash {
  position: relative;
  display: inline-block;
}

.slash:after {
  content: "\f715";
  position: absolute;
  left: -4px;
  width: 1.8em;
  text-shadow: 2px 4px 1px #fff;
}

.text-red {
  color: red;
}

/*  common call cdr */
.total-call {
  font-weight: bold;
  background: #eeeeee;
}

.top-double-bordered {
  border-top: double 3px #999999;
}

.vert-nobordered {
  border-top: 0;
  border-bottom: 0;
}

.bottom-nobordered {
  border-bottom: 0;
}

.clear-date, .scen-time-text {
  text-align: left;
  display: inline-block;
  width: 15px;
  line-height: 2;
}

.an-counts-table {
  margin-left: 12px;
  font-weight: bold;
}
.an-counts-table .active-type-td {
  font-variant: all-small-caps;
  text-align: right;
}
.an-counts-table td {
  padding: 0 8px 0 8px;
}
.an-counts-table td:last-child {
  border-left: 1px solid white;
}
.an-counts-table tr:last-child {
  border-top: 1px solid white;
}

td .control {
  padding-right: 5px;
}

.ui-tabs {
  padding: 1em .2em;
}

.ui-tabs .ui-widget-header {
  background: none;
  border: none;
  border-bottom: 1px solid #dddddd;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  font-weight: bold;
  cursor: pointer;
  padding: 1em;
  border: 1px solid #993399;
  border-bottom: none;
}

.ui-tabs .ui-tabs-nav {
  display: flex;
  border-bottom: 1px solid #993399;
}

.ui-tabs .ui-tabs-nav li {
  flex: 1;
  display: flex;
  /* If placed in a small width sidebar or something like that disabling nowrap will fix the overflow issue */
  white-space: normal;
  color: #7e4f8d;
}

.ui-tabs .ui-tabs-nav li a {
  flex: 1;
}

.ui-state-active {
  color: #ffffff !important;
}

.tab-body {
  margin-top: 10px;
}

.datepicker-label {
  padding: 0 3px 0 3px;
}

.error-container {
  height: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-tabs-tab-a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #993399;
  background: #993399;
  font-weight: normal;
  color: #ffffff;
}

.add-column, .remove-column {
  width: 40px;
  max-width: 40px;
}

/*
 * @license
 * Copyright (C) PROTEI protei.com
 */
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 0.7rem;
  overflow: hidden;
  font-size: .5rem;
  background-color: #e6e6e6;
  border-radius: .1rem;
  margin-top: 5px;
  margin-bottom: 5px;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: green;
  transition: width .6s ease;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 0.7rem 0.7rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0.7rem 0;
  }

  to {
    background-position: 0 0;
  }
}

/*
 * @license
 * Copyright (C) PROTEI protei.com
 */
.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
.row {
  margin-right: -15px;
  margin-left: -15px;
}
*/
.text-center {
  text-align: center;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }
}
.content {
  min-height: 210px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

.box {
  position: relative;
  background: white;
  border-top: 3px solid #993399;
  margin-bottom: 10px;
  width: 100%;
  border-bottom: 2px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 2px solid #cccccc;
}

.box-header {
  /*background-color: $bg_light;*/
  display: block;
  padding: 10px;
  position: relative;
  height: 40px;
}

.box-header.with-border {
  border-bottom: 1px solid #999999;
}

.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}

.box-body {
  padding: 10px;
}

.box-footer {
  border-top: 1px solid #999999;
  padding: 10px;
  background-color: #cccccc;
}

.separator {
  width: 100%;
  height: 0;
  margin-bottom: 10px;
  background-color: #333333;
  border: none;
}

.box-image {
  width: auto;
  height: 140px;
}

.box-image-fa {
  font-size: 10em !important;
  color: #999999;
  margin-bottom: 12px;
  margin-top: 5px;
  opacity: 0.5;
}

.content-wrapper {
  width: calc(100% - 1px);
}

.widget-stats .stats-icon.stats-icon-lg, .widget.widget-stats .stats-icon.stats-icon-lg {
  font-size: 100px !important;
  width: 166px !important;
}

.widget-stats .stats-title, .widget.widget-stats .stats-title {
  font-size: 1.4em !important;
  color: rgba(255, 255, 255, 0.9) !important;
  /*font-weight: bold;*/
  font-variant: all-small-caps;
}

.widget-stats .small-widget-title, .widget.widget-stats .small-widget-title {
  width: 170px;
}

.widget {
  height: 160px !important;
}

.widget-stats .stats-number, .widget.widget-stats .stats-number {
  font-size: 25px !important;
  margin-bottom: 17px !important;
  margin-top: 10px;
  height: 30px;
  font-weight: unset !important;
}

.stat-img {
  height: 135px;
  margin-top: -10px;
}

.widget.widget-stats .stats-pstorage {
  font-size: 15px !important;
  margin-top: 5px !important;
  margin-bottom: 23px !important;
}

.prompt-widget {
  height: 118px !important;
}

.dashboard-header {
  height: 22px;
}

#top_dashboard {
  /*margin: 0 0 10px -10px;*/
  /*background-color: $bg_light;*/
  padding: 5px 10px 0 0;
}

#right_menu_dashboard {
  float: right;
  margin: 12px -20px 0px 0px;
  text-align: right;
  font-size: 60%;
  color: #7e4f8d;
  font-variant: none;
}
#right_menu_dashboard h5 {
  color: #7e4f8d;
}
#right_menu_dashboard .tx_menu_btn {
  color: #7e4f8d;
}
#right_menu_dashboard .tx_menu_btn:hover {
  color: white;
  text-decoration: none;
}
#right_menu_dashboard a {
  text-decoration: none;
  font-weight: bold;
}
#right_menu_dashboard a:hover {
  color: white;
}

#title {
  text-align: left;
  padding: 10px 0 5px 0;
  font-size: 2.2em;
  color: #333333;
  margin-top: -5px;
}
#title a {
  color: #7e4f8d;
  text-decoration: none;
}

.widget-stats .stats-desc, .widget.widget-stats .stats-desc {
  font-weight: bold;
}

.dashboard-title {
  padding: 7px 0 5px 0 !important;
}