#dmsMainContainer {
    padding-top:30px
}
.dms-warning-p-ca {
    padding: 7px !important;
    background-color: #f44336 !important;
    color: #fff !important;
}

#signature-pad .dms-close-signature-pad {
    color: #f00 !important;
    font-size: 40px !important;
}

.dms-warning-close-btn, .dms-success-close-btn {
    margin-left: 15px !important;
    color: #fff !important;
    font-weight: bold !important;
    float: right !important;
    font-size: 32px !important;
    cursor: pointer !important;
    transition: 0.3s;
}

.dms-warning-close-btn:hover, .dms-success-close-btn:hover, #signature-pad .dms-close-signature-pad:hover {
  color: black !important;
}

.dms-success-p-ca {
    padding: 7px !important;
    background-color: #28a745 !important;
    color: #fff !important;
}

.dms-success-p-ca .ca-dms-message, .dms-warning-p-ca .ca-dms-message {
    color: #fff !important;
}

.dms-title-p-ca {
    color: #008ed6 !important;
    font-size: 24px !important;
    margin-top: 30px !important;
}

.dms-case-detail-p-ca {
    border-bottom: #008fda 1px solid;
    padding-bottom: 5px !important;
}

.dms-textarea-input-element-ca {
    min-height: 67px !important;
    width: 100%;
    padding: 5px !important;
}

.dms-document-status-select-ca {
    width: 100% !important;
    height: 35.5px;
}

.dms-document-link-ca {
    line-height: 35px !important;
}

.dms-back-link-bottom-ca {
    display:inline-block;
    padding-top:35px;
    clear: both;
}

.dms-row-ca-submit input{
    border-radius: unset !important;
    width: 50% !important;
    min-height: 39px !important;
    padding: 0 !important;
}

.submit_this_row {
    float: left !important;
    margin-left: -2px !important;
}
.submit_all {
    float: right !important;
    margin-right: -2px !important;
}

.send_notification_submit, .download_files_submit {
    border-radius: unset !important;
    min-height: 39px !important;
    padding: 0 !important;
    width: 100%;
}

.dms-document-status-ca {
    text-align: center;
    transform: translateY(27.5px);
}

.client .dms-document-status-ca {
    transform: unset;
}

.client .dms-document-feedback-ca {
    text-align: center;
}

.dms-file-validation-message-ca {
    color: #ff1700 !important;
}

.dms-document-name-ca {
    color: #008ed6 !important;
    font-size: 20px !important;
}

.dms-star-sign-ca {
    color: #f00 !important;
}

.dms-row-ca p {
    margin: 1px !important;
}

.dms-document-info-for-admin-ca {
    padding: 3px !important;
    margin-bottom: 10px !important;
    background-color: #f8f8ff;
    border-bottom: 1px solid #d3d3d3;
}

.dms-document-info-ca {
    margin-bottom: 0 !important;
}

.dms-instruction-title {
    margin-bottom: -5px;
    padding: 3px !important;
    font-weight: bold;
    background-color:#f8f8ff;
}

.dms-row-ca-submit {
    margin-bottom: 40px !important;
    min-height: 44px !important;
    padding-right: 2px !important;
}

.dms-row-ca {
    display: table;
    border-bottom: none;
    width:100%;
}

.dms-column-ca {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.dms-column-ca:nth-child(1) {
    width: 33%;
}

.dms-column-ca:nth-child(2) {
    width: 33%;
}

.dms-column-ca:nth-child(3) {
    width: 34%;
    border-right: none;
}

.dms-column-ca.inner {
    display: inline-table;
    width: 100%;
    border: none;
    padding: 0;
}

.dms-column-ca.inner.top {
    padding-bottom: 10px;
}

.client .dms-column-ca.inner.top {
    padding-bottom: 0px;
}

.dms-column-ca.inner.half {
    display: block;
    border: none;
    float: left;
}

.dms-column-ca.inner.half.left {
    padding-left: 0;
    width: 75%;
}

.dms-column-ca.inner.half.right {
    padding-right: 0;
    width: 25%;
}

.dms-column-ca.inner label {
    margin-bottom: 2px;
}

.dms-category-seperator-ca {
    height: 0px;
    margin-bottom: 3.5em;
    border: 2px dashed;
    background-color: unset;
}

.dms-file-uploader-table {
    width:100%;
    border:0;
    margin:0;
    margin-bottom:10px;
}
.dms-file-uploader-table td {
    border:0;
    padding:0;
}

.dms-signature-container {
    display: inline-block;
    float: right;
}

.dms-preview-signature {
    max-width:120px !important;
    max-height:40px !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
}

.dms-file-uploader-table img {
    width:20px;
    max-width:20px;
    margin:2px;
    margin-bottom:5px;
}
.dms-file-uploader-table .btn {
    color:black;
    padding:0 6px 0 6px;
    font-size:16px;
    border-color:#6a6a6a;
    background-color:#f0f0f0;
    font-weight:500;
}
.dms-file-uploader-table .btn:hover, .dms-file-uploader-table .is-dragover {
    background-color:#e1e1e1;
}
.dms-file-uploader-table .dms-file-name-span-ca {
    font-size:14px;
    display:inline-flex
}
.dms-file-input-element-ca {
    padding:0 !important;
    width: 100%; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dms-document-upload-label-ca {
    margin-bottom:1px;
}

@media screen and (max-width: 664px) {
    
    .send_notification_submit, .download_files_submit {
        width: 100%;
    }
    
    #dms_admin_send_notification_form {
        padding-right: 0;
    }
    
    #dms_admin_zip_files_and_download_form {
        padding-left: 0;
    }
    
}

