body{
  height: 100%;
  overflow-y: hidden !important;
  position: static;
  width: 100%;
  top: 0;
  left: 0;
}
a:active,
a:hover {
  outline: 0;
}
table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
hr{

}
td,
th {
  padding: 0;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
table input{
  margin-bottom: 2px;
  min-height: 21px;
}
button:focus, button:active{
  outline: none;
}
.sidenav-left{
  width: 260px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1000;
}
.sidenav-left md-content{
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100% - 48px);
}
#content{
  height: 100%;
  padding-left: 260px;
}
md-tabs{
  min-height: 100%;
  height: 100%;
}
md-tab{
  height: 100% !important;
  position: relative !important;
}
md-tabs-wrapper{
  position: absolute !important;
  left: 0px !important;
  height: 46px !important;
  right: 0 !important;
  top: 0 !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.5); /* Параметры тени */
}
md-tabs-content-wrapper{
  position: relative !important;
  top: 49px !important;
  height: calc(100% - 49px);
}

md-tab-content {
  position: static;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100%;
}

md-tab-content.md-left {
  display: none;
}

md-tab-content.md-right {
  display: none;
}

md-tab-content.active {
  display: block;
}

md-tab-content>div{
  position: relative;
}

.contents-points{
  font-size: 13px;
  display: inline-block;
  margin-left: 8px;
}

.content-block{
  position: relative;
}
.content-block-title{
  color: #03a9f4;
  display: inline-block;
  margin-bottom: 10px;
}
.content-toolbar{
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px;
}
.content-toolbar .md-button{
  font-size: 12px;
  line-height: 24px;
  min-height: 24px;
  margin-left: 0px;
  min-width: 50px;
  border-radius: 2px;
}


.md-open-menu-container{
  max-height: calc(-40px + 100%); /*TODO media variate */
  overflow-y: auto;
  overflow-x: hidden;

}

.md-scroll-mask {
  z-index: 0 !important;
}

md-menu-item{
  height: 36px;
}

md-menu-item > md-checkbox {
  margin-left: 16px;
}

md-menu-item  .md-button md-icon.menu-icon-right {
  margin-right: 0px;
}


.sidenav-right{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 340px;
  overflow: auto;
}

.sidenav-righted > md-tabs{
  padding-right: 340px !important;
}

.sidenav-righted md-tabs-wrapper{
  padding-right: 340px !important;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: none;
  text-align: left;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
.dark-table-head > th{
  background-color: #dddddd !important;
  border-top-color: #aaaaaa !important;
  border-bottom-color: #aaaaaa !important;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 2px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: none;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
  outline: none;
  cursor: pointer;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

.md-button-left {
  margin-left: 2px;
}

.md-button img {
  margin-bottom: -2px;
  margin-left: 2px;
  margin-right: 2px;
}

.md-success.md-raised {
  background: #379752;
  color: #ffffff;
}

.md-success.md-raised:not([disabled]):hover {
  background-color: rgba(107, 103, 91, 0.96);
  color: white;
}
.md-success.md-raised[disabled] {
  color : rgb(187, 187, 187);
  background: rgba(39, 107, 58, 0.6);
}

.md-tab {
  padding: 12px;
}

.md-tab md-icon{
  padding: 1px;
  color: rgba(255, 255, 255, 0.8);
  height: 16px;
  width: 16px;
  border-radius: 10px;
  border: 1px solid transparent;
  outline: none;
}

.md-tab md-icon:hover{
  color: rgba(255, 255, 255, 1);
  background-color: #ff4081;
  border-color: #973930;
}
.md-tab md-icon:active, .md-tab md-icon:focus{
  outline: none;
}

md-backdrop.md-dialog-backdrop{
  z-index: 1001;
}

.md-dialog-container {
  z-index: 1002;
}

md-dialog{
  max-height: 92%;
  max-width: 80%;
}


md-dialog > form {
  overflow-y: hidden;
}


md-dialog > form .md-label {
  line-height: 1.1;
}

md-dialog > form .md-label span {
  margin-left: 10px;
  margin-right: 0;
  display: block;
}

.md-select-container{
  position: relative;
  padding: 2px 2px 26px 2px;
}

.md-select-container md-radio-button{
  margin: 0px;
  padding: 5px;
}

.md-select-container md-checkbox{
  margin: 0px;
}

.md-select-float-label{
  position: absolute;
  top: 10px;
  left: 4px;
  color: rgba(0,0,0,0.54);
  font-size: 12px;
}

.label{
  color: rgba(0,0,0,0.54);
  margin: 2px 0 8px 4px;
  font-size: 12px;
}

.label.big{
  font-size: 13px;
}

.md-select-container .md-button-toggle{
  display: block;
  width: 100%;
  border-radius: 0;
  margin: 25px 0px 0px 0px;
  padding-left: 4px;
}

.md-datepicker-container{
  position: relative;
  padding: 18px 2px 26px 2px;
}

.md-datepicker-container .md-datepicker-button {
  margin-left: -12px;
  margin-right: 0;
}

.md-datepicker-float-label{
  position: absolute;
  top: 10px;
  left: 4px;
  color: rgba(0,0,0,0.54);
  font-size: 12px;
}


md-select-menu md-content{
  min-width: 200px;
}

md-optgroup label {
  display: block;
  font-size: 14px;
  text-transform: none;
  padding: 16px 8px 5px 8px;
}
md-optgroup md-option {
  padding-left: 24px;
}

md-option .md-text {
  width: auto;
  white-space: nowrap;
  overflow: visible;
  font-size: 16px;
}

.md-sidenav-wide{
  width: 90%;
  max-width: 400px;
  min-width: 304px;
}

md-sidenav.md-locked-open{
  max-width: 260px;
  min-width: 260px;
}

.md-sidenav-left md-content{
  overflow-x: hidden;
}
md-input-container .md-input{
  line-height: 28px;
}

.empty-labeled-button-container{
  padding-top: 8px;
}

.input-img{
  cursor: pointer;
}

md-input-container .md-input[type="date"]{
  line-height: 26px;
}
.md-toolbar-tools md-input-container{
  padding-bottom: 6px;
}
.md-toolbar-tools md-input-container .md-input {
  color: #ffffff;
}

.md-toolbar-tools md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: rgba(255,255,255,0.54);
}
.disabled-dark md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
  color: #404040;
}

