body {
height:100%;
margin:0;
min-height:100%;
/*padding-top: 50px;*/

}

.breadcrumb-item>a{
  color: #95aac9;  
}
.breadcrumb-item>a:hover{
  color: #283e59;  
}
.breadcrumb-item.active{
  color: #12263f !important;
}


.dropdown-menu {
  /*top: 0;*/
  /*left: 100%;*/

}
.help-block{
  color: red;
}
svg {
  pointer-events: all; 
  margin : 0 auto;
  /*left: auto !important;*/
}


text.landmark-label{
      font-size: 12px;
    }
/*.circle-draggable { cursor: pointer; }*/

.clickable-row{
  cursor: pointer;  
}


.extra-margin-top {
  margin-top: 20px;
}

.navbar-fixed-top {
  border: 0;
}

.navbar-form {
     padding: 0px 0px; 
   }

.navbar-default {
  background-color: #005880;
  border-color: #005880;
  background-image: url(../img/batthern.png);
    margin-bottom: 0px;
}

.navbar-toggle {
    border-color: #fff;
    background-color: #005880;
}
   
.navbar-toggle:hover {
    
    background-color: #127eb0;
}



.container-fluid .jumbotron {
    border-radius: 0px;
   
}


.container-fluid {  
  padding-right: 0px;
  padding-left: 0px;
}

.navbar-custom {

    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff; 
}
/*
ul.nav li a, ul.nav li a:visited {
    color: #00213F !important;
}

ul.nav li a:hover, ul.nav li a:active {
    color: #00213F !important;
}

ul.nav li.active a {
    color: #00213F !important;
}
*/

a.btn-outline-secondary {

    color: #00213F; 
    border-color: #00213F;

}
a.btn-outline-secondary:hover {

    color: #00213F; 
    border-color: #00213F;
    background-color: #ccc;
}

a.btn-register {

    color: #000; 
    background-color: #6FDCF5;
    border-color: #000;

}
a.btn-register:hover {

    color: #000; 
    background-color: #4DCFED;
    border-color: #000;

}

a.btn-jumbotron {
    color: #fff;    
    background-color: #FF8082;

}
a.btn-jumbotron:hover {
    color: #fff;    
    background-color: #FF8082;

}

.navbar-toggler {

    border: 1px solid #00213F;     

}


.main-container {
  min-height: 870px;


}

.main-page-col{
  background-image: url(../img/main_page_title.png);
  background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;

}

.row {
    margin-right: 0px;
    margin-left: 0px;
}


.jumbotron h1{
  color: #fff;
}
.lead-jumbtron {
  color: #00213F;
}



.panel-jumbotron {
  margin-top: 0px !important;
  border-radius: 0px 4px 4px 4px;
  min-height: 320px;
  text-align: center;
}
.panel-jumbotron p {
  font-size: 16px;
}
.panel-custom {
  
  min-height: 750px;
  
}
.panel-align-left{
 text-align: left; 
}

.nav-tabs-jumbotron {
  border-bottom: 0px solid #ddd;
}

.nav-tabs-jumbotron>li>a {
  color: #FFF;
  background-color: #999;
  border: 1px solid transparent;
  border-bottom-width: 0;
}

.nav-tabs-jumbotron>li {

}
.nav-tab-item-jumbotron {
  
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  .container {
    /*width: 1500px !important;*/
  }

  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }




  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}
@media (min-width: 1140px) {

  .jumbotron {
  background-image: url(../img/main_page_background.jpg);
  background-color: #F0F2F2;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0px;
  margin-bottom: 0em;

  }


}


@media (min-width: 992px) {


.jumbotron {
  background-color: #F0F2F2;
  border-radius: 0px;
  margin-bottom: 0em;

}


  .featurette-heading {
    margin-top: 120px;
  }
}


.footer {
    text-align: left;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 0px;
    color: #00213F;
    text-align: center;
    /*border-top: 1px solid #979797;*/
    background-color: #F0F2F2;
    
}

.footer-links {
  margin: 10px 0;
  padding-left: 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}

