body {
    padding-top: 50px;
    padding-bottom: 20px;
}
@page {
    margin-top: 0.7cm !important;
    margin-bottom: 0.7cm !important;
    margin-left: 0.45cm !important;
    margin-right: 0.45cm !important;
}
/* Set padding to keep content from hitting the edges */
#dashboard
{
  background:#FBFBFB;
}
#page-wrapper {
    padding:2.2em 2em 2.5em;
      background-color: #FFF;/*#F1F1F1;*/
	}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.print-shown {
    display: none;
}
.btn-container .btn, .padding-default .btn, .padding .btn {
    display: inline-block;
    margin-top: 10px;
}
.spaced-item
{
    display:inline-block;
    margin:10px;
}
/*.scroll input
{
    width:100px;
}
.scroll input[type='email']
{
    width:177px;
}
.scroll input[type='tel']
{
    width:119px;
}*/
.inline-block
{
    display:inline-block;
}
.no-bold
{
    font-weight:normal !important;
}
.text-middle,table.text-middle td {
    vertical-align: middle !important;
}
.underline
{
    text-decoration:underline;
}
.borderline{
   /*display:inline-block;*/
   
   border-bottom:1px solid black;  
}
span.borderline {
    display:inline-block;
}
.border-bottom{
   border-bottom:1px solid black;  
}
.header-right
{
    font-size:13px;
}
.text-xs
{
    font-size:9px;
}
.text-sm
{
    font-size:11px;
}
.text-bg
{
 font-size:27px;
}
.text-md
{
 font-size:20px;
}
.text-white{
    color:#fff;
}
.text-black{
    color:#000 !important;
}
.position-info{
border-radius:30px;border:1px solid blue;
}
.border-danger
{
border:1px solid red;
}
.border-black{
    border: 1px solid #333;
}
.border-success
{
border:1px solid blue;
}
.sp-black{
    color:black;
}
.bg-danger{
    border:1px solid brown !important;
}
.bg-white
{
background-color:#fff !important;
}
.disabled{
    background:#ccc !important;
    pointer-events:none !important;
    cursor:crosshair !important;
}
.item{
    border:1px groove #DDD;
}
.cursor-hand{
    cursor:move;
}
.padding{
    padding:5px;
}
.padding-default
{
    padding:20px;
}
.padding-td tr td{
     padding:8px !important;
    padding-top:17px !important;
     padding-bottom:17px !important;
    

}
.margin-5{
    margin:5px;
}
.margin-h-5{
    margin-right:5px;
    margin-left:5px;
}
 .margin-b-5
 {
       margin-bottom:5px;
 }
.margin-v-5{
    margin-top:5px;
    margin-bottom:5px;
}
.margin-v-10{
    margin-top:10px;
    margin-bottom:10px;
}
.has-multiple-input input.ng-invalid.ng-dirty{
border:1px solid red !important;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 580px;
}
#cbp-spmenu-s1
{
    1overflow:auto;
    1direction:rtl;
}
#cbp-spmenu-s1>ul{
    
    direction:ltr;
    1min-height:1000px !important;
    margin-bottom:100px;
}

.cbp-spmenu-vertical
{
 overflow:auto;
    direction:rtl;
}
.input-group-btn
{
width:6.7%;
}
.btn-container
{
    padding-top:16px;
    padding-bottom:16px;
}
/*
.table th,.table td {
    vertical-align: middle !important;
}*/
.table-extra
{
    1border-collapse:collapse;
    border:none;
    width:100%;
}
.td-fixed-100
{
width:150px;
}
.td-fixed-60
{
width:60px;
}
.td-fixed-30 {
    width: 30px;
}
.td-fixed
{
width:60px;
min-width:60px;
max-width:60px;
}
.col-30{
    width:30%;
}
col-70{
    width:70%;
}
.table-no-padding,.table-no-padding table,.table-no-padding tr,.table-no-padding td,.table-no-padding th{
   margin:0px !important;
      padding:0px !important;
    border:1px solid #333;
}

