﻿
/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/

@media (max-width: 1350px) and (min-width: 768px){
    .far-right{
        transform: none !important;
        left: auto !important;
        right: 0 !important;
        margin: 0 !important;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {

	/*------------------------------------------*/
	/*	 Header
	/*------------------------------------------*/


	.navbar-nav { margin: 0 -33px 0 0;  padding: 0 0 -10px 0; }


	/* newly added */
	#header { margin-bottom: -20px; }

    /*------------------------------------------*/
	/*	Login
	/*------------------------------------------*/

    #loginForm.generalForm{
        width: 60%;
    }

    #loginFormBody .required-text{
        margin-left: 22.5%;
    }


	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#intro_form {padding-left: 15px;}
	
    /*------------------------------------------*/
	/*  Features
	/*------------------------------------------*/

    .feature-box-content{
        min-height: 150px;
    }

    .features-button{
        top: 38%;
    }
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {width: 100%;}

	/*.video-block{
		height: 540px;
		min-height: 540px;
	}*/

    /*------------------------------------------*/
	/*  Demo
	/*------------------------------------------*/
    .leading-edge-text{
        margin-top: 30px;
    }

    /*------------------------------------------*/
	/*  Manage Screen
	/*------------------------------------------*/

    .request-list .request-priority{
        display: none !important;
    }

    .request-list .request-title{
        width: 50%;
    }
    .request-list .request-status,
    .request-list .request-type{
        width: 12%;
    }

    
    .request-list .last-status-update-time{
        width: 16%;
    }

    .request-list .request-next-action{
        width: 16%;
    }

    .request-list .request-ID,
    .request-list .request-notes{
        width: 6%;
    }

    .request-list .request-notes{
        border-right: none !important;
    }

    #whatsNewLink{
        right: 24%;
    }

}




