/*
    Created on : 14-Jan-2020, 7:18:20 PM
    Author     : lakshmit
*/
@use 'variables' as *;
::ng-deep .ms-anchor-tag {
    cursor : pointer;
    text-decoration: underline !important;
    color: $tealcolor;
}
::ng-deep .ms-anchor-tag:hover {
    color: #23527c;
}
.ms-span-margin {
    margin-left : 8px;
}
.ms-panel-style {
    border-top: 1px solid $lightgrey4;
    padding-top:10px;
}

.ms-span-note {
   position: relative;
   top: 5px;
}

.ms-custom-file-input{
    border: none;
    color:transparent;
    display: block;
}

.ms-custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  outline: none;
}
.ms-custom-file-input::before {
    content: 'Upload';
    display: inline-block;
    background: $lightgrey;
    color: $black;
    border: 1px solid $lightgrey1;
    border-radius: 2px;
    padding: 0px 10px;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
}

.btn-modal {
    background-color: $vividorange;
    width: 143px;
    color: white;
    text-transform: uppercase;
    margin: 0px 1px;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-header {
    text-transform: uppercase;
    color: white;
    text-align: center;
    background-color: $darkgrey;
    padding: 15px;
}
.panel {
    margin-bottom: 20px;
    background-color: $purewhite;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default{
    border-color: $lightgrey4;
}
input {
    border: solid 1px $tealcolor;
    line-height: 28px;
    height: 28px;
    padding: 0 3px;
    margin: 0 3px;
    vertical-align: baseline;
}
.alert-danger.error-msg {
    background-image: linear-gradient(rgb(242, 222, 222) 0px, rgb(231, 195, 195) 100%);
    background-repeat: repeat-x;
    border-color: rgb(220, 167, 167);
    color: rgb(169, 68, 66);
}
input.cat-set-radio-valign {
    height: auto;
}

::ng-deep .ms-custom-file-input::before {
    content: 'Upload';
    display: inline-block;
    background: $lightgrey;
    color: $black;
    border: 1px solid $lightgrey1;
    border-radius: 2px;
    padding: 0px 10px;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
}

::ng-deep .ms-custom-file-input {
    border: none;
    color: transparent;
    line-height: 22px !important;
}

::ng-deep .ms-custom-file-input::file-selector-button {
    display: none;
}

.document-upload-error-txt {
    color: red;
}
@supports (-moz-appearance:none) {
    ::ng-deep .ms-custom-file-input::file-selector-button {
        content: 'Upload';
        display: inline-block;
        background: $lightgrey;
        color: $black;
        border: 1px solid $lightgrey1;
        border-radius: 2px;
        padding: 0px 10px;
        outline: none;
        white-space: nowrap;
        cursor: pointer;
    }
}