/*Colors for MNMHACCESS
    C37 M49 Y39 K3 = #9c7e97  Salmon color
    C90 M41 Y70 K33 = #116533  Green color
    C93 M71 Y33 K18 = #0f3d8c Dark Blue
    R53 G58 B64 = #353a40 Darkbrown - almost black
*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */

.widthForInt{
    width: 100px !important;
}
.widthForInt2{
    width: 200px !important;
}
.widthForZip{
    width: 150px !important;
}
.widthForTextbox1{
    width: 250px !important;
}
.widthForTextbox2{
    width: 350px !important;
}
.widthForMemo1{
    width: 350px !important;
}
/*For search form box*/
  .center-block {
  width:450px;
    padding:10px;
    background-color:#e9ecef;
    margin: auto;
    
    }

/*for modal popup css override*/
.modal-header, .ModalHeaderText, .close {
    /*padding:9px 15px;*/
    /*border-bottom:1px solid #eee;*/
    background-color: #0f1045 !important;
   
    color:white !important;    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
.modal-body {
    position: relative;
    padding-left:10px;
    padding-right:10px;
    padding-top:0px;
    }

/*loading spinner */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
 border: 16px solid #f3f3f3;
  border-radius: 50%;
 border-top: 16px solid red;
  border-right: 16px solid yellow;
  border-bottom: 16px solid blue;
  border-left: 16px solid green;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*END loading spinner */
/*To split check box list into 2 columns*/
.check-container {
  float: left;
  /*50% 2 columns*/
  width: 100%;
  font-size:12px !important;

}



.MSG{
    color:red;
    font-weight:bold;
    font-size: 18px;
}
/*Div border*/

#rcorners2 {
    /*border-radius: 15px;*/
    /*border: 2px solid #007bff;*/
    border-bottom: 2px solid #0f1045;
    padding: 10px; 
    font-size: 14px;
 
}