@media only screen and (max-width: 991px){

    

	.titlebar h2 { font-size: 32px; }
	.titlebar p {font-size: 16px; }
	
	/*------------------------------------------*/
	/*	 Header
	/*------------------------------------------*/

	.navbar-nav { margin: 0 -33px 0 0;  padding: 0 0 -10px 0; }

    .navbar-right > li > a{
        padding: 0 11px 0 11px;
    }
	
	/* #header { margin-bottom: 40px; } */
	#header { margin-bottom: -20px; }

    /*------------------------------------------*/
	/*	Login
	/*------------------------------------------*/

        #loginForm.generalForm{
            width: 75%;
        }

        #loginFormBody .required-text{
            margin-left: 15.5%;
        }

    /*------------------------------------------*/
	/*	Forgot Password
	/*------------------------------------------*/

        #forgotPasswordForm.generalForm{
            width: 75%;
        }

        #forgotPasswordFormBody .required-text{
            margin-left: 15.5%;
        }
	
	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	#logo_image, #social_icons { padding: 0;}
	
	/*------------------------------------------*/
	/*	 About Sections
	/*------------------------------------------*/
	
	#home-banner {padding-bottom: 60px;}

    .engineering-icon, .schedule-icon, .rentals-icon{
        width: 50px;
        margin-left: 0px;
    }
    .accordion > li > a{
        padding-left: 12px;
    }
	
	/*------------------------------------------*/
	/*	 About-1 Image
	/*------------------------------------------*/

	#about-1-img img {padding: 0 60px;}
	
	/*------------------------------------------*/
	/*	 Video Title Button
	/*------------------------------------------*/
	
	/*
		#watch-video-button {margin-bottom: 1px;}
	*/
	
	/*------------------------------------------*/
	/*	 Video Holder
	/*------------------------------------------*/
	
	#video_holder {margin-bottom: 40px;}

    /*------------------------------------------*/
	/*  Features
	/*------------------------------------------*/

    .feature-box-content{
        min-height: 130px;
    }

    .features-next{
        right: -10px;
    }

    .features-prev{
        left: -10px;
    }

    .features-button{
        top: 37%;
    }

    /*#feature_3,
    #feature_6{
        animation: none !important;
        opacity: 1 !important;
    }*/

    /*------------------------------------------*/
	/*	 Manage Account
	/*------------------------------------------*/

    #manageForm .two-buttons #cancel,
    #manageForm .two-buttons .cancel{
        margin-left: 10px;
    }
	
	/*------------------------------------------*/
	/*	 Call to Action
	/*------------------------------------------*/
	
	#download-info h2 {font-size: 32px; padding: 0;}
	#download-info p {font-size: 18px; padding: 0;}
	
	/*------------------------------------------*/
	/*	 Footer Social Icons  
	/*------------------------------------------*/
	
    #footer_nav, #footer_icons, #footer_contact{
        padding: 0!important;
    }

    #footer_icons{
        margin-left: 20px;
    }
    .footer-nav li a{
        font-size: 14px;
    }
	#footer_icons { margin:6px 0; }
	.footer-socials { display: inline-block;}
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 40px auto 5px; width: 55%; float: none !important;}
	#newsletter-paragraph {float: none !important;}



	/*------------------------------------------*/
	/*	Video - Add min height so vid doesn't get cut off
	/*------------------------------------------*/
	
	/*.video-block{
		height: 480px;
		min-height: 480px;
	}*/

	/*------------------------------------------*/
	/*	Contact Us
	/*------------------------------------------*/
    .contact-us-item{
        margin: 0px;
    }

    /*------------------------------------------*/
	/*  Demo
	/*------------------------------------------*/

    .work-with-container .row div:first-child{
        margin-top: 10px;
    }

    .leading-tech-container .row div:first-child img{
        width: 75%;
    }

    /*------------------------------------------*/
	/*  Customer Request
	/*------------------------------------------*/

    #customerRequestForm label[for=repVersion]
    {
        margin-left: 1.25%;
    }

    .priority-guidelines{
        font-size: 12px;
    }

    .priority-guidelines img{
        display: none;
    }

    /*------------------------------------------*/
	/*  Manage Screen
	/*------------------------------------------*/

    #searchFilter{
        margin-right: 10px;
    }


    .manage-nav .pagination{
        margin-right: 10px;
    }

    .request-list .last-status-update-time,
    .request-list .request-priority,
    .request-list .request-next-action{
        display: none !important;
    }

    .request-list .request-title{
        width: 64%;
    }
    
    .request-list .request-ID,
    .request-list .request-notes{
        width: 9%;
    }

    .request-list .request-notes{
        border-right: none !important;
    }

    .request-list .request-type,
    .request-list .request-status{
        width: 18%;
    }

    #whatsNewLink{
        right: 18.5%;
    }

}
/* iPad */
@media only screen and (max-width: 768px){
        /*------------------------------------------*/
	/*	 XS Page banners
	/*------------------------------------------*/

    #page-banner{
        background-image: url('../img/parallax_bg/WorldMapIconsBlue_xs.jpg');
    }

    .news-banner{
        background-image: url('../img/parallax_bg/Megaphone_Letters_xs.jpg');
    }

    .scheduling-banner{
        background-image: url('../img/parallax_bg/BusinessDeskiPadCalendar_xs.jpg');
    }

    .rentals-banner{
        background-image: url('../img/parallax_bg/Bkgd_EquipmentRentals_xs.jpg');
    }
    
    .engineering-banner{
        background-image: url('../img/parallax_bg/EngineerLaptopServer_xs.jpg');
    }

    .services-banner{
        background-image: url('../img/parallax_bg/ShakingHandsTeamOffice_xs.jpg');
    }

    .careers-banner{
        background-image: url('../img/parallax_bg/Vimsoft_Interior_FrontDesk_Office_xs.jpg') !important;
    }

    .contact-us-banner{
        background-image: url('../img/parallax_bg/ContactUs_ManFingerIcons_xs.jpg') !important;
    }

    .request-demo-banner{
        background-image: url('../img/parallax_bg/BusinessManHandsVimBizLaptop.jpg') !important;
    }

    /*#page-banner, .news-banner, .scheduling-banner, .rentals-banner, .engineering-banner, .services-banner,
    .careers-banner, .contact-us-banner{
        
    }*/

    /*------------------------------------------*/
	/*	 Page banners
	/*------------------------------------------*/

    #content-wrapper #page-banner, 
    #solution-banner{
        height: 160px;
        padding-top: 24px;
    }
    #page-banner.customer-portal-banner .page-banner-container,
    .page-banner-container,
    .solution-banner-container{
        min-height: 120px;
        padding: 5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #page-banner.customer-portal-banner{
        height: 120px !important;
    }

    #page-banner.customer-portal-banner .page-banner-container{
        min-height: 80px;
    }

    #page-banner.customer-portal-banner .page-banner-container h1{
        margin-top: 4px;
        margin-bottom: 6px;
    }

    #page-banner.customer-portal-banner .page-banner-container img{
        width: 80px;
        margin-top: 7px;
    }

    .page-banner-container h1,
    .solution-banner-container h1{
        font-size: 30px;
        margin-bottom: 15px;
    }

    .page-banner-container p,
    .solution-banner-container p{
        font-size: 20px;
    }

    /*------------------------------------------*/
	/*	Solution content text when not animated
	/*------------------------------------------*/

    .list-content{
        font-size: 18px;
        color: black;
    }

    .list-content:after, 
    .nested-list-content ul li:last-child:after{
        content: none;
    }

    .solution-banner-container > div > div{
        max-width: 497px;
    }

    /* Vimsoft page video */
    .vimsoft video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-40%);
        z-index: -1;
        max-width: 100%;
        min-width: 450px;
        min-height: 213px;
    }

}


