body {
  font-family: Arial, Microsoft YaHei,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif, "微軟正黑體";
  font-size: 13px;
  line-height: 1.42857143;
  color: #3d3d3d;
  background-color: #ffffff;
}

#wrap .data-box .dataTables_perpage label span{
	font-weight:normal !important;
	font-size: 13px !important;
    color: #7E7E7E !important;
}
.dropdown-menu {
	z-index : 1100;
}
#wrap div[id="CNAList018W2"] input[type=checkbox].sky {
    height: 11px;
    min-height: 11px !important;
}
/* Change layout */
#wrap #title-bar{
	  /* height: 130px; */
   background-color: #ffffff;
   padding-left: 0 !important;
}
/* Change layout */
#wrap #title-bar .function {
  background-color: #e3eaf0 !important;
  height: 41px ;
  position:static !important;
  padding:3px 0 0 15px;
  border-bottom:1px solid #1ea2f2 !important;
  display: none;
}
/* Change layout */
  #wrap #title-bar .profile {
  	  /* height: 60px ; */
      text-align:right;
      display: none;
  }
#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;
}

.btn-info {
  color: #ffffff;
  background-color: #3462A9;
  border-color: #3462A9;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #3d76ce;
  border-color: #3d76ce;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #3462A9;
  border-color: #3462A9;
}
 #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 .data-box .data-body div.control-group .controls {
	padding: 0 !important;
	margin-top: 3px;
}
#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 .searchBar .advanced-search {
	background-color: #f2f4fb;
}
#wrap  .btn-default {
	background-color: #3462A9;
	color:#ffffff;
}
#wrap  .btn-default > i ,#wrap  .btn-default > span{
	background-color: #3462A9;
	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:20px;
}
#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;
}
#wrap .horizontalScroll {
	width: 100%;
	overflow-x: auto;
	min-height: 8px;
}


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

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

#wrap footer {
	border-top:none !important;
}
 footer {
	line-height: 30px;
	background-color: #fff !important;
} 
 
#wrap #menu .menu-box, #menu .menu-box .open {
	background-color: #1293e1 !important;
}
#wrap #menu .menu-box .menu-btn .icon-user {
	display: none !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;
}

#main .icon-bell{
	display:none !important;
}
#main .icon-th{
	font-size:20px;
	margin:4px 7px;
}


#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: #fff !important;
}

#wrap #menu .menu-box a.list-name {
	line-height: 35px !important;
	border:1px solid #0f76b4;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	width:180px;
	font-size:12px !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:#3462A9;
}

.modal-footer .btn-primary:hover {
  background: #3d76ce;
}

.fixedHeader {
	padding-top: 3px !important;
	height: 33px !important;
	border-top: 1px solid #cecfd4 !important;
}
.table th,.fixedHeader{
	background-color: #3462A9 !important;
	color:#ffffff  ;
}
table > thead > tr > th .orderByField , .orderByField{
	color:#ffffff   !important;
}


.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.overflowhidden {
	margin-left: 11px;
} */
#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;
}
/* Change layout */
#wrap #content {
  padding: 0;
  padding-top: 59px;
  background-color: #fff !important;
}

/* Change layout */
#wrap #menu{
    display:none !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;
}  
#wrap .floating-label-container {
       background-color: white;
}
#wrap .advanced-search input {
       background-color: white;
}
.control-label {
	background-color: #fff !important;
	border-left: 5px solid #3462A9 !important;
}
/* #wrap .menu-collapse-button {
	display: none !important;
} */
.breadcrumbs-bar{
	padding:15px 10px !important;
	height:49px !important;
	background-color: #f7f7f7 !important;
}
.breadcrumbs-bar a{
	color:#2fa4e7 !important;
	font-size: 14px !important;
}

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

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

#wrap #menu .menu-box [class*="icon-"]:before {
	margin: 0.5em 0em 0em 0em !important;
}
.icon-th:before {
	font-size: 1.6em;
	
}

#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 fieldset .table-responsive{
	height:auto !important;
	/*overflow-y: hidden !important;*/
}

#wrap #title-bar ol.breadcrumbs-bar li a {
  color: #000 !important;
}

#title-bar ol.breadcrumbs-bar li + li:before {
    content: "/" !important;
    background: unset !important;
    width:unset  !important;
    height:unset  !important;
    left: -8px !important;
    top: -1px !important;
    font-size: 16px !important;
    color: rgba(0,0,0,.45) !important;
}