@media screen and (max-width: 991px) {
    
    .dms-row-ca {
        display: block;
    }
    
    .dms-column-ca {
        width: 100%;
        display: block;
        border-right: none;
        /*border-bottom: 1px solid #eaeaea;*/
    }
    
    .dms-column-ca:nth-child(1) {
        width: 100%;
    }
    
    .dms-column-ca:nth-child(2) {
        width: 100%;
    }
    
    .dms-column-ca:nth-child(3) {
        width: 100%;
    }
    
    .dms-column-ca.inner.top {
        margin-top: 10px;
    }
    
    .dms-column-ca.inner.bottom {
        margin-bottom: 5px;
    }
    
}

@media (max-width: 1199px) and (min-width: 992px){
    .dms-file-input-element-ca {
        max-width: 240px;
    }
}


/* Signature Pad - START */

#signature-pad-outer-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

.signature-pad-inner-container {
    position: relative;
    margin: auto;
    margin-top: 50px;
    padding: 10px;
    width: 100%;
    height: 100%;
    -webkit-animation-name: ca-dms-animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: ca-dms-animatetop;
    animation-duration: 0.4s
}

.signature-pad {
    margin: auto;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    max-height: 250px;
    background-color: #fff;
    border-radius: 3px;
}

.signature-pad--body {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #aaa;
}

.signature-pad--footer {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 5px;
}

.signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3px;
}

.signature-pad--actions .buttons-left {
    width:67%;
    float: left;
    text-align: left;
}

.signature-pad--actions .buttons-right {
    width:33%;
    float: right;
    text-align: right;
}

.signature-pad--actions button {
    padding: 6px 16px 6px 16px;
    text-transform: none;
    font-size: 16px;
    font-weight: 100;
}

/* Add Animation */
@-webkit-keyframes ca-dms-animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes ca-dms-animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* Signature Pad - END */

/* Bottom buttons layout - BEGIN */

.dms-ca-two-col {
    clear: both;
    margin: 0 -0.5rem;
}

.dms-ca-two-col-item {
    float: left;
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

.dms-ca-two-col-item.first {
    padding-left: 10px;
}
.dms-ca-two-col-item.second {
    padding-right: 10px;
    position: relative;
}

@media (max-width: 991px) {
    .dms-ca-two-col-item {
        width: 100%;
        padding: 15px 10px 15px 10px;
    }
}
/* Bottom buttons layout - END */

/* Loading effect - BEGIN */
.ca-dms-loading {
    width: 22px;
    height: 22px;
    border: 3px solid #eee;
    border-top: 3px solid #00a5f9;
    border-radius: 50%;
    animation: ca-dms-spin 0.6s linear infinite;
    position: absolute;
    top: 23px;
    margin-left: 8px;
}

@keyframes ca-dms-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#ca-dms-feedback {
    margin-top: 10px;
    min-height: 40px;
}

.dms-success-p-ca a {
    color: #28a745;
}

.dms-warning-p-ca a {
    color: #f44336;
}

.dms-success-p-ca a, .dms-warning-p-ca a {
    padding: 5px 10px;
    background-color: #f8f8ff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 5px;
    transition: background-color 0.2s ease-in-out;
}

.dms-success-p-ca a:hover, .dms-warning-p-ca a:hover {
    background-color: #fff;
}

/* Loading effect - END */