@import "bootstrap";

/* universal */

html {
  overflow-y: scroll;
}

body {
  padding-top: 50px; 
  padding-bottom: 50px;
  background: none repeat scroll 0 0 #f1f2f7;
  /*color: #797979;*/
  color: #5a5a5a;
  font-family: "Open Sans",sans-serif;
  font-size: 13px;
  margin: 0 !important;
}

#site-row{
  margin-right: 0px;

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

section {
  overflow: auto;
}

textarea {
  resize: vertical;
}

#wrapper-main{
  margin-top: 20px;
}

.panel-heading {
  /*border-color: #eff2f7;*/
  border-color: #dddddd;
  font-size: 16px;
  font-weight: 500;
}

.mrg-top{
  margin-top: 4%;
}

#loading_message {
  position: absolute;
  left: 0px;
  top: 0px;
  width:100%;
  height:100%;
  text-align:center;
  z-index: 1000;
}

#loading_message div {
  width:300px;
  margin: 100px auto;
  background-color: #fff;
  border:1px solid #000;
  padding:15px;
  text-align:center;
  z-index: 1100;
}

/*.side_banners a img{
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  width: 120px;
}

#uth_banner img{
  width: 50px;
  height: 50px;
}*/

#login_div{
  padding-top: 20px;
}

/* typography */

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
}

h1 {
  font-size: 3em;
  letter-spacing: -2px;
  margin-bottom: 30px;
  text-align: center;
}

h2 {
  font-size: 1.2em;
  letter-spacing: -1px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: normal;
  /*color: #999;*/
  color:  #909090;
}

p {
  font-size: 1.1em;
  line-height: 1.7em;
}

/* header */
header{
  background: #30508;
}

#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding-top: 9px;
  font-weight: bold;
  line-height: 1;
}

#logo:hover {
  color: #fff;
  text-decoration: none;
}

/* footer */

footer {
  background: none repeat scroll 0 0 #5b6e84;
  color: #fff;
  padding: 5px 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  text-align: center;
  /*display: none;*/

}

/* mixins, variables, etc. */

.debug_dump {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 45px;
}

/* forms */


#error_explanation {
  color: #f00;
}
 #error_explanation ul {
    list-style: none;
    margin: 0 0 18px 0;
}

.form-signin {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;   
    padding: 0px;
    max-width: 330px;
}

.form-signin h2.form-signin-heading {
    background: none repeat scroll 0 0 #41cac0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 20px 15px;
    text-align: center;
    text-transform: uppercase;
}

.form-signin p {
    color: #b6b6b6;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    box-shadow: none;
    font-size: 12px;
    margin-bottom: 15px;
}

.form-signin .form-control {
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
}

.login-wrap {
    padding: 20px;
}

.form-signin .btn-login {
    background: none repeat scroll 0 0 #f67a6e;
    box-shadow: 0 4px #e56b60;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.form-signin a {
    color: #41cac0;
}
a, a:hover, a:focus {
    outline: medium none;
    text-decoration: none;
}

/*node status*/

.nodes{
  width: auto;
  padding: 10px;
  float:left;
  
  margin: 2px;
  text-align: center;
  color: #fff;
}

.disabled_nodes{
  width: auto;
  padding: 10px;
  float:left;
  
  margin: 2px;
  text-align: center;
  color: #fff;
  background: #bec3c7;
}

.on-off-status{
  width: 100px;  
}

.reset-status{
  margin-top: 2px;   
}

.node-off{
  width: 50px;  
  float: right;  
}

.btn .btn-primary .node-on{
  width: 50px;  
  float: right;  
}

.button{
  color: blue;
}

.node_name{
  color: midnightblue;
  
}

.btn-reset{
  color:midnightblue;
}

/*sidebar*/



/*Unboun Requests*/

.stepy-tab {
    text-align: center;
}

.stepy-tab ul {
    display: inline-block;
}

.stepy-tab ul li {
    float: left;
    list-style: none outside none;
}

.stepy-titles li {
    color: #757575;
    cursor: pointer;
    float: left;
    margin: 10px 15px;
}

.stepy-titles li.current-step div {
    background: none repeat scroll 0 0 #a9d86e;
    border-radius: 50%;
    color: #fff;
    cursor: auto;
    height: 100px;
    line-height: 100px;
    width: 100px;
}

.stepy-titles li div {
    background: none repeat scroll 0 0 #eee;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 300;
    height: 100px;
    line-height: 100px;
    width: 100px;
}

.stepy-titles li span {
    display: block;
}

.step {
  clear:  left;
}

.step legend {
    border: medium none;
}

.step label {
    display: block;
}

.form-horizontal .control-label{
  font-size: 14px;
  font-weight: 500;
  text-align: left;
} 

.btn-submit{
    text-decoration: none;
    background-color: #ff6c60;
    border-color: #ff6c60;
    color: #ffffff;
    float: right;
}

