.ant-tabs-card {
  width: 100%;
}
div.csi_inner_asset,
div.csi_outer_asset {
    margin: 0;
    padding: 0px;
}

/*div.csi_inner_asset {
    background-color: #d5e9aa;
}*/

div.csi_outer_asset {
    background-color: #87E1CC;
}

.assetCardTable_tr{
    border: 1px solid #C3C9D4;
    border-bottom: 3px solid gray;
    /*background-color: #F5F6FA; #F5F6FA;*/
    /*box-shadow: 0px 3px 0px 0px #6f9818;*/
}

/*.assetCardTable_tr>div:first-child {
    box-shadow: 2px 0px 0px 0px #6f9818;
}*/

.assetCardTable_tr.hidden{
    display: none;
}
.assetCardTable_tr.hidden.active{
    /*display: table-row;*/
    display: block;
}
.assetCardTable_td{
    /*box-shadow: 0 0 3px 0px gray;*/
    /*display: table-cell; */
    border: none;    
}
.assetCardTable_th{
    /*display: table-cell;*/
}

.csi_field_div,
.csi_value_div{
    margin: 0;
    padding: 4px 0 4px 16px;
    font-size: initial;
    word-wrap: break-word;
}
.csi_value_div{
    /*border-left: 3px solid gray;*/
    /*box-shadow: inset 2px 0px 0px 0px gray;*/
    margin-left: -1px;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: gray;
/*    word-break: break-word;*/
}

.csi_value_div p{
    margin-bottom: 0.2rem;
}

.csi_field_div{
    margin-right: -1px;
    border-right-color: gray;
    border-right-width: 2px;
    border-right-style: solid;

/*    word-break: break-word;*/
/*    box-shadow: 3px 0px 0px 0px #6f9818;*/
/*    box-shadow: 0px 0px 2px 0px gray;*/
}

.csi_wrapper_content{
    background: transparent;
}

h1{
    text-align: center;
}

.csi_asset_properties_panel{
    width: 400px;
    vertical-align: top;
    padding: 0 17px 0 0;
}

.properties_panel_wrapper li.ant-list-item{
    background-color: #F5F6FA;
    /*border: 1px solid #DFD4EC;*/
}
.properties_panel_wrapper li.ant-list-item {
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 4px;
    padding: 4px 0px 4px 1rem;
}

.properties_panel_wrapper ul.ant-list-items {
    margin-bottom: 10px;
}
.properties_panel_wrapper li.ant-list-item:last-child {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d9d9d9;
}

.csi_asset_link_div {
    background-color: #E4E7F2;
    padding: 17px;
    font-size: 18px;
}
.csi_asset_link_div span {
    color: #433250;
    line-height: 34px;
}

.csi_asset_link_div a {
    position: relative;
    display: block;
    outline: none;
    color: #fff;
    text-decoration: none;
    /* text-transform: uppercase; */
    /*letter-spacing: 1px;*/
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}
/*.csi_asset_link_div a,
.csi_asset_link_div a:after,
.csi_asset_link_div a::before,
.csi_asset_link_div a span,
.csi_asset_link_div a span:after,
.csi_asset_link_div a span::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
.csi_asset_link_div a span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #002061;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.csi_asset_link_div a span {
    position: relative;
    display: block;
    padding: 0 14px;
    background: #003399;
    color: #FFF;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.csi_asset_link_div a:hover span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

.properties_panel_inner {
    padding: 0;
}

.csi_property_line {
    border-top: 1px solid #DFD4EC;
    padding: 17px;
}

.csi_cat_title {
    color: #433250;
    /*min-width: 30%;*/
    display: inline-block;
    font-size: 18px;
}

.csi_asset_viewport{
    /* height: inherit; */
    /* overflow-y: auto; */
    /* margin: 0 400px 0 0; */
    /*background-color: #F5F0F8;*/
    background-color: transparent;
}

.csi_asset_properties_panel ul{
    list-style: none;
}
    
.csi_asset_properties_panel ul li{
    line-height: 26px;
}

.csi_asset_properties_panel ul li.nested{
    background: url("/ui/images/plus.png") no-repeat 0 0;
    padding: 0 0 0 23px;
}
.csi_asset_properties_panel ul li.nested.active{
    background: url("/ui/images/minus.png") no-repeat 0 0;
}

