/* 
Compnay: TBS
Developer : Nirmal Singh
Design : Sudarshan Kuamr 

This file is used for css Customization 
*/

/*------------------LOGIN FORM CSS ---------------------------------*/

.copyright,.sep{ background:#1a99da; color:#fff;}
.sep {padding:1em 0;}
.copyright{margin-top:1em;}
.copyright p{padding:5px 0; text-align:center}


.invoiceOuter{ max-width:540px; margin:3em auto; padding:0 1em 1em 1em; border-radius:10px;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #e0e0e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7f7f7 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.invoiceOuter .title{ border-bottom:1px dashed #ccc; background:url(../images/lock.png) no-repeat 0 5px; padding-bottom:10px; margin-bottom:10px; padding-left:45px;}
.invoiceOuter .title h2{ text-transform: capitalize;
    margin: 0;
    padding: 1em 5px 0;
    font: bold 20px arial;
    color: #717070;
    margin-bottom: 5px;
}
.sep h1{
    font: bold 20px arial;
	margin: 0 0 0 0;
	padding: 0 0 0 0; color:#fff
} 

.btn-info {
	color:#fff;
	background-color:#1a99da;
	border-color:#0471a9;
}

.btn-info.focus, .btn-info:focus {
	color:#fff;
	background-color:#1a99da;
	border-color:#0471a9;
}
.btn-info:hover {
	color:#fff;
	background-color:#3FAAE0;
	border-color:#0471a9;
}

.invoiceOuter .title p{margin:0;} 


/*------------------------------------------ LOGIN FORM CSS END -----------------------------*/

* { margin: 0; padding: 0; }
img { max-width: 100%; }
.no-padding { padding: 0 }
.center, .center p { text-align: center!important; }
.right { float: right; }
.left { float: left; }
p { text-align: justify; }
/* ===========================HEADER START==================================  */



/* =========================================================Navigation Start================================== */

nav, #navigation ul ul li a { background: #393939; /* Old browsers */ background: -moz-linear-gradient(top, #393939 0%, #101010 100%); background: -webkit-linear-gradient(top, #393939 0%, #101010 100%); background: linear-gradient(to bottom, #393939 0%, #101010 100%); }
nav .showMobile{display:none;     float: left;
    width: 95px;
    padding-top: 8px;
    margin-left: 15px;}
nav { border-bottom: 5px solid #26508C; border-top: 1px solid #707070; }
#navigation { position: relative; }
#navigation ul { list-style: none; margin: 0; padding: 0 }
#navigation ul.menu { border-left: 1px solid #151515; box-shadow: -1px 0 0 #4B494A; float: left }
#navigation li { float: left; position: relative; padding-left: 1px; border-right: 1px solid #151515; box-shadow: 1px 0 0 #4B494A; }
#navigation li a { line-height: 47px; padding: 0 30px; display: block; text-transform: uppercase; transition: none; color: #fff; position: relative; z-index: 999; font-size: 14px; font-weight: 600; }
#navigation li a:hover, #navigation li.active a { background: #474747; background: -moz-linear-gradient(top, #474747 0%, #474747 50%, #010101 51%, #010101 100%); background: -webkit-linear-gradient(top, #474747 0%, #474747 50%, #010101 51%, #010101 100%); background: linear-gradient(to bottom, #474747 0%, #474747 50%, #010101 51%, #010101 100%); text-decoration: none }
#navigation ul.menu > li.active > a:after { }
.mobile-menu { position: static; right: 0; top: 00px; line-height: 45px; cursor: pointer; display: none; padding: 0 15px; color: #808080; font-size: 35px; text-align:right; float:right }
/* submenu */
#navigation > ul > li span { content: ""; position: absolute; right: 8px; top: 50%; z-index: 999; }
#navigation > ul > li:hover > ul { display: block; }
#navigation > ul > li > ul { position: absolute; width: 225px; display: none; }
#navigation ul ul li { display: inline-block; width: 100%; padding: 0; border: none; }
#navigation ul ul li a { line-height: normal; padding: 10px; font-weight: 400; }
#navigation ul ul li:last-child a { border-bottom: none; }
.welcome h1 { padding: 3em 0 0; }
.banner { background: url('../images/bg-yellow.jpg') repeat; margin-bottom:2em }
.banner .row { background: url('../images/yellow_bg.jpg') no-repeat; padding: 17px 0 }
.banner h1 { font-size: 42px; margin-bottom: 0; color: #fff; }
/* =========================================================Navigation End================================== */

#footer { background: #363436; color: #fff; border-top: 5px solid #274F8C; padding: .5em 0; margin-top:2em }
#footer .ftrsec { background: url(../images/logo-futer.png) no-repeat right; }

.content{ min-height:230px;}

.midTitle{
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
	margin-bottom:20px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}
.outerborder{ border:1px solid #E8E8E8}
.userfrm{ padding:2em 3em; width:75%; margin:auto}
.userfrm .btn{     padding: 5px 25px;
    font-weight: 600;
    text-transform: capitalize;}
.table{border:1px solid #ddd}	

.btn-group a.btn,.btn-group .btn{ margin-right:5px; height:auto; padding:3px 15px; margin-bottom:15px;}

.dropdown-menu>li>a i.fa-file-pdf-o{ color:#d70000}
.dropdown-menu>li>a i.fa-file-word-o{ color:#174280}
.dropdown-menu>li>a i.fa-file-word-o.gdoc{ color:#3C763D}


/* =====================================================
|														|
|			MEDIA CUSTOM CSS START						|
|														|
====================================================== */

@media only screen and ( max-width: 1200px ) {
}
@media only screen and ( max-width: 991px ) {
}
@media only screen and ( max-width: 850px ) {
}
@media only screen and ( max-width: 800px ) {
}
@media only screen and ( max-width: 767px ) {
/* menu start */
.banner .hideMobile{display:none;}
nav .showMobile{display:block;}
nav .container { padding: 0 }
#navigation ul.menu { width: 100%; position: static; z-index: 9999; border: none; box-shadow: none }
.mobile-menu { display: block; color: #fff!important }
#navigation li { width: 100%; border: none; padding: 0; }
#navigation li a { display: block; border-bottom: 1px solid #4A4A4A; line-height: 40px; padding-left: 25px; background: #323232; }
#navigation li.active a, #navigation li a:hover { background: #828282 }
#navigation > ul > li:hover > ul { display: none; }
#navigation > ul > li span { width: 45px; height: 40px; background: url(../images/iconDown.png) no-repeat 50% #886B25; cursor: pointer; top: 0; border: none; right: 0; z-index: 1234 }
#navigation ul ul li a { line-height: normal; padding: 7px 0 7px 30px; font-weight: 400; background: #434243; }
#navigation > ul > li > ul { position: relative; width: 100%; padding-top: 0 }
#navigation ul.menu > li.active > a:after { left: 0; height: 100%; top: 0; width: 7px; }
/* menu close*/
.banner .row{padding:0;}
.banner h1{ text-align:center; font-size:25px; margin:0; padding:2em 0}
}
@media only screen and ( max-width: 480px ) {
}
@media only screen and ( max-width: 460px ) {
}

.error{color:#FF0000;}
.error-txt{color:#FF0000;}
.success-txt{color:#008000;}
/* ==================================================MEDIA CUSTOM CSS START=========================== */

select.sel-custome {max-width:140px!important;}
.form-addbox{ padding:0 3%; }
.form-group{ position:relative;}
.deleteImg{ position:absolute; right: -5px; cursor:pointer;   top: 35px;}
.add {
    background: url('../images/add-new.png') no-repeat 50%;
    width: 74px;
    height: 23px;
    border: none;
    margin-top: 7px;
    cursor: pointer;
}


.table-hover tr{
	font-size:12px !important;
}
.prankerror{
	    border: 2px solid red;
}
.table-responsive {
    min-height: .01%;
    overflow-x: initial;
	  width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.container{ position:relative; }
.anktimer{ position:absolute; right:15px; top:-20px; }

#timer { font-size:25px; color:#143666;  }
#timer span{ display:inline-block; background:#143666;  margin:0 3px;  color:#fff; padding:5px 10px; border-radius:5px; border:1px solid #ccc; box-shadow:0 0 2px #333;  }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	text-align: left;
}
.table tr td:nth-child(3){ max-width:205px; white-space: normal;word-wrap: break-word;}
.msgsucess , .msgerror{display: none ;}
.ankbt{
	padding: 2px 13px !important;
    margin-bottom: 0px !important;;
}
.ankul-invoice{
display:none;	
}
   .remstatusank,.projectank,.projremstatus{
	      padding: 0px;
    background: #1A99DA;
    color: white;
    font-size: 11px;
    border: 2px solid #24614D;
    padding-left: 5px;
    font-weight: 600;
	border-radius: 0.4em;
	padding-top: 1px;
    padding-bottom: 1px;
	width: 80%;
   }
   .projectpayment{
	   padding: 0px;
    background: #1A99DA;
    color: white;
    font-size: 11px;
    border: 2px solid #24614D;
    padding-left: 5px;
    font-weight: 600;
	border-radius: 0.4em;
	padding-top: 1px;
    padding-bottom: 1px;
	width: 80%; 
   }
   .anktxt{
	   width: 40px;text-align: center;
     }
	 .anktxt2{
	   width: 80px;text-align: center;
     }

#doublescroll{/*overflow-y:scroll; max-height:800px */}


#doublescroll table.table-striped th,#doublescroll table.table-striped td{ }
#doublescroll table.table-striped{table-layout: fixed;}
#doublescroll table.table-striped thead tr{display: block;position: relative;}
#doublescroll table.table-striped tbody{display: block;overflow: auto;overflow-x:hidden;height: 500px;}


form.form-inline.left .form-group select[name="invstatus"],
form.form-inline.left .form-group select[name="projectstatus"]{ width:100px;}



#doublescroll table.table tr.onMouse,#doublescroll table.table tr:hover{ background-color:#aecfff}