
@media screen {
  .modal-dialog {
    left: 0%!important;
  }
  .row-xs-1 { height: 20px; }
  .row-xs-2 { height: 40px; }
  .row-xs-3  { height: 60px; }
  .row-xs-4 { height: 80px; }
  .row-xs-5 { height: 100px; }
  .row-xs-6 { height: 120px; }
  .row-xs-7 { height: 140px; }
  .row-xs-8 { height: 160px; }
  .row-xs-9 { height: 180px; }
  .row-xs-10 { height: 200px; }
  .row-xs-11 { height: 240px; }
  .row-xs-12 { height: 280px; }
  .row-xs-13 { height: 320px; }
  .row-xs-14 { height: 400px; }
  .row-xs-15 { height: 480px; }
  .row-xs-16 { height: 540px; }
  .row-xs-17 { height: 620px; }
  .row-xs-18 { height: 700px; }
  .row-xs-19 { height: 780px; }
  .row-xs-20 { height: 860px; }
  .row-xs-21 { height: 940px; }
  .row-xs-22 { height: 1020px; }
  .row-xs-23 { height: 1100px; }
  .row-xs-24 { height: 1200px; }
}

@media screen and (min-width: $screen-sm) {
  .modal-dialog {
    left: 0%!important;
  }
  .row-sm-1 { height: 20px; }
  .row-sm-2 { height: 40px; }
  .row-sm-3 { height: 60px; }
  .row-sm-4 { height: 80px; }
  .row-sm-5 { height: 100px; }
  .row-sm-6 { height: 120px; }
  .row-sm-7 { height: 140px; }
  .row-sm-8 { height: 160px; }
  .row-sm-9 { height: 180px; }
  .row-sm-10 { height: 200px; }
  .row-sm-11 { height: 240px; }
  .row-sm-12 { height: 280px; }
  .row-sm-13 { height: 320px; }
  .row-sm-14 { height: 400px; }
  .row-sm-15 { height: 480px; }
  .row-sm-16 { height: 540px; }
  .row-sm-17 { height: 620px; }
  .row-sm-18 { height: 700px; }
  .row-sm-19 { height: 780px; }
  .row-sm-20 { height: 860px; }
  .row-sm-21 { height: 940px; }
  .row-sm-22 { height: 1020px; }
  .row-sm-23 { height: 1100px; }
  .row-sm-24 { height: 1200px; }
}

@media screen and (min-width: $screen-md) {
  .modal-dialog {
    left: 0%!important;
  }
  .row-md-1 { height: 20px; }
  .row-md-2 { height: 40px; }
  .row-md-3 { height: 60px; }
  .row-md-4 { height: 80px; }
  .row-md-5 { height: 100px; }
  .row-md-6 { height: 120px; }
  .row-md-7 { height: 140px; }
  .row-md-8 { height: 160px; }
  .row-md-9 { height: 180px; }
  .row-md-10 { height: 200px; }
  .row-md-11 { height: 240px; }
  .row-md-12 { height: 280px; }
  .row-md-13 { height: 320px; }
  .row-md-14 { height: 400px; }
  .row-md-15 { height: 480px; }
  .row-md-16 { height: 540px; }
  .row-md-17 { height: 620px; }
  .row-md-18 { height: 700px; }
  .row-md-19 { height: 780px; }
  .row-md-20 { height: 860px; }
  .row-md-21 { height: 940px; }
  .row-md-22 { height: 1020px; }
  .row-md-23 { height: 1100px; }
  .row-md-24 { height: 1200px; }
}

@media screen and (min-width: $screen-lg) {
  .modal-dialog {
    left: 0%!important;
  }
  .row-lg-1 { height: 20px; }
  .row-lg-2 { height: 40px; }
  .row-lg-3 { height: 60px; }
  .row-lg-4 { height: 80px; }
  .row-lg-5 { height: 100px; }
  .row-lg-6 { height: 120px; }
  .row-lg-7 { height: 140px; }
  .row-lg-8 { height: 160px; }
  .row-lg-9 { height: 180px; }
  .row-lg-10 { height: 200px; }
  .row-lg-11 { height: 240px; }
  .row-lg-12 { height: 280px; }
  .row-lg-13 { height: 320px; }
  .row-lg-14 { height: 400px; }
  .row-lg-15 { height: 480px; }
  .row-lg-16 { height: 540px; }
  .row-lg-17 { height: 620px; }
  .row-lg-18 { height: 700px; }
  .row-lg-19 { height: 780px; }
  .row-lg-20 { height: 860px; }
  .row-lg-21 { height: 940px; }
  .row-lg-22 { height: 1020px; }
  .row-lg-23 { height: 1100px; }
  .row-lg-24 { height: 1200px; }
}

/** percent widths **/
.w25p{width:25%!important;}
.w40p{width:40%!important;}
.w50p{width:50%!important;}
.w60p{width:60%!important;}
.w75p{width:75%!important;}
.w100p{width:100%!important;}

/** percent heights **/
.h25p{height:25%!important;}
.h50p{height:50%!important;}
.h75p{height:75%!important;}
.h100p{height:100%!important;}
.col-md-0 { 
  display: none;
}

.no-gutter > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.col1, .col2, .col3 {
  padding-left:0!important;
  padding-right:0!important;
}

.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

/*
.nav-tabs {
  margin-bottom: 15px!important; // Breaks bordered nav-tabs
}
*/

.modal {
  overflow: auto;
  margin-bottom: 2.5%;
  top: 0!important;
  outline: none;
}

input[id=search-input]:focus {
  width: 220px!important;
  background-color: #fff;
  border-color: #6dcff6;
  z-index: 9900;
}
#search-button {
  z-index: 9900;
}
/* search input field */
input[id=search-input] {
  width: 100px!important;
  border: solid 1px #ccc;
  padding: 9px 10px 9px 32px;
  width: 55px;
  
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em;
  
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