.csi_asset_properties_panel ul li>ul{
    display: none;
}
.csi_asset_properties_panel ul li.active>ul{
    display: block;
}

.csi_asset_properties_panel ul li span{
    /*background-color: #fff;*/
    color: #000;
    /*padding: 2px 12px;*/
    /*box-shadow: 1px 1px 1px 0px #777;*/
    cursor: pointer;
    /*border-radius: 2px;*/
}
    
.csi_asset_properties_panel ul li span.active{
    /*background-color: #70F0E6;*/
    color: #003399;
    /*#BFBFBF;*/
}

.asset_top_view {
    height: 535px;
}

.asset_bottom_view {
    background-color: #fff;
    margin: 17px 0 0 0;
    padding: 17px 0 0 0;
}

.assetCardTableWrapper {
    padding: 17px 28px;
    background-color: #fff;
    margin: 0 17px;
}

.asset_comments_block {
    margin: 17px 0;
    background-color: #F5F6FA;
    border: 1px solid #C3C9D4;
}

.asset_comments_block,
.asset_graph_block,
.asset_history_block {
    margin: 17px 0;
    background-color: #F5F6FA;
    border: 1px solid #C3C9D4;
    padding: 0 0 17px 0;
}

.block_title {
    text-transform: uppercase;
    font-size: 18px;
    padding: 17px 0 0 50px;
}

ul.asset_comments {
    list-style: none;
    /*margin: 0 0 0 120px;*/
}

ul.asset_comments li {
    margin: 0 0 12px 0;
    padding: 0 17px 0 8px;
    border-radius: 4px;
    border-left: 8px solid #6f9818;
    font-size: 14px;
    line-height: 18px;
}

/*.asset_history_block {
    background-color: #c6f0f2;
    margin: 17px;
    padding: 17px;
}*/

/*.asset_graph_block {
    background-color: #c6f0f2;
    margin: 17px;
    padding: 17px;
}*/

.csi_classifier_title {
/*    background-color: #fff;
    padding: 2px 17px;
    border: 1px solid #30d5c8;
    line-height: 32px;
    color: #054950;*/
    color: #433250;
    font-size: 18px;
}

.csi_tag {
    background-color: #fff;
    padding: 2px 10px;
    border: 2px solid #C3C9D4;
    line-height: 42px;
    color: #4B4A4A;
    border-radius: 5px;
    /* box-shadow: 2px 2px 3px 0px #555; */
    margin: 0 10px 0 0;
    cursor: pointer;
    font-size: 14px;
}
.csi_tag:hover {
    background-color: #6f9818;
    border: 2px solid #000;
    color: #fff;
}

ul.csi_asset_card_tools {
    padding: 0 0 0 17px;
}
ul.csi_asset_card_tools:after {
    clear: left;
}
ul.csi_asset_card_tools li{
    float: left;
    cursor: pointer;
    padding: 0 12px;
    border: 1px solid #49BDC1;
}
ul.csi_asset_card_tools li.active{
    background-color: #30d5c8;
}

a.fields_spoiler:link,
a.fields_spoiler:visited,
a.fields_spoiler:hover,
a.fields_spoiler:active {
    text-decoration: none;
    color: #6f9818;
    display: block;
    text-align: right;
    margin: 0 0 10px 0;
    font-size: 12px;
}

.asset_title, .asset_title_buttons {
    font-size: 36px;
    text-align: center;
}

@media(max-width: 4096px){
  .asset_title, .asset_title_buttons {
    line-height: 46px;
    padding: 8px 0;
  }
  .assetCardTable, .asset_title {
    padding: 0 1rem 0 1rem;
    min-width: 535px;
  }
  .properties_panel_wrapper, .asset_title_buttons {
    min-width: 275px;
  }
}

@media(max-width: 852px){ /*800+20скрол+32виджет*/
  .asset_title, .asset_title_buttons {
    line-height: 23px;
    padding: 4px 0;
  }
  .assetCardTable, .asset_title {
    padding: 0 0 0 0;
    min-width: 100%;
  }
  .properties_panel_wrapper, .asset_title_buttons {
    min-width: 100%;
  }
}