html,
body {
    height: 100%;
    font-family: Arial, Helvetica, sans-serif  !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 100px 15px 20px;
}

.footer {/*
    height: 60px;*/
  /*  background-color: #f5f5f5;*/
    border-top: 1px solid #ddd;
  /*  padding-top: 20px;*/
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: bold;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.loadings{
	/*background-image: url("loading.gif");
    background-repeat: repeat-x;*/
	font-weight:bolder;
	/*text-align:center;*/
	display:none;
}
.has-error input{
    background-color: rgba(231, 76, 60, 0.11119);
}
.help-block {
       color: #a94442; 
       float: right;
    margin-right: 20px;
}
.bUI
{
	display:none;
	border: none;
	padding: 15px; 
	background-color: #f0ad4e; 
	border-radius: 10px; 
	/*opacity: 0.7; */
	color: #fff 
}

.wrap .navbar-inverse{
    background-color: #b56c3b !important;
    height:70px !important;
}
.wrap .navbar-header{
    color:#fff !important;
    font-weight: bold;
    text-decoration: none; 
}    

.wrap .navbar-inverse .navbar-nav > .active > a{
      background-color: #b56c3b !important;
      
}
.wrap .navbar-inverse .navbar-nav a:focus{
    color:#fff !important;
}
.dc1{
    color:#efebe9;
    font-size: 27px;
}
.dc2{
    color:#ffa726;
    font-size: 27px;
}
/*.hr{
    margin-left: 20px;
    font-size: 18px;
    color:#fff;
    font-weight: bold;
}*/

.hr{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-top: 23px; 
}
.mahalogo1{
   
    display: inline-block;
}
.navbar-header{
    float:none !important;
}
.navbar-nav > li > a {
    padding:0px !important;  
}
.navbar-brand {
    padding: 0px 15px !important;
}
.navbar-nav{
    margin: -32px;
}


/*OTP CONFIRM*/
#confirm-form{
    margin: 70px auto 0;
    max-width: 380px;
    padding: 30px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
}
.text-right {
    text-align: right;
    margin-bottom: 20px;
}
.clock {
    background-color: #3F51B5;
    color: #fff;
    font-size: 15px;
    margin-left: 128px;
    padding: 5px;
    text-align: center;
    width: 17%;
}    
.form-signin-heading {
    text-align: center !important;
    margin-bottom: 20px !important;
    margin-top: 0px !important;
    font-weight: normal !important;
}
.form-group {
    margin-bottom: 1px !important;
    width: 100%;
}
.form-group .form-line {
    width: 100%;
    position: relative;
    margin-bottom: 20px !important;
}
.footer {
    display: block !important;
    background-color: #34495E;
    z-index: 150;
    color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0px;
    float: right;
    position: fixed;
    width: 100%;
}

.footer-con {
    width: 100% !important;
    padding: 0px !important;

}
.footer-con p {
    text-align: center !important;
    margin-right: -20px;
    font-size: 10px;
    padding-top: 15px;
    font-weight: bold;
} 


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-height : 480px) {
        html,body{
            font-size: 10px;
            letter-spacing: 0.5px !important;
        }
        .site-login{
            margin-left: 30px !important;
        }

        .form-control{
            font-size: 10px !important;
        }
        .navbar-toggle{
            display: none;
        }
        .navbar-brand{
            float:left;
            padding: 0px !important;
        }
        .mahalogo1{
            float:right;
        }
}


.btn-primary{
	background-color: #34495E !important;
	border-color: #34495E !important;
}
.btn-primary:hover span {
   background-color: #000 !important;
}

/* @media only screen and (max-height : 321px) {
    .site-login{
            margin-left: 100px !important;
        }
}
/* Samsung Galaxy S5 ----------- 
@media only screen and (min-device-width: 360px) and (max-device-height: 640px){
    html,body{
            font-size: 10px;
            letter-spacing: 0.5px !important;
        }
        .site-login{
            margin-left: 30px !important;
        }
        .site-login .col-lg-5{
            margin-top: 0px !important;
        }

        .form-control{
            font-size: 10px !important;
        }
        .navbar-toggle{
            display: none;
        }
        .navbar-brand{
            float:left;
            padding: 0px !important;
        }
        .mahalogo1{
            float:right;
        }
}

@media only screen and (min-device-width: 640px) and (max-device-height: 360px){
     html,body{
            font-size: 10px;
            letter-spacing: 0.5px !important;
        }
        .site-login{
            margin-left: 180px !important;
        }

        .form-control{
            font-size: 10px !important;
        }
        .navbar-toggle{
            display: none;
        }
        .navbar-brand{
            float:left;
            padding: 0px !important;
        }
        .mahalogo1{
            float:right;
        }
}


@media only screen and (min-device-width : 600px) and (max-device-width : 960px) {
    .site-login{
            margin-left: 120px !important;
        }

        .form-control{
            font-size: 15px !important;
        }
        .navbar-toggle{
            display: none;
        }
        .navbar-brand{
            float:left;
            padding: 0px !important;
        }
        .mahalogo1{
            float:right;
        }

 }   



/* iPads (portrait and landscape) ----------- 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

        .site-login{
            margin-left: 200px !important;
        }

        .form-control{
            font-size: 15px !important;
        }
        .navbar-toggle{
            display: none;
        }
        .navbar-brand{
            float:left;
            padding: 0px !important;
        }
        .mahalogo1{
            float:right;
        }
}*/
@media (max-width: 320px){
  html,body{
            font-size: 7px;
            letter-spacing: 0.5px !important;
        }
        .site-login{
            margin-left: 50px !important;
        }

        .form-control{
            font-size: 7px !important;
            width: 100%;
            height:35px;
        }
        .navbar-toggle{
            display: none;
        }
        .navbar-brand{
            float:left;
            padding: 0px !important;
        }
        .mahalogo1{
            float:right;
        }
}