@media only screen and (max-width: 767px){


    /*------------------------------------------*/
	/*	 General
	/*------------------------------------------*/

    .generalForm .form-group .form-control, 
    .modal .form-group .form-control,
    form .RadComboBox,
    form .RadDropDownList{
        margin-left: 1.25% !important;
        width: 97.5% !important;
    }

    #viewRequestForm .generalForm .form-group .form-control, 
    #viewRequestForm .modal .form-group .form-control,
    form#viewRequestForm .RadComboBox,
    form#viewRequestForm .RadDropDownList{
        margin-left: 0px !important;
        width: 100% !important;
    }

    .two-buttons{
        text-align: center;
    }

    #view-request .required-text{
        margin-left: 17px;
    }
    
    .required-text{
        margin-left: 10px !important;
        margin-top: 10px;
        margin-bottom: -27px;
    }
    
    .custom-tooltip{
        width: 100%;
    }

    /*------------------------------------------*/
	/*	 Home page banner
	/*------------------------------------------*/

    #home-banner {
        background-image: url('../img/parallax_bg/floatingPhoneIcons04_xs.jpg');
    }

    .front-logo{
        top: 135px;
        left: calc(50% - 200px);
    }
    /*.banner-container{
        padding-left: 100px;
    }*/

    .animated-phone{
        display: none;
    }

    .top-left{
        font-size: 23px;
    }

    .bottom-right{
        font-size: 17px;
    }

    .bottom-right strong{
        font-size: 19px;
    }

    .hide-over-767{
        display: block;
    }

    .accordion-container{
        padding-left: 1px;
        padding-right: 1px;
    }
	/*------------------------------------------*/
	/*	 Responsive Menu
	/*------------------------------------------*/

    #navigation-menu{
        background-color: #f6f6f6;
        max-height: 80vh !important;
    }
	
	.navbar-nav { margin: 0;  padding: 0; border-top: 1px solid #ddd; background-color: #f6f6f6; }	

	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 44px; text-align: center; display: inline-block; text-align: center;}


    .dropdown-menu > li > a, .dropdown-menu > li > a:hover{
        background: #f0f0f0 !important;
    }

    .dropdown-submenu > .dropdown-menu > li > a{
        background: #ececec !important;
    }

    .dropdown-menu > li > a, .dropdown-submenu > .dropdown-menu > li > a{
        min-width: 200px;
    }

    
	
	
	/*------------------------------------------*/
	/*	 New - Nav Bar sizing
	/*------------------------------------------*/

	.navbar-brand { padding: 17px 0px 10px 0px; margin-left: -15px;}
	.navbar-toggle { margin-top: 17px; margin-right: -15px; }
	
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{
        padding: 15px;
    }

    .navbar-header {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .navbar-nav .open .dropdown-menu {
        margin: 0;
    }

    .nav .open > a{
        border-color: #428bca !important;
    }


	#intro_form, #logo_image, #social_icons, #home-banner, #module-accordions, #about-3, #features, 
    #content-1 { padding-left: 5px; padding-right: 5px; }

    #clients [class*="col-"]{
        padding-right: 5px;
        padding-left: 5px;
    }
	
	/*------------------------------------------*/
	/*	 Header
	/*------------------------------------------*/

	/* #header { margin-bottom: 50px; } */
	#header { margin-bottom: -20px; }
	#header img {padding: 0 0 0 0;}

    /*------------------------------------------*/
	/*  Log in
	/*------------------------------------------*/

    #loginForm.generalForm{
        width: 75%;
    }

    #loginFormBody .required-text{
        margin-left: 15% !important;
    }

    #loginForm.generalForm .login-link-container{
        text-align: center;
    }

    #loginForm.generalForm .login-link-container div:first-child{
        display: block;
    }

    #loginForm.generalForm .login-link-container div:last-child{
        float: none;
    }

    /*------------------------------------------*/
	/*	Forgot Password
	/*------------------------------------------*/

        #forgotPasswordForm.generalForm{
            width: 75%;
        }

    /*------------------------------------------*/
	/*	Register Account
	/*------------------------------------------*/

    #registerForm label[for=comments]{
        margin-left: 1.25% !important;    
    }

    #registerForm #comments{
        min-height: 109px;
        resize: none;
        width: 95%;
        margin-left: 1.25% !important;
    }

	/*------------------------------------------*/
	/*	  Intro Section
	/*------------------------------------------*/
	
	.form_register {width: 60%; }
	
	/*------------------------------------------*/
	/*	 Features
	/*------------------------------------------*/
	
	.feature-box {margin-bottom: 30px;}
    .engineering-icon, .schedule-icon, .rentals-icon{
        width: 58px;
        margin-left: 5px;
    }
    .accordion > li > a{
        padding-left: 15px;
    }

    .features-text {
	    font-size: 23px;
        padding-bottom: 20px;
    }

    .features-text > div{
        font-size: 21px;
        display: inline-block;
        margin-right: 4px;
        margin-left: 0px;
    }

    .features-text span{
        font-size: 21px;
    }

    #module-accordions{
        padding-top: 20px;
    }

    .feature-box-content{
        min-height: 130px;
    }

    .features-next{
        right: -15px;
    }

    .features-prev{
        left: -15px;
    }

    /*#feature_2,
    #feature_5,
    #feature_3,
    #feature_6{
        animation: none !important;
        opacity: 1 !important;
    }*/
	/*------------------------------------------*/
	/*	 Intro Video
	/*------------------------------------------*/

    #watch-video-button img{
        width: 230px;
    }

    #watch-video-button{
        margin-bottom: 10px;
    }
	
	/*------------------------------------------*/
	/*	 Call to Action
	/*------------------------------------------*/
	
	#download-info p {padding: 0 4%;}
	
	/*------------------------------------------*/
	/*	 Footer
	/*------------------------------------------*/
	
	#footer_nav { text-align: center; margin-bottom: 16px;}
	.footer-nav {display: inline-block; margin: 0 auto;}
	#footer_copy p {margin-left: 0;}
	.footer-nav li {padding: 5px 10px 5px;}
    #footer_contact{
        text-align: center !important;
	}
    .footer-btn{
        margin-right: 0px;
        margin-top: 25px;
    }

	/*------------------------------------------*/
	/*	 Footer Social Icons  
	/*------------------------------------------*/
	
	.footer-socials {float: none;}
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 50%;}
	
		
	/*------------------------------------------*/
	/*	Video - Add min height so vid doesn't get cut off
	/*------------------------------------------*/
	
    /*#video_holder{
        margin: 0 -10px;
    }

	.video-block{
		height: 420px;
		min-height: 420px;
	}*/

    #video_holder{
        width: 100%;
    }

    #video-1 [class*=col-]{
        padding:0;
    }

    /*------------------------------------------*/
	/*	Clients
	/*------------------------------------------*/
	
	#quote_holder{
        width: 100%;
	}

    /*------------------------------------------*/
	/*	Careers
	/*------------------------------------------*/

    .available-positions{
        margin-top: 30px;
    }

    /*------------------------------------------*/
	/*	Demo
	/*------------------------------------------*/

    .work-with-container{
        min-height: 300px;
        padding: 40px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .work-with-container .row div:first-child{
        margin-top: 0px;
    }

    .leading-tech-container{
        margin-top: 50px;
    }

    /*------------------------------------------*/
	/*	Vimsoft page
	/*------------------------------------------*/

    #about-us h3 {
        margin-top: 20px;
    }

    #mission-statement .mission-title {
        margin-top: 20px;
    }

    /*------------------------------------------*/
	/*	Solutions
	/*------------------------------------------*/

    .solution-info-list{
        margin: 0px 0 20px;
    }

    /*------------------------------------------*/
	/*  Customer Portal
	/*------------------------------------------*/

    .generalForm{
        margin-left: -10px;
        margin-right: -10px;
        padding: 15px;
    }

    #dashboard-links [class*=col-] {
        padding-right: 5px;
        padding-left: 5px;
    }

    .dashboard-item a{
        font-size: 18px;
        margin: 10px 15px;
    }

    .customer-request-banner .wider-columns{
        padding-right: 5px;
        padding-left: 5px;
    }

    /*------------------------------------------*/
	/*  Submit Customer Request
	/*------------------------------------------*/

    #customerRequestForm #platformID{
        width: 97.5% !important;
    }

    .priority-guidelines img{
        display: inline-block;
    }

    /*------------------------------------------*/
	/*  View Request
	/*------------------------------------------*/

    .tab-content .generalForm{
        margin: 25px 0px 15px;
    }

    .new-note-btn{
        background-position: 10px 50%;
        padding-left: 45px;
    }

    #viewRequestForm #notesPanel td{
        font-size: 12px;
    }
    
    #viewRequestForm #notesPanel th{
        font-size: 9px;
    }

    #viewRequestForm #notesPanel td.notes-submitted-date .gray-time{
        font-size: 11px;
    }

    .request-notes-scroll{
        height: 300px;
    }

    .request-history-scroll{
        height: 345px;
    }

    .generalForm .form-group label,
    .generalForm .form-group .form-control,
    #customerRequestForm #requestTypes, 
    #customerRequestForm #platformID, 
    #customerRequestForm #title
    {
        margin-left: 1.25% !important;
    }

    #manageForm input[type=checkbox]#newsletter, 
    #manageForm input[type=checkbox]#crNotifications,
    #manageForm input[type=checkbox]#manager,
    #registerForm input[type=checkbox]#newsletter,
    #registerForm input[type=checkbox]#adminFlag{
        margin-left: 1.5%;
    }

    #viewRequestForm #approveBtn.btn{
        margin-top: 5px;
        width: 210px;
        margin: 5px auto 10px;
        display: block;
    }



    /*------------------------------------------*/
	/*  Manage Screen
	/*------------------------------------------*/

    .request-list .last-status-update-time,
    .request-list .request-priority,
    .request-list .request-notes,
    .request-list .request-next-action{
        display: none !important;
    }

    .request-list .request-title{
        width: 58%;
    }

    .request-list .request-type,
    .request-list .request-status{
        width: 17%;
    }

    .request-list .request-ID{
        width: 8%;
    }

    .request-list .request-status + .request-status{
        border-right: none !important;
    }

    #manage-requests [class*=col-]{
        padding-right: 5px;
        padding-left: 5px;
    }

    .manage-nav{
        margin-top: 15px;
    }

    .request-row div{
        font-size: 13px;
    }

    #bpDialog .modal-content{
        width: 80%;
    }

    #bpDialog #bpChooseRequestType .modal-body{
        padding: 75px 0px;
        /*padding: 50px 20px;*/
    }


    #statusDialog .modal-content{
        width: 80%;
        margin-bottom: 0;
    }

    #statusDialog .modal-dialog .modal-body {
        height: 80vh !important;
        /*padding: 50px 20px;*/
    }

    #statusDialog .modal-dialog .fake-textbox{
        height: 65vh !important;
        /*padding: 50px 20px;*/
    }

    #whatsNew .modal-content{
        width: 90%;
        margin-bottom: 0px;
    }

    #whatsNew .modal-dialog .modal-body{
        height: 80vh !important;
        /*padding: 50px 20px;*/
    }

    #whatsNew .modal-dialog .fake-textbox{
        height: calc(80vh - 20px) !important;
        /*padding: 50px 20px;*/
    }

    .bp-choice-box{
        margin: 0 10px;
    }

    #manage-requests #messageLabel{
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #whatsNewLink{
        right: 17%;
        top: 10px;
    }
}


