.contactList {
	height:400px;
	overflow:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.contactList .block {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: left .5s cubic-bezier(0.250,0.460,0.450,0.940),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    transition: left .5s cubic-bezier(0.250,0.460,0.450,0.940),width .4s ease,padding .4s ease,box-shadow .4s ease,margin .4s ease,border .4s ease;
    background-color: #fcfcfc;
    border: 1px solid #d8d8d8;
    border-bottom-width: 2px;
    left: 0;
    padding: 20px;
    position: relative;
    z-index: 2;
    width:200px;
    float:left;
    margin-left:0px;
    margin-top:10px;
    margin-right: 10px;
    margin-bottom: 0px;
}
.contactList .block .contact_name {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    overflow: hidden;
}

#wrap #title-bar{
	  height: 130px;
	 background-color: #ffffff;
}
#wrap #title-bar .function {
  background-color: #e3eaf0 !important;
  height: 41px ;
  position:static !important;
  padding:3px 0 0 15px;
  border-bottom:1px solid #1ea2f2 !important;
}
  #wrap #title-bar .profile {
  	  height: 60px ;
  	  text-align:right;
  }
#wrap #title-bar .profile .profile-btn {
  display: inline-block;
  cursor: pointer;
  background-color: #1293e1;
  text-align:center;
  vertical-align:top;
  height:50px;
}
  #wrap #title-bar .profile .profile-btnForAlarm {
  background-color: #fff;
}
#wrap #title-bar .profile .profile-btn .profile-name ,#wrap #title-bar .profile .profile-btn .profile-img{
	  display: inline-block;
	  margin-top:5px;
}
#wrap #title-bar .profile .profile-btn .profile-name .ng-binding{
	padding-left:5px;
}
#wrap #title-bar .profile .profile-img div{
	overflow:inherit !important;
}
#wrap #title-bar .profile .profile-list{
	list-style-type:none;
	margin: 0;
	padding:0;
}
#wrap #title-bar .profile .profile-list .menu-list{
	height:30px;
	text-align:center;
}
#wrap #title-bar .profile .profile-list .menu-list a{
	color:#ffffff;
}
 #wrap #title-bar .function .function-btn {
  padding: 0 10px;
  line-height: 30px;
  border-top:5px solid #9aa1aa;
  border-left:1px solid #9aa1aa;
  border-right:1px solid #9aa1aa;
  
  text-align: center;
  background-color: #ffffff;
  margin-top:1px;
} 
#wrap #title-bar .function  .active ,#wrap #title-bar .function .function-btn:hover {
  border-top:5px solid #1293e1;
  border-left:1px solid #1293e1;
  border-right:1px solid #1293e1;
  border-bottom:2px solid #ffffff;
  line-height: 31px;
}

#wrap .menu-collapse-button  > .circular-border{
  background-color: #1293e1 !important;
  border:none !important;
}
#wrap .menu-collapse-button  > .circular-border > i{
	color:#ffffff  !important;
}

#wrap  .btn-default {
	background-color: #1293e1;
}
#wrap  .btn-default > i ,#wrap  .btn-default > span{
	background-color: #1293e1;
	color:#ffffff;
	font-size:13px;
	font-weight:100;
}

#warp #menu{
	background-color: #b8bcc3;
}
#warp #menu .logo-box{
	border-bottom:4px solid #474a4e;
	padding:5px;
	background-color: #d3d5dc;
}
#warp #menu .logo-box img{
	height:50px;
	width:200px;
}

#menu .log-blank{
	height:40px;
   position:fixed;
   top:60px;
   left:0;
	width:200px;
}

#wrap #menu .menu-box {
	margin-top:100px;
}
#wrap #menu .menu-box .menu-btn > .list-name {
	width: 200px !important;
	font-size:17px;
}
#wrap #menu .menu-box .menu-btn > .list-name:hover{
		background-color: #1293e1 !important;
}
.subTaskError {
	background-color: red;
	color: white;
}

.footer {
	color: #2fa4e7;
	font-weight: bold;
}


div#content div#main div.data-header {
	display: none;
}

/* main page */
div#content div#main div.data-box {
	background-color: #f2f4fb !important;
	border-top: none !important;
}

