﻿

.MyPageHeading {
  padding-bottom: 20px;
  padding-top: 20px;
}
.top-navbar .top-navbar-inner .top-nav-content.main-top-nav-layout {
 	 background-color: transparent;
 	 margin-left: 0;
 	 position: absolute;
  	 right:0;
}

.the-box.MyPageHeading .topHeading .icon-lg {
  width: 50px;
}
.top-nav-content .navbar-nav > li > a .icon-count{
	left:auto;
	}
.top-nav-content .navbar-nav > li > a .badge {
    border-radius: 50%;
    height: 20px;
    line-height: 18px;
    min-width: auto;
    padding: 0;
    width: 20px;
}
footer{
	margin-bottom:25px;
}
.btn-group.Action_form_dropdown , .col-lg-4.col-md-4.col-sm-12.col-md-12 .btn-group.USER_ACTIVITY_REPORTS {
   margin-right: 10px;
    width: 100%;
}
.btn-group.Process_form_dropdown {
  margin-right: 10px;
    width: 100%;
}
#tabs.nav-primary li {
  margin-right: 10px;
}
#tabs.nav-primary li:last-child {
  margin-right: 0px;
}
 .form-group.Label-Input_button {
  display: inline-block;
}
tbody#users-libraryapplicationforms td.actionsBtn {
  text-align: left;
}
.form-group.search-library label {
  display: inline-block;
}
.form-group.search-library input.form-control {
  display: inline-block;
  margin-left: 22px;
  width: 85%;
}
.addApplicationFormHeading {
  padding-bottom: 5px;
}

.col-lg-4.col-md-4.col-sm-12.col-xs-12 .btn-group.col-lg-10.col-md-10.col-sm-9.col-xs-9 {
  padding: 0;
}
.col-lg-8.col-md-8.col-sm-12.col-xs-12 .panel.DashBoardResponseCount-Border .list-group-item{
    height: auto;
    min-height: 60px;
    width: 100%;
}
.mail-apps-wrap.active #applicationDetails .form-group {
  margin-bottom: 0;
  overflow: hidden;
}
hr{
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #dddddd -moz-use-text-color -moz-use-text-color;
}
.option_Checkbox {
  padding-bottom: 10px;
}
.option_Checkbox .chosen-container.rounded.form-control.rounded {
  margin-top: 10px;
}

.tooltipdatacell.note_arc.noteText {
    display: block;
    height: 180px;
    overflow-y: scroll;
}
.the-box.Progress_details .table-responsive {
    overflow-y: auto;
    overflow-X: scroll;
    width: 100%;
}
.the-box.Progress_details .table-responsive .table.table-th-block.table-hover{
   table-layout: fixed;
}
.the-box.Progress_details .table-responsive .table.table-th-block.table-hover tr td:first-child{
    width:200px;
}
.the-box.Progress_details .table-responsive .table.table-th-block.table-hover tr td{
    width:100px;
}

ul.nav-user li.dropdown a.dropdown-toggle{
    text-overflow:inherit;
    max-width:100%;
}
ul.nav-user li.dropdown a.dropdown-toggle img.avatar.img-circle {
    display: inline-block;
}
ul.nav-user li.dropdown a.dropdown-toggle strong {
    display: inline-block;
    width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
ul.nav-user li.dropdown a.dropdown-toggle i.fa.fa-caret-down {
    display: inline-block;
}
.container.error_container {
  padding-top: 50px;
}
.error_container .error_404 {
  padding-top: 40px;
}
.error_404 h1 {
    font-size: 54px;
    font-weight: bold;
    text-transform: uppercase;
}
.error_404 h1 span{
    font-size:75px;
    color:#134A80;
}
.error_content h2.text-center {
line-height: 44px;
margin: 0 auto;
padding-bottom: 20px;
width: 700px;
}
@media only screen and (min-width : 150px) and (max-width : 1712px) {
ul#tabs.nav.nav-tabs.nav-primary {
    text-align: center;
    margin: 0 auto;
    display: block;
}
#tabs.nav.nav-tabs.nav-primary li {
    margin-right: 0;
    display: inline-block;
    float: none;
}
ul#tabs.nav.nav-tabs.nav-primary li a {
  border-radius: 5px;
  margin-bottom: 8px;
  width: 220px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
