.container {display: flex; align-items: flex-start;}


.form-search{width: 100%;height:72px;box-shadow: 0 0 20px 0 #00000017;background-color: #fff;}
.panel-group .panel-default{border-radius: 0;border: none;box-shadow: none;}
.panel-group .panel-default:not(:first-child){margin-top: 30px;}
.panel-group .panel-default .panel-collapse .panel-body{border: 1px solid #ddd;border-top: none;}
.panel-group .panel-default .panel-heading{background: #EDEFF1;}
.panel-group .panel-default .panel-heading .panel-title{display: flex;flex-wrap: wrap;justify-content: space-between;}
.panel-group .panel-default .panel-heading .panel-title p{color: #666;width: 180px;justify-content: space-between;}
.panel-group .panel-default .panel-heading .panel-title a i{color: #666;}
.panel-group .panel-default .panel-heading .panel-title a i:hover{color: #DD2633;}
.form-horizontal .panel-group{margin-top: 60px;}
.green{color: #1bc5bd !important;font-weight: 600 !important;}
.not-approved{color: #666 !important;}
.approved{color: #005aff !important;}
.audit-failed{color: #DD2633 !important;}
.panel-group .panel-default .panel-collapse .panel-body ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.panel-group .panel-default .panel-collapse .panel-body li{width: 250px;line-height: 30px;color: #999;}
.panel-group .panel-default .panel-collapse .panel-body li span{color: #000;}
.panel-group .panel-default .panel-collapse .panel-body p{line-height: 30px;color: #999;}
.panel-group .panel-default .panel-collapse .panel-body p a{color: #4f639a;}
.panel-group .panel-default .panel-collapse .panel-body p a:hover{color: #ae1915;}

.panel-group .panel-default .panel-collapse .panel-body .panel-tips{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.panel-group .panel-default .panel-collapse .panel-body .panel-tips .warning{width:610px; color: #999;cursor: pointer;}
.panel-collapse .panel-body .panel-tips .warning span{color: #ae1915;}
.panel-tips .tooltip{left:360px !important;}

@media screen and (max-width: 786px){
.user-main { margin-top: 0; padding: 24px 20px; box-shadow: 0 0 10px 0 #f1f0f6;width: 100%;}
.panel-group .panel-default .panel-collapse .panel-body p{width: 100%;word-wrap: break-word;
  word-break: break-all;}
  .panel-group .panel-default .panel-heading .panel-title p {line-height: 30px;}

  .panel-group .panel-default .panel-collapse .panel-body .panel-tips .warning{width:auto;}
.panel-tips .tooltip{left:0px !important;}
}
@media screen and (width:1024px){
.user-main {padding:20px;}
.panel-group .panel-default .panel-heading .panel-title p {line-height: 30px;}

.panel-tips .tooltip{left:0px !important;}
.panel-group .panel-default .panel-collapse .panel-body .panel-tips{display: block;}
.panel-group .panel-default .panel-collapse .panel-body .panel-tips .warning{width:auto;}
}



.form-search{display:flex;align-items: center;}
.form-search .btn-group{flex:1;padding:0px 12px;    border-right: 1px solid #ddd;}
.form-search .select {padding: 5px}
.form-search .btn-search{margin-right:22px;width:100px;position:relative;border-radius:55px;}
.form-search .btn-search button{background:#181c32;width:100%;border:0px;color:#fff;border-radius:55px;padding:4px 0px; cursor: pointer;opacity: 0.9;}
.form-search .btn-search button:hover{opacity:1}
.form-search .btn-search .loading{display:none;position:absolute;width:100%;height:100%;z-index:3;left:0px;font-size: 12px;text-align:center;line-height:28px; background:#b2b2b2;color:#fff;border-radius:55px;}
.form-search .select{border:0px;outline: none;}
.form-search input{border:0px;outline: none;width: 100%;}

@media screen and (max-width: 786px){
.form-search{display:block;height:auto;padding:0px 12px 12px 12px}
.form-search .btn-group{width:100%;margin-top:12px;border:0px;padding:0px}
.form-search input,
.form-search .btn-search{width:100%}
.form-search input {text-indent: 8px;}
.form-search .btn-search{margin-top:12px;}
}