﻿body {
    font-family: Calibri !important;
    font-size: 16px;
}

/*===============Common Styles============*/

.lblNoPadding{
    padding:0px !important;
}

.lblNoMargin{
    margin:0px !important;
}

/*===============End=====================*/

/*============Top Panel Styles=============*/

.my-Top-Panel {
    box-shadow:none !important;
    margin-left:-30px;
}

.my-Top-Panel .top-buttons {
    float:left;
    margin-right:5px;
}

/*============End Top Panel Styles=========*/


/*============Save confirmation popup==============================*/

.message_wrap
{
float: left;
width: 100%;
background-color: #ddd;
padding: 5px;
border-radius: 3px;
margin-bottom: 10px;
}

.message_wrap h4
{
margin-top: 2px;
margin-bottom: 0px;
color: #000000;
float:left;
}

.message_wrap div
{
float:right;
border-radius: 5px;
}

.message_wrap input
{
width: 25px;
padding: 5px 5px 0px 5px;
}

.panel-body .my-button {
    border:0px;
    border-radius: 3px;
    padding: 2px 8px;
    margin-top: 5px;
}

.message_wrap-out .table-responsive {
    color:green;
}

/*=============Save Popup End==================================================*/


/*================Content Panel Styles======*/

.my-Content-Panel {
    margin-top:-30px;
    border-radius:5px !important;
    margin-bottom:50px;
    position: relative;
}

.my-Content-Panel-Header-Height {
    height:30px !important;
    padding: 5px 15px !important;
    background-color:#1F5D8C !important;
    border-radius:0px !important;
}

.my-Content-Sub-Panel {
    border:0px !important;
    margin-bottom:-35px;
    margin-top:-10px;
    box-shadow:none !important;
    margin-left:10px;
}

.my-TextBox {
    height:25px !important;
    padding:5px !important;
    font-size:13px;
}

.my-Help-Button {
    border-radius: 10px;
    font-weight: bolder;
    height:20px;
}

.my-Validate-Button{
    border-radius: 10px;
    font-weight: bolder;
    height:20px;
    font-size:9px;
}

.my-label {
    font-weight:normal !important;
    font-size: 13px !important;
    padding: 1px /*!important*/;
    line-height: 0.9 !important;
    font-family:Calibri !important;
}

.my-textArea{
    height:40px !important;
    padding:5px !important;
    font-size:12px;
}

.my-checkbox label {
	margin-top: 1px;
	float: left;
	margin-left: 5px;
    font-size:13px;
}

.my-Button {
    width:85px;
    height:25px;
    border-radius:2px;
}

.my-Content-Panel-footer {
    background-color:#1F5D8C !important;
    padding: 5px 15px !important;
    
}

.my-Form-Group-Margin-Bottom {
    margin-bottom:3px;
}

.my-Form-Group-Margin-Top {
    margin-top:10px;
}

.d_none {
    display:none;
}


/*================End Content Panel Styles======*/


/*================Grid View Style=================*/

.gridViewStyle {
    width:500px;
    background-color:white;
    padding:5px;
    border:2px solid #337AB7;
    font-family:Calibri;

    padding: 4px !important;
    line-height: 1.42857143 !important;
    vertical-align: top !important;
    border-top: 1px solid #ddd !important;
}

.gridviewHeader {
    font-family:calibri;
    font-size:11pt;
    background-color:#2A8AD1 !important;
    color:White;
}

.gridViewRow {
    font-family:calibri !important;
    font-size:14px;
}

/*.gridViewRow  td{
    padding:2px !important;
}*/

/*gridview - For pagination*/
/*.table table  tbody  tr  td a ,
.table table  tbody  tr  td  span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}

.table table > tbody > tr > td > span {
z-index: 3;
color: #fff;
cursor: default;
background-color: #6FA014;
border-color: #6FA014;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.table table > tbody > tr > td:last-child > a,
.table table > tbody > tr > td:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.table table > tbody > tr > td > a:hover,
.table   table > tbody > tr > td > span:hover,
.table table > tbody > tr > td > a:focus,
.table table > tbody > tr > td > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}*/

