body {
     font-family: 'Roboto' !important;
     font-size:150%;
     color: #000;
      background-color: #d5e6ee!important;
      margin-top:-10px;
}




 .form-control {
     margin-top:4px;
}

 .glySize {
     font-size:140%;
    
     margin-right:6px;
    
}

.taskTitle {
    font-family: 'Roboto' !important;
     font-size:150%;
     color: #666;

}


@font-face {
     font-family: 'Roboto' !important;
     src: url(/fonts/Roboto-Light.ttf);
    
}

.panel-title {
     font-family: 'RobotoThin' !important;
     font-size:110%;
      font-weight:700;
}

@font-face {
     font-family: 'RobotoThin' !important;
     src: url(/fonts/Roboto-Thin.ttf);
}

.popover-title {
    color: #333 !important;
}

.popover-content {
    color: #666;
}

.popover {
}

   .modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
}

.modal-content {
  height: 100%;
  border-radius: 0;
}

 .btn-default.active {
  background-color: orange;
  color:white; font-weight:700;
}


.req {
color:red
}

.FormatRadioButtonList label
{
  margin-right: 15px;
  padding:10px;
}


/*accordeon styles*/

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.marginTop10 {
margin-top:10px;
}


.panel-title {
 font-family: 'Roboto' !important;

}


.printable { display: none; }

@media print
{
    .non-printable { display: none; }
    .printable { display: block; }
    .modal {height:100%;}
}