@import url('../InsuranceContact/contactwizard.css');

#uploaderModalWindow {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #676767;
}

 #uploadTerms {
     font-size: 10px;
 }
#lblBinder {
    color: #676767 !important;
    font-size: 12px;
}
.file-input {
    display: none;
}

#notes {
    height: auto;
    width: 632px;
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
    overflow: auto;
    border: solid 1px #c6cccf;
}

/* upload*/
.uploadselection-step {
    font-family: inherit;
    font-size: 14px;
    width: 684px;
    height: 555px;
    overflow: hidden;
}

.uploadprogress-step {
      font-family: inherit;
    font-size: 14px;
    width: 684px;
    height: 600px;
    overflow: hidden;
}


#btnSelectFiles {
      position: absolute !important;
  overflow: hidden;
  direction: ltr;
  padding: 4px;
  top: 50px;
}

span.drop-zone-text {
    
    position: absolute;
  /* width: 100%; */
  left: 133px;
  top: 180px;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  font-size: 12pt;
    text-align: center;
}

.column div.upload {
    height: 300px;
    width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #c6cccf;
    padding-bottom: 10px;
    font-size: 12px;
}

ul.upload-preview {
    width: 300px;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0 0;
}
ul.upload-preview li {
     list-style-type: none;
    padding: 0 5px 0 5px;
    font-size: 12px;
}
ul.upload-preview li div {
    padding: 5px 0 5px 0;
}

.upload-item {
    width: 300px;
    height: 20px;
    padding: 5px 3px 5px 3px;
}

.upload-item:hover {
    background-color: #f5f5f5;
}

.drop-zone {
    border: dotted 2px lightgray !important;
}

.nv-file-over { 
    border: dotted 2px #21D081 !important; 

}
.file-item {
    width: 250px;
    height: 20px;
    display: inline-block;
    
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: auto;
    position: relative;
    top: 1px;
    left: 0px;

}

.outer-remove {
    display: inline-block;
    width: 20px;
}


.agent-delete, .file-remove{
    /*background: url('../../../images/remove_small.png') no-repeat;*/
    background: url('../../../images/delete_20.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.uploadfooter {
    padding: 10px 0 0 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-left: 25px;
 }

 .uploadsubmit {
     position: absolute;
     bottom: 8px;
     right: 25px;

 }

 #nofiles {
     padding-left: 5px;
     padding-top: 5px;
 }
 #progressContainer {
     padding: 0 25px 0 25px;
 }
 #uploadingItems {
     height: 350px;
     overflow-x: hidden;
     overflow-y: auto;
     border-top: solid 2px #c6cccf;
     border-bottom: solid 2px #c6cccf;
     margin: 0 2px 0 2px;
 }

 #overallProgressContainer {
     padding: 10px 25px 30px 25px;
 }

 #overallProgressContainer div {
     text-align: center;
 }

.uploadDelayNotice {
    background-color: rgba(255, 231, 153, 0.29);
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #f6ca79;
    margin: 10px 15px 15px 10px;
    padding: 15px 15px 10px 15px;
    text-align: left;
    font-weight: normal;
    transition: transform 1s;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    
}

.uploadDelayNoticeFlash {
    background-color: rgba(255, 231, 153, 0.9);
    transform: translate(0,-275px) scale(1.11);
    -webkit-transform: translate(0,-275px) scale(1.11);
    -moz-transform: translate(0, -275px) scale(1.11);
    -o-transform: translate(0, -275px) scale(1.11);
}


#overallProgressContainer{
     text-align: left;
     font-weight: bold;
     padding-top: 5px;
 }
 #overallProgress {
     width: 100%;
     height: 20px;
     overflow: hidden;
     background-color: #f5f5f5;
     -ms-border-radius: 4px;
     border-radius: 4px;
 }

 .overall-progress-text {
     position: relative;
     top: 10px;
     left: 0px;
 }

 
 .progress-bar {
     height: 100%;
     background-color: #95C9F5;
     position: relative;
     -webkit-transition: width .6s ease;
     -moz-transition: width .6s ease;
     -ms-transition: width .6s ease;
     -o-transition: width .6s ease;
     transition: width .6s ease;
     top: 0px;
     left: 0px;
 }

 .uploading-item-progress-info {
     position: absolute;
     top: 6px;
     right: 18px;
     width: 80px;
     text-align: left;
 }

 .item-container {
     padding: 2px 0 2px 0;
 }
.uploading-item-outer {
    width: 100%;
     height: 30px;
     white-space: nowrap;
     overflow: hidden;
     position: relative;
     background-color: #f5f5f5;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-bottom: solid 1px #c6cccf;
    font-style: italic;
}

.uploading-item-name {
    position: absolute;
  top: 5px;
  left: 12px;
  font-weight: bold;
  color: #2f3a3d;
     width: 75%;
  overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#uploadMoreButton {
    width: 100px;
    margin-right: 15px;
}

.uploadheader {
    height: 45px;
    text-align: center;
}

.noagentassignments {
    font-family: inherit;
    font-size: 14px;
    width: 550px;
    height: 230px;
    overflow: hidden;
}

#agentAssignmentWarning {
    height: 60px;
}
#agentAssignmentWarning div {
    padding-top: 0px;
    text-align: center;
}

#agentAssignmentWarning div img {
    position: relative;
    top: 13px;
        
}

.assignment-node {
    max-width: 200px;
    word-wrap: break-word;
    display: inline-block;
    overflow: hidden;
    white-space: normal;

}

span.new-assignment {
    color: #F2AF32;
    font-weight: 600;
    font-size: 12pt;
    vertical-align: middle;
}

img#waitImage {
     width: 140px;
     display: inline-block;
     float: left;
     margin-left: 15px;
     margin-bottom: 10px;
}

div#waitNotice {
    text-align: left;
    display: inline-block;
    width: 395px;
    margin-left: 15px;
    margin-bottom: 5px;
}

#wizardContactModal_wnd_title {
    text-align:start;
}

#wizardContactModal .noagentassignments {
    flex-direction: column;
    gap: 35px;
}

#agentAssignmentWarning .modalContentBox {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}

#wizardContactModal .noagentassignments .contact-center-div .btnBox_Modalfooter {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modalContentBox i{
    width:80px;
    height:80px;
    font-size:80px;
}
.modalContentBox span {
    font-weight: 600;
    color: #5b4f4f;
    font-size: 15px;
}

.btnBox_Modalfooter a {
    font-weight: 600;
}