.text-align-center {
	text-align: center;
}
	    
    circle {
      fill: red;
      stroke: black;
      stroke-width: 1px;
    } 

    circle.data2 {
      fill: yellow;
      stroke: black;
      stroke-width: 2px;
    } 

    circle.data3 {
      fill: white;
      stroke: black;
      stroke-width: 2px;
    } 

    circle.dragging {
      fill: blue;
      /*cursor: pointer;*/
      /*stroke: blue;*/
    }



    circle#ref0, circle#ref10{
      fill: white;
      opacity: 0;

      display: none;
    }


    circle#Sd,circle#PM,circle#Gn,circle#Id,circle#An,circle#RamusDown,circle#CorpusLeft,circle#maxilla_outline_1,circle#maxilla_outline_2,circle#maxilla_outline_3,circle#maxilla_outline_4,circle#maxilla_outline_5,circle#maxilla_outline_6,circle#maxilla_outline_7,circle#maxilla_outline_8,circle#maxilla_outline_9,circle#maxilla_outline_10,circle#maxilla_outline_11,circle#symphysis_outline_1,circle#symphysis_outline_2,circle#symphysis_outline_3,circle#symphysis_outline_4,circle#mandible_outline_1,circle#mandible_outline_2,circle#mandible_outline_3,circle#mandible_outline_4,circle#mandible_outline_5,circle#mandible_outline_6{
      fill: orange;
      display: block;
      
    }

    circle#G,circle#SoftTissueNa,circle#NasalBridgePoint,circle#DorsumOfNose,circle#Prn,circle#Columella,circle#Subnasale,circle#SoftTissueA,circle#LabraleSuperius,circle#UpperLip,circle#Stms,circle#UpperEmbrasure,circle#LowerEmbrasure,circle#Stmi,circle#LowerLip,circle#LabraleInferius,circle#SoftTissueB,circle#SoftTissuePog,circle#SoftTissueGn,circle#SoftTissueMe,circle#SubmandibularPoint,circle#C{
      fill: green;
      /*display: block;*/
    }



    text#U1IncisalTip_label,text#U1RootTip_label,text#L1IncisalTip_label,text#L1RootTip_label,text#U6Mesial_label,text#U6Distal_label,text#L6Mesial_label,text#L6Distal_label,text#Sd_label,text#PM_label,text#Gn_label,text#Id_label,text#An_label,text#CorpusLeft_label,text#RamusDown_label,text#maxilla_outline_1_label,text#maxilla_outline_2_label,text#maxilla_outline_3_label,text#maxilla_outline_4_label,text#maxilla_outline_5_label,text#maxilla_outline_6_label,text#maxilla_outline_7_label,text#maxilla_outline_8_label,text#maxilla_outline_9_label,text#maxilla_outline_10_label,text#maxilla_outline_11_label,text#symphysis_outline_1_label,text#symphysis_outline_2_label,text#symphysis_outline_3_label,text#symphysis_outline_4_label,text#mandible_outline_1_label,text#mandible_outline_2_label,text#mandible_outline_3_label,text#mandible_outline_4_label,text#mandible_outline_5_label,text#mandible_outline_6_label,text#G_label,text#SoftTissueNa_label,text#NasalBridgePoint_label,text#DorsumOfNose_label,text#Prn_label,text#Columella_label,text#Subnasale_label,text#SoftTissueA_label,text#LabraleSuperius_label,text#UpperLip_label,text#Stms_label,text#UpperEmbrasure_label,text#LowerEmbrasure_label,text#Stmi_label,text#LowerLip_label,text#LabraleInferius_label,text#SoftTissueB_label,text#SoftTissuePog_label,text#SoftTissueGn_label,text#SoftTissueMe_label,text#SubmandibularPoint_label,text#C_label,text#ref0_label,text#ref10_label,text#DC_label,text#Xi_label,text#const_Go_label,text#ant_occlusal_point_label,text#post_occlusal_point_label{
      display: none;
    }


    text.landmark-text{
    font-family: 'ArialMT'; 
    font-size:50%;
    }

    path{
      pointer-events: none;
    }

    .imageContainer {
         margin : 0 auto;
        /*margin: 0px 0px 0px 0px;*/
        padding : 0px;

        width : 1007px; /*added +2px to wrap image. current image size is 1005px.*/
        
        height : 1300px;
        background-color : white;
        float : left;
        border-style: solid;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        /*cursor:url(../img/cursor.png) 10 10,auto;*/
        position: relative;

      }

    .imageContainer_alignment {
         margin : 0 auto;
        /*margin: 0px 0px 0px 0px;*/
        padding : 0px;

        width : 1007px; /*added +2px to wrap image. current image size is 1005px.*/
        
        height : 1800px;
        background-color : white;
        float : left;
        border-style: solid;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        /*cursor:url(../img/cursor.png) 10 10,auto;*/
        position: relative;

      }

    .tracingContainer, .profilogramContainer {
        margin : 15px 0px 0px 0px;
        
        padding : 0px;

        width : 1007px; /*added +2px to wrap image. current image size is 1005px.*/
        
        height : 1300px;
        background-color : white;
        float : left;
        border-style: solid;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        /*cursor:url(../img/cursor.png) 10 10,auto;*/
        position: relative;

      }

    .chartContainer{
        margin : 15px 0px 0px 0px;
        
        padding : 0px;

        width : 1357px; /*added +2px to wrap image. current image size is 1005px.*/
        
        height : 1300px;
        background-color : white;
        float : left;
        border-style: solid;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        /*cursor:url(../img/cursor.png) 10 10,auto;*/
        position: relative;

    }


    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

 /*  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 500;
    display: block;
    padding: 20px;
    
    background-color: #f5f5f5;
    border-right: 1px solid #000;
  }*/

  /*
 * Sidebar
 */
 @media (max-width:575px){
  .hidden-xs-down{display:none!important}

  circle {
      fill: red;
      stroke: black;
      border-radius: 50%;
      /*width: 2px;
      height: 2px; */      
      stroke-width: 1px;
    } 

  circle#Sd,circle#PM,circle#Gn,circle#Id,circle#An,circle#RamusDown,circle#CorpusLeft,circle#maxilla_outline_1,circle#maxilla_outline_2,circle#maxilla_outline_3,circle#maxilla_outline_4,circle#maxilla_outline_5,circle#maxilla_outline_6,circle#maxilla_outline_7,circle#maxilla_outline_8,circle#maxilla_outline_9,circle#maxilla_outline_10,circle#maxilla_outline_11,circle#symphysis_outline_1,circle#symphysis_outline_2,circle#symphysis_outline_3,circle#symphysis_outline_4,circle#mandible_outline_1,circle#mandible_outline_2,circle#mandible_outline_3,circle#mandible_outline_4,circle#mandible_outline_5,circle#mandible_outline_6{
  fill: orange;
  display: block;
  border-radius: 50%;
  width: 2px;
  height: 2px; 

  }

  circle#G,circle#SoftTissueNa,circle#NasalBridgePoint,circle#DorsumOfNose,circle#Prn,circle#Columella,circle#Subnasale,circle#SoftTissueA,circle#LabraleSuperius,circle#UpperLip,circle#Stms,circle#UpperEmbrasure,circle#LowerEmbrasure,circle#Stmi,circle#LowerLip,circle#LabraleInferius,circle#SoftTissueB,circle#SoftTissuePog,circle#SoftTissueGn,circle#SoftTissueMe,circle#SubmandibularPoint,circle#C{
  fill: green;
  /*display: block;*/
  border-radius: 50%;
  width: 2px;
  height: 2px; 
  }

  text.landmark-label{
  font-size: 8px;
  }




}



