@import url("material.css");
body{font-family: 'Roboto', sans-serif;}

.header-left{padding:1.5rem 0 1.5rem 10px;
 -webkit-box-shadow: 7px 0px 15px -5px rgba(222,222,222,1);
-moz-box-shadow: 7px 0px 15px -5px rgba(222,222,222,1);
box-shadow: 7px 0px 15px -5px rgba(222,222,222,1);}
.header-left .material-icons{color:#93a5b7; vertical-align: middle; margin-right:7px;}
.header-center{padding:1.5rem ;}
.user-dropdown{padding:1.5rem 0; text-align:right; padding-right:50px; font-size:0.9rem; }
.header-right a{color:#8ca0b3}
.user-dropdown i{vertical-align:middle;}
.drop-profile{text-align:center;}
.user-dropdown .dropdown-menu{border-radius: 0; left: auto; margin-top: 7px; min-width: 280px; right: 0;}
.user-dropdown .drop-profile .btn-primary{color:#fff;}

/*breadcrumb*/
.breadcrumb{margin-bottom:0; background:none;}

.leftcol{background:#005476}
.main{background:#eef4f9}
.main.container{background:none}

/* button styles */
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab{background-color:rgb(0,132,181)}

.cpgresult{background:#0088ba; padding:-16px; color: #f5f5f5;}
.card-wide{padding:0 !important;}
.cpgresult{padding:16px;}
.cpgresult p.result{margin:50px 0; font-size:90px; color:rgba(255,255,255,0.7)}
.card-wide h5{padding:16px;}
.card-wide .mdl-card__supporting-text{padding:16px !important;}
.mdl-card__media{background-color:#fff}

/*navigation*/
.navbar-dark.navbar{padding:.5rem 0rem}
.navbar-dark .navbar-nav{font-size:0.95rem;}
.navbar-dark li{font-size:15px;}
.navbar-dark li.nav-title{margin-top:2rem; color:#fff; font-weight:bold;}
.navbar-dark li.nav-item{margin:0;}
.navbar-dark .navbar-nav .nav-link{font-weight:400; color:rgba(255,255,255,0.85)}
.navbar-dark .navbar-nav .active>.nav-link{color:#ffa500; font-weight:500}

/* MAIN CONTENT STYLES
 * -------------------------------------*/
.card{margin:15px 0; padding:16px 16px;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  /*min-height: 200px;*/
  overflow: hidden;
  z-index: 1;
  position: relative;
  background: rgb(255,255,255);
  border-radius: 2px;
  box-sizing: border-box; }
.card h2{font-size:1.6rem;}
.mdl-card {margin-top:15px; width:100%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.card .mdl-card__title{padding:16px 0;}
.card .mdl-card__supporting-text{padding:16px 0;}
.card_subtitle{padding:16px 16px 0 16px; font-size:13px; font-weight:500; color:#888;}
.mdl-button{color:rgb(0,132,181)}



/*forms*/
.prefix i{position: absolute; top:1.55rem;}
.prefix input{margin-left: 2.5rem;width: -webkit-calc(100% - 2.5rem); width: calc(100% - 2.5rem);}
.prefix label{margin-left: 2.5rem;}
.prefix .mdl-textfield__error{margin-left: 2.5rem;}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label{color:#0088bb}
.mdl-textfield__label::after{bottom:12px;}



a{color:#0289ba}

/*tables*/
.table{font-size:0.9rem;}
.table thead th{border-width:0; font-weight:normal; text-transform:uppercase}
.table td{border-width:0;}
.table-striped tbody tr{background-color:#fdfdfd}
.table-striped tbody tr:nth-of-type(2n+1){background-color:rgba(0,0,0,.05)}
.table-striped tbody tr:nth-of-type(2n+1):hover{background-color:rgba(0,0,0,0.1)}
td.action{text-transform:uppercase;}
td.action a i{vertical-align:middle; color:#888}
span.timestamp{clear:both; display:block;}
.table i{color:#888;}
i.ok{color:#7ed321}
i.warn{color:#f5a623}
i.alert{color:#c70018; padding:0; margin:0;}
.table-striped tbody tr.legend{background-color:#f6f6f6}
tr.legend td{text-align:right; font-size:0.9rem;}
tr.legend ul{margin:0; padding:0; list-style:none;}
tr.legend ul li{margin:0 30px 0 0; padding:0; list-style:none; display:inline; color:#888}
tr.legend i{vertical-align:middle; font-size:20px;}

/*buttons*/
.btn-primary{background-color:#0084b5; border-color:#33708c}

/*reg*/
.reg{margin-left:0.4rem; font-weight:500; color:#005476}

/* FORMS
 * -------------------------------------*/
/* MATERIAL DESIGN*/
form.md input.form-control{border:none; border-bottom:1px solid #ddd; border-radius:0;}
form.md .form-group{position:relative; margin-top:1.5rem}
form.md .form-group label{position:absolute; top:0.65rem; left:0;color:#757575}
form.md .form-group label.active{    -webkit-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    transform: translateY(-140%); font-size: .8rem;}
form.md .form-control:focus{box-shadow:none; border-color:#0084b5; border-width:2px;}

/*tools FAQ Accordion*/
.accordion .card{margin:0; padding:0; min-height:auto; box-shadow:none;}
.accordion .card h5{margin-top:0;}
.searchresult{padding:10px; margin-bottom: 10px; border:1px solid #ddd; display:flex; vertical-align: middle}

/* DASHBOARD TOOLS / PANELS ------------------------------------*/
.toolbar .card-body{padding:0;}
/*icons*/
.box_icon i{font-size: 25px; line-height: 58px;color: #FFF;}
.box_icon{width: 70px; height: 70px; margin: 6px 0;  border-radius: 50%; text-align: center; border: 6px solid; background:#0084b5; border-color:#99cee1}
/*content*/
.box_content{}
.box_content h4{font-size:1.2rem;}
buttons {border:1px solid rgba(0, 0, 0, 0.1)}
.left{float:left;}
/*BOTTOM toolbar*/
.tools-bottom{margin-bottom:2rem;}
.tools-bottom .mdl-card{min-height:auto;}
.tools-bottom .mdl-card__title{padding:0px 16px}
.tools-bottom .box_content{margin-left:1rem}
.tools-bottom .box_content h4{margin-bottom:5px}
.tools-bottom .mdl-card__actions.mdl-card--border{text-align:center;}

/*RHS toolbar*/
.tools-right .mdl-card{box-shadow: none}
.tools-right .mdl-card:hover{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}
.tools-right .mdl-card__menu{display:none;}
.tools-right .mdl-card__title{padding:16px 0 0 0; display:block !important; text-align:center;}
.tools-right .box_icon.float-sm-left{margin:0 auto; float:none !important}
.tools-right .box_content.float-sm-right{float:none !important}
.tools-right .box_content h4{margin:0;}
.tools-right .box_content p{color:rgba(0,0,0, 0.54); font-size:12px;}
.tools-right .mdl-card__actions{text-align:center;}

/*carousel - jato images*/
.card.imageslider .carousel{margin:0 auto; max-width:400px;}
.card.imageslider p{margin:0.5rem auto 0 auto; font-size:0.9rem; line-height:16px; color:#666}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.row-eq-height .card{height:95%;}

.rounded-circle{
    border:0;
    border-radius:50%;
    width:36px;
    height:36px;

    padding: 8px;
    text-align: center;
}


/*mobile*/
@media only screen and (max-width:768px) {
 .leftcol{background:#fff;}
 .navbar-dark .navbar-toggler{color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1);}
 .navbar-dark .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
 .navbar-collapse{margin-top:1rem;}
 .navbar-dark .navbar-nav{padding-left:1rem; background:#005476}
 .navbar-dark li{border-bottom:1px solid rgba(255,255,255,0.1)}
}

/*tablet*/
@media only screen and (min-width:769px) and (max-width:992px) {
 .navbar-dark .navbar-brand{background: #fff; margin:-1rem -1.1rem 0 -1.1rem; padding: 1.5rem 0.3rem;}
 .navbar-dark .navbar-brand img{max-width:100%; height:auto;}
}

/*desktop*/
@media only screen and (min-width:992px) {
 .navbar-dark .navbar-brand{display:none;}
 .nav-title{padding-left:.5rem;}
 .logo i{display:none;}
 .leftcol{background:#005476}
 .breadcrumb{margin-top:1rem; margin-bottom:0;}
}