.btn-submit:hover {
  background-color: #ff6c60;
  border-color: #ff6c60;
  text-decoration: none;
}

#slice-label{
  font-size: 14px;
  font-weight: 500;
  text-align: left;
} 

.wrap-response{
  margin-top: 20px;
}

.required{
  color: #ff6c60;
}

/*My Reservations*/

#cancel-buuton{
  float: none;
}

.button_to .btn-cancel{
  text-decoration: none;
  background-color: #ff6c60;
  border-color: #ff6c60;
  color: #ffffff;
  float: right;
  margin-right: 22px;
}

.btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.active {
  background-color: #ff6c60;
  border-color: #ff6c60;
  text-decoration: none;
}

/*Scheduler*/

#reservation_table{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-left: 5px;
}

#reservation_main{
  max-height: 430px;
  min-height: 200px;
  overflow-x: auto;
  overflow-y: hidden;
}

/*88888888888888888888888888888888888*/

.header-fixed {
  width: 100%;
  margin: 0px;
  padding: 5px;
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
  display: block;
}

.header-fixed > tbody > tr > td {
  width: 51px;
}

#scrow_start_td,
#scrow_start_th{
  width: 120px;
}

#scrow_main_td,
#scrow_main_th{
  width: 51px;
}

.header-fixed > tbody > tr{
  width: 2585px;
  margin: 0px;
}

.header-fixed > thead > tr{
  width: 2590px;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}

.header-fixed > tbody {
  overflow-y: auto;
  overflow-x: hidden;
  height: 347px;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
  width: 20%;
  float: left;
}

.collapse_tr
.collapse_td {
  display: block;
  width: 2560px!important;
}


/*88888888888888888888888888888888888*/
.scrow_start{
  width: 120px!important;
  display: block;
}

.scrow-main{
  width: 51px!important;
  display: block;
}

td.td-checkbox{
  padding: 0px!important;
  line-height: 0.7!important;
}

td.td-checkbox:hover, td.td-checkbox:active{
  background-color: #428bca;
  /*background-color: #305086;*/
  
}
.regular-checkbox + label:hover { 
  background-color: #428bca;
  /*background-color: #305086;*/
}

.regular-checkbox:checked + label:hover { 
  background-color: #428bca;
  /*background-color: #305086;*/
}

label {
  display: inline;
}

.regular-checkbox {
  display: none;
}

.label_selected{
  background-color: #428bca!important;
}

.regular-checkbox + label {
  background-color: inherit;
  /*border: 1px solid #cacece;*/
  
  padding: 9px;
  padding-bottom: 34px;
  border-radius: 0px;
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0px;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  
}

.regular-checkbox:checked + label {
  background-color: inherit;
  /*border: 1px solid #adb8c0;*/
  
  color: #99a1a7;
}

.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 7px;
  left: 3px;
  color: #99a1a7;
}


.big-checkbox + label {
  padding: 18px;
}

.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 14px;
}

.tag {
  font-family: Arial, sans-serif;
  width: 200px;
  position: relative;
  top: 5px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  float: left;
}

.button-holder {
  float: left;
}

#notes-lock{
  left: 0px!important;
  top: 0px!important;
}

#notes-check{
  font-size: 22px;
}

#notes-timezone{
  font-weight: bold;
  margin-top: 5px;
}

.notes{
  border-top: 0px!important;
}

#notes{
  height: 60px;
}

#notes div{
  margin-top: 3px;
}

#topologies{
  height: 60px;
}

#interfaces_table,
#usb_devices_table{
  width:auto!important;

}

#interfaces_table thead,
#usb_devices_table thead{
  font-weight: bold;
}

/*
.regular-checkbox + label { }

label {
  display: inline;
}

.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
}

.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #99a1a7;
}


.big-checkbox + label {
  padding: 18px;
}

.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 6px;
}

.tag {
  font-family: Arial, sans-serif;
  width: 200px;
  position: relative;
  top: 5px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  float: left;
}

.radio-1 {
  width: 193px;
}

.button-holder {
  float: left;
}

*/
span.glyphicon-lock {
  font-size: 1.2em;
  cursor: not-allowed;
  left: 11px;
  top: 4px;
}



/*Home*/
.home-margin{
  margin: 0px;
  margin-top: 5%;

}

.tiles{
  width: 250px;
  height: 250px;
  background: #fff;
}

#registration{
  background: none repeat scroll 0 0 #6ccac9;
}
#login{
  background: none repeat scroll 0 0 #ff6c60;
}
#tutorial{
  background: none repeat scroll 0 0 #57c8f2;
}
#contact{
  background: none repeat scroll 0 0 #8075c4;
}

/*Profile*/

.profile-nav .user-heading {
    background: none repeat scroll 0 0 #41cac0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    padding: 30px;
    text-align: center;
}