#wrap footer {
	border-top:none !important;
}
 footer {
	line-height: 30px;
	background-color: #f2f4fb !important;
} 
 form input {
	background-color: #FFFFFF !important;
}
 
#wrap #menu .menu-box, #menu .menu-box .open {
	background-color: #1293e1 !important;
}

#menu .menu-box [class*="icon-"], #menu .menu-box a.list-name, #menu .menu-box .list-open ul li a,#menu .menu-box .list-open ul li a.active,
	#menu .menu-box .list-open ul li a.active>i {
	color: #ffffff !important;
}
#wrap #menu .menu-box [class*="icon-"] {
	margin: 2px 7px !important;
}
#menu .menu-box .list-open ul li a {
	    transition:none !important;
}
#menu .menu-box .list-open ul li a.active {
	background-color:#5ab4eb;
	border-color:#5ab4eb;
	padding-left:40px;
	margin:0 -20px;
}
#menu .menu-box .list-open ul li a.active>i {
	margin-top:-5px !important;
	left:135px !important;
}
#wrap #menu .menu-box a.list-name .resize-icon {
	float: none;
	position: absolute;
	right: 10px;
}


#wrap .table>thead>tr>th, #wrap .table>tbody>tr>th, #wrap .table>tfoot>tr>th,
	#wrap .table>thead>tr>td, #wrap .table>tbody>tr>td, #wrap .table>tfoot>tr>td
	{
	padding: 0 8px;
	height: 32px !important;
	border: 1px solid #BEBBBB !important;
}

#wrap .table-bordered {
	border: 1px solid #cecfd4 !important;
}


#wrap .data-box .data-header {
	background-color: #f2f4fb !important;
}

#wrap #menu .menu-box a.list-name {
	line-height: 35px !important;
}

#wrap #menu .menu-box  .list-open >a:hover{
	background-color: #1293e1 !important;
}
#wrap #menu .menu-box .list-open ul li a.active:hover {
	margin:0 -20px;
}
#wrap #menu .menu-box .list-open ul{
	margin-left:0;
}
#wrap #menu .menu-box .list-open ul li a span {
	 padding-left: 30px; 
}
#wrap #menu .menu-box .list-open ul li a.active  span {
	 padding-left: 50px; 
}
#wrap #menu .menu-box .list-open ul li {
	line-height: 24px !important;
	border:1px solid #0f76b4;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
}
#wrap .data-box .paging-info {
	padding-left: 10px;
	padding-top: 3px;
}

#wrap .btnBar {
	margin-bottom: 0;
	margin-top: 0;
}

.btn-primary,.modal-footer .btn-primary {
	background-color:#1293e1;
}

.fixedHeader {
	padding-top: 3px !important;
	height: 33px !important;
	border-top: 1px solid #cecfd4 !important;
}
.table th,.fixedHeader{
	background-color: #1293e1 !important;
	color:#ffffff  ;
}


.btn, #wrap .data-box .data-btn .btn, .modal-footer .btn{
    /* border: none; */
	padding: 5px 8px !important;
	border-radius: 3px;
}

#wrap .searchBar .btn-default {
	padding: 4px 9px !important;
	width:50px;
	border:1px solid #cccccc;
}

.glyphicon {
	top: 2px !important;
}
#wrap .btnBar .btn-default {
	padding:5px 8px !important;
}


#wrap .table-responsive .fcl th, #wrap .table-responsive .fcr th {
	height: 33px !important;
	line-height: 23px !important;
}

#wrap .table-responsive {
	border-bottom: none !important;
}


#wrap .table>tbody>tr:nth-child(even)>td {
	background-color: #eaebef;
}

#wrap .table-responsive .fcr {
	overflow-x: auto;
}

#wrap .table>tbody>tr:nth-child(even)>td {
	background-color: #fafafa;
}

div.modal-dialog div.modal-content div.modal-body{
	/* background-color: #edeef2; */
	background-color: #f2f4fb;
}

div.modal-dialog div.modal-content div.modal-body div.data-body{
	background-color: #f2f4fb;
}

div.modal-dialog div.modal-content div.modal-footer{
	background-color: #f2f4fb;
}

div.modal-dialog div.modal-content div.modal-header{
	background-color: #e1e2e8;
}
#wrap .table-striped > tbody > tr:nth-child(odd) > td, #wrap .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #FFFFFF;
}

