body{
	font-family: 'Montserrat', sans-serif;
	color: #282828;
	font-size: 12px;
	font-weight: 400;
	background-color: #f8f9fa;
}
.nopadding{
	padding: 0 !important;
}
/*** Checkboxes and Radio Buttons ***/

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

.form-group{
	float: left;
	width: 100%;
}
ul, ol{
	margin: 0;
	padding: 0;
}
a{
	color: #0800ef;
}
a:hover{
	text-decoration: none;
}

p{
	margin: 0 0 20px;
}
h1{
	font-size: 32px;
}
h1, h2, h3, h4, h5, h6{
	line-height: 1.5;
}
h2{
	font-size: 30px;
}
h3{
	font-size: 25px;
}
h4{
	font-size: 20px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}
.btn-primary {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
.btn-primary.active{background-color: #CCCCCC !important;color: #fff !important;}
.btn-primary:hover {
    color: #000 !important;
    background-color: #CCCCCC !important;
    border-color: #adadad !important;
}

.topnav{
	background-color: #12193a;
	float: left;
	width: 100%;
	padding: 20px 0 15px;
}
.nav-left{
	float: left;
}
.nav-left li{
	list-style-type: none;
	display: inline-block;
}
.nav-left li a{
	display: block;
	color: #fff;
	font-weight: 200;
	padding: 10px 15px;
}
.nav-left li a:after{
	content: '';
	background: #f7b01f;
	clear: both;
	width: 0;
	display: block;
	height: 2px;
	margin: 5px auto 0;
}
.nav-left li a:hover:after{
	width: 50%;
}
.nav-btns{
	float: right;
}
.nav-btns .btn{
	background: rgba(255,255,255,0.1);
	padding: 10px 20px;
	color: #fff;
	display: block;
	float: left;
	margin: 0 5px;
}
.top_button_area{
	padding: 12px;
    border-bottom: 1px #dfe4e7 solid;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.page_header{padding: 20px 15px 18px 15px; margin-right: 10px; text-align: center; border-radius:0px 0px 2px 2px;}
.page_data{padding: 40px 4px 18px 4px; margin: 8px 10px 0px 0px; text-align: center; border-radius:0px 0px 2px 2px; min-height:100px}
.page_data_item{padding: 3px 5px 0px 5px; margin: 8px 0px 0px 0px; text-align: center; border-radius:0px 0px 2px 2px;min-height:100px}

.bg-wht{background: #FFF;}

.btn{ font-size:12px !important;padding: 6px 7px;}

.act_btn{font-size: 14px !important;
    padding: 15px !important;}
.act_btn:hover{background:#626ec5 !important; color:#FFF}

.actions_button .started{background:#626ec5 !important; color:#FFF;}
.actions_button .finalzing{background:#626ec5 !important; color:#FFF}
.actions_button .ready{background:#4e8b4c !important; color:#FFF}

.ready_row{ background:#afafaf}

.p_name{ font-weight:bold}
.row{margin-right:0px; margin-left:0px;}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 .tags_btn{  
    font-size: 12px !important;
    padding: 5px 7px;
    background-image: linear-gradient(#fcfcfe, #fff, #fcfcfe);
    margin: 2px 2px;
 }
.tags_btn:hover {color: #000;background-color: #afafaf;background-image:none}
.tags_btn.dropdown-toggle{ font-size:14px !important;padding:5px 30px; background-image: linear-gradient(#fcfcfe, #fff, #fcfcfe); margin: 0px 4px;}
/* Table sort indicators */
.page_header.sortable {
  position: relative;
  cursor: pointer;
}

.page_header.sortable::after {
  font-family: FontAwesome;
  content: "\f0dc";
  position: static;
  color: #999;
  padding-left: 8px;
}

.page_header.sortable.asc::after {
  content: "\f0d8";
}

.page_header.sortable.desc::after {
  content: "\f0d7";
}

.page_header.sortable:hover::after {
  color: #333;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/Preloader_2.gif) center no-repeat #fff;
}