.table-extra td
{
      min-width:10px;
    border:1px solid #333;
   1padding:2px;
}
.table-extra th
{
    min-height:10px;
    border:1px solid #333;
   1padding:2px;
}
.table-left table td,.table-left table th,
.table-left td,.table-left th{
    text-align:left;
}
.table-left table .text-center,.table-left table .text-center,
.table-left .text-center,.table-left .text-center{
    text-align:center;
}
.table input[type=text]
{
    1max-width:80%;
}
.compact input/*[type=number]*/
{
    max-width:61px;
}
.input-input /*[type=number]*/ {
    max-width: 61px;
}
.compact-md input /*[type=number]*/ {
    max-width: 81px;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td,
 .table > tbody > tr > td,
 .table > tfoot > tr > td
{
padding:2px;
}
.small-editor
{
    width:150px;
}
.panel .panel-body {
    padding-left: 0;
    padding-right: 0;
}
 /*.panel-primary,.panel-heading,.panel-title{
     background-color :#333 !important;
     
        border-color:#fff;
        border-right:none;
        1border-top:none;
        border-left:none;
    margin-top:0;
}
  
  
  
.panel-heading  {
   
    color:#fff;
        font-weight:bold;
    padding:0;
    border:none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    
}
*/
 hr{
     border:1px solid #ccc;
     1border:1px solid #deedde;
 }
  .td-right
  {
text-align:right !important;
  }
  .td-left
  {
text-align:left;
padding:2px;
  }
  .td-left td
  {
text-align:left;
padding-top:2px;
padding-bottom:2px;
  }
   .td-left th
  {
text-align:left;
padding-top:2px;
padding-bottom:2px;
  }
  .img-profile
  {
      max-width:130px;
  }
.panel-heading h4{
    font-weight:bold;
    1text-align:center;
    1color:#fff;
}
.panel-primary > .panel-heading {
    color: #fff;
background-color: #337ab7 !important;
    border-color:#fff !important;
}
.sidebar .sidebar-inner,.sidebar{
    
    background:none;
   1background-color:#333;
      
}
.sidebar li,.sidebar li a{
color:#fff;
text-align:center;
 font-weight:bold;
}
.sidebar-filler{
    background-color: #23282D;
    
     1opacity:0.8;
   
}
.sidebar .sidebar-widget {
    padding:0;
}
.navbar-inverse {
  background-color: #23282D;
   1opacity:.8;
}
body{
     1background-color:
}
.widget-head{
 1background-color: #02fe02 !important;
 
}
.widget ul{
    list-style-type:none;
}
.page-title
{
color:#000 !important;
font-size:22px;
text-align:center;
}
.panel-primary>h4,.panel-title{
!color:#fff;
!background-color: #23282D;
font-size:19px;
font-family: "Segoe UI",Arial,Helvetica,sans-serif;
text-align:center;
 font-weight:bold;
}
.panel-heading,.panel-title
{
    text-transform:uppercase;

}
.panel-primary a
{
    1color:#fff;
}
.navbar-header,.navbar-logo
{
    1background-color:red;
    1border:3px groove #fff;
   
}
.brand-title
{
 font-size:19pt;
}
.navbar-collapse
{
1background-color:#ed45ee;

}
.company span
{
background-color:#ff6a00;
1border:1px solid #fff;

   }
.company span+span
{
1font-size:16px;
}
.school{
    background-color:#fefefe;
    1border:3px solid red;
    
}
.school h2{
    color:red;
}
.left-float
{
    float:left;
    }
.right-float
{
    float:right;
}
.left-align{
    text-align:left;
}
.bg-green
{
    background-color:green !important;
    color:#fff;
}
.bg-red
{
    background-color:red !important;
    color:#fff;
}
.item-broadsheet
{
    border-bottom:2px solid #000 !important;
}
.item-bordered
{
border:2px solid #DDD;
margin:5px;
}
.bg-tertiary
{
    background-color:#fff;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th
{
    background-color: #E9E9E9;
}
.th-striped  > tbody > tr:nth-child(2n+1)>th
{
       background-color: #E9E9E9;
}
.table tr td{
    padding-top:8px !important;
    padding-bottom:8px !important;
}
.nodata{
font-size:1.2em;
11margin-top:20px;
11background-color:brown;
color:red;
font-style:italic;
11padding:20px;
1text-align:center;
}
span.error{
     display:inline-block;
  
}
.error{
    color:#fff;
    font-style:italic;
    background-color:red;
    margin:1px;
    padding:5px;
}


td,th{
    text-align:center;
}
.blue{
  color:  #2196F3 !important;
}
.brown{
  color:  brown;
}
.currency{
    color:#2196F3 ;
    font-style:italic;
    font-weight:bold;
}
.green
{
    color:green !important;
}
.red,.text-red
{
    color:red !important;
  
}
.back-red
{
    color:#fff;
    background-color:red !important;
}
.back-blue
{
    color:#fff;
    background-color:blue !important;
}
.legend-normal{
    background-color:#fff;
    color:black;
    padding:4px;
}
legend
{
    1color:green;
    font-size:1.4em;
    font-weight:bold;
}
button.btn{
    border-radius:7px !important;
    border:1px solid inherit !important;
  
}
select{
     border-radius:1px !important;
      border:1px solid #ddd !important;
}
.ul-h-bordered li
{
  
     border-bottom:1px solid brown;
}

.ul-v-bordered li
{
    border-left:1px solid black;
     border-right:1px solid black;
}
.table-tr-bordered tr
{
 border-top:1px solid #dedefe;  
  border-bottom:1px solid #dedefe;  
}
.table-tr-black-bordered tr
{
 border-top:1px solid #333;  
  border-bottom:1px solid  #333; 
}
.table-bordered
{
  border-collapse:collapse;
   border:1px solid #000;
}
.table-bordered td,.table-bordered th{
   border:1px solid #000 !important;
}
.table-black-bordered,.table-bordered{
   border-collapse:collapse;
   border:1px solid #000;
}
.table-black-bordered td,.table-black-bordered th,
.table-bordered td,.table-bordered th{
   border:1px solid #000 !important;
}
fieldset,legend{
padding:12px;
}
/
#dashboard .panel
{
/*min-height:195px;*/
}
.panel-heading
{
    text-align:center;
}
legend,.panel-primary .panel-heading{
    background-color:#AD2323;
    //background-color: #A94442;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
text-align:center;
       
    1background-color:#F2B33F;
    !background-color:#337AB7;
    color:#fff;
}
.form-group
{
    
    padding-left:15px !important;
    margin-left:15px !important;
}
.margin-left-default{
    margin-left:20px;
}
.middle
{
    margin:auto;
}
.panel {
    margin-bottom: 0;
    border: 5px solid transparent;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
 .bold
 {
     font-weight:bold;
 }
 ul{
     list-style:none;
     list-style-type:none;
 }
  ul.striped li
  {
text-align:center;
margin:2px;
padding:2px;
  }
 ul.striped li:nth-child(2n+1){
     background-color:gold;
 }
 .invisible
 {
visibility:hidden;
 }
 .visible
 {
visibility:visible;
 }

.pie{
 
    margin:17px !important;
}

 .full{
     position:fixed;
     left:0;
     top:0;
     overflow:auto;
     background-color:black;
     width:100%;
     height:100%;
     z-index:10000;
 }
 #page-cover
 {
     position:fixed;
     width:100%;
     height:100%;
     z-index:10000;
     
     top:0;
     background-color:black;
     left:0;
 }
 #page-cover>div
 {
     1margin :0 auto;
     position:absolute;
     left:40%;
     top:40%;
     color:#fff;
 }
 
 .w3layoutscontaineragileits
 {
     1background-color:#333 !important;
   
     1border-radius:45px;
 }
 .logo-box
 {
    font-size:39px;
    font-weight:bold;
    padding:1px;
    text-transform:uppercase !important;
 }
 .logo
 {
   max-height:100px;  
 }
 .table-responsive{
     overflow:auto !important;
 }
 select+button,.btn-right{
     margin:13px;
     float:right;
 }
  .work-sheet
  {
      padding:20px;
  }
 .work-sheet p
 {
1margin-bottom:15px;
 }
.header-school {
    margin-top: 26px !important;
    font-size: 12px !important;
}
 /*@media screen and (max-width:500px)
 {
.logo
 {
   max-height:100px;  
 }
.header-school
{
    margin-top:10px !important;
    font-size:12px !important;
}
 }
     */
 .header-school h1
{
    font-size:19px !important;
}
  .header-school h2
{
    font-size:16px !important;
}
 @media screen and ( max-width:360px)
  {
    
.header-school
{
    margin-top:26px !important;
}
.header-school h2,h1
{
    font-size:22px !important;
}
 }
 @media screen and ( min-width:360px) and ( max-width:720px)
 {
.logo
 {
   max-height:100px;  
 }
    
.header-school
{
    margin-top:56px !important;
   }
.header-school h2,h1
{
    font-size:19px !important;
}
 }
  @media screen and (min-width:720px) and (max-width:1200px) 
 {
    
.header-school
{
   margin-top:46px !important;
 }
.header-school h2,h1
{
    font-size:22px !important;
}
 }
 @media screen
 {
.scroll-300{
min-width:300px;
overflow:auto;
}
.scroll-400{
min-width:400px;
overflow:auto;
}
.scroll-500{
min-width:500px;
overflow:auto;
}
.scroll-600{
min-width:600px;
overflow:auto;
}
.scroll-800{
min-width:800px;
overflow:auto;
}
.scroll-900{
min-width:900px;
overflow:auto;
}
.scroll-1000{
min-width:1000px;
overflow:auto;
}
.scroll-1200{
min-width:1200px;
overflow:auto;
}
.scroll-1400{
min-width:1400px;
overflow:auto;
}
.scroll-1600{
min-width:1600px;
overflow:auto;
}
.scroll-1800{
min-width:1800px;
overflow:auto;
}
.scroll-2000{
min-width:2000px;
overflow:auto;
}
.scroll-2400{
min-width:2400px;
overflow:auto;
}
.scroll {
    overflow: auto !important;
}

.no-scroll{
    overflow:hidden !important;
    
}
.vertical-text
{           
    /* IE-only DX filter */
    writing-mode: tb-rl;
    filter: flipv fliph;

    /* Safari/Chrome function */
    -webkit-transform: rotate(180deg);

    /* works in latest FX builds */
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    min-height:80px;
}
}
 @media print{ 
    /* @page
     {
         size:auto;
         margin:0;
     }
     @page:header
     {
         display:none;
     }
    @page:footer {
        display: none;
    }
     @page{
         margin-top:0px !important;
         margin-bottom:0px !important;
     }
     body{
        padding-top:72px;
         padding-bottom:72px;
     }*/
    body {
        padding: 0px !important;
        margin: 0px !important;
    }
    .print-page {
        padding: 0px !important;
        margin: 0px !important;
    }
    h1 {
        font-size: 28px !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    h2 {
        font-size: 24px !important;
        padding: 0px !important;
        margin: 0px !important;
    }
       .panel-default > .panel-heading {
    border-color: #fff !important;
}
        .panel,.panel-primary>  .panel-heading{
    background: #fff !important;
     border-color: #fff !important;
}
   .table-black-bordered{
   border-collapse:collapse;
   border:2px solid #000 !important;
}
 .table-black-bordered th
 {
      border:2px solid #000 !important;
 }
.table-black-bordered td{
   border:2px solid #000 !important;
}  
     .vertical-text
{           
    /* IE-only DX filter */
    writing-mode: tb-rl;
    filter: flipv fliph;

    /* Safari/Chrome function */
    -webkit-transform: rotate(180deg);

    /* works in latest FX builds */
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    min-height:80px;
}
     .blue{
  color:  #2196F3 !important;
}
.brown{
  color:  brown;
}
.red
{
    color:red !important; 
}
     .page-break
     {
         page-break-after:always;
     }
     .block-50
     {
         width:50%;
     }
 h1,h2,h3,h4,h5,h6{
     background-color:#fff !important;
     color:black !important;
 }
     .sidebar,.header-section,.navbar-collapse
     {
         display:none !important;
     }
     .cbp-spmenu-push div#page-wrapper {
    margin: 0px 0px 0px 0px;
    transition: all 0.5s ease 0s;
}
#page-wrapper {
     
    padding:0 0 0 !important;
    background-color: #FFF !important;
    
}

body{
    1padding-top:0px !important;
}
.nodata,.error
{
  display:none;
}
.print-hidden,.footer{
    display:none;
}
.print-shown{
    display:block;
}
.table-bordered td, .table-bordered th{
     min-width:40px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, 
 .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td,
.table-bordered {
      border: 1px solid black;
}
   
 }
 /*links*/
 .sidebar .nav-second-level li a.active, .sidebar ul li a.active
 {
     color:#fefefe;
 }
 /*dialog*/
 #spDialog ui-dialog{
     font-size:13px !important;
 }
 .break-period
 {
 color:brown;
  background:#FFF;
 }
 .period{
color:#000;
  //background:#FEFEFE;
 }
  .free-period
 {
 color:#000;
  background:#FFF;
 }
 .ui-widget-header
 {
     border-color:#fff;
  background:rgb(46, 109, 163);
 }
 .ui-dialog{
       font-size:14px;
       font-family:"Roboto Condensed", sans-serif;
     1background:#fff;
 }
 .ui-dialog-buttonpane{
 background:#fff;
 }
    .ui-dialog-buttonpane button {
        display:inline-block;
        border:1px solid #fff;
        border-radius:5px;
              background:rgb(46, 109, 163);
         padding:3px;
         padding-left:6px;
         padding-right:6px;
         color:#fff;
    }
     .ui-dialog-buttonpane button:last-child {
       
        background:#fff;
        color:rgb(46, 109, 163);
    }
     .ui-dialog-buttonpane button:first-child {
       
        background:rgb(46, 109, 163);
          color:#fff;
         
    }
     .ui-widget-content
     {
  background:#fff;
     }
      .ui-widget-content textarea
     {
  min-height:77px;
     }
      /* */
      .aggregate-info
      {
          border-radius:50px;
          text-align:center;
          font-size:32px;
          padding:10px;

      }
      .aggregate-title
      {
          color:#000;
      }
      .text-blackish{
          color:rgb(100,100,100)
      }
.text-normal {
    font-weight:normal;
}
.button-level {
    display: inline-block;
    padding: 0;
    margin-top: 10px;
    border-radius: 7px !important;
    background-color: #fff;
    border-color: #ccc;
    margin-bottom: 0;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color:#fff !important;
}
  
/*
    Camera
*/
button{
    display:block;
    margin-block:1rem;
}
#start-button{
    position:relative;
    margin:auto;
    bottom:32px;
    background-color:rgb(0 150 0 / 50%);
    border: 1px solid rgb(255 255 255 / 70%);
    box-shadow:0px 0px 1px 2px rgb(0 0 0 / 20%);
    font-size:14px;
    color:#FFF;
}
#video,#photo{
    border:1px solid #000;
    box-shadow:2px 2px 3px #000;
    width:100%;
    height:auto
}
#canvas{
    display:none;
}
.camera,.output
{
display:inline-block;
width:49%;
height:auto
}
.output
{
    vertical-align:top
}
code{
    background-color:lightgray
}