.jumbotron {
  /*background-image: url(../img/main_page_background.jpg);*/
  background-color: #F0F2F2;
  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/
  border-radius: 0px;
  margin-bottom: 0em;
  /*border-bottom: 3px dashed;*/

}

.sidebar {
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid #eee;
}

/* Sidebar navigation */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.sidebar .nav {
  margin-bottom: 20px;
}

.sidebar .nav-item {
  width: 100%;
}

.sidebar .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar .nav-link {
  border-radius: 0;
}

a.nav-link{

    border-color: #dee2e6 !important;

}
/*a.nav-link.active{

    border-color: #dee2e6 #dee2e6 #fff !important;

}*/
a.nav-link.active {
    border-color: #dee2e6 #dee2e6 #00f !important;
}

.disabled{
    color: grey;
    /*background-color: rgb(0, 0, 0, .2);*/
}

  /* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


  .main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}

.panel-table .panel-body{
  padding:0;
}

.panel-table .panel-body .table-bordered{
  border-style: none;
  margin:0;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
    text-align:center;
    width: 100px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
  border-right: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
  border-left: 0px;
}

.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{
  border-bottom: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{
  border-top: 0px;
}

.panel-table .panel-footer .pagination{
  margin:0; 
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col{
 line-height: 34px;
 height: 34px;
}

.panel-table .panel-heading .col h3{
 line-height: 30px;
 height: 30px;
}

.panel-table .panel-body .table-bordered > tbody > tr > td{
  line-height: 34px;
}

.panel-title {
    line-height: 30px;
    height: 30px;
}


input[type="radio"] {
      margin-top: -1px;
      vertical-align: middle;
    }

input[type="range"] {
      margin-top: -1px;
      vertical-align: middle;
    }
input[type="checkbox"] {
      margin-top: -1px;
      vertical-align: middle;
    }

/*       .background path {
  fill: none;
  stroke: #ddd;
  shape-rendering: crispEdges;
}
*/
.foreground path {
  fill: none;
  stroke: red;
}

.brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges;
}

.axis line,
.axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis text {
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
  cursor: move;
}

#sd_plus_1, #sd_minus_1, #mean{
  fill: none;
  stroke: #000;
}


.sd_positive_3, .sd_positive_2, .sd_positive_1, .sd_negative_1, .sd_negative_2, .sd_negative_3{
    fill: red;
    color: red;
    /*stroke: red;*/
}

.normal{
    fill: green;
    color: green;
    /*stroke: green;*/
}


.svg_analysis_tracing .normal{
    fill: lime;
    /*stroke: lime;*/
}





.btn-toosapp-1{
    color: #fff;
    background-color: #35ac84;
    border-color: #35ac84;
}
.btn-toosapp-1:hover {
    color: #fff;
    background-color: #268e69;
    border-color: #268e69;
}
.btn-toosapp-1.disabled, .btn-toosapp-1:disabled {
    color: #fff;
    background-color: #3dbf91;
    border-color: #3dbf91;
}

.btn-toosapp-2{
    color: #fff;
    background-color: #c5b9f3;
    border-color: #c5b9f3;
}
.btn-toosapp-2:hover {
    color: #fff;
    background-color: #a5a0ea;
    border-color: #a5a0ea;
}
.btn-toosapp-2.disabled, .btn-toosapp-2:disabled {
    color: #fff;
    background-color: #d4cfff;
    border-color: #d4cfff;
}


.btn-toosapp-3{
    color: #fff;
    background-color: #f66420;
    border-color: #f66420;
}
.btn-toosapp-3:hover {
    color: #fff;
    background-color: #d14226;
    border-color: #d14226;
}
.btn-toosapp-3.disabled, .btn-toosapp-3:disabled {
    color: #fff;
    background-color: #ff7550;
    border-color: #ff7550;
}

.btn-toosapp-4{
    color: #fff;
    background-color: #fdb9ba;
    border-color: #fdb9ba;
}
.btn-toosapp-4:hover {
    color: #fff;
    background-color: #ef9aa2;
    border-color: #ef9aa2;
}
.btn-toosapp-4.disabled, .btn-toosapp-4:disabled {
    color: #fff;
    background-color: #ffcacd;
    border-color: #ffcacd;
}



.btn-outline-toosapp-1{
    color: #35ac84;
    background-color: transparent;
    border-color: #35ac84;
}
.btn-outline-toosapp-1:hover {
    color: #fff;
    background-color: #35ac84;
    border-color: #35ac84;
}
.btn-outline-toosapp-1.disabled, .btn-outline-toosapp-1:disabled {
    color: #12263f;
    background-color: #b0ecff;
    border-color: #b0ecff;
}