body{ background: url(img/main-back.png) repeat #fafcfe; }
body.top-bar{ padding-top: 57px; }

.wrap-app{ padding: 20px; }

.btn-simple{ background: #1e5799; color: #fff; border-radius: 20px; }

.box-item{   -webkit-box-shadow: 0 2px 2px -2px #cccccc;
    -moz-box-shadow: 0 2px 2px -2px #cccccc;
    box-shadow: 0 2px 2px -2px #cccccc;
    background: #fbfbfb;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px; }
  .box-item .header-box{    background: #eaeaea;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #eaeaea));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #eaeaea);
    background-image: -moz-linear-gradient(top, #fdfdfd, #eaeaea);
    background-image: -o-linear-gradient(top, #fdfdfd, #eaeaea);
    background-image: linear-gradient(top, #fdfdfd, #eaeaea);
    text-shadow: 0 1px white;
    border-bottom: 1px solid #CDCDCD;
    color: #636363; height: 35px;
    font-weight: 600;  }
.box-item .header-box .title{     float: left;
    display: block;
    padding: 7px 10px;
    font-size: 13px;
    font-weight: 600; }
 .box-item .header-box   .options-right{ float: right; padding: 7px 10px; }
  .box-item .header-box .options-right select,
   .box-item .header-box .options-right input{
   	height: 25px; line-height: 25px; margin-bottom: 0; margin-left: 7px;
   }
.box-item .header-box:before, .box-item .header-box:after{
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}    
.box-item .body-box{  padding: 5px 15px; }

.box-item legend{ font-size: 17px;   color: #5f5f5f; }
.box-item table.beutif td{ padding: 13px 7px; }

.box-item .form-horizontal .control-label{ width: 95px; }
.box-item .form-horizontal .controls{ margin-left: 100px; }



.btn.multiselect{     background: #fff; border: 1px solid #cccccc; min-width: 170px;}

.bar-title-page{      

	box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
      
    z-index: 10;

}
.bar-title-page .inner-bar{ position: relative; padding: 12px 20px 11px;
 height: 52px;
    box-sizing: border-box;
    color: #333333;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top, #ffffff, #ededed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ededed));
    background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
    background-image: -o-linear-gradient(top, #ffffff, #ededed);
    background-image: linear-gradient(to bottom, #ffffff, #ededed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0);
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 2px #FFF;
    z-index: 1;
 }
.bar-title-page h2{       margin: 0;
    font-size: 17px;
    font-weight: 100;
    color: #5f5f5f;
    line-height: 100%; }
.bar-title-page h2 small{ display: block;  font-size: 13px;  text-transform: none;     margin-top: 3px; }
.bar-title-page .toogle-menu{ position: absolute; transition: transform .6s ease;    transform: translateY(-100%); box-sizing: border-box; color: #b5b5b5; top: 100%; left: 0; width: 100%; background: rgba(9, 20, 31, 0.87); padding: 10px;  }
.bar-title-page .toogle-menu.x-active{ transform: translateY(0); }
.bar-title-page .toogle-menu input, .bar-title-page .toogle-menu select{ margin-bottom: 0; }

/* Large desktops and laptops */
@media (min-width: 1370px) {
  .row-desktop > [class^="span"],  .row-desktop  [class*=" span"]{ float: none; margin: 0; width: 100%; }
}
@media (max-width: 1369px) {
.row-modules .panels-mod,
.row-modules .graph-mod{ float: none; width: 100%; margin: 0;  }


.pannels-searchs{ border: 1px solid #e6e6e6;  background: rgba(255, 255, 255, 0.62); margin-bottom: 20px; }
.pannels-searchs .box-item{ border: 0; background: none; margin: 0; }
.pannels-searchs .form-horizontal .control-group{ display: inline-block; }

}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
 
}

/* Portrait phones and smaller */
@media (max-width: 480px) {


}




.MessageError{
    background-color: #BC1010;
    padding: 5px 5px;
    border-radius: 4px;
    color: white;
    margin-top: 6px;
    position: absolute;
    z-index: 99999;
    /*
    background-color: #BC1010;
    padding: 5px 5px;
    border-radius: 4px;
    color: white;
    margin-top: 0px;
    margin-left: 10px;
    position: absolute;
    z-index: 99999;*/
}

.MessageError:before {
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid #BC1010;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    left: 0px;
    position: absolute;
    top: -14px;
    z-index: 99999;
/*
    content: '';
    border-top: 19px solid transparent;
    border-bottom: 8px solid #BC1010;
    border-right: 0px solid transparent;
    border-left: 9px solid transparent;
    left: -9px;
    position: absolute;
    top: -16px;
    z-index: 99999;*/
}