/*START: CENTER OF SCREEN*/

html, body, .container-table {
    height: 100%;
	
}

body {
  height: 100%;
  
}
.container-table {
    display: table;
	
	
}
.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}

/*END: CENTER OF SCREEN*/


.loading_container
	{  position:fixed; top:0; bottom:0; width:100%; height:auto; z-index:3000; background-color:rgba(0,0,0,0.5); display:none; 		}
	
	.loading_content
	{ position:absolute; top:50%; left:45%; color: white;}
	
	
	.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  
}

/*START: TABLE FIXED HEAD*/
.tableFixHead { overflow-y: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }
/*END: TABLE FIXED HEAD*/



/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.outer_box
{
	background-color:#cbcbcb;
	
}
.jqInvalid
{
	border:1px solid red !important;
}

.clear
{
	width:100%;
	clear:both;
	
}


/*Brand customization*/

#content
{
	/*margin-top:130px;	*/
}

.outer_box
{
	background-color:white;
	/*position:fixed;*/
	top:0;
	
	z-index:1;
	/*height:65px;*/
	
}



/*FARASUN*/
/*
.panel-primary>.panel-heading
{
	color:#fbaa1b !important;
	background-image: -webkit-linear-gradient(top,#1e1f21 0,#1e1f21 100%) !important;
	
}

.btn-primary {
	background-image: none !important;
    filter: 	
}

.btn-primary {
    color: #fff;
    background-color: #fcaa1a !important;
    border-color: #624004 !important;
}
*/



/* Small screens (phones) */
@media (max-width: 600px) {
  #content. {
    margin-top:30%;
  }
}

/* Medium screens (tablets) */
@media (min-width: 601px) and (max-width: 900px) {
  #content. {
    margin-top:10%;
  }
}

/* Large screens (desktops) */
@media (min-width: 901px) {
  #content. {
    margin-top:20%;
  }
}