ul#tabs.nav.nav-tabs.nav-primary {
    text-align: center;
    margin: 0 auto;
    display: block;
}
#tabs.nav.nav-tabs.nav-primary li {
    margin-right: 0;
    display: inline-block;
    float: none;
}
ul#tabs.nav.nav-tabs.nav-primary li a {
  border-radius: 5px;
  margin-bottom: 8px;
  width: 230px;
}
#tabs.nav-primary li {
    margin-right: 8px;
}
.nav-tabs.item-color.nav-primary > li.active > a, .nav-tabs.item-color.nav-primary > li.active > a:hover, .nav-tabs.item-color.nav-primary > li.active > a:focus{
    border-bottom-color:#dddddd;

}
.form-group.search-library input.form-control {
    display: inline-block;
    margin-left:10px;
    width:72%;
}
.btn-group.Action_form_dropdown ,.col-lg-4.col-md-4.col-sm-12.col-md-12 .btn-group.USER_ACTIVITY_REPORTS{
    width: 100%;
}
.col-lg-8.col-md-8.col-sm-12.col-xs-12 .panel.DashBoardResponseCount-Border .list-group-item .col-lg-3.col-md-6.col-sm-6.col-xs-12{
    padding-top:10px;
}
}



@media only screen and (min-device-width : 1200px) and (max-device-width : 1280px){
	.logo-brand {
    height: auto;
    left: 20px;
    width: 150px;
}
.logo-brand img {
    height: auto;
    margin-left: 0;
    max-width: 160px;
    width: 100%;
}
}

@media only screen and (min-device-width : 200px) and (max-device-width : 767px) {
.the-box.MyPageHeading .topHeading {
   text-align: center;
}
.the-box.MyPageHeading .topHeading .icon-lg {
  width: 50px;
}
.btn-collapse-main-navigation {
  color: #fff;
  display:block;
  height: 40px;
  left: 10px;
  line-height: 38px;
  padding: 0;
  position: absolute;
  top: 10px;
  width: 50px;
  border-radius:0px;
}

ul#tabs.nav.nav-tabs.nav-primary {
    text-align: center;
    margin: 0 auto;
    display: block;
}
#tabs.nav.nav-tabs.nav-primary li {
    margin-right: 0;
    display: inline-block;
    float: none;
}
ul#tabs.nav.nav-tabs.nav-primary li a {
  border-radius: 5px;
  margin-bottom: 8px;
  width: 230px;
}
.col-lg-8.col-md-8.col-sm-12.col-xs-12 .panel.DashBoardResponseCount-Border .list-group-item .col-lg-3.col-md-6.col-sm-6.col-xs-12{
    padding-top:10px;
}
.error_content h2.text-center {
width:95%;
}
}

@media only screen and (min-device-width : 200px) and (max-device-width : 736px) and (orientation : portrait){
body.top-navigation {
	 padding-top: 130px;
}

ul.nav-user.navbar-right {
    left: 70px;
    right: auto;
    width: 70%;
}
.main-top-nav-layout .nav.navbar-nav.navbar-right {
  left: 80px;
  position: absolute;
  margin-right:0 !important;
}
.top-navbar .top-navbar-inner .top-nav-content.main-top-nav-layout {
  	top: 70px;
    left: 50%;
 	transform: translateX(-50%);
  	-webkit-transform:translateX(-50%);
  	-moz-transform:translateX(-50%);
 	-o-transform:translateX(-50%);
	right:auto;
	width:100%;
}
.logo-brand{
	left: 50%;
	transform: translateX(-50%);
  	-webkit-transform:translateX(-50%);
  	-moz-transform:translateX(-50%);
 	-o-transform:translateX(-50%);
    top:10px;
}
.top-main-navigation{
	top: 120px;
}
.form-group.search-library input.form-control {
    display: inline-block;
    margin-left:0px;
    width:100%;
}	
}


@media only screen and (min-device-width : 200px) and (max-device-width : 736px) and (orientation: landscape){
	body.top-navigation {
    padding-top: 70px;
}
ul.nav-user.navbar-right {
    left: auto;
    right: 40px;
    text-align: right;
    width: 35%;
}
.main-top-nav-layout .nav.navbar-nav.navbar-right {
    margin-right: 0 !important;
    position: absolute;
    right:225px;
}
.logo-brand {
    left:70px;
    top: 6px;
    z-index:99;
    width:auto;
}
.btn-collapse-main-navigation {
  left: 10px;
  top: 15px;
}
.top-navbar .top-navbar-inner .top-nav-content.main-top-nav-layout {
	right:auto;
	width:100%;
}
.form-group.search-library input.form-control {
    display: inline-block;
    margin-left:10px;
    width:86%;
}
.btn-group.Process_form_dropdown {
    margin-right: 10px;
    width: 75%;
}
.btn-group.Action_form_dropdown, .col-lg-4.col-md-4.col-sm-12.col-md-12 .btn-group.USER_ACTIVITY_REPORTS {
    margin-right: 10px;
    width: 86%;
}	
}


@media only screen and (min-device-width : 200px) and (max-device-width : 480px){
.btn-group.Process_form_dropdown ,.btn-group.Action_form_dropdown , .col-lg-4.col-md-4.col-sm-12.col-md-12 .btn-group.USER_ACTIVITY_REPORTS{
    width: 100%;
    padding-bottom: 10px;
}
}