.profile-nav ul > li:last-child > a:last-child {
    border-radius: 0 0 4px 4px;
}
.profile-nav ul > li > a {
    /*border-left: 5px solid #fff;*/
    border-radius: 0;
    color: #89817f;
}

a, a:hover, a:focus {
    outline: medium none;
    text-decoration: none;
}


a, a:hover, a:focus {
    outline: medium none;
    text-decoration: none;
}

.profile-nav .user-heading h1 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 5px;
}

.profile-nav .user-heading p {
    font-size: 18px;
}

/*Sidebar*/
@media screen and (min-width: 768px) {
  #sidebar{
  background: none repeat scroll 0 0 #305086;
  height: 100%;
  position: fixed;
  width: 210px;
}

.list-group-submenu {
  margin-left:10px;
}

 
}

/*Header*/

.navbar-inverse .navbar-nav > li > a {
    color: #fff!important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #F18A1C !important;
}
.navbar-inverse {
    background-color: #305086!important;
    border-color: #305086!important;
}

.navbar-inner {
    padding-left: 20px;
    padding-right: 20px;
}

/*Home Page*/

#create_account_thumbnail{
  background-color: #305086;
}

#lg_in_out_thumbnail{
  background-color: #305086;
}

#tutorial_thumbnail{
  background-color: #DA542E;
}

#contact_thumbnail{
  background-color: #0097AA;

}

.thumbnail{
  padding-top: 56px;
  padding-bottom: 25px;
}

.thumbnail h3{
  color:#fff;
  text-align: center;
}

/*Contact Page*/
#contact-us {
    margin-left: 6%;
    margin-top: 6%;
}

#contact-column {
  background-color: #feeccc;
  padding-top: 4%;
  padding-left: 5%;
  padding-bottom: 6%;

}

.contact-header h1{
  padding-top:  27px;
  padding-right: 125px;
  padding-bottom: 18px;

}

.contact-info{
  padding-left: 5px;
}

#nitlab-link{
  padding-right: 69px;
}

@media screen and (max-width: 768px) {
  #contact-us {
    margin-left: 0px;
    margin-top: 0px;
  }
  .contact-header{
    text-align: center;
  }

}

/*Testbed tools*/
@media screen and (min-width: 1458px) {
  #scheduler-tool, #connectivity-tool,#omf{
    width: 40%;
  }

  #scheduler-tool{
    margin: 6%;

  }
  #scheduler-photo{
    float:right;
  }

  #connectivity-tool,#omf{
    float:right;
    padding-top: 5%;
  }

  #scheduler-tool-row, #connectivity-tool-row{
    margin-top: 4%
  }

  #info-tool-row{margin-bottom: 4%}

  #testbed-tools a{
    color:#EC871E;
  }
}

/*About Page*/

@media screen and (max-width: 768px) {
  .about-list{
    margin-left: 0%;
  }
}
.about-list{
  /*width: 61%;
  margin-left: 22%;
  text-align:  justify;*/
}

.about-list ul li{
  margin: 1%;

}

#about-heading{
  text-align: center;
}

#about-page p{
  /*margin-left: 26%;*/
  margin-top: 2%;
  /*width: 60%;*/
}

.panel-body h2{
  border-top: ;
  border-bottom: ;
  margin-left: 4%;

}

.about a{
  color: #F18A1C;
}

.colored-line{
    background: none repeat scroll 0 0  #428bca;
}

.colored-line {
    height: 1px;
    margin: auto;
    width: 165px;
    z-index: 1;
}

/*News*/

/*.news-row p,h3{
  color: #fff;
}*/

/*.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}*/

#filters{
  padding-left: 20px;
}

.nodes .ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-draggable .ui-resizable{
  height: 220px;
}

/* Distance Tool */

path.link {
  fill: none;
  stroke: #666;
  stroke-width: 2px;
}

marker#con_00_10 {
  fill: #8C1302;
}

path.link.con_00_10 {
  stroke: #8C1302;
}

circle {
  fill: blue;
  stroke: #333;
  stroke-width: 1.5px;
}

text {
  font: 12px sans-serif;
  pointer-events: none;
}

text.shadow {
  stroke: #fff;
  stroke-width: 3px;
  stroke-opacity: .8;
}

path.linktext { 
  pointer-events: none; 
  font: 9px sans-serif; 
  fill: #000000; 
}

.node {
  stroke: #fff;
  stroke-width: 1.5px;
}

.link {
  stroke: #999;
}

.modal-body .form-horizontal .col-sm-2,
.modal-body .form-horizontal .col-sm-10 {
    width: 100%
}

.modal-body .form-horizontal .control-label {
    text-align: left;
}
.modal-body .form-horizontal .col-sm-offset-2 {
    margin-left: 15px;
}