#wrap .table-striped > thead > tr  > td, #wrap .table-striped > thead > tr > th {
	background-color: #cecfd4;
	text-align:center;
}
#wrap .data-box .paging-info .selection-count {
	color: #7E7E7E !important;
}
#wrap select {
	background-color: #fff;
}
#wrap .data-box .data-body .noInformation {
	top: 33px !important;
}
.noInformation {
	padding: 1px;
}
#wrap #content {
	padding-top: 130px !important;
}

#wrap #menu .menu-box {
	margin-bottom: 0px !important;
	width:200px;
}


#wrap #menu .menu-box a:hover {
  color: #ffffff !important;
}
#wrap input[type=checkbox].sky {
	width:auto !important;
}  
input.floating-label {
	z-index: 0;
}
.control-label {
	background-color: #f2f4fb !important;
}

.breadcrumbs-bar{
	padding-left:10px !important;
}
.breadcrumbs-bar a{
	color:#2fa4e7 !important;
}

.btn-warning{
	color:#3d3d3d ! important;
}

ul.fancytree-container{
		background-color: #f2f4fb !important;
}

#wrap #menu .menu-box .menu-btn{
	margin: 0  !important;
}
#wrap #menu .menu-box .menu-btn > ul{
	padding: 0 10px  !important;
}
#wrap #menu .menu-box .menu-btn.menu-line{
	margin-top: -6px  !important;
    padding-top:0 !important;
}

#wrap #title-bar .profile  .profile-btnForAlarm   img{
	margin-top: 5px;
}

 div .col-lg-12 div > .control-group.column1-inline .control-label {
    width: 34% !important;
}

#wrap #title-bar .profile  .profile-btnForAlarm  a img{
	   -webkit-animation-name: 'round'; /*动画名称*/
       -webkit-animation-duration: 2s;/*播放一次所持续时间*/
       -webkit-animation-timing-function: ease;/*动画播放频率*/
       -webkit-animation-iteration-count:3;/*动画播放次涒为无限次*/
	
}
  /*定义方型转化为圆型的动画round*/
        @-webkit-keyframes 'round' {
            from{
             /*   margin-top: 10px; */
               transform:scale(1.5);
	            -ms-transform:scale(1.5);
	            -webkit-transform:scale(1.5);
	            -o-transform:scale(1.5);
	            -moz-transform:scale(1.5);
            }
            10%{
              /*   margin-top: -5px; */
                transform:scale(1);
	            -ms-transform:scale(1);
	            -webkit-transform:scale(1);
	            -o-transform:scale(1);
	            -moz-transform:scale(1);
            }
            30%{
              transform:scale(1.5);
	            -ms-transform:scale(1.5);
	            -webkit-transform:scale(1.5);
	            -o-transform:scale(1.5);
	            -moz-transform:scale(1.5);
            }
            40%{
                   /*   margin-top: 10px; */
              transform:scale(1);
	            -ms-transform:scale(1);
	            -webkit-transform:scale(1);
	            -o-transform:scale(1);
	            -moz-transform:scale(1);
            }
            50%{
            transform:scale(1.5);
	            -ms-transform:scale(1.5);
	            -webkit-transform:scale(1.5);
	            -o-transform:scale(1.5);
	            -moz-transform:scale(1.5);
            }
            70%{
                 /*   margin-top: 10px; */
                transform:scale(1);
	            -ms-transform:scale(1);
	            -webkit-transform:scale(1);
	            -o-transform:scale(1);
	            -moz-transform:scale(1);
            }
            80%{
             transform:scale(1.5);
	            -ms-transform:scale(1.5);
	            -webkit-transform:scale(1.5);
	            -o-transform:scale(1.5);
	            -moz-transform:scale(1.5);
            }
            90%{
                  /*   margin-top: 10px; */
                transform:scale(.8);
	            -ms-transform:scale(.8);
	            -webkit-transform:scale(.8);
	            -o-transform:scale(.8);
	            -moz-transform:scale(.8);
            }
            to {
                   transform:scale(1);
	            -ms-transform:scale(1);
	            -webkit-transform:scale(1);
	            -o-transform:scale(1);
	            -moz-transform:scale(1);
            }