/***
Custom CSS for Canavar v2.

***/

/* ===FONTS=== */

@font-face {
	font-family: 'BrandonGrotesqueMedium';
	src: url("../fonts/BrandonGrotesqueMedium.eot");
	src: url("../fonts/BrandonGrotesqueMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandonGrotesqueMedium.woff2") format("woff2"), url("../fonts/BrandonGrotesqueMedium.woff") format("woff"), url("../fonts/BrandonGrotesqueMedium.ttf") format("truetype"), url("../fonts/BrandonGrotesqueMedium.svg#brandongrotesquemediumregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BrandonGrotesqueRegular';
	src: url("../fonts/brandon_reg.eot");
	src: url("../fonts/brandon_reg.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_reg.woff2") format("woff2"), url("../fonts/brandon_reg.woff") format("woff"), url("../fonts/brandon_reg.ttf") format("truetype"), url("../fonts/brandon_reg.svg#brandongrotesqueregularregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BrandonGrotesqueBold';
	src: url("../fonts/BrandonGrotesqueBold.eot");
	src: url("../fonts/BrandonGrotesqueBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandonGrotesqueBold.woff2") format("woff2"), url("../fonts/BrandonGrotesqueBold.woff") format("woff"), url("../fonts/BrandonGrotesqueBold.ttf") format("truetype"), url("../fonts/BrandonGrotesqueBold.svg#brandongrotesqueboldregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BrandonGrotesqueLight';
	src: url("../fonts/BrandonGrotesqueLight.eot");
	src: url("../fonts/BrandonGrotesqueLight.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandonGrotesqueLight.woff2") format("woff2"), url("../fonts/BrandonGrotesqueLight.woff") format("woff"), url("../fonts/../fonts/BrandonGrotesqueLight.ttf") format("truetype"), url("../fonts/BrandonGrotesqueLight.svg#brandongrotesquelightregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BrandonLight';
	src: url("../fonts/BrandonText-Light.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BrandonBold';
	src: url("../fonts/BrandonText-Bold.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BrandonThin';
	src: url("../fonts/BrandonText-Thin.otf");
	font-weight: normal;
	font-style: normal;
}

@media screen and (max-width:767px) {

	.modalbox{

		height: 500px;
	}

	.table-scroller {
		overflow-x: scroll;
	}
}


@media screen and (min-width:768px) {

	.modalbox{
		height: 575px;
	}

}

@media screen and (min-width:1000px){
/*	#minus_div{
		padding-right:0px;
		padding-left:0px;
		width:20px;
	}

	#fromdate_div{
		padding-right:0px;
	}
	#todate_div{
		padding-left:0px;
	} */
}

body{
	font-size : 12px;
	font-family : Open Sans;
}


@media screen and (max-width: 767px){
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, 
.table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, 
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
  white-space: normal!important;
}
}

.topbar .topbar-left {
	background: #40484e;
}
.navbar-nav > li.topbar-profile > .dropdown-menu {
	background: #40484e;
}

#sidebar-menu > ul > li > a {
	background: #40484e;
}

#sidebar-menu > ul > li {
	background: #40484e;
}
#sidebar-menu > ul > li > ul > li {
	background: #40484e;
}
#sidebar-menu > ul > li > ul > li > a {
	background: #40484e;
}
.side-menu.left {
	background: #40484e;

}
.preview-row {
	margin-top: 60px;
}
.preview-row .fullwidth .column h3 {
	font-weight: 700;
	font-size: 18px;
	width: 100%;
	height: 43px;
	background: #ffffff;
	color: #505458;
	padding: 0 30px;
	display: block;
	line-height: 43px;
}
.preview-row .fullwidth .column .desktop-box {
	width: 100%;
	float: left;
	height: auto;
	min-height: 150px;
}
.preview-row .fullwidth .column .desktop-box .bg-img{
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	height: 158px;
	width: 541px;
	display: table;
}

.preview-row .fullwidth .column .desktop-box .bg-img .inner{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.preview-row .fullwidth .column .desktop-box .bg-img .inner h4{
	font-size: 36px;
	font-weight: bold;
	line-height: 1.42857143;
	color: #333;
	font-family: 'BrandonGrotesqueRegular';
}
.preview-row .fullwidth .column .desktop-box .bg-img .inner p{
	font-size: 24px;
	line-height: 1.42857143;
	color: #333;
	font-family: 'BrandonGrotesqueRegular';
	padding: 0 15px;
}
.preview-row .fullwidth .column .mobile-box {
	width: 375px;
	height: 158px;
	resize:horizontal;

}
.preview-row .fullwidth .column .mobile-box .bg-img{
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	width: 100%;
	display: table;
}
.preview-row .fullwidth .column .mobile-box .bg-img .inner{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.preview-row .fullwidth .column .mobile-box .bg-img .inner h4{
	font-size: 24px;
	font-weight: bold;
	line-height: 18px;
	color: #4a4a4a;
	font-family: 'BrandonGrotesqueRegular';
}
.preview-row .fullwidth .column .mobile-box .bg-img .inner p{
	font-size: 21px;
	line-height: 23px;
	margin: 0;
	color: #4a4a4a;
	font-family: 'BrandonGrotesqueRegular';
	padding: 0 5px;
}