@font-face
{
	font-family: MyFontGothamBook;
	src:url('Fonts/GothamBook/GothamBook.eot');/* this will be applied from IE 9 compatibility mode*/
	src: url('Fonts/GothamBook/GothamBook.eot?') format('embedded-opentype'), /* IE prior versions */
	url('Fonts/GothamBook/GothamBook.woff') format('woff'), /* modern browser that support web open font */
	url('Fonts/GothamBook/GothamBook.ttf') format('truetype'); /* browsers that support true type */
}
@font-face
{
	font-family: MyFontLibreBaskervilleRegular;
	src: url('Fonts/libre-baskerville/LibreBaskerville-Regular.ttf') format('truetype');
}
@font-face
{
	font-family: MyFontLibreBaskervilleBold;
	src: url('Fonts/libre-baskerville/LibreBaskerville-Bold.ttf') format('truetype'); /* browsers that support true type */
}
@font-face
{
	font-family: MyFontLibreBaskervilleItalic;
	src: url('Fonts/libre-baskerville/LibreBaskerville-Italic.ttf') format('truetype'); /* browsers that support true type */
}
.headergv 
{
	text-align: center;
	font-family: 'MyFontLibreBaskervilleRegular', serif;
	font-size: 15px;
}
.col
{
padding-right:1px;
padding-left:1px;
text-align:center;
font-family: 'MyFontGothamBook',Arial;
}
* {
	margin:0;
	padding:0;
	
}
a {
	outline:none;
	text-decoration:none;
	color:#3b7eb7
}
a:hover {
	text-decoration:none;
}
img {
	border-style:none;
}
body
{
	/*background-color:#000000;*/
	/*height: 100%;*/
	background-image: url("../images/Background.jpg");
	background-size: 100%;
    /*background-repeat: repeat-x;*/
}
html, form  
{
	/*background-color:#f6f6f6;
	height: 100%;*/
}
#header
{
	height:150px;
	background:#21578D url(../images/Symbol_Big.png) no-repeat center ; 
	
}
/* login page */
.lblLogin
{	
	height:auto;
	text-transform:uppercase;
	font:14px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:0px;	
	margin-top:10px;
}
.txtLogin_Welcomelabel
{
	color:#e5d8ac;
	border:none;
	height:35px;
	padding:5px;
	padding-left:0px;
	width:100%;
	font:33px MyFontGothamBook,Arial,Helvetica,sans-serif;
	background-color:Transparent;
	text-align:center;
}
.txtLogin_PortalPagelabel
{
	color:#cc9900;
	border:none;
	height:45px;
	padding:5px;
	padding-left:0px;
	width:100%;
	background-color:Transparent;
	font-size:30px;
	font:MyFontGothamBook,Arial,Helvetica,sans-serif;
	font-weight:700;
	text-align:center;
}
.txtCustomersAllProjectCount
{
	height:50px;
	border:solid #e5d8ac 3px;
	padding:5px;
	padding-left:10px;
	font:20px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#cc9900;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	width:100%;
	background-color:Transparent;
	border-radius:5px 5px 5px 5px;
	background-color : rgba(0, 0, 0, 0.5);
	/*border-bottom:none;*/
}
.txtLoginId
{
	height:65px;
	border:solid #e5d8ac 1px;
	padding:5px;
	padding-left:10px;
	font:20px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#e5d8ac;
	width:100%;
	background-color:Transparent;
	border-radius:5px 5px 5px 5px;
	background-color : rgba(0, 0, 0, 0.5);
	/*border-bottom:none;*/
}
.txtPassword
{
	height:65px;
	border:solid #e5d8ac 1px;
	padding:5px;
	padding-left:10px;
	font:20px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#e5d8ac;
	width:100%;
	background-color:Transparent;
	border-radius:5px 5px 5px 5px;
	background-color : rgba(0, 0, 0, 0.5);

}
.txtNormal
{
	height:45px;
	border:solid #e5d8ac 1px;
	padding:5px;
	padding-left:10px;
	font:16px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#e5d8ac;
	width:98%;
	background-color:Transparent;
	border-radius:1px 1px 1px 1px;
	/*border-bottom:none;*/
}
.lblTouchbaselogin
{
	font:20px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#ffffff;
	padding:5px;
}
.btnLogin
{
	background-color:#cc9900;
	width:100%;
	height:65px;
	font:22px MyFontLibreBaskervilleRegular,Arial,Helvetica,sans-serif;
	color:#000000;
	padding:5px;
	border:none;
	border-radius:3px;
	font-family:'MyFontLibreBaskervilleRegular', serif;
}
.btnForgotPassword
{
	width:100%;
	height:65px;
	font:20px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#e5d8ac;
	padding:5px;
	font-weight:normal;
}
.btnEnter
{
	background-color:#4c4d4d;
	width:90%;
	height:45px;
	font:16px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#ffffff;
	padding:5px;
	border:none;
	border-radius:3px;
}
/*.btnForgotPassword
{
	background-color:#468c00;
	width:150px;
	height:35px;
	font:15px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#ffffff;
	padding:5px;
	border:none;
	border-radius:3px;
}*/
.btnReport
{
	background-color:#f9f9f9;
	width:90%;
	height:40px;
	font:16px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#1e4761;
	padding:5px;
	border:none;
	border-radius:3px;
	border-color:#1e4761;
}
.btnReportSelected
{
	background-color:#1e4761;
	width:90%;
	height:40px;
	font:16px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#ffffff;
	padding:5px;
	border:none;
	border-radius:3px;
	border-color:#1e4761;
}

