/* @override http://192.168.1.153/theme/css/theme.css */

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

@font-face {
  font-family: 'Din';
  src: url('../fonts/DINOT-Bold.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/DINOT-Bold.otf')  format('opentype'),
	   url('../fonts/DINOT-Bold.woff') format('woff'),
	   url('../fonts/DINOT-Bold.ttf')  format('truetype'),
	   url('../fonts/DINOT-Bold.svg#DINOT') format('svg');
  font-weight: 600;
  font-style: bold;
}

@font-face {
  font-family: 'Din';
  src: url('../fonts/DINOT-Bold.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/DINOT-Bold.otf')  format('opentype'),
	   url('../fonts/DINOT-Bold.woff') format('woff'),
	   url('../fonts/DINOT-Bold.ttf')  format('truetype'),
	   url('../fonts/DINOT-Bold.svg#DINOT') format('svg');
  font-weight: 700;
  font-style: bold;
}

@font-face {
  font-family: 'DinCond';
  src: url('../fonts/DINOT-Cond.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/DINOT-Cond.otf')  format('opentype'),
	   url('../fonts/DINOT-Cond.woff') format('woff'),
	   url('../fonts/DINOT-Cond.ttf')  format('truetype'),
	   url('../fonts/DINOT-Cond.svg#DINOT') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'DinCond';
  src: url('../fonts/DINOT-CondBold.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/DINOT-CondBold.otf')  format('opentype'),
	   url('../fonts/DINOT-CondBold.woff') format('woff'),
	   url('../fonts/DINOT-CondBold.ttf')  format('truetype'),
	   url('../fonts/DINOT-CondBold.svg#DINOT') format('svg');
  font-weight: 700;
  font-style: bold;
}



/* @group Basics */

body {
    font-family: "din", "Avenir", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

#bannerContainer {
    margin-top: 60px;
}

.cloud_container{
	border-radius: 0;
	background-color: rgba(255, 255, 255, 0.98);
	min-height: 400px;
	margin-top: 0px !important;
}

@media (max-width: 979px) {
    .cloud_container {
        margin-top: 0px;
    }

    #bannerContainer {
        margin-top: inherit;
    }
}

.cloud_pageHeader{
	font-family: "DinCond";
	text-transform: uppercase;
}

/* @end */

/* @group Controls */
.btn {
	color: #333;
	border-radius: 0;
	border-color: rgba(255, 255, 255, 0) !important;
	text-shadow: none;
	font-family: "din" !important;
	font-weight: 700 !important;
	text-transform: capitalize;
	background-color: #d9dfe1;
}
.btn-primary[disabled]{
	background-color: #199ed9;

}
.btn-success {
	color: #FFF;
	background-color: #5bb75b;
}
.btn-danger {
	color: #FFF;
	background-color: #f3523e;
}
.btn-info {
	color: #FFF;
	background-color: #49afcd;
}
.btn-warning {
	color: #FFF;
	background-color: #faa732;
}
.btn-primary {
	color: #FFF;
	background-color: #199ed9;
}
.btn-primary:not([disabled]):hover{
	background-color: #11719b;
}
.btn-inverse{

	background-color: #355460 !important;
	color: #ffffff;
}
.btn-mini{
	text-transform: uppercase;
	font-size: 10.0px;
}

.alert{
	border-radius: 0;
	border-width: 1px;
	border-color: rgba(255, 255, 255, 0);
}
.label {
	border-radius: 0;
	text-shadow: none;
	font-family: Din;
}
input{
	font-family: din;
}
/* @end */

/* @group Headers */
h3 {
	font-family: Din;
	font-weight: 700 !important;
	text-transform: uppercase;
	color: #687f88;
}
.mutedLight{
	color: #B3BEC3;
}
.pull-right{
	font-family: Din;
}
.cloud_pageHeader p{ /* this is primarily a fix for backup insights */
	font-family: din;
	text-transform: none;
	margin-top: 7px;
	margin-bottom: 0;
}
/* @end */

/* @group Header */
.navbar{
	background-color: #002a3a;
	font: bold 16px "din";
}
.navbar-inner{
	min-height: 60px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0) !important;
}
.navbar-inner .nav-collapse .nav li a{
	padding-top: 20px;
	padding-bottom: 19px;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a{
	color: rgba(255, 255, 255, 0.9);
}
.navbar .dropdown-menu a{

	line-height: 32px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.navbar .dropdown-menu{
	border-radius:0;

}

.dropdown-menu>li>a:hover{
	background-color: #199ed9 !important;
	background-image: none;
}
.dattoLogoWhite{
	width: 0;
	height: 0;
	background: url(../img/logo-white.svg) no-repeat;
	padding-left: 131px;
	padding-top: 30px;
	position: fixed;
	top: 14px;
}
.navbar b.caret {
	background: url(../img/arrow-down.svg) -3px -5px no-repeat !important;
	display: inline-block;
	border-style: none;
	padding-left: 11px;
	padding-top: 11px;
}
/* @end */

/* @group Continuity Audit */
.data-cell{
	padding-left: 20px !important;
	vertical-align: middle !important;
}

/* @end */

/* @group Misc */
.datto-agent:last-of-type{
	border-bottom-style: none !important;
	margin-bottom: 0 !important;
}
/* @end */

/* @group Fixes for Awful */
#reportDiv{
	width: 100%;
	margin-top: -50px;
	margin-bottom: 10px;
}
#reportDiv h3{
	margin-top: 50px;
	border-bottom-style: solid;
}

/******* Inline style replacement classes *************/

.row-has-error {
  background-color: #FF9999
}

.margin-top-none {
  magin-top: 0;
}

.padding-left-none {
  padding-left: 0;
}

/* @end */

/****************************************/
/********* DEVICE PORTAL UPDATES ********/
/****************************************/


/********* CHECKBOX GRID ****************/

/*  Checkbox Styles */
.grid-checkbox {
    opacity: 0;
    position: absolute;
}

.grid-checkbox, .grid-checkbox-label {
    vertical-align: middle;
    cursor: pointer;
}

.grid-checkbox-label {
    margin: 0;
}

.grid-checkbox + .grid-checkbox-label:before {
    content: '';
    background: #E5E9EB;
    border: 1px solid #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    text-align: center;
}

.grid-checkbox:checked + .grid-checkbox-label:before {
    background: #58c990;
}

/* Checkbox Grid Table Styles */

.hourTable {
  margin-bottom: 15px;
}

.hourTable a {
  font-weight: normal;
}

.hourTable td {
  padding: 0;
  height: 25px;
  width: 24px;
}

.hourTable td.grid-day {
  padding-right: 3px;
}

input[type="checkbox"][disabled]+label.grid-checkbox-label:before {
  background: #F5F6F7;
  cursor: not-allowed;
}