/* 
    Created on : 2 Jan, 2019
    Author     : Vishakh | Aravind | Renesh Raj | Jomy
*/

.formErrorContent{
    z-index: 1000;
}
.pad-0{
    padding: 0 !important;
}
/*Width*/
.wid-1{
    width: 1% !important;
}
.wid-2{
    width: 2% !important;
}
.wid-2{
    width: 2% !important;
}
.wid-3{
    width: 3% !important;
}
.wid-4{
    width: 4% !important;
}
.wid-5{
    width: 5% !important;
}
.wid-6{
    width: 6% !important;
}
.wid-7{
    width: 7% !important;
}
.wid-8{
    width: 8% !important;
}
.wid-9{
    width: 9% !important;
}
.wid-10{
    width: 10% !important;
}
/*Width*/
/*Color */
.cl-red{
    color: #FF0000 !important;
}
.cl-orange{
    color: #FFA500 !important;
}
.cl-yellow{
    color: #FFFF00 !important;
}
.cl-white{
    color: #FFFFFF !important;
}
.cl-green{
    color: #28A745 !important;
}

.bgc-green{
    background: #28A745 !important;
}
.bgc-grey{
    background: #6f6e6c !important;
}
.bgc-dark-blue{
    background:#1B6E9B !important;
}
/*Color */