/*Div border*/
/*Sticky Foot*/
html, body {
  height: 100%;
}
body {
    padding-top: 50px;
    padding-bottom: 20px;
      display: flex;
  flex-direction: column;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.footer {
flex-shrink: 0 !important;
}
.container-fluid, .container  {
    flex: 1 0 auto !important;
}
/*End foooter*/
/*Admin header on side menu Background*/
.adminButton{
    background-color:lightgray;
}
/*End Admin button Background*/

/*Center search button on home page*/
.containerButton{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}
/*IE hack to position button*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .containerButton {
      margin-top:100px;
   }
}
/*image resizer for MHA and DHS logos*/
.resizeImage{
 max-width: 100%;
    height: auto;
}
/*Top menu nav links to add image*/
 ul.links {
        list-style-type: none;
    }    
        ul.links li {
            display: inline-block;
            border-left: 1px solid black;
            padding-left: 10px;
            margin-left: 10px;
        }    
            ul.links li:first-child {
                border-left: 0;
                padding-left: 0;
                margin-left: 0;
            }
/*TO keep the top menu aligned to the right*/
.navbar-collapse{
    flex-grow:0 !important;
}

.whiteText{
    color:white;
}
.blueText{
    color:#0f3d8c;
}
/*ovveride boostrap main background color for header and footer*/
.bg-dark {
    background-color: #353a40!important;
}

.dxgvControl_MetropolisBlue a {
    color: #0F3D8C !important;
    text-decoration:none !important;
}
.dxbButton_MetropolisBlue[class~="dxgvCommandColumnItem_MetropolisBlue"]{
    background-color:transparent !important;
    
}
/*Override for devx buttons  */
.dxbButton_MetropolisBlue {
     color:#ffffff !important;
    background-color: #0f3d8c!important;
    border-color: #0f3d8c!important; /*set the color you want here*/
}
.dxbButtonHover_MetropolisBlue {
    background-color:white!important;
color:#333333 !important;
 border-style: solid !important;
  border-width: 1px !important;
  border-color:#c0c0c0 !important;
}
/*override for bootstrap button hover*/
.btn:hover, .btn:focus, .btn:active, .btn.active, .open>.dropdown-toggle.btn {
    background-color:white!important;
color:#333333 !important;
 border-style: solid !important;
  border-width: 1px !important;
  border-color:#c0c0c0 !important;
}
.btn{
      color:#ffffff !important;
    background-color: #0f3d8c!important;
    border-color: #0f3d8c!important; /*set the color you want here*/
}
/*Boostrap override for accordion selected option*/
.ui-state-active{
    background-color:#0f3d8c!important;
    border-color:#0f3d8c!important;
}
/*Override for Devexpress Grid column headers*/
.list-group-item.active{
      color:#ffffff !important;
    background-color: #0f3d8c!important;
}
.dxgvHeader_MetropolisBlue{
    background-color:#353a40!important;
    color:white !important;
}
 /*end override*/


/*override for search detail popup - pcShowFacilityDetail*/
.dxflGroupBoxCaption_MetropolisBlue{
    color:black !important;
    font-weight:bolder;
}
.dxpcLite_MetropolisBlue .dxpc-header, .dxdpLite_MetropolisBlue .dxpc-header{
    background-color:#116533!important;
    color:white !important;
}
/*.dxpc-header, .dxdpLite_iOS .dxpc-header{
    background-color:#0F3D8C !important;
}
.dxpc-headerText, .dxdpLite_iOS .dxpc-headerText{
    color:white;
}*/
/*END *****/

/*Gradiant for header titles on About page*/
.GradientTitle{
    background-image: linear-gradient(to right, #0f3d8c , white);
    color:white;
    padding:3px;
    font-size:18px;
    font-weight:bold;
}
/*Searc results background image*/
.SearchResults{
    
    background-image: url("/Content/images/MN_Search.jpg");
    background-repeat:no-repeat;
    background-size:auto;
    /*background-position:left center;*/
    padding-left:10px;
    /*width:400px;
    height:200px;*/
}
.BlueBar{
    background-color:#0f3d8c;
    height:25px;
    color:white;
    font-size:20px;
    text-align:left;
  padding-left:15px;
  
}
.myIMG{

border-bottom: 10px solid #0f3d8c ;

}
/*Class for password reset message on admin user screen*/
#ResetMessage{
text-align: center;
vertical-align: middle;
font-weight:bold;
padding-bottom:10px;
color:red;

}
.dxgv{
 vertical-align:top !important;
}
.hidden {
    display: none;
}

/* Admin Functions: spacing below Update Status button */
.admin-update-status-btn {
    margin-bottom: 16px;
}

/* Admin Functions: tab row spacing/layout (match reference site) */
#pcAdminFacility .dxtc-strip td.dxtc-tab,
#pcAdminFacility .dxtc-strip td.dxtc-activeTab,
#pcAdminFacility .dxtc-stripContainer .dxtc-tab,
#pcAdminFacility .dxtc-stripContainer .dxtc-activeTab,
#pcAdminFacility .dxtc-strip td[class*="dxtc-tab"],
#pcAdminFacility .dxtc-strip td[class*="dxtc-activeTab"] {
    margin-right: 6px;
    white-space: nowrap;
}

#pcAdminFacility .dxtc-strip td.dxtc-activeTab,
#pcAdminFacility .dxtc-stripContainer .dxtc-activeTab,
#pcAdminFacility .dxtc-strip td[class*="dxtc-activeTab"] {
    background-color: #eeeeee !important;
    border: 1px solid #c8c8c8 !important;
    border-bottom-color: #eeeeee !important;
    position: relative;
    z-index: 1;
}

#pcAdminFacility .dxtc-strip td.dxtc-tab,
#pcAdminFacility .dxtc-stripContainer .dxtc-tab,
#pcAdminFacility .dxtc-strip td[class*="dxtc-tab"]:not([class*="activeTab"]) {
    background-color: transparent !important;
    border: none !important;
}

#pcAdminFacility .dxtc-content,
#pcAdminFacility .dxtc-pageContent {
    border: 1px solid #c8c8c8 !important;
    background-color: #fff !important;
    margin-top: -1px;
    padding: 12px 15px;
}