﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}
.navbar-brand { padding:2px 0px; margin-right:15px;}
.smscbal > a > span { float:right;}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}

@media (min-width: 992px) {
    .noPadRight { padding-right: 5px; }
    .noPadLeft { padding-left: 5px;  }
}
label {
    font-weight: normal;
    margin: 0px;
    vertical-align: middle;
}
label input[type='checkbox'] { vertical-align: middle; margin: 0px 2px 0px 0px; }

/* Validation Error */
label.error {
    font-weight: normal;
    color: red;
}

.form-control.error {
    border: 1px red solid;
}

.form-control::-webkit-input-placeholder { color: black; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: black; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: black; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: black; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: black; }  /* Microsoft Edge */

.alert {
    padding: 5px 10px;
}

.alert-danger {
    color: white;
    background-color: #a94442;
}

.alert-warning {
    background-color: #8a6d3b;
    color: #fcf8e3;
}

.alert-info {
    background-color: #31708f;
    color: #d9edf7;
}

.alert-success {
    background-color: #3c763d;
    color: #dff0d8;
}

input[type="text"], input[type="email"], input[type="password"] {
    height: auto;
    padding: 0px 5px;
}
input[type="file"]{ height:auto; padding:0px;}
input[type="checkbox"].form-control { height:auto; margin-top:0px;}

select.form-control {
    padding: 1px 2px;
    height: auto;
}

input[type=checkbox] {
    margin-right: 2px;
}


input.form-control, textarea.form-control { resize: none;}

 
.form-inline .form-control, .form-inline button {
    margin-left: 5px;
}

.btnCompact {
    padding: 0px 10px;
    margin: 0px;
}
.btn-sm.btnCompact{ padding:2px 10px;}

.nav-tabs {
    border-bottom: none;
}


.txtFull {
    max-width: 100%;
}

.tblFull {
    width: 100%;
}
table.captcha {
    margin: auto;
    width: 50% !important;
    max-width:135px;
}
table.captcha input[type='text'] { text-transform:uppercase; font-weight:bold;}
    table.captcha .refresh {
        text-shadow: 1px 1px 1px hsl(0,0%,0%);
        background: #f6b20e;
        width: 100%;
    }

.whychoose {
    font-weight: bold;
    padding-top: 10%;
    font-size: 20px;
}

    .whychoose div {
        margin-bottom: 20px;
    }
.loginbox {
    height: 550px;
    border: solid;
    padding: 30px 20px;
    margin-top: 5%;
}
.loginbox .form-group { margin-bottom:5px;}
.mt20 { margin-top:20px;}
.logoimg {
    display: block;
    margin-bottom: 10px;
    margin-top:5px;
    max-width: 100%;
}

.loginbox form {
    max-width: 300px;
    margin: 0px auto;
}

.loginbox input[type='text'], .loginbox input[type='password'] {
    height: 34px;
    padding: 6px 12px;
}

section {
    padding-top: 2% !important;
    font-size: 14px;
    padding: 10px;
    padding-bottom: 15% !important;
    text-align: justify;
}
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.footer a { color:white;}

.tblPad5 td, .table.tblPad5 td, .tblPad5c td, .table.tblPad5c td, .table.tblPad5 th, .tblPad5 th, .tblPad5c th, .table.tblPad5c th {
    padding: 0px 5px;
}

.tblPad5c tr td:first-child, .tblPad5c tr th:first-child {
    padding-left: 0px;
}

.tblPad5c tr td:last-child, .tblPad5c tr th:last-child {
    padding-right: 0px;
}

/* Ajax Loader Style */
.modal {
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba( 255, 255, 255, .4 );
}
.modal-backdrop.in { opacity:0.9;}

.box {
    position: relative;
    text-align: center;
    padding: 5px;
    height: 60px;
    width: 300px;
    top: 30%;
    left: 50%;
    margin-left: -150px;
    margin-top: -30px;
    background: rgba( 192,192,192, .4 ); /*192,192,192 . 248,248,248 */
}

body.loading {
    overflow: hidden; /*scrollbar off*/
}

.AjaxLoader {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb( 255, 255, 255);
    opacity:0.9;
}

body.loading .AjaxLoader {
    display: block;
}

/*panel default sytle */
.panel-default > .panel-heading {
    text-align: center;
    padding: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.panel-default > .panel-body {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
/* Common Dialog Style*/
#commondialog .modal-header {
    padding: 5px 10px;
}

#commondialog .modal-body {
    padding: 10px;
}

#commondialog .alert {
    margin: 10px 0px;
}

#commondialog .modal-footer {
    padding: 10px;
}
#commondialog .modal-footer button { width:100px;}



/*Responsive Text Align  */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center;}
.text-xs-justify { text-align: justify;}

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center;}
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
    .container {
        width: 1250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 820px) {
    .body-content {
        padding-top: 140px !important; 
    }
}

/*Common for All Pages END  */


