@media screen and (max-width: 440px) {
	form .previewFileContainer {
        line-height: normal !important;
        padding-top: 30%;
	}
}

@media screen and (max-width: 600px) {
	..serviceLinks 			{text-align: left;}
	.serviceLinks li 			{padding: 0 0.8em; width:40%;box-sizing:content-box; border:0;margin: 4px 0}
	.serviceLinks li a i 		{font-size: 18px;}
	.serviceLinks li a img 	{max-width: 18px;}
	.t-bar .btn {padding: 7px 15px;}
}


@media screen and (max-width: 767px){
	.logoImg 																{max-width: 55px;}
	.navbar-default.main-nav ul.nav.navbar-nav 								{padding-top:0; margin-top:0;margin: 7.5px 0;}
	
	.navbar-default.main-nav .navbar-nav > li.split-link 						{width:100%; display: inline-block; position: relative; background: #045293;}
	.navbar-default.main-nav .navbar-nav > li > a.forms 						{display:inline-block;width: auto; border-radius: 0;padding-left: 44px;background: url(../img/form.png) #045293 17px 50% no-repeat;}
	.navbar-default.main-nav .navbar-nav > li.split-link > a.dropdown-toggle	{display: inline-block; width:calc(100% - 9em);border-radius: 0px;margin-left: -4px;box-sizing: content-box;}
  
	.navbar-default.main-nav .navbar-nav > li.split-link .row.dropdown-menu ul		 {list-style-type: none;padding-left:1.5em;}
	.navbar-default.main-nav .navbar-nav > li.split-link .row.dropdown-menu ul li 		{padding: 0.5em 0}
	.navbar-default.main-nav .navbar-nav > li.split-link .row.dropdown-menu ul li a 	{color: #004371;}
    .navbar-default.main-nav .navbar-nav > li.split-link .row.dropdown-menu ul li a:hover {text-decoration: underline;}

	.serviceLinks li {padding: 0 0.8em;}
	.serviceLinks .notification {right: -6px;}

	.navbar-default.main-nav .navbar-nav > li.split-link .dropdown-menu {
    	background: #a8c1d6;
    }

    .navbar-default.main-nav .navbar-nav > li > a:hover, .navbar-default.main-nav .navbar-nav > li > a:focus {
    	background-color: transparent !important;
    }

    .navbar-default.main-nav .navbar-nav > li.split-link > a.dropdown-toggle {
    	display: inline-block;
    	width: auto;
    }

    .navbar-default.main-nav .navbar-nav > li.split-link.active {
    	background: #347ab4;
    }
    .navbar-default.main-nav .navbar-nav > li.split-link:hover,
    .navbar-default.main-nav .navbar-nav > li.dropdown:hover,
    .navbar-default.main-nav .navbar-nav > li.menulinks:hover {
    	background: #347ab4;
    }

    .navbar-default.main-nav .navbar-nav > li.dropdown > span.caret {
    	margin-left: 30px;
    }

    .navbar-default.main-nav .navbar-nav > li.dropdown.open > .dropdown-menu {
    	background: #a8c1d6;
    }

    .navbar-default.main-nav .navbar-nav > li > a.account,
    .navbar-default.main-nav .navbar-nav > li > a.users,
    .navbar-default.main-nav .navbar-nav > li > a.menuaccount{
    	width: auto;
        display: inline-block;
        border-radius: 0;
    	background-color: transparent;
    }

    .navbar-default.main-nav .navbar-nav > li > a.mail {
        background: url(../img/mail.png) #045293 20px 50% no-repeat;
        padding-left: 48px;
        width:100%;
    }

    .navbar-default.main-nav .navbar-nav > li > a.account {
        padding-left: 45px;
    }

    form .img-tools {
        width: 100%;
    }

    form .media-tools {
        width: 100%;
    }

    form .img-tools .btn-file {
        left: 40%;
    }

    .main-nav .container, .main-nav .container div {
        margin: 0;
    }

    .navbar-default.main-nav .navbar-nav > li {
        margin: 0;
        padding-right: 0;
    }

    .navbar-default.main-nav .navbar-nav > li > a {
        border-radius: 0;
    }
    .container {width: 100%;}
    .text-right { text-align: left !important;}

    .modal-sm {width: 250px!important;}
    .modal-md {width: 450px!important;}
    .modal-lg {width: 520px!important;}
    .viewMail .modal-content 	{min-width: 300px;}

    .t-bar.affix  {position: relative!important;}

    search-electronic-mail-box div section div #myForm form div div div.form-group div.row div.col-sm-6 div.input-group.calendar{
        width: 40vw;
    }

    .bs-datepicker-container{
        position: absolute;
         background-color: white;
          right: 50%;
          top: 50%;
          margin-right: -260px;
          margin-top: -309px;
    }
    search-pending-form div section div #myForm form div div div.form-group div.row div.col-sm-6 div.input-group.calendar{
        width: 40vw;
    }
    deposit-account div div div div #myForm form div.row div.form-group div.row div.col-sm-6 div.input-group.calendar{
        width: 40vw;
    }
    user-list div section div  #userForm form div.row div.form-group div.row div.col-sm-6 div.input-group.calendar{
        width: 40vw;
    }

    .wrapper {width: 100%;}
    .SideNavCol.trigger-sidenav-active {top:15%!important;}
    .scrollNavBar{top: -190px!important;}

    filling-form-field-element span.col-sm-6.bold{
        width: auto;
    }
    fieldset filling-form-checkbox-field-type div div label span.col-sm-10{
        width: auto;
    }
    fieldset filling-form-checkbox-field-type div div.checkbox.row label.col-sm-12 span.col-sm-10{
        display: inline;
    }

}