.labelFont a {
    color: black;
    float: left;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 5px;
    margin-right:4px;
}
.labelFont span {
    background-color: #164a6f;
    color: white;
    border-radius: 5px;
    float: left;
    padding: 3px 10px;
    text-decoration: none;
    margin-right:4px;
}

.labelFont a:hover {background-color: #ddd;}

.labelFont
{
   font-size:15px;
}

.labelFont table{
    margin-top:5px;
    margin-bottom:5px;
}

/*end gridview */

/*================End Grid View Style=============*/

/*===============Home Page Styles====*/

.my-home-page-jumbotron{

    margin-top:80px !important;
    color:white;

}


/*=============End Home page styles===*/



/*===================Validation Styles=====================*/

.my-required{
  content:"*";
  color:red;
  font-size:14px;
}

.AlertLabel
{
    font-size:13px;
    color:red;
}

/*======================End Validation Style===============*/


/*===================Change Password Panel==================*/

.changePasswordPanel 
{
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border:1px solid #6FA014;
    margin-top:30px;
}


/*==================End Change Password Panel ===============*/

/*=================User Access Rights====================*/


.my-DropDown{
    height:25px !important;
    padding:2px !important;
    font-size:12px;
}

.my-DropDownTimePicker{
    height:25px !important;
    padding:2px !important;
    font-size:12px;
}

/*==================End User Access Rights=================*/

/*====================Master Page==============================*/

.menu-style li :hover
{
    background-color:#ffffff;
    color:black !important;
    /*margin-left:2px;*/
    border-radius:5px;
}

.menu-style li {
    width:185px;
}

.menu-style li a{
     color:white !important;
}

.my-col-sm-3{
    width:40% !important;
}

.my-DropDownMenu{
    background-color:#0C6FB8  !important;
    /*width:44%;*/
}

/*=================End Master Page=============================*/


/*=================Help Grid View Style========================*/


.my-grid {
    box-shadow:10px 10px 10px 10px;
}

.my-grid td{
    word-break:break-all;
    word-wrap:break-word;
    font-size:13px;
    /*width: 100px;*/
}

.my-grid th {
    background-color:#388DD1;
    font-size:13px;
}

.AltRow{
     background-color:#dbd5d5;
     /*Color:#337AB7;*/
    word-break:break-all;
    word-wrap:break-word;
    font-size:13px;
}

.AltRowHelp{
     background-color:#dbd5d5;
     /*Color:#337AB7;*/
    word-break:break-all;
    word-wrap:break-word;
    font-size:13px;
}


.AltRowHelp td {
    padding-left:5px !important;
}

.AltRow td {
    padding:0px !important;
    padding-left: 3px !important;
}

.gridViewRow td{
    padding:0px !important;
    padding-left: 3px !important;
}

.Grid-Cancel-Button{
    border:2px #808080 solid !important;
    font-size: 13px;
    width:85px;
    height:30px;
    border-radius:2px;
}

.my-grid-view th{
    background-color:#388DD1;
    font-size:13px;
}

.my-file-gridView td{
    border-color:white !important;
}


.My-Row{
    font-family:calibri;
    font-size:11pt;
    /*Color:#337AB7;*/
}

.gridViewDiv {
    width:600px;
    overflow:auto;
}



/*==================End Help Grid View Styles======================*/


/*===================Login Form Styles=============================*/

.my-btn-signIn {
    
    background-color:#6FA014;
}

/*===================End Login Style==============================*/

/*===================Vendor Application start============================*/

.venappLbl {
    margin-left: 142px;
}

/*====================Vendor Application End==============================*/

/*====================Vendor Registraion Styles====================*/

.mycheckbox label
{ 
    margin-left: 10px; 
}

.otherTxtBox 
{
    margin-top:5px
}

.my-FieldSet{
    font-family: Calibri !important;
    font-size: 16px;
}

.lblFlMsg{
    margin-left: 69px;
}

/*=====================End Vendor Registration Styles================*/

/*======================Loader Style=================================*/

 .modal
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.center
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center img
{
    height: 128px;
    width: 128px;
}

/*=======================End Loader Style=============================*/


/*==================Login Form Styles================================*/

.my-login-textbox {
    margin-bottom:0px !important;
}


/*==================End Login Form Styles=============================*/



/*===================Approve Vendors Styles - Start====================*/


.rblApprovalStatus label {

    font-weight: bold;
    font-size: 13px !important;
    padding: 1px;
    line-height: 0.9 !important;
    font-family: Calibri !important;
}

/*=====================Approve Vendor Styles - End======================*/


/*========================ViewVendor Styles - Start=========================*/

.ViewVendor {
    margin-top: -5px !important;
    margin-bottom: 7px !important;
    /*margin-left: -45px !important;*/
}

.my-btnSearch {
    height:25px;
    border-radius:2px !important;
    margin-left:10px;
}

.lblOther
{
    margin-top:4px;
}

.approvalRadios label{
    margin-right: 14px;
}

.my-grid-view .gridViewRow td {
	font-size: 13px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
    padding-left: 3px;
}

.responsive_grid .gridviewHeader th {
	padding-left:5px;
}

.my-grid-view .gridviewHeader th {
	padding:5px;
}

.responsive_grid td  {
    padding-left:2px !important;
    font-size: 13px;
}

.my-control-label{
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

/*=========================View Vendor Styles  - End ======================*/


/*=======================RFP Add to List Styles  - start============================*/

.disableButtons {
    pointer-events:none;
}

.rfpAddTolistBtn {

    width:89px !important;
    margin-left:5px;
}

.rfpAddTolistBtn2 {

    width:107px !important;
    /*margin-left:-3px;*/
}

.rfpFileUploaderHeight{
    height:28px;
}

.TimePicker input
{
    font-size: 13px !important;
    height: 25px !important;
    width: 18px !important;
    padding: 2px !important;
    /*border-radius: 23px !important;*/
    margin-bottom: 22px;
    text-align: center;
}

.TimePicker img{
   margin-bottom: 17px;
   margin-top:-10px;
   height:10px;
}

.TimePicker img:first-child {
    padding-bottom: 0px;
    margin-bottom: 3px;
    height: 14px;
}

.TimePicker img:last-child {
    padding-bottom: 0px;
    margin-bottom: 21px;
    height: 14px;
}

/*.TimePicker #imgDown{
   margin-top:-29px;
}*/


.my-TimePicker{
    width:51px;
}

/*=========================RFP Add to List Styles End=======================*/

/*====================Acknowldge Form Styles=================================*/

.acknowledge {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

.acknowledge .control-label {
    text-align:left;
}

/*====================END====================================================*/

.navbar-brand h3 {
    margin-top:12px;
    color:#f2f2f2;
    font-size:32px;
    margin-bottom:0px;
}

.navbar-brand h3:hover {
    color:#fff;
} 

@media (max-width:767px) {

.comlogo img {
    right: 70px;
    top: 12px;
}

.navbar-left {
    margin-left: 0px;
}

#navbar {
    padding-top: 5px;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-toggle {
    margin-top: 14px;
}

#lnkbtnSignOut {
    color:#f2f2f2;
}

.login_page .navbar-toggle {
    display:none;
}

.validateBtn {
   margin-left:15px; 
}

}

@media (max-width:979px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}

.addTolist {
    float:left;
    margin-left:15px; 
    margin-right:5px;
}


.gvSelectVendors{
    float: left;
    text-align: right;
    width: 14%;
    padding-right: 18px;
}


/*==================blink====================================================*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    color:red;
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.aspNetDisabled {
    cursor:not-allowed;
}
