﻿body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
.teststyle
{
background:url(../../Content/Img/index/banner2.png) no-repeat 10px 13px;
}
#noteimgs {
 color:#1f86c2;
 text-decoration:underline;
}
.red {
    color:red !important;
    }



.part_checkbox {
line-height: 1;
position: relative;
display: inline-block;
margin: 4px 10px 5px 10px;
}
.part_checkbox>input[type='checkbox']{
position: absolute;
z-index: 99999999;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
opacity: 0;
}
.part_checkbox i {
font-size: 1em !important;
position: relative;
display: inline-block;
box-sizing: initial;
  
margin-right: 2px;
padding: 1px;
text-align: center;
width:22px;

}
.part_checkbox i:before {
content: "\2714";
position: relative;
z-index: 999;
left: 1px;
top:1px;
display: inline-block;
vertical-align: bottom;
color: transparent;
background-color: #fff;
font-size:20px;
width:22px;
   
}
.part_checkbox i:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '\0000';
color: transparent;
border: 1px solid #b9b9b9;
border-radius: 0;
}
.part_checkbox input[type = 'checkbox']:checked + label i {
-webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}


.part_checkbox  input[type = 'checkbox']:checked + label i:before{
color:#fff;
background-color: #1f86c2;
   
}
.part_checkbox input[type = 'checkbox']:checked + label i:after {
border:1px solid #1f86c2;
}
.part_checkbox  input[type = 'checkbox'][disabled]{
cursor: not-allowed;opacity: 0
}
.part_checkbox  input[type = 'checkbox'][disabled] + label {
cursor: not-allowed;opacity: 0.5
}

.colortr {
background:#efefef;
}
.linkcolor {
color:#1f86c2;
text-decoration:underline;
cursor:pointer;
}



.part_radio {
width:18px;
height:18px;
position:relative;
float:left;
margin-left:10px;
margin-top:10px;

}
.part_radio input[type = 'radio'] {
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:2;
    left:5px;
    top:0;
    cursor:pointer;
}
    .part_radio span {
    width:18px;
    height:18px;
   border:1px solid #aaa;
    border-radius:50%;
    display:block;
    cursor:pointer;
    position:relative;
    z-index:1;
    
    }
        .part_radio span i {
        position:absolute;
        left:4px;
        top:4px;
     
       
        transition:0.5s all;
           border-radius:50%;

        }
    .part_radio input[type = 'radio']:checked + span {
    border:1px solid #FF5858;
    background:#FF5858;
    }
        .part_radio input[type = 'radio']:checked + span i {
        background:#fff;
         height:10px;
        width:10px;
        }


.swtaskunitman .swtaskunittbalert .con {
    padding:10px;
}

.file_uploaddiv {
    float: left !important;
}

    .file_uploaddiv .uploadifive-button {
        float: left !important;
        width: auto !important;
        padding: 0 20px !important;
        background: #19A2EA;
        color: #fff;
        cursor: pointer;
        border: none !important;
        border-radius: 5px;
    }

.file_uploadbtn {
    float: left;
    background: #F69C2B;
    padding: 0 20px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    border-radius: 5px;
}

.uploadifive-queue {
    clear: both;
    padding-top: 10px;
}

    .uploadifive-queue .uploadifive-queue-item {
        background-color: none !important;
    }


.layui-btn {
    padding: 3px 10px;
    border-radius: 2px;
    line-height: 30px;
    height: 30px;
    background: #eb7318;
    color: #fff;
    cursor: pointer;
}

.layui-btn-danger {
  /*  background: #28bc63;*/
}
   .layui-btn-warm {
    background:#19A2EA;
    }

.layui-btn-xs {
height:20px;
line-height:20px;
padding:3px 5px;
font-size:13px;
}
.layui-table-cell {
padding:0 5px !important;
}
.commmenu {
line-height:30px;
height:30px;
border:1px solid #ddd;
box-shadow:0px 0px 6px #ddd;
margin:2px 0px 10px 0px;
}
    .commmenu span {
    padding:0 10px;
display:inline-block;
cursor:pointer;
    }
        .commmenu span:hover, .commmenu span.active {
            background: #076fd0;
            color: #fff;
        }
.comtablediv {
    display:none;
}

.createmaskdiv {
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    position: fixed;
}
#versionalert {
    display:none;
    width:500px;
    height:150px;
    position:fixed;
    z-index:999;
    left:50%;
    top:50%;
    margin-left:-250px;
    margin-top:-75px;
    border-radius:4px;
    box-shadow:0px 0px 7px #fff;

}
    #versionalert .head {
        height: 30px;
        line-height: 30px;
        background: #076fd0;
        color: #fff;
        padding: 0 10px;
        overflow:hidden;
        border-radius: 4px 4px 0 0;
    }

        #versionalert .head span {
        float:right;
        cursor:pointer;
        }
        #versionalert .versioncon {
            padding: 10px;
            line-height: 28px;
            background: #fff;
            min-height: 100px;
            letter-spacing: 2px;
        }
#versiontip {
    position:fixed;
    top:0px;
    color:#fff;
    right:0px;
    z-index:99;
    left:0px;
}
    #versiontip.versionbg {
        background: #efefef;
        color: red;
        border-radius: 0px 0px 5px 5px;
       
    }