@media screen and (min-width: 768px) {
	.main-nav .nav.navbar-nav li 									{position: static;}
	.navbar-nav > li.split-link > .row.dropdown-menu				{border-radius: 0 0 4px 4px !important;    border-color: #347ab4; border-bottom: transparent; border-radius: 0 0 4px 4px !important; margin-top: 11px;width:100%}
	.navbar-nav > li.split-link > .row.dropdown-menu ul 			{list-style-type: none;margin-top: -1px; border-radius:0 0 4px 4px; box-shadow:0px 5px 5px rgba(0,0,0,0.2);
												/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#347ab4+0,347ab4+30,013b6c+99 */
												background: #347ab4; /* Old browsers */
												background: -moz-linear-gradient(top,  #347ab4 0%, #347ab4 30%, #013b6c 99%); /* FF3.6-15 */
												background: -webkit-linear-gradient(top,  #347ab4 0%,#347ab4 30%,#013b6c 99%); /* Chrome10-25,Safari5.1-6 */
												background: linear-gradient(to bottom,  #347ab4 0%,#347ab4 30%,#013b6c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
												filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347ab4', endColorstr='#013b6c',GradientType=0 ); /* IE6-9 */
												}
	.navbar-nav > li.split-link > .row.dropdown-menu ul li 					{display: inline-block;  padding: 1em;}
	.navbar-nav > li.split-link > .row.dropdown-menu ul li a 				{color:#fff;border-right: 1px solid #59c1e4;padding-right: 2em;}
	.navbar-nav > li.split-link> .row.dropdown-menu ul li:last-child a 		{border: 0;}
    .navbar-default.main-nav .navbar-nav > li.split-link a.dropdown-toggle { margin-left:-9px;   padding: 0.8em 0.5em 0.8em 0;}

    .SideNav-open   {margin-top:25px;}

	.batchReceipt .dl-horizontal dt 			{width: 305px;margin-bottom: 3px;}
	.batchReceipt .dl-horizontal dd 			{margin-bottom: 3px; margin-left: 320px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.navbar-default.main-nav .navbar-nav > li > a 							{font-size:12px;}
    .navbar.navbar-default.main-nav                                         {padding: 6px 0;}
}

@media screen and (min-width: 992px) and (max-width: 1999px){
	.navbar-default.main-nav .navbar-nav > li > a 							{font-size:17px;}
}
@media screen and (min-width: 576px) and (max-width: 800px) {
    .container {
        max-width: 100% !important;
    }
}
@media screen and (max-width: 767px) {
    .creditFile {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .results.searchUsers table-cell-view-mode div {
        max-width: 6em;
    }
        .container {width: 100% !important;}

}

@media screen and (min-width: 1200px) {
    
    .container {
        max-width: 1170px;
    }

    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1170px;
    }

    .modal-xl {
        max-width: 1170px;
    }

}
@media screen and (max-width: 766px){
    replyreceivedcorrespondence-modal .modal { }
    replyreceivedcorrespondence-modal .modal-dialog,
    viewreceivedcorrespondence-modal .viewMail .modal-dialog,
    batchreceipt-modal .modal-dialog {margin: 0px;max-width: 100% !important; width: 100% !important;}
    replyreceivedcorrespondence-modal .modal-content {width: 100% !important;}
    filling-form-popup-form-modal>.modal>.modal-dialog {width: 95% !important;}
    submissionpaymentlist-modal>.modal>.modal-dialog {width: 92% !important;}
    confirmation-modal .modal { z-index: 10001; width: 256px; top: 50%; left: 50%; transform: translate(-50%,-65%); }
    viewreceivedcorrespondence-modal>.modal .modal-dialog {margin: 0px; position: absolute; top: 2%; left: 0;}
    classnosinfo-modal>.modal>.modal-dialog {max-width: 99%; padding-right: 0; margin-right: 0px; margin-left: 3px;}
    .bs-datepicker {left:50%;}
    .positionAbsolute {position: relative;}
    deposit-account>.row {display: block !important;}
    user-form confirmation-modal .modal {overflow-y: hidden !important; width: 414px;}
    user-form confirmation-modal .modal-dialog { width: 298px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) !important;}
    registration-form .form-group .row {margin: 0 !important;}
    .SideNavCol.trigger-sidenav-active .SideNavWrapper {top: 10% !important;}
    .form-check {padding-left: 0px !important;}
    .form-check-input {display: contents !important;}
    filling-form-tags-field-type .tooltip-inner {max-width: 233px !important; white-space: normal !important;}
    .SideNav li:hover {background-color: #FFFFFF;}
    confirmation-modal>.modal, warning-modal>.modal {overflow: hidden !important; width: 100%; height: auto; }
    confirmation-modal .modal-dialog { width: auto !important;}
    filling-form warning-modal .modal, filling-form confirmation-modal .modal { height: 100%; top: 50%; left: 50%; transform: translate(-49%, -50%) !important; width: 268px;}
    filling-form warning-modal .modal-dialog.modal-sm,filling-form confirmation-modal .modal-dialog.modal-sm {max-width: 92% !important;}
    .navForm {padding: 0px;}
    search-electronic-mail-box .table-responsive{position: relative; z-index: 0;}
    
}
@media screen and (min-width: 1600px) {
    .stickyNavBar {max-height: 100%;}

     .modal-dialog-1050 {
        width: 1000px !important;
        height: 100% !important;
     }
}
@media screen and (min-width: 1680px) {
    .modal-dialog-1050 {
        width: 1020px !important;
        height: 100% !important;
    }
}
@media screen and (min-width: 1920px) {
    .modal-dialog-1050 {
        width: 1080px!important;
        height:100% !important;
    }
}
@media screen and (max-width: 599px){
    .positionAbsolute {position: relative;}
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
    .ng-table.table > thead > tr > th			{min-width: 10px !important;max-width: 100px !important;}
    deposit-account .row {min-width: 100%;}
    deposit-account .ng-table.table > thead > tr > th { max-width: 200px !important;}
    .form-check-input {display: ruby-base !important;}
    .navbar-default.main-nav  ul.nav.navbar-nav     {margin-bottom: -2px;}
    .navbar.navbar-default.main-nav                 {padding: 13px 0;}

    .modal-header               {padding-bottom: 40px;}
    .modal-header button.close  {outline:none;}
    .modal-title                {position:absolute;}

    search-submitted-form .table.table-striped.results,
    search-electronic-mail-box .table.table-striped.results {overflow:hidden!important;}

    fieldset[disabled] input, fieldset[disabled] textarea, fieldset[disabled] select {pointer-events: none; background-color: #e9ecef;}
}


@media screen and (-ms-high-contrast: none) and (min-width: 600px), screen and (-ms-high-contrast: active) and (min-width: 600px) {
    .modal-body filling-form .panel {max-width: 451px !important;}
}

@media screen and (-ms-high-contrast: none) and (min-width: 992px), screen and (-ms-high-contrast: active) and (min-width: 767px) {
    .modal-body filling-form .panel {max-width: 747px !important;}
}

@media screen and (-ms-high-contrast: none) and (min-width: 1200px), screen and (-ms-high-contrast: active) and (min-width: 1200px) {
    .modal-body filling-form .panel {max-width: 856px !important;}
}