.p4linebreak
{
	line-height:0px;
}
.p4blankheightbelowheader
{
	line-height:15px;
}

.p4linebreakfoenter
{
	line-height:15px;
}
/* login page */


/* user device list page /users/device_lists.aspx*/
.container {
	width: 100%; /* the auto value on the sides, coupled with the width, centers the layout */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
}
.sidebar1 {
	width: 15%;
	margin-top: 0;
	float: left;
	clear:left;
	min-width: 220px;
	min-height:100%;
	height:100%;
	background-color:White;
	z-index:-2;
}
.content {
	width: 100%;
	clear:both;
	float: left;
	overflow:auto;
}
.touchbasetext
    {
	    text-transform:uppercase;	
	    color:#555556;
	    font:17px MyFontGothamBook,Arial,Helvetica,sans-serif;	
	    font-weight:bold;	
    }
/* user device list page /users/device_lists.aspx*/
#add_album_button
{
	float: right;
width: 13%;
position: relative;
top: -36px;
right:-15%;
 }
 .lbl_album_name
 {
 	color:#666666;
 	font:14px MyFontGothamBook,Arial,Helvetica,sans-serif;	
	    font-weight:bold;	
 }
 .ButtonAsLink{
   background-color:transparent;
   border:none;
   color:#ffc926;
   cursor:pointer;
   text-decoration:none;
   font:15px MyFontGothamBook,Arial,Helvetica,sans-serif;	
   font-weight:bold;
   padding: 0px;
   margin-left:15px;
 }
 .ButtonAsLink:hover
 {
 	text-decoration:underline;
 }
 .lblphototitle
 {
 	font:14px MyFontGothamBook,Arial,Helvetica,sans-serif;	
   /*font-weight:bold;*/
   color:#666666;
 }  
  
/* feature page users/user_homepage.aspx*/