@media (max-width: 1920px) and (max-height: 999px) {
  #wrap .table-responsive {
    max-height: 687px;
    height: 687px;
  }
}
@media (max-width: 1920px) and (max-height: 989px) {
  #wrap .table-responsive {
    max-height: 677px;
    height: 677px;
  }
}
@media (max-width: 1920px) and (max-height: 979px) {
  #wrap .table-responsive {
    max-height: 667px;
    height: 667px;
  }
}
@media (max-width: 1920px) and (max-height: 969px) {
  #wrap .table-responsive {
    max-height: 657px;
    height: 657px;
  }
}
@media (max-width: 1920px) and (max-height: 959px) {
  #wrap .table-responsive {
    max-height: 647px;
    height: 647px;
  }
}
@media (max-width: 1920px) and (max-height: 949px) {
  #wrap .table-responsive {
    max-height: 637px;
    height: 637px;
  }
}
@media (max-width: 1920px) and (max-height: 939px) {
  #wrap .table-responsive {
    max-height: 627px;
    height: 627px;
  }
}
@media (max-width: 1920px) and (max-height: 929px) {
  #wrap .table-responsive {
    max-height: 617px;
    height: 617px;
  }
}
@media (max-width: 1920px) and (max-height: 919px) {
  #wrap .table-responsive {
    max-height: 607px;
    height: 607px;
  }
}
@media (max-width: 1920px) and (max-height: 909px) {
  #wrap .table-responsive {
    max-height: 597px;
    height: 597px;
  }
}
@media (max-width: 1920px) and (max-height: 899px) {
  #wrap .table-responsive {
    max-height: 587px;
    height: 587px;
  }
}
@media (max-width: 1920px) and (max-height: 889px) {
  #wrap .table-responsive {
    max-height: 577px;
    height: 577px;
  }
}
@media (max-width: 1920px) and (max-height: 879px) {
  #wrap .table-responsive {
    max-height: 567px;
    height: 567px;
  }
}
@media (max-width: 1920px) and (max-height: 869px) {
  #wrap .table-responsive {
    max-height: 557px;
    height: 557px;
  }
}
@media (max-width: 1920px) and (max-height: 859px) {
  #wrap .table-responsive {
    max-height: 547px;
    height: 547px;
  }
}
@media (max-width: 1920px) and (max-height: 849px) {
  #wrap .table-responsive {
    max-height: 537px;
    height: 537px;
  }
}
@media (max-width: 1920px) and (max-height: 839px) {
  #wrap .table-responsive {
    max-height: 527px;
    height: 527px;
  }
}
@media (max-width: 1920px) and (max-height: 829px) {
  #wrap .table-responsive {
    max-height: 517px;
    height: 517px;
  }
}
@media (max-width: 1920px) and (max-height: 819px) {
  #wrap .table-responsive {
    max-height: 507px;
    height: 507px;
  }
}
@media (max-width: 1920px) and (max-height: 809px) {
  #wrap .table-responsive {
    max-height: 497px;
    height: 497px;
  }
}
@media (max-width: 1920px) and (max-height: 799px) {
  #wrap .table-responsive {
    max-height: 487px;
    height: 487px;
  }
}
@media (max-width: 1920px) and (max-height: 789px) {
  #wrap .table-responsive {
    max-height: 477px;
    height: 477px;
  }
}
@media (max-width: 1920px) and (max-height: 779px) {
  #wrap .table-responsive {
    max-height: 467px;
    height: 467px;
  }
}
@media (max-width: 1920px) and (max-height: 769px) {
  #wrap .table-responsive {
    max-height: 457px;
    height: 457px;
  }
}
@media (max-width: 1920px) and (max-height: 759px) {
  #wrap .table-responsive {
    max-height: 447px;
    height: 447px;
  }
}
@media (max-width: 1920px) and (max-height: 749px) {
  #wrap .table-responsive {
    max-height: 437px;
    height: 437px;
  }
}
@media (max-width: 1920px) and (max-height: 739px) {
  #wrap .table-responsive {
    max-height: 427px;
    height: 427px;
  }
}
@media (max-width: 1920px) and (max-height: 729px) {
  #wrap .table-responsive {
    max-height: 417px;
    height: 417px;
  }
}
@media (max-width: 1920px) and (max-height: 719px) {
  #wrap .table-responsive {
    max-height: 407px;
    height: 407px;
  }
}
@media (max-width: 1920px) and (max-height: 709px) {
  #wrap .table-responsive {
    max-height: 397px;
    height: 397px;
  }
}
@media (max-width: 1920px) and (max-height: 699px) {
  #wrap .table-responsive {
    max-height: 387px;
    height: 387px;
  }
}
@media (max-width: 1920px) and (max-height: 689px) {
  #wrap .table-responsive {
    max-height: 377px;
    height: 377px;
  }
}
@media (max-width: 1920px) and (max-height: 679px) {
  #wrap .table-responsive {
    max-height: 367px;
    height: 367px;
  }
}
@media (max-width: 1920px) and (max-height: 669px) {
  #wrap .table-responsive {
    max-height: 357px;
    height: 357px;
  }
}
@media (max-width: 1920px) and (max-height: 659px) {
  #wrap .table-responsive {
    max-height: 347px;
    height: 347px;
  }
}
@media (max-width: 1920px) and (max-height: 649px) {
  #wrap .table-responsive {
    max-height: 337px;
    height: 337px;
  }
}
@media (max-width: 1920px) and (max-height: 639px) {
  #wrap .table-responsive {
    max-height: 327px;
    height: 327px;
  }
}
@media (max-width: 1920px) and (max-height: 629px) {
  #wrap .table-responsive {
    max-height: 317px;
    height: 317px;
  }
}
@media (max-width: 1920px) and (max-height: 619px) {
  #wrap .table-responsive {
    max-height: 307px;
    height: 307px;
  }
}
@media (max-width: 1920px) and (max-height: 609px) {
  #wrap .table-responsive {
    max-height: 297px;
    height: 297px;
  }
}
@media (max-width: 1920px) and (max-height: 599px) {
  #wrap .table-responsive {
    max-height: 287px;
    height: 287px;
  }
}
@media (max-width: 1920px) and (max-height: 589px) {
  #wrap .table-responsive {
    max-height: 277px;
    height: 277px;
  }
}
@media (max-width: 1920px) and (max-height: 579px) {
  #wrap .table-responsive {
    max-height: 267px;
    height: 267px;
  }
}
@media (max-width: 1920px) and (max-height: 569px) {
  #wrap .table-responsive {
    max-height: 257px;
    height: 257px;
  }
}
@media (max-width: 1920px) and (max-height: 559px) {
  #wrap .table-responsive {
    max-height: 247px;
    height: 247px;
  }
}
@media (max-width: 1920px) and (max-height: 549px) {
  #wrap .table-responsive {
    max-height: 237px;
    height: 237px;
  }
}
@media (max-width: 1920px) and (max-height: 539px) {
  #wrap .table-responsive {
    max-height: 227px;
    height: 227px;
  }
}
@media (max-width: 1920px) and (max-height: 529px) {
  #wrap .table-responsive {
    max-height: 217px;
    height: 217px;
  }
}
@media (max-width: 1920px) and (max-height: 519px) {
  #wrap .table-responsive {
    max-height: 207px;
    height: 207px;
  }
}
@media (max-width: 1920px) and (max-height: 509px) {
  #wrap .table-responsive {
    max-height: 197px;
    height: 197px;
  }
}
@media (max-width: 1920px) and (max-height: 499px) {
  #wrap .table-responsive {
    max-height: 187px;
    height: 187px;
  }
}
@media (max-width: 1920px) and (max-height: 489px) {
  #wrap .table-responsive {
    max-height: 177px;
    height: 177px;
  }
}
@media (max-width: 1920px) and (max-height: 479px) {
  #wrap .table-responsive {
    max-height: 167px;
    height: 167px;
  }
}
@media (max-width: 1920px) and (max-height: 469px) {
  #wrap .table-responsive {
    max-height: 157px;
    height: 157px;
  }
}
@media (max-width: 1920px) and (max-height: 459px) {
  #wrap .table-responsive {
    max-height: 147px;
    height: 147px;
  }
}
@media (max-width: 1920px) and (max-height: 449px) {
  #wrap .table-responsive {
    max-height: 137px;
    height: 137px;
  }
}
@media (max-width: 1920px) and (max-height: 439px) {
  #wrap .table-responsive {
    max-height: 127px;
    height: 127px;
  }
}
@media (max-width: 1920px) and (max-height: 429px) {
  #wrap .table-responsive {
    max-height: 117px;
    height: 117px;
  }
}
@media (max-width: 1920px) and (max-height: 419px) {
  #wrap .table-responsive {
    max-height: 107px;
    height: 107px;
  }
}
@media (max-width: 1920px) and (max-height: 409px) {
  #wrap .table-responsive {
    max-height: 97px;
    height: 97px;
  }
}
@media (max-width: 1920px) and (max-height: 399px) {
  #wrap .table-responsive {
    max-height: 87px;
    height: 87px;
  }
}
@media (max-width: 1920px) and (max-height: 389px) {
  #wrap .table-responsive {
    max-height: 77px;
    height: 77px;
  }
}

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

  #wrap .tab-content  .table-responsive {
  	display :inherit !important;
  }

.nav  > li > a{
	padding:8px 15px !important;
} 
#wrap #main form fieldset div span div input.ng-valid-y6ddate {
    background-color: white !important;
}

#wrap #main form fieldset div span div input.ng-valid-yyyymm {
    background-color: white !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;/*动画播放次涒为无限次*/
	
}
.numberpicker div {
    float: right;
}

/*定义方型转化为圆型的动画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);
            }
}