@font-face {
  font-family: 'Flat-UI-Icons';

  src: url('../Bootstrap/fonts/flat-ui-icons-regular.eot');
  src: url('../Bootstrap/fonts/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../Bootstrap/fonts/flat-ui-icons-regular.woff') format('woff'), url('../Bootstrap/fonts/flat-ui-icons-regular.ttf') format('truetype'), url('../Bootstrap/fonts/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg');
  }

.col-center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:781px) {

    #PageButtons li {
        padding-left: 3px;
        padding-right: 3px;
    }

    .largeButton img
    {
        display:block;
    }
}

@media (max-width:780px) {

    #PageButtons li {
        /*padding-left: 2px;
        padding-right: 2px;*/
        display:inline;
      
    }

    #PageButtons .nav li a {
        display:inline;
    }

    #MainMenuNav li, #MainMenuNav li a {
        display:inline;
    }

    .largeButton img
    {
        display:inline;
    }
}

@media (min-width:900px) {

    #PageButtons li {
        padding-left: 5px;
        padding-right: 5px;
    }
}


#PageButtons li a:hover {
    background-color: #fff;
    color: #133e71;
    /*background: linear-gradient(#2d4148,#111c20);*/
    /*background: radial-gradient(ellipse at center, #2d4148 0%,#111c20 100%);*/
}
.largeButton img
{
      height: 20px;
        width: 20px;
        
    }



#CaseStatistics, #ErrorsBox
{
margin:3px;
padding:10px;
font-size:13px;
}

    #CaseStatistics.ui-state-default {
         background-color: #ffff
    }



    input[type=text], input[type=password], input[type=number], input[type=datetime], input[type=date] {
        /*height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;*/
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }



 #MainMenuNav img {
        display:none;
    }
     
    /*#SiteHeaderWelcome  {
    margin-right: 10px;
    
}
        */
    #SiteHeaderWelcome  ul li {
    margin:4px;
}

/*#SiteLogo {
    background-image: url('../images/inspre-portal-logo-white.svg');
    background-repeat: no-repeat;
    margin-top: 7px;
    padding-top: 60px;
    color: white;
    background-size: 200px;
    background-position: 0px 4px;
}*/

#SiteLogo {
    padding-top: 6px;
}








footer.navbar-inverse, footer.navbar-inverse a {
    color: white;
}

#CaseSearchPanel .smallButton {
    margin-bottom:4px;
}

#CaseQueueTabsExpander {
    margin-top:-5px;
}
#CaseQueue {
    margin-top:5px;
width:99%
    
}

#CaseQueue table,#CaseLookUpSearchResults table
{
/* scrollbar useless iccuring */
    border-collapse: separate;


}

.ClientCategoryTitle,
.clientCategoryBoxOnCaseQueue {
    width: 16px;
    border-radius: 68px;
    height: 16px;
    border: 1px solid #878787;
}

.ClientCategoryTitle {
    display: inline-block;
}
#CaseSearchFilters, #SearchTypeNavigationPanel {
    margin-left: 0px;
    margin-right: 0px;
}

#CaseSearchPanel .panel-body{
    font-size:small;
    height:130px;
    margin-bottom:5px;
}

#CaseSearchPanel .panel{
    
    margin-bottom:2px;
}


    /*
#CaseSearchPanel .col-xs-1,#CaseSearchPanel .col-xs-2, #CaseSearchPanel .col-xs-3
{
padding-left:5px;
padding-right:1px;
}
        */
    #SearchColumnContainer, #SearchFilterContainer, #SearchCriteriaContainer
{
    
    min-height: 110px;
    padding: 4px;
    font-size: .85em;
}

#SearchForm {
    margin-top:4px;
    margin-left:10px;
}
    

#ListDatesOfService {
    margin-left:-5px;
    margin-right:5px;
}


.ListDatesOfServiceFontForPageView .ocrFieldInputAndText input[type=text].isDateInput /*service date*/
        {
            
            max-width:100%;
       
        }
.ListDatesOfServiceFontForPageView .ocrFieldInputAndText {
width: auto;
max-width: 100px;

}

        .ListDatesOfServiceFontForPageView .ocrFieldInputAndText input[type=text].currencyField /*billed amount and allowed amdoint*/
        {
            
            max-width: 100%;
       
        }

.ListDatesOfServiceFontForPageView .ocrFieldInputAndText input[id$='CPT_Value'] /*cptcode*/
        {
            
            max-width: 100%;
       
        }
.bootstrapAdjustOcrFieldImageContainer {
    width:60%;
    float:right;
    padding-right:0px;
}


.bootstrapAdjustOcrFields {
    width:39%;
    float:left;
}
.bootstrapAdjustOcrFields .ListDatesOfServiceFontForPageView 
{
	min-width:300px;
	width:100%;
max-width:100%;
}

.ocrFieldInput {
    width:100%;
}
.ocrFieldImage img {
   max-width:600px;
  
}

.caseViewFieldRightColumn .editor-label label {
    padding-left:10px;
}


@media (max-width: 479px) {
    .ui-tabs-vertical > .ui-tabs-nav {
        width: 95%;
    }

    #PageContent {
        margin-bottom: 60px;
    }
    /*#pg_mypager #mypager_left,#pg_mypager #mypager_right,#pg_mypager #mypager_center {
        width:100%;
        clear:both;
        display:block;
    }*/
    #tabs-left > .ui-tabs-nav > li {
        width: 49%;
    }

    #tabs-left > .ui-tabs-panel, .ui-tabs-vertical > .ui-tabs-panel {
        padding-left: 1px;
        margin-top: 100px;
        clear: both;
        min-width: 370px;
        width: 95%;
        left: -220px;
        position: relative;
    }

    .leftNavTabContent header {
        font-size: 1em;
    }

    .bootstrapAdjustOcrFields {
        width: 80%;
    }

    .bootstrapAdjustOcrFieldImageContainer {
        width: 20%;
    }

    #TabInternalNav {
        margin: 1px;
    }

        #TabInternalNav .nav li, #TabInternalNav .nav li a {
            padding: 2px;
        }


    #MainMenuNav li, #MainMenuNav li a, #Welcomer li, #Welcomer li a,.TopLinksForDocuments li,.TopLinksForDocuments li a {
        padding: 1px;
        margin-left: auto;
        margin-right: auto;
        display: inline;
        width:90%;
    }

    .page-header {
        margin: 2px 1px 2px;
    }


    #PageTitle {
        padding: 1px;
        height: 22px;
        font-size: 1em;
    }

        #PageTitle small {
            font-size:x-small;
        }
    .loadingIndicator {
        left: 20%;
    }

     * {
        font-size:11px;
    }
}


#Welcomer li,#Welcomer li a
{
  
        display: inline;
        
}

.ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-close {
    width: 18px;
    height: 18px;
}

.ui-dialog-titlebar-close .ui-icon-closethick {
    left: 0px;
    margin-left: 0px;
}


/* Select 2 Styling */

.select2-container .select2-choice {
    height: 30px;
    line-height: 30px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    background-image: none;
    background-color: #fff;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    /*border: 1px solid #c2c2c2;*/
}

    .select2-container .select2-choice .select2-arrow {
        background-color: #fff;
        background-image: none;
        border-left: 0;
    }

.select2-dropdown-open .select2-choice {
    /*border-color: #66afe9;*/
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.select2-container {
    height: auto
}