#upload_video_button
{
       float: right;
    left: -21%;
    position: relative;
    top: -34px;
    width: 460px;
 /*border:solid 1px Black;*/
 }
 .btnsubmit
 {
     background-color:#ffc926;
     border:none;
     color:Black;
     cursor:pointer;
     text-decoration:none;
     font:12px MyFontGothamBook,Arial,Helvetica,sans-serif;	
     font-weight:bold;
     padding: 8px 30px 8px 30px;
     border-radius:0px;
     margin-left:20px;
 }
 .btnsubmitEditFeaturePage
 {
     background-color:#ffc926;
     border:none;
     color:#fff;
     cursor:pointer;
     text-decoration:none;
     font:14px MyFontGothamBook,Arial,Helvetica,sans-serif;	
     font-weight:bold;
     padding: 8px 30px 8px 30px;
     border-radius:0px;
 }
 #upload_pdf_button
{
 width:auto;
 float:right;
 margin-right:350px;
 margin-top:-35px;
 /*border:solid 1px Black;*/
 }
 .lbl_hidden
 {
 	background:#087bb0;
	color:#FFF;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:1px 5px;
	margin:0 5px;
	font-size:80%;
	font-weight:bold;
 }
 
 .header_complete_row
 {
    text-align:left;
    padding-left:10px;
    height:40px;
    width:80%;
    float:left;	
 }
 .header_indivi_cols
 {
 	float:left;
 	text-align:left;
    padding-left:10px;
    line-height:34px;
 }
  .complete_row
 {
 	border-radius:2px;
 	background-color:White;
    text-align:left;
    padding-left:10px;
    line-height:40px;
    height:40px;
    float:left;
    width:80%;
    margin-bottom:10px;	
 }
 .indivi_cols
 {
 	float:left;
 	text-align:left;
    padding-left:10px;
 }
 .managebuttondiv
 {
 	border-radius:2px;
 	margin-left: 2%;
	text-align: center;
	width: 9%;
	float: left;
	background-color: #ffc926;
	color: black;
	line-height: 40px;
	height: 40px;
	font-size: 17px;
 }
 .inner_button_div
 {
height: auto;
display: none;
z-index: 99999;
background-color: white;
position: relative;
float: right;
text-align:left;
background-color: #999999;
 }
 
 .inner_button_div_element
 {
    background-color: #999999;
    border-bottom: 2px solid #AAAAAA;
    padding-left: 10px;
    text-align: left;
    width: 111px;
 }
 .indivi_cols_img
 {
    border-left: 1px solid #CDCDCD;
    float: right;
    height: 26px;
    padding-top: 14px;
    text-align: center;
    width: 6%;
 }
 .leftsidediv
 {
 	width:224px;
 	position:fixed;
 	top:0;
 	height:100%;
 	background-color:White;
 }
 .rightsidediv_1
 {
    height: auto;
    left: 260px;
    position: relative;
    top: 0;
    width: 77%;
 }
 .rightsidediv
 {
 	height: auto;
    left: 160px;
    position: relative;
    top: 0;
    width:77%;
 }
 .rightside_element
 {
 	height:50px;
 	padding-top:20px;
 	float:left;
 	width:100%;
 }
 html *
 {
 	font-size:15px;
 }
 #master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #FFFFFF;
    color: white;
    background-color: #444444;
	font-family: MyFontGothamBook,Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-image: url('../images/expand.png'); 
	/* Point to your plus img */   
	background-repeat: no-repeat; 
	background-position:right;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.btnHeader
{
	background-color:#393839;
	width:100%;
	height:40px;
	font:16px MyFontGothamBook,Arial,Helvetica,sans-serif;
	color:#ffffff;
	padding:5px;
	border:none;
	border-radius:3px;
	cursor:pointer;
}

.btnGriedView {
    background-color: #4c4d4d;
    width: 97%;
    height: 25px;
    /* font: 16px Arial,Helvetica,sans-serif; */
    color: #ffffff;
    padding: 5px;
    border: none;
    border-radius: 3px;
    margin: 5px;
    cursor:pointer;
}

.HeaderFreez
{
	position:relative ;
	top:expression(this.offsetParent.scrollTop);
	z-index: 10;
}

.select 
{
	font-family: MyFontGothamBook,Arial,Helvetica,sans-serif;
	font-size: 15px;
	border:solid 1px #555555;
	color:#e5d8ac;
	background-color:#0f1012;
	border-radius:5px;
	-webkit-appearance: none; 
	background:url("../images/arrow_gold_down.png");
	background-position:right;
	background-repeat:no-repeat;
	width:100%;
	padding:10px;
}

.advanced
{	
	width:100%;
	height:auto;
	min-height:200px;
	border:solid 2px #cb9800;
}

.divgrid
{   
	width: -moz-calc(100%);
	width: -webkit-calc(100%);
	width: calc(100%);
	
	height: -moz-calc(100% - 275px);
	height: -webkit-calc(100% - 275px);
	height: calc(100% - 275px);
	overflow:scroll;
}
    .divgrid table
    {
        width: 100%;
    }
    .divgrid table th
    {
        text-align: center;
        font-family: 'MyFontLibreBaskervilleRegular', serif;
        font-size: 15px;
    }
    
.gridview
{
	height:100%;
}
.divgrid-header 
{
	 width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 6px);
}
.tbl_header
{
	width: -moz-calc(100%);
	width: -webkit-calc(100%);
	width: calc(100%);
}
.select {
	border:solid 1px #cb9800;
	color:#e5d8ac;
	font-size: 17px;
	background-color:#0f1012 !important;
	border-radius:5px;
	-webkit-appearance: none;
	background:url("../images/arrow_gold_down.png");
	background-position:right;
	background-repeat:no-repeat;
	width:100%;
	/* padding:10px; */
}
 /*for sub menu css*/
.flex_tab_container_SubMenu {
	display: flex;
	height: 65px;
	padding-left: 15px;
	padding-right: 44px;
	margin-top: -10px;
	position: fixed;
	width: 100%;
	z-index: 1;
}

.child_SubMenu {
	width: 16.2%;
}

.Initial_SubMenu {
	background-color: transparent;
	width: 100%;
	color: #E7DAAD;
	font-weight: bold;
	border-width: 0px;
	text-transform: uppercase;
}


@media (min-device-width:1280px) and (max-device-width: 1440px) {
	.headergv {
		font-size: 12px !important;
	}
}