@media (max-width: 480px) {

    /*------------------------------------------*/
	/*	 General
	/*------------------------------------------*/

    .generalForm{
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .two-buttons #cancel,
    .two-buttons .cancel{
        margin: 10px 8px !important;
    }

    .two-buttons #submitBtn,
    .two-buttons .submit{
        margin: 10px 8px !important;
    }

    .features-text{
        font-size: 18px;
    }

    .features-text > div{
        font-size: 15.5px;
    }

    .features-text span{
        font-size: 16px;
    }

    .hidden-xxs{
        display: none;
    }

    .hide-over-480{
        display: block;
    }

    .page-banner-container h1,
    .solution-banner-container h1{
        font-size: 28px;
        margin-bottom: 15px;
    }

    .page-banner-container p,
    .solution-banner-container p{
        font-size: 16px;
    }

	#intro_description, #intro_form, #logo_image, #social_icons, #home-banner, #module-accordions, #about-3, #features, #clients, 
    #content-1 { padding-left: 5px; padding-right: 5px; }
	
    .form_register {width: 90%; }
	
	#about-1-img img {padding: 0;}
	#about-2-img img {margin-top: 0;padding: 0;}
	#about-3-img img {margin-top: 0;padding: 0;}

    .feature-box-content{
        min-height: 140px;
    }
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 70%;}


	/*------------------------------------------*/
	/*	 New - Nav Bar Logo size
	/*------------------------------------------*/

	.navbar-brand img {	width: 100%; height: auto; margin-top: 2px; }
	.navbar-nav { margin: 0 -15px; border-top: 1px solid #ddd; background-color: #f6f6f6;}	
	.navbar-brand { padding: 20px 0px 10px 0px; width: 150px; }
	.navbar-toggle { margin-top: 17px; }

    /*------------------------------------------*/
	/*  Log in
	/*------------------------------------------*/

    #loginForm.generalForm{
        width: initial;
    }

    #loginFormBody .required-text{
        margin-left: 6% !important;
    }

    /*------------------------------------------*/
	/*	Forgot Password
	/*------------------------------------------*/

    #forgotPasswordForm.generalForm{
        width: initial;
    }

    #resetPasswordForm.generalForm{
        width: initial;
    }


    /*------------------------------------------*/
	/*  Manage Screen
	/*------------------------------------------*/

    .request-list .request-title{
        width: 70%;
        overflow: hidden;
    }

    .request-list .request-type{
        display: none !important;
    }

    .request-list .request-ID{
        width: 10%;
    }

    .request-list .request-status{
        width: 20%;
    }

    .request-row div{
        font-size: 12px;
    }

    .new-request-btn{
        padding-right: 2px;
        width: initial;
    }

    .new-request-btn span{
        display: none;
    }

    .manage-nav > div{
        width: calc(100% - 47px);
    }

    .manage-nav{
        margin-top: 5px;
    }

    /*.manage-nav .pagination{
        margin-top: 10px;
    }*/

    /*------------------------------------------*/
	/*  View Request
	/*------------------------------------------*/

    #viewRequestForm #notesPanel th{
        font-size: 8px;
    }

    #viewRequestForm #status-history-page th{
        font-size: 8px;
    }

    div#content-wrapper #viewRequestForm .nav-tabs > li{
        overflow: hidden;
    }

    div#content-wrapper #viewRequestForm .nav-tabs > li > a{
        padding-left: 3px;
        padding-right: 0px;
        font-size: 12px;
    }

    div#content-wrapper #viewRequestForm .nav-tabs > li > a > img {
        margin-right: 2px;
    }

    #viewRequestForm .file-chosen{
        padding-top: 20px;
    }

    #viewRequestForm #attachments-page .generalForm label{
        font-size: 14px;
    }

    #viewRequestForm #attachments-page .generalForm .form-group span.gray-brackets {
        font-size: 11px;
    }

    .generalForm .attachment-legend div:last-child{
        margin-left: 3px;
        margin-right: 2px;
    }

    .generalForm .attachment-legend{
        font-size: 11px;
    }

    #viewRequestForm #customListLink{
        right: 5px;
    }

    /*------------------------------------------*/
	/*  Customer Request
	/*------------------------------------------*/

    .generalForm .uploadContainer .file-chosen .attachment-row > .attach-inserted-date > div{
        font-size: 9px;
    }

    /*#viewRequestForm .attachment-headers{
        font-size: 13px;
    }*/

    #bpDialog .modal-content{
        width: 100%;
    }

    #statusDialog .modal-content{
        width: 100%;
    }

    .bp-choice-box{
        margin: 2px;
    }

    .bp-choice-box p{
        font-size: 15px;
    }

    #bpDialog h3{
        margin-top: 1px;
    }

    #bpDialog label{
        margin-top: 18px;
    }

    #whatsNewLink{
        right: 5%;
    }

    /*------------------------------------------*/
	/*  Manage Account
	/*------------------------------------------*/

    #manageForm .nav-tabs{
        margin-right: -10px;
        margin-left: -10px;
    }
}


