﻿.logo_ht
{
    height: 80px;
}
.font21
{
    font-size:21px;
}
.logo-box {
    text-align: center;
}
img.logo {
    width: 66%;
}
.form_login
{
    background:#002489;
   /*background: linear-gradient(45deg, rgb(206, 219, 233) 0%, rgb(97, 153, 199) 0%, rgb(75, 184, 240) 44%, rgb(75, 184, 240) 69%, rgb(75, 184, 240) 71%, rgb(75, 184, 240) 71%, rgb(58, 139, 194) 100%, rgb(38, 85, 139) 100%);
     background-repeat: no-repeat;*/
  min-height: 100%;
  position: absolute;
  width: 100%
}
.mar_bt30
{
    margin-bottom:30px;
}
/*.btn-bottom-fixed
{
    width: 100%;
}*/

.login_main
{
  float: none;
  height: 335px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  margin: auto;
}
.navbar-inverse
{
    background:#787878;
    /*background-image: none;
    background: linear-gradient(45deg, rgb(206, 219, 233) 0%, rgb(97, 153, 199) 0%, rgb(75, 184, 240) 44%, rgb(75, 184, 240) 69%, rgb(75, 184, 240) 71%, rgb(75, 184, 240) 71%, rgb(58, 139, 194) 100%, rgb(38, 85, 139) 100%);
    background-repeat:no-repeat;*/
    }

.logo-bg {
padding-left:0px !important;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(120,120,120,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(120,120,120,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(120,120,120,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#787878',GradientType=1 ); /* IE6-9 */

}

.logo-bg-inner {
   padding-left:0px !important;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(120,120,120,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(120,120,120,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(120,120,120,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#787878',GradientType=1 ); /* IE6-9 */
height:74px;
}
.navbar
{
    min-height: 35px !important;
    border:0px;
}
.navbar.fix
{
    height: 74px !important;
}
.padd_tp60
{
    padding: 100px 10px 20px;
    
}
.padrt_lt10
{
    padding:0px 10px;
}
#dt_basic_wrapper .row
{
    margin-right:0px !important;
    margin-left:0px !important;
}
.menu-rticon
{
      padding: 32px 24px 24px 24px;
  font-size: 21px;
  color: #fff;
  text-align:right;
}
@media screen and (min-device-width: 320px) and (max-device-width: 640px){
    .form_login
    {
        position:fixed;
        overflow:auto;
    }
}
@media screen and (min-device-width: 320px) and (max-device-width: 360px){
    .login_main
    {
        top:-120px;
    }
    .panel-footer
    {
        padding: 10px 6px;
    }
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.center-modal
{
   /*top: 40% !important;*/
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.btnAdd
{
   background: url('images/add-btn.png') no-repeat center;
   width:25px;
   height:25px;
   display:block;
}

.btnDel
{
   background: url('images/delete-btn.png') no-repeat center;
   width:25px;
   height:25px;
   display:block;
}

.btnDel1
{
   background: url('images/delete-btn.png') no-repeat center;
   width:25px;
   height:25px;
   display:block;
}

.btnDetails1
{
   background: url('images/Notes.PNG') no-repeat center;
   width:25px;
   height:25px;
   display:block;
}

.pop_hide
{
    display:none !important;
}
.required:after {
  content:"*";
  color:red;
}
/*.bootstrap-datetimepicker-widget
{
    height:100px !important;
}
    .bootstrap-datetimepicker-widget table td
   {
        height :10px !important;
        line-height:20px !important;
    }
        .bootstrap-datetimepicker-widget table td span
        {
            line-height:0px!important;
            height:10px !important;
        }*/

.nav.navbar-nav li a {
    padding-top: 0;
    padding-bottom: 0;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background-color: #002489;
    border-color: #002489;
}

.btn-primary {
    background-image: -webkit-linear-gradient(top, #002489 0%, #173a9b 100%);
    background-image: -o-linear-gradient(top, #002489 0%, #173a9b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#002489), to(#173a9b));
    background-image: linear-gradient(to bottom, #002489 0%, #173a9b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002489', endColorstr='#173a9b', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #002489;
}
.btn-primary:hover {
    background-image: -webkit-linear-gradient(top, #173a9b 0%, #002489 100%);
    background-image: -o-linear-gradient(top, #173a9b 0%, #002489 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#173a9b), to(#002489));
    background-image: linear-gradient(to bottom, #173a9b 0%, #002489 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#173a9b', endColorstr='#002489', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #002489;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #002489;
    background-position: 0 -15px;
}
.custom-textbox {
    margin-bottom: 15px;
}
.box-sha {
    box-shadow: 0px 0px 10px #002489;
    margin-bottom:15px;
    padding: 0px;
}
.box-sha-inner {
    box-shadow: 0px 0px 10px #787878;
}
.control-label {
text-align:right;
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    .control-label {
        text-align:left;
    }
}