/**
=============================
Builder case used only in the form builder.
=============================
**/
@media (max-width: 979px) {
 .navbar a.brand {
 color: #AADDFF;
}
 body {
 padding-top: 0;
}
}
/**
 webkit fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .row-fluid .settings {
 height: 218px;
}
}
@media only screen and (min-device-width: 1280px) {
 .js-canvas .person .name {
 width: 76%;
}
 .js-canvas .person .sso, .person-error .sso {
 width: 14%;
}
}
/**
========================
End of Builder case
========================
**/
@media (max-width: 767px) {
 .clearfix > [class*="span"] {
 float: none;
 display: block;
 width: auto;
 margin: 0;
}
 .big-modal {
 width: auto;
 margin: 0;
}
}
/*
 * Bigger screens wordwrap in people search
*/
@media only screen and (min-device-width: 1024px) {
}
/*
 * End Bigger screens wordwrap in people search
*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
 .row {
 margin-left: 125px;
*zoom:1;
}
 .ppl-list>li .wordwrap {
 width: 240px;
}
 .create-form-button {
 left: 88px !important;
}
 .option-box {
 width: 33.3% !important;
}
 #search-bar {
 width:75%;
}
 .wordwrap.fixed-widht {
 display: inline-block;
 width: 150px;
}
 #scrollable-forms-container {
 margin-left: -35px !important;
}
 #templates-box {
 margin-left: 15px !important;
}
 #options-container .row-fluid {
 margin-left: 20px;
*zoom:1;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
 .row {
 margin-left: 45px;
*zoom:1;
}
 .ppl-list>li .wordwrap {
 width: 140px;
}
 .wordwrap.fixed-widht {
 display: inline-block;
 width: 200px;
}
 .search-bar-container {
 position: relative;
 margin-right: -10px;
}
 #scrollable-forms-container {
 margin-top: -80px;
 left: 150px;
}
 #create-form-box, #templates-box {
 margin-top: 20px;
 margin-left: 155px !important;
}
 #options-container .row-fluid {
 margin-bottom: -1px !important;
}
 .home-footer {
 margin-top: 20px;
}
}
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
 .row {
 margin-left: 80px;
*zoom1;
}
 .multichoice {
 margin-left: 40px;
}
 .ppl-list>li .wordwrap {
 width: 280px;
}
 .search-bar-container {
 position: relative;
 margin-right: 8px;
}
}
@media screen and (max-width: 480px) {
 #field-chooser-container {
 max-width: 70px;
 min-width: 70px;
}
 .push-right {
 position: absolute;
 left: 95px;
 width: 100%;
}
 #records-container.small {
 width: 350px;
}
 .subnav.subnav-fixed {
 position: absolute !important;
},  .subnav-fixed {
 top: 53px;
}
 .filter-container {
 margin-top: 7px !important;
}
 #search-container {
 top: 80px;
 position: absolute !important;
}
 #search-container>div.container {
 text-align: left !important;
}
 .big-search-container {
 height: 366px !important;
}
 body.push-down-extra {
 padding-top: 160px !important;
}
 body.push-down-extra-big {
 padding-top: 486px !important;
}
 .webkit-fix .filter-container-wrapper {
 padding-right: 0;
 margin-right: 0;
}
 #complex-search .btn {
 top: 0;
}
 .table-move-buttons {
 width: 10%;
}
 #filter-grid {
 width: 90% !important;
}
 #complex-search div {
 text-align: left;
}
 #btn-filter {
 top: 8px;
}
 .paging_full_numbers a.paginate_button,  .paging_full_numbers a.paginate_active {
 padding-left: 8px;
 padding-right: 8px;
}
 .small .dataTables_info {
 display: none;
}
 .home-footer {
 margin-left: -20px;
 padding-right: 40px;
}
 footer.home-footer p {
 width: 88%;
}
}
@media screen and (min-width: 481px) {
 #field-chooser-container {
 margin-right: 10px;
 max-width: 150px;
 min-width: 150px;
}
 .push-right {
 position: absolute;
 left: 195px !important;
 width: 100%;
}
 .btn-options {
 z-index: 999;
}
 #record-menu {
 z-index: 1001;
}

}
}
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
 #records-container.small {
 width: 195px;
}
 #records-container td, #records-container th {
 min-width: 75px;
 max-width: 90px;
}
 ul.ppl-list>li span.wordwrap {
 width: 150px;
}
 ul.ppl-list>li span.wordwrap ~ span.wordwrap {
 width: 75px;
}
 .container {
 width: auto;
}
 .search-bar-container {
 position: relative;
 margin-right: 8px;
}
 .fixed-width {
 width: 100px;
 display: inline-block;
}
 .btn-modal {
 width: 150px;
}
 #btn-keep-editing {
 margin-left: 5px;
}
 #simple-search .open >.dropdown-menu {
 left: -120px !important;
}
 #subnav-fixed {
 top: 70px;
}
 #scrollable-forms-container {
 margin-left: -35.3px !important;
 margin-top: -65px;
}
 #create-form-box, #templates-box {
 margin-top: 20px;
 margin-left: -35.3px !important;
}
 .popover.right.landing-popover {
 left:160px !important;
}
 .option-box {
 margin-left: 0;
}
 .general-error-message {
 margin-bottom: 53%;
}



}
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
 #records-container.small {
 width: 330px;
}
 #records-container td, #records-container th {
 min-width: 110px;
 max-width: 140px;
}
 .container {
 width: 428px !important;
}
 #subnav-fixed {
 top: 70px;
}
 #scrollable-forms-container {
 margin-top: -65px;
 margin-left: 22.3px;
}
 #create-form-box, #templates-box {
 margin-top: 20px;
 margin-left: 22.3px;
}
 .popover.right.landing-popover {
 margin-left:0px !important;
 left: 320px !important;
}
 .general-error-message {
 margin-bottom: 8%;
}



}
@media screen and (min-width: 481px) and (max-width: 1024px) {
 #complex-search .filter-type-text {
 display: none;
}
}
@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {
 #records-container.small {
 width: 532px !important;
}
 #records-container td, #records-container th {
 max-width: 190px;
}
 .subnav-fixed {
 top: 60px;
}
 .general-error-message {
 margin-bottom: 102.5%;
}
}
@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {
 #records-container.small {
 width: 750px;
}
 #records-container td, #records-container th {
 max-width: 210px;
}
 .subnav-fixed {
 top: 65px;
}
 .subnav.subnav-fixed {
 position: fixed !important;
}
 .navbar .user-container {
 margin-right:0 !important;
}
}
@media screen and (min-device-width: 1281px) {
 #records-container.small {
 width: 975px;
 margin-top:0
}
 #records-container td, #records-container th {
/*    min-width: 100px;
    max-width: 100px;*/
  }
 .subnav-fixed {
 top: 63px;
}
}
@media (max-width: 979px) {
 .nav-collapse.collapse .nav.links li a i,  .nav-collapse.collapse .nav.links li label i {
 height: 16px;
 width: 16px;
 background-image: url("../img/records-sprite.png");
 margin-top: 0;
}
 .nav-collapse.collapse .links .icon-forms-create {
 background-position: -54px -17px;
}
 .nav-collapse.collapse .links .icon-forms-home {
 background-position: -35px -17px;
}
 .nav-collapse.collapse .links .icon-forms-records {
 background-position: -71px -17px;
}
 .nav-collapse.collapse .links .icon-forms-help {
 background-position: -91px -17px;
}
 .nav-collapse.collapse .links .icon-forms-import {
 background-position: -269px -17px;
}
 .nav-collapse.collapse .links .icon-forms-user {
 background-position: -236px -17px;
}
 .nav-collapse.collapse .links .icon-forms-logout {
 background-position: -253px -17px;
}
 .nav-collapse.collapse .hide-if-collapsed {
 display: none;
}
 .nav-collapse.collapse .nav.pull-right.user-menu {
 border-left: none;
}
 .nav-collapse.collapse > .nav li > a:hover {
 background: #005cb2;
}
 .nav-collapse.collapse > .nav > li > img {
 padding: 6px 15px;
}
 .nav-collapse.collapse > .nav li > label {
 color: #AADDFF;
 font-weight: normal;
}
 .nav-collapse.collapse br, #user_actions > a.dropdown-toggle {
 display: none;
}
 .nav-collapse.collapse > .nav > li > label,  .nav-collapse.collapse > .nav > li > span {
 width: 80px;
 margin-left: 15px
}
 .nav-collapse.collapse > .nav > li > a > .nbsp,  .nav-collapse.collapse > .nav > li > label > .nbsp {
 display: inline;
}
 .navbar .links li:first-child {
 height: auto;
}
 .nav-collapse.collapse .nav li {
 text-align: left;
 border: none;
}
 .nav-collapse.collapse .nav li a i {
 background-image: url("../img/glyphicons-halflings-white.png");
}
 .nav-collapse.collapse .nav.links {
 margin-top: 0;
}
 .nav-collapse.collapse .nav.up-user {
 border-bottom: 1px solid #024C8C;
 margin-bottom: 0;
}
 .nav-collapse.collapse .nav.pull-right {
 margin-bottom: 0;
}
 .nav-collapse.collapse .dropdown-menu {
 margin-left: 0;
}
 .navbar a.brand {
 color: #AADDFF;
 margin-left: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}
 .navbar a.btn-navbar:hover {
 background-color: #27292D;
}
 .navbar a.btn-navbar {
 margin-top: 6px;
 background-color: #4D4F53;
 background-image: -ms-linear-gradient(top, #4d4f53, #2c2d30);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4f53), to(#2c2d30));
 background-image: -webkit-linear-gradient(top, #4d4f53, #2c2d30);
 background-image: -o-linear-gradient(top, #4d4f53, #2c2d30);
 background-image: -moz-linear-gradient(top, #4d4f53, #2c2d30);
 background-image: linear-gradient(top, #4d4f53, #2c2d30);
 background-repeat: repeat-x;
 border-color: #2c2d30 #2c2d30 #003580;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4d4f53', endColorstr='#2c2d30', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
 .subnav {
 top: 50px;
}
 div#search-container.subnav {
 top: 80px;
}
 body {
 padding-top: 0;
}
 .home-footer {
}
 .home-footer p {
 width: 98%;
}
 .general-error-message {
 margin-top: -90px;
}
}

/*==================== 320 screen ================*/
 @media only screen and (max-width: 320px) {
 .hero-unit {
padding:0px;
}
 .match span {
display:inline-block;
}
.search-btn-margin {
margin:5px 0 0 0 !important;
}
.btn{font-size: 12px;}

.disBlock{display:block;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
 .hero-unit {
padding:0px;
}
 .match span {
display:inline-block;
}
 .search-btn-margin {
margin:5px 0 0 0!important;
}
 .big-search-container {
	height:500px;
}	
.records-container{position:relative!important;}
.search-container{position:relative!important;}
/*---- Display block */
.disBlock{display:block;}
}