@media (max-width: 320px) {

	.titlebar h2 { font-size: 28px; }
	
	#intro_form, #logo_image, #social_icons, #home-banner, #module-accordions, #about-3, #features, #clients, 
    #content-1 { padding-left: 5px; padding-right: 5px; }
	
	/*------------------------------------------*/
	/*	  Header
	/*------------------------------------------*/
	
	#logo_image {width: 100%; text-align: center; margin-bottom: 15px; float: none !important;}
	#logo_image img { padding: 0;}
	#social_icons {width: 100%; text-align: center; float: none !important;}
	
	.customNavigation {display: none;}
	
	
	/*------------------------------------------*/
	/*	 Footer Newsletter Form
	/*------------------------------------------*/
	
	.subscribe-form {margin: 25px auto 5px; width: 100%;}
	
		
	/*------------------------------------------*/
	/*	 New - Nav Bar sizing
	/*------------------------------------------*/

	/* Nav Bar logo reduce size */
	.navbar-brand img {	height: auto; width: 100%; margin-top: -13px; }
	.navbar-nav { margin: 0 -15px; border-top: 1px solid #ddd; background-color: #f6f6f6;}
	.navbar-brand { padding: 20px 0px 10px 0px; margin-top: 9px; width: 120px;}
	/* Nav Bar button reduce size */
	.navbar-toggle { padding: 6px; margin-top: 17px; }


	/*------------------------------------------*/
	/*	Video - Remove padding, add min height so vid doesn't get cut off
	/*------------------------------------------*/

	/*#video_holder {
	  padding-right: 0px;
	  padding-left: 0px;
	  margin-right: -15px;
      margin-left: -15px;
	}

	.video-block{
		height: 200px;
		min-height: 200px;
	}*/

    .bp-choice-box{
        margin: 0px;
    }

    .customer-request-banner #exportRequests, .customer-request-banner div.required-text {
        right: 0;
    }
}