﻿body, table, .btn-app, .btn-box-tool {
    color: #000 !important;
}

body {
    font-size: 1.2rem !important;
}

a {
    font-family: inherit;
}

table {
    font-size: .5rem !important;
}
.hidden {
    display: none;
}

.rotatex {
    vertical-align: middle !important;
    border: 1px solid #3333;
    text-align: center;
    transform: rotate(-90deg);
    /* Legacy vendor prefixes that you probably don't need... */
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/**
.error,.fade-in {
    opacity: 0; /* make things invisible upon start *\/
    -webkit-animation: fadeIn ease-in .8; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time *\/
    -moz-animation: fadeIn ease-in .8;
    animation: fadeIn ease-in .8;
    -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*\/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s;
}
    */

.form-control+.error,.fade-in.one {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.fade-in.two {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s;
}

.fade-in.three {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
#niro-patient{margin-bottom:0rem;}
#filter-admin .error {
    position: absolute;
    z-index: 1000;
    margin-top: 7px;
    margin-left: 50px;
    width:180px;
}

#filter .error {
    position: absolute;
    z-index: 1000;
    margin-top: 43px;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #a2e8b1;
    border-color: #a2e8b1;
}
.form-group.required .control-label.nreq:after {
    content:"";
}
.col-md-6.required-1 > .control-label:after, .control-label.required:after, .form-group.required .control-label:after {
    content: "*";
    color: red;
}

.flyout {
    position: fixed;
    margin-left: -7.4rem;
    z-index: 100;
    width: 100px;
    background: #71c4f573;
}
.error {
    color:red;
}
.disabled{
    background:#3333 !important;
}
.flyout-mt {
    margin-top: -20rem;
}
form#crequest .row.fo,form#crequestro .row.fo {
    height: 5rem;
}
form #crequestro .row{
    height: 7rem;
}
form#crequest .row.accept{height:inherit;}
form#invoice .row{height:auto;}
form#crequest .checkbox-panel .row, .row.dbtns .btn-app {
    height: 6rem;
}

a:hover.btn.btn-lg div, a:hover.btn.btn-lg i {
    color: #b2b8b4 !important;
}
.flyout > button >a:hover,.flyout > button:hover {
    color: #b2b8b4;
}
.form-control:disabled, .form-control[readonly].flex {
    border: 0;
}

.form-control:disabled, .form-control[readonly].flex:after {
    content: "";
}

.d-flex {
    display: flex;
}

.crb-btm,.none {
    display: none;
}
.bg-red-gradient {
    background-color: #dc3545 !important;
}
.bg-green-gradient {
    background-color: #28a745 !important;
}
.bg-purple-gradient, .bg-blue-gradient {
    background-color: #007bff !important;
    color: #fff;
}
.block {
    display: block;
}

.btn[class*='bg-']:hover {
    -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 100px rgba(0,0,0,0.2);
    color: #f8f06b;
}

button:hover, a:hover {
    color: #0056b3;
}
textarea {
    height: 4rem;
}
textarea[disabled="disabled"]:hover, input[disabled="disabled"]:hover, .form-control:disabled, .form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
    overflow: hidden;
}

textarea[disabled="disabled"], input[disabled="disabled"] {
    border-color: #ffffff;
    border-radius: 2%;
}

.b-nav {
    margin: 25% -10%;
}

textarea.form-control {
    height: auto;
    min-height: 5rem;
    max-height: 10rem;
}


input[type="checkbox"][name^="sn"] {
    display: block;
    margin: 0 auto;
}
.checkbox-panel label {
    position: relative;
    width: 100%;
    height: 2rem;
}
input[name="UserName"] {
    text-transform: none;
}

div#smo-message {
    height:2rem;
}
.error {
    position: inherit;
}
/**.error, .error ~ .control-label {
    color: #ed1010 !important;
    border: 1px solid #ed1010 !important;
}
    */
.attachment-type-button {
    background: #0094ff;
}
.attachment-type-active {
    background: #77ee91;
}
li.active, .skin-blue .main-header .navbar .nav > li > a {
    height:auto;
}
li.active, .skin-blue .main-header .navbar .nav > li > a:hover {
    background: #b2b8b4;
}

#pulse {
    animation: opacityPulse 2s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
}

#lgn h5, #lgn h6, #lgn h7, #lgn a {
    color: #000;
}

#lgn a:hover {
    color: #f8f06b;
}
#message{text-align:center;}
#m {
    display: none;
}

.cs {
    vertical-align: top;
    font-family: Arial;
    font-size: 1.3rem;
    padding-left: 10%;
}

select.no-autofill {
    -webkit-autofill: none;
    -moz-autofill: none;
    -o-autofill: none;
}
.chosen-container {
    width: 80% !important;
}

.lg-btn-h {
    height: 117px;
}

#requests td {
    font-weight: 600;
}

#requests th, #requests tr:hover {
    background: #b2b8b4 !important;
}
#exam-calendar th, #exam-calendar tr:hover {
    background: #68cfed !important;
}

#CLONE, #DUPLICATE, #BILL_CLIENT {
    padding: 7%;
    float: right;
    margin-right: 30%;
    margin-top: 3%;
    color: #fff222;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.25rem;
    background: #3333;
}

#ACPT_RPT, #RJCT_RPT {
    margin-top: 2rem;
}

form[name="attchrpt"]{
    background-color:azure;
}

form[name='attachprofile'] input {
    width: 100%;
}
form[name='attachprofile'] input[type='number']{
    text-align:right;
} 

#uploadCV, #uploadSig, #uploadList {
    display: block;
}

#uploadCV li a > i.fa, #uploadSig li a > i.fa, #uploadList li a > i.fa {
    font-size: 7rem;
}

#uploadSig li a > i.fa.fa-trash-o, #uploadCV li a > i.fa.fa-trash-o, #uploadList li a > i.fa.fa-trash-o {
    font-size: 3rem;
}

#uploadSig li, #uploadCV li, #uploadList li {
    list-style: none;
    display: inline-block;
    width: 12rem;
    max-width: 100%;
    text-align: center;
    word-wrap: break-word;
    vertical-align: top;
    margin: 2% 0%;
}

#uploadSig li, #uploadCV li {
    width: 20rem;
}

#uploadSig li h2, #uploadCV li h2, #uploadList li h2 {
    width: 100%;
}

.ficon {
    font-size: 7rem;
}

.ficon span {
    display: block;
    font-size: .8rem;
    font-family: Arial,Verdana;
}

#smorpt {
    padding: 0rem;
}

#smorpt, #dsig, #dcv, #dropArea {
    background: #74abab47;
    border: black dashed 1px;
    height: 145px;
    text-align: center;
    color: #007bff;
    padding-top: 3rem;
    font-size: 2rem;
    margin: 2rem;
}
#dropArea{
    height:25rem;
}
#smorpt {
    padding: 0rem;
    margin: 0rem;
    padding-top: 2rem;
}

textarea#NOTES{
    height:auto;
    min-height:10rem;
    max-height:20rem;

}
.checkbox-panel {
    border-radius: 12px;
    padding: 5%;
}

.active-drop {
    background: #77bafa !important;
    border: solid 2px blue !important;
    opacity: .5;
    color: black !important;
}

.chosen-container-single .chosen-single {
    height: 2.5rem;
    line-height: 42px;
}

.jumbotron-client {
    background: rgba(124, 204, 245, 0.82);
    padding: 1rem 1rem;
    margin-bottom: 0;
    border-radius: .3rem;
}

.jumbotron-doctor {
    background: #00ffadd9;
    padding: 1rem 1rem;
    margin-bottom: 0;
    border-radius: .3rem;
}