html{
    height:100%;
    background: #EEF5F9 !important;
}
.my-body{
    height:100%;
    background: #EEF5F9;
    color:#4B0082;
    background: url('../img/slide1.jpg') fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0;
    margin: 0;
    /*    background: #DE6262;   fallback for old browsers 
        background: -webkit-linear-gradient(to bottom, #FFB88C, #DE6262);   Chrome 10-25, Safari 5.1-6 
        background: linear-gradient(to bottom, #FFB88C, #DE6262);  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
td {
    vertical-align: middle !important;
}
.fav-bg{
    background: #EEF5F9 !important;
}
.error-text{
    color: red !important;
    padding: 5px;
}
.required{
    color: red !important;
    padding: 0px 3px;
}

.mete-border{
    border-radius: 0px !important;
    border: 0px !important;
}
/*Login Page*/
.login-page-header{
    float:right;
    text-shadow: 3px 0px 0px rgb(254, 247, 247);
    color: #33B8D8 !important;
}
.login-page-header-h3{
    color:#FFF; 
    /*text-shadow: 3px 3px 2px rgba(150, 150, 150, 1); */
    font-family: 'El Messiri', sans-serif;
    font-size: 34px;
}
.login-page-header-p{
    color: #c4f7ff;
    font-size: 18px; 
    /*    text-shadow: 3px 3px 2px rgba(150, 150, 150, 1);*/
}

.login-page-inner {
    padding: 60px 0 170px 0;
}
.inr-hed
{
    font-size: 21px; 
    margin-left: 17px;
    color:#43DFFF !important;
    /*font-family: "Poppins", sans-serif;*/
}

.login-page-content{
    border-radius: 0px;
}

.login-page-content .text {
    color: #fff;
}

.login-page-content .text h1 { color: #fff; }

.login-page-content .description {
    margin: 20px 0 10px 0;
}

.login-page-content .description p { opacity: 0.8; }

.login-page-content .description a {
    color: #fff;
}
.login-page-content .description a:hover, 
.login-page-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box {
    margin-top: 15px;
    float: right;
}

.form-top {
    overflow: hidden;
    padding: 0 25px 5px 25px;

    background: #09add4cc;
    -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

.inner p a, .inner p a:active, .inner p a:focus {
    color: #fffdfd;
}
.inner p a:hover {
    color: #eee;
}

.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #fff;
    line-height: 100px;
    text-align: right;
    opacity: 0.3;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background: #444;
    background: rgba(255, 255, 255, 0.5);
    -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
    text-align: left;
}

.form-bottom form textarea {
    height: 100px;
}

.form-bottom form button.btn {
    width: 100%;
}

.form-bottom form .input-error {
    border-color: #7A67DA;
}

.social-login {
    margin-top: 5px;
}

.social-login h3 {
    color: #fff;
}

.social-login-buttons {
    margin-top: 6px;
    float: right;
}


.btn-sign, .btn-forgot {
    background: #178FAD !important;
    color:#fff !important;
    border-radius: 0px;
}

.forgot-link {
    display: inline-block;
    height: 50px;
    margin: 5px;
    padding: 15px 20px 0 20px;
    background: rgb(100, 107, 107);
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.login-page-content input[type="text"],
.login-page-content input[type="email"],
.login-page-content input[type="password"],
.login-page-content textarea,
.login-page-content textarea.form-control {

    height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff;
    border: 3px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    text-color:black;

}
.pull-center
{
    padding-right:300px;
    float:right;
}
/*.form-group.form-group-sm {

    padding-bottom: 9px;
    margin: 3px 0 0 0;
}*/
/*.selectnew
{
    position: relative
}*/
.btn-group-xs .btn, .btn-group-xs .input-group-btn .btn, .btn.btn-xs, .input-group-btn .btn.btn-xs{

    font-size: 11px !important;
}
.form-group.form-group-sm {

    padding-bottom: 3px;
    margin: 0px 0 0 0 !important;
}
.form-group label.control-label
{
    margin: 0px 0 0 0 !important
}
.custom-alert-client{
    background-color: rgba(248, 243, 243, 0.8) !important;
    color: rgba(56, 121, 176, 0.8) !important;
}
/*    .form-group {
         margin: 0px 0 0 0 !important
    }*/
.newstyleselect
{
    margin-top:-35px ;
}
.newstyleselect1
{
    margin-top:-10px ;
}

.new-heads{
    background: #00c0ef;
    color: #fff;
}
.cls-ptype{
    background: aliceblue;
    padding: 5px;
}
.cls-mar-tops
{
    margin-top: 20px;    
}
.cls-labs{
    font-size: 16px !important;
    padding: 4px !important;
}
/*Login Page*/

.cls-results{
    margin-top: 20px;
    background: aliceblue;
}
.cls-result-borders{
    border: 1px solid #f5d90b;
    margin-top: 13px;
}

.btn-delete { border: 1px solid #ff1f1f !important; border-radius: 5px !important; color:#ff1f1f !important;  }
.btn-delete:hover { background-color:#fff !important; border: 1px solid #00cc00 !important; color: #00cc00 !important; }
.btn-edit { border: 1px solid #017ac6 !important; border-radius: 5px !important; color: #017ac6 !important; }
.btn-edit:hover { background-color:#fff !important; border: 1px solid #00cc00 !important; color: #00cc00 !important; }
.btn-print { border: 1px solid #00bde6 !important; border-radius: 5px !important; color: #00bde6 !important; }
.btn-print:hover { background-color:#fff !important; border: 1px solid #00cc00 !important; color: #00cc00 !important; }
.btn-search { border: 1px solid #fda519 !important; border-radius: 5px !important; color: #fda519 !important; }
.btn-search:hover { background-color:#fff !important; border: 1px solid #00cc00 !important; color: #00cc00 !important; }
.btn-refresh { border: 1px solid #69a3ff !important; border-radius: 5px !important; color: #69a3ff !important; }
.btn-refresh:hover { background-color:#fff !important; border: 1px solid #00cc00 !important; color: #00cc00 !important; }
.td-num {
    text-align: right !important;
    padding-right: 10px !important;
}
input[readonly] {
    background-color: #f3f3f3 !important;
    pointer-events: none;
}
.dataTable tr td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.form-group {
    padding-bottom: 7px !important;
    margin: 28px 0 0 0 !important;
    padding: 1px !important;
}
.td-btn {
    text-align: center;
}
.report-body{
    background: aliceblue;
    padding: 17px;
    border-top: 3px solid #605ca8;
}
.report-search {
    border: 1px solid #fba209; 
}
.report-box {
    padding: 5px;
}
.report-tr-empty{
    text-align: center;
    color: #f52212;
}
#span-test {
    font-size: 19px;
    color: #00bde6;
    font-weight: bold;
}
.selected-patient {
    background-color: #c4f3ff !important;
}
.onClickPTest {
    cursor: pointer;
}
.td-center {
    text-align: center;
}
#m-title {
    color: #2cbc00;
}
.form-margin {
    margin-top: 7px !important;
}
.alert-custom89 {
    background-color: rgb(230, 230, 230) !important;
    color: rgb(98, 148, 191) !important;
    border-radius: 7px !important;
    border: 1px solid #dedede !important;
    padding-top: 7px;
    padding-bottom: 7px;
}
.patient-tab {
    margin-top:0px !important;
    background: #cee8ff;
    border: 1px solid #afdaff;
    border-radius: 7px;
}
.tab-type {
    font-size: 16px !important;
}
.table-search tbody td {
    padding: 0px !important;
}
.onSelectedTest {
    cursor: pointer;
}
.selected-test {
    background-color: #c9c6ff !important;
}
.tbl-alltest tbody td {
    padding: 0px !important;
}
.subcategory-tab {
    background: aliceblue !important;
    border: 1px solid #efefef;
    border-radius: 7px;
}
.tbl-td{padding-bottom: 0px !important;padding-top: 0px !important;}
.btn-download { border: 1px solid #6f3b80  !important; border-radius: 5px !important; color: #6f3b80 !important; }
.btn-download:hover { background-color:#fff !important; border: 1px solid #00cc00 !important; color: #00cc00 !important; }

