.state{
    font-weight: bold;
}
.arr{
    text-align: center;
    /*display: none;*/
}
.inner-id{
    text-align: center;
    padding: 2em;
    color: green;
    font-weight: bold;
    font-size: 2em;
}
.back-param{
    text-align: left;   
}
.addr-table{
    border-bottom: 1px solid #777;
    border-top: 1px solid #777;
}
.hidden{
    display: none;
}
.shown{
    display: block;
}
#reply-button{
    width: 20%;
    margin: 0 40% 2em 40%;        
}
.mail-body{
    width:100%; 
    height:300px;
}
.gray{
    background-color: #efefef;
    padding: 7px 0;
}
.cc-subj{
    font-weight: bold; 
}
.mail-row{
    border-bottom: 1px #999 solid;
    padding: 7px;
}
.mess-text{
    background-color: #cecece;
    padding: 7px;
    display:none;
    
}
.green{
    color:green;
}
.red{
    color:red;
}
.flex-container {
  display: flex;
  padding: 37px;
}
#dataTables-example_filter{
    display:none;
}
#dataTables-example_info{
    display:none;
}
#dataTables-example_previous{
    display:none;
}
#dataTables-example_paginate{
    display:none;
}
#dataTables-example_length{
    display:none;
}
.get-button{
    width:17%;
    text-align: center;
    border: solid 1px #ebebeb;
    cursor: pointer;
}
.get-button.active{
    background-color: #ebebeb;
    cursor: inherit;
}
.input-copy-wrap{
    padding:21px 7px;
}
.add-cc-wrap{
    border-bottom: #ddd 1px solid;
    border-top: #ddd 1px solid;
    padding-bottom: 7px;
    margin:14px 0;
}
.email-copy{
    width: 100%;
    height:28px;
    margin: 37px 0;
    border:blue 1px solid;
}
.copy-button{
    margin-right: 7px;
    cursor: pointer;
}
.copy-block{
    padding:3px 0;
}
.check_period{
    width: 70%;
}
/*.glyphicon.list-close{
    display: block;
}
.glyphicon.list-open{
    display: none;
}*/
.delete-truck-dialog{
    display: none;
}
.js-save-truck{
    display: none;
}
.truck-form{
    display: none;   
    padding:21px;
}
.truck-late{
    color:red!important;
}
.on-load{
    color:green; 
    font-weight:bold;
}
.left-col-button{
    color:#fff;
    background-color: darkorange;
    border-radius: 3px;
    text-align: center;
    width:70%;
    margin:21px 15%;
    padding:7px;
    cursor:pointer;    
}
.left-col-button:hover{
    color:#cecece;
}
.message-window{
    width: 100%;
    height:377px;
    overflow-y: scroll; 
}
.onemessage{
    margin: 21px 14px;
}
.message-date{
    padding:7px 0 0 7px;
    font-size:12px;
    font-weight: bold;
    color:#337acc;
}
.message-author{
    padding:0 7px;
    margin-bottom:7px;
}
.from-message{
    font-size:12px;
    font-weight: bold;
    color:#337acc;
}
.ms-author{
    font-weight: bold;
}

.ms-text{
    font-size:12px;
    padding: 3px;
    color: green;
}

.js-add-new-truck{
    cursor: pointer;
}
.left-button{
    cursor:pointer;
}
.last-message{
    padding:0 15px; 
    font-size:11px; 
    font-weight:bold
}
.js-create-message{
    /*display: none;*/
}
.li-new-message-form{
    padding:3px; 
}
.message-form-block{
    padding: 4px;
    display: none;
}
.from-wrapper{
    text-align: center;
    margin: 7px;
}
.from-message-input{
    width:90%;
    padding-left: 3px;
}
.message-wrapper{
    text-align: center;
    margin: 7px;
}
.message-text-input{
    width:90%;
    padding-left: 3px;
    height: 77px;
    font-size: 11px;    
}
.info-show{
    cursor: pointer;
    color: #999;
}
.info-show:hover{
    color: #cfcfcf;
}
.info-show.red{
    color: red;
}