/*header*/
#slogo{ margin-right:10px;}

@media screen and (max-width: 767px) {
  #slogo{ margin:8px 15px;}
}

/*因为模板有问题，不要改太多所以这样做*/
.navbar { background:#080808 !important;}
.navbar a{ color:#fff !important;}
.navbar a:hover{ color:#9c9c9c !important;}

body{
    background-image:url('/images/bgblur.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.form-group{  
     margin-bottom: 5px; 
}
.form-group label{
    margin-top:5px;
    font-size:14px;
    font-weight:normal;
}
.form-group li{
    margin:5px 0 10px; 
}
.smallRemark{ font-size:12px; line-height:1.2; margin-top:5px; margin-bottom:5px;}
.line1{ border:1px solid #e6e6e6; margin:20px 0; }
 input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
.popover { width:200px;}

@media print {
    .Noprint {
        visibility: hidden;
        DISPLAY: none;
    }
}

/*invalid color*/
.ng-submitted input.ng-invalid,
.ng-submitted select.ng-invalid,  
.ng-submitted textarea.ng-invalid, 
.ng-submitted .uploadFile.ng-invalid,  
input.ng-dirty.ng-invalid{ color: #a94442;background-color: #f2dede; border-color: #ebccd1;} 
 

 
       

 
/*squared*/
input[type=checkbox] {
	visibility: hidden;
} 
.squared {
	width: 20px;
    height:35px;	 
	position: relative; 
}
.squared label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
    left: 1px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 3px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

    background-color:#676767
	 
}
.squared label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 18px;
	height: 10px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 5px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.squared label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.squared input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
 

/*formData*/
.formData{
     position:fixed; top:0; left:0;padding:10px; width:100%; background-color:#fff; border:1px solid; color:#000; z-index:999; word-break:break-all
}

.uploadFileBox{
    margin:5px 0;
    padding:10px;
    border:1px solid #b2b2b2;      
}

.uploadFileBox .noDrag{
    width:150px; margin:15px 15px 0 0;
    position:relative;
    cursor:pointer;
    float:left; 
}

.uploadFileBox .noDrag img{
    width:100%;
}

.uploadFileBox .uploadFile{ 
    padding:5px;
    display:block; 
}
 
/*.ng-enter,
.ng-leave,
.ng-move {
    -webkit-transition: 1s ease-in all;
    -moz-transition: 1s ease-in all;
    -o-transition: 1s ease-in all;
    transition: 1s ease-in all;
    position: relative;
}

.ng-enter {
    left: -20px;
    opacity: 0;
}

.ng-enter.ng-enter-active {
    left: 0;
    opacity: 1;
}

.ng-leave {
    left: 0;
    opacity: 1;
}

.ng-leave.ng-leave-active {
    left: -20px;
    opacity: 0;
}

.ng-move {
    opacity: 0;
}

.ng-move.ng-move-active {
    opacity: 1;
}*/