.disabled-dark md-input-container .md-select-value {
  color: #404040;
}

.main-title {
  font-size: 0.9em;
  font-weight: 400;
  margin: auto 50px;
  text-align: center;
}

.main-title-wide{
  margin: auto 20px;
  font-size: 1em;
}

.multiSelect{
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.117647);*/
  /*padding-bottom: 5px;*/
  /*font-size: 16px;*/
}
.checkBoxContainer{
  max-width: 320px;
}
.checkboxLayer{
  border-radius: 0 !important;
}
/* item labels */
.multiSelect .multiSelectItem {
  min-width:178px !important;
  white-space: normal !important;
  height: auto;
  padding: 6px;
  font-size: 14px;
  border: none !important;
  outline: none !important;
}

.multiSelect .tickMark{
  font-size: 18px;
  line-height: 14px;
}

.multiSelect .multiSelectItem:hover,
.multiSelect .multiSelectGroup:hover,
.multiSelect .multiSelectFocus{
  background-image: none !important;
  background: #eee;
  color: #444 !important;
  border: none !important;
  outline: none !important;
}

.multiSelect > button:focus{
  border: none !important;
  outline: none !important;
}

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected{
  background-image: none !important;
  border: 1px !important;
}


.multiSelect button{
  border: none  !important;
  background-image: none !important;
  text-align: left;
}

.multiSelect button:hover{
  background: transparent;
  background-image: none !important;
}

.multiSelect button:focus{
  background-color: transparent;
  background-image: none !important;
}

.imagebox-label{
  margin-top: 40px;
  color: rgba(0,0,0,0.26);
  padding-left: 2px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.12);;
}

.datepicker-label{
  color: rgba(0,0,0,0.54);
  padding-left: 2px;
  height: 18px;
  font-size: 14px;
}

spinner img{
  display: inline-block;
  margin-left: 10px;
}

.h100{
  height: 100%;
  overflow-y: auto;
  position: relative;
}

.brdr{
  border-right: 1px solid #ebebeb;
}
.brdl{
  border-left: 1px solid #ebebeb;
}
.tal{
  text-align: left;
}
.tar{
  text-align: right;
}
.tac{
  text-align: center;
}
.ttu{
  text-transform: uppercase;
}
.ttn{
  text-transform: none;
}
.tdu{
  border-bottom: 1px solid;
}
.tdn{
  text-decoration: none;
  border-bottom: none;
}
.tpw{
  white-space: pre-wrap;
}
.big{
  font-size: 1.7em;
  font-weight: 300;
}

.cp{
  cursor: pointer;
}
.fr{
  float: right;
}

.fl{
  float: left;
}

.op30{
  opacity: 0.3;
}

.d-blue{
  color: #245269;
}
.blue{
  color: #03a9f4;
}
.red{
  color: #f43123;
}
.l-grey{
  color: #ccc;
}
.grey{
  color: #aaa;
}
.d-grey{
  color: #888;
}
.bg-grey{
  background-color: #fafafa;
}
.bg-white{
  background-color: #ffffff;
}
.bd-grey{
  border: 1px solid #ddd;
}

.va-middle{
  vertical-align: middle;
}


.fr-view table td, .fr-view table th {
  padding: 10px;
}

.fr-box > div:not(.fr-toolbar){
  display: none;
}

.fr-box > div.fr-wrapper {
  display: block !important;
}

.fr-box > div.fr-insert-helper {
  display: block !important;
}


.fr-toolbar{
  border-top-color: #3F51B5;
}

.image-preview-button {
  cursor: pointer;
  display: block;
  margin-left: 2px;
}


label.warn {
    color: rgb(244, 67, 54) !important;
}


.inline-radio label {
  display: block;
  font-size: 16px;
  padding-left: 5px;
}

.inline-radio md-radio-button {
  display: inline-block;
}

.logo {
  position: absolute;
  top: 10px;
  left: 5px;
}

textarea.warn{
  color: red;
}

.md-select-value {
  padding-bottom: 3px;
}
.phone-history{
  max-width: 500px;
}
.phone-history-label{
  font-size: 0.8em;
  color: #909090;
}

.render-log{
  max-width: 600px;
  font-size: 0.9em;
  white-space: pre-wrap;
}