@font-face {
    font-family: 'Web Serveroff';
    src: url('http://sansthaerp.dolphinunisys.com/fonts/web_serveroff/Web%20Serveroff.ttf');
}


h1,h2
{
    font-family:'Web Serveroff';
}



/* Text Bold */
.bold
{
    font-weight:bold;    
}

/* Text Bold */
.italic
{
    font-style:italic;    
    
}

/* Notification  */
.notify
{    
    
    padding:3px;
    color:White;
    background-color:#ffa31a;  
    border-radius: 4px 4px 4px 4px;     
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  
}

/* Add Bullet Icon to Menu Link */
add-link-icon:before
{    
    content: "• ";
    color: red; /* or whatever color you prefer */
}

/* Image with 100% width */
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:100%;
 }

/* Image Centered */
.col-centered{
float: none;
margin: 0 auto;
}

/*For Background Color */
bg-theme
{
    background-color: #2fa4e7;
}

/*For Border with Color */
.border
{
   border: 1px solid #1995dc; 
}
.border-top
{
   border-top: 1px solid #1995dc;
}
.border-bottom
{
   border-bottom: 1px solid #1995dc;
}
.border-right
{
   border-right: 1px solid #1995dc;
}
.border-left
{
   border-left: 1px solid #1995dc;
}


.devider-left
{
   border-left: 2px solid #1995dc; 
}

/*For Standard Margin */
.std-margin
{
    margin:3%;   
}
.std-margin-center
{
    margin:0 auto;   
}
.std-margin-top
{
    margin-top:3%;   
}
.std-margin-right
{
    margin-right:3%;   
}
.std-margin-bottom
{
    margin-bottom:3%;   
}
.std-margin-left
{
    margin-left:3%;   
}


/*For Standard Padding */
.std-padding
{
    padding:3%;   
}
.std-padding-top
{
    padding-top:3%;   
}
.std-padding-right
{
    padding-right:3%;   
}
.std-padding-bottom
{
    padding-bottom:3%;   
}
.std-padding-left
{
    padding-left:3%;   
}

/* unvisited link */
a:link 
{    
    text-decoration:none;
}

/* visited link */
a:visited {    
    text-decoration:none;
}

/* mouse over link */
a:hover 
{    
    text-decoration:none;
}

/* selected link */
a:active 
{    
    text-decoration:none;
}



/* Grid View Styles */
.grid-view
{
   margin: 0 auto;     
}
.grid-view th
{
    min-width:100px;
    background-color:#2fa4e7;
    font-weight:bold;
    color:White;
    text-align:center;
}
.grid-view td
{
    text-align:center;  
}
.grid-view tr
{
    height:40px;    
}
     

                                      
 
table th, table td { white-space: nowrap; } 

/* Modal Popup Webpage */

.modal-popup-page
{
    text-align:center;
    background-color:white;  
    border:2px solid #7A5343;
    width:75%;
}

/* Modal Popup Bar */
 
.modalPopup
{
    background-color:white;
    filter:alpha(opacity=1);
    opacity:1.0;
    xindex: -1;
}

.login-popup
{
    box-shadow: 0 0 15px #9ecaed;
    outline: none;
    border-color: #9ecaed;
}

#status
{
   font-size: 11px;
   margin: 10px;
}
.availablecss
{
    
}
.notavailablecss
{
    background-color: #FFD9D9;
    border: 1px solid red;
}

.category-search-box
{
    padding:10px;    
    overflow-y: scroll; 
    border-color: #7F9DB9; 
    border-style: solid; 
    border: 2px solid #2fa4e7;   
    height:200px;   
}



/* Ajax Tab Control Tab Height */
.ajax__tab_xp .ajax__tab_tab 
{
    height: 24px;
    min-height:24px;
    font-weight:bold;
}


/* Typography custom classes */
.text-white
{
    color:White; 
}

/* Start Style for Landing Page */
.intro-header {
    padding-top: 50px; 
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url('/Images/Background/bg_landing.jpg') no-repeat center center;    
    background-size: cover;
}

.intro-message {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 5px 5px 5px rgba(0,0,0,0.6);
    font-size: 4em;
    color:White;
    font-weight:bold;
}


.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 2em;
    color:White;    
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }
    .intro-message > h3 {
        font-size: 1em;
    }
}
/* End Style for Landing Page */


/* Start Overflow Hidden Styles */
.overflow-hide
{
    overflow:hidden; 
}
.overflow-hide-x
{
    overflow-x:hidden;     
}
.overflow-hide-y
{
    overflow-y:hidden; 
}
/* End Overflow Hidden Styles */

/* Start Simple Tab Styles */


.std-tab-control
{    
    padding: 15px; 
    width: 100%;
    min-height: 200px;   
    clear:both;     
    border : 1px solid transparent;
    border-radius: 0px 4px 4px 4px;     
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);     
    border-color : #dddddd;   
}


.Initial
{
     display: block;
     padding: 4px 18px 4px 18px;
     float: left;
     background-color:#2fa4e7;
     color: white;
     font-weight: bold; 
     border-radius: 10px 10px 0px 0px;            
}
.Initial:hover
{
    color: White;
    background-color: #188bcd;
    border-radius: 10px 10px 0px 0px;   
}
.Clicked
{
   float: left;
   display: block;
   background-color: #188bcd;
   padding: 4px 18px 4px 18px;
   color: Black;
   font-weight: bold;
   color: White;
   border-radius: 10px 10px 0px 0px; 
 }
/* End Simple Tab Styles */


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

 /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
        .grid-view .form-control
        {
             min-width:100px;
             max-width:150px;        
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) 
    {
        .grid-view .form-control
        {
             min-width:100px;
             max-width:150px;        
        }

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) 
    {
        .grid-view .form-control
        {
             min-width:150px;
             max-width:200px;        
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

        .grid-view .form-control
        {
             min-width:200px;
             max-width:250px;        
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

        .grid-view .form-control
        {
             min-width:200px;
             max-width:250px;        
        }
    }  
    
/**************** END **************************/

/* Start Pagination Styles */

ul.pagination1 {
    display: inline-block;
    padding: 0;   
}

ul.pagination1 li {display: inline;}

ul.pagination1 li a {
    color: black;
    float: left;
    padding: 2px 8px;    
    margin:3px;
    text-decoration: none;
    border-radius: 5px;
    border:1px solid black;
}

ul.pagination1 li a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
}

ul.pagination1 li a:hover:not(.active) {background-color: #ddd;}

/* End Pagination Styles */

/* Start Sorting Styles */
.sortasc-header a
{ 
   background:url('images/sort/sort_down.png') right center no-repeat;
}

.sortdesc-header a
{
   background:url('images/sort/sort_up.png') right center no-repeat;
}

.sortdesc-header a:hover
{
   color:White;    
}

th a
{
   padding-right: 5px;   
   color:White;   
}

th a:hover
{
   color:White;    
}
/* End Sorting Styles */


/* search box */

.button_box2 {
margin:100px auto;
}
/*-------------------------------------*/
.cf:before, .cf:after{
content:"";
display:table;
}
.cf:after{
clear:both;
}
.cf{
zoom:1;
}
/*-------------------------------------*/

.form-wrapper-2 {
width: 330px;
padding: 15px;
background: #555;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
.form-wrapper-2 input {
width: 210px;
height: 20px;
padding: 10px 5px;
float: left;
font: bold 15px 'Raleway', sans-serif;
border: 0;
background: #eee;
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.form-wrapper-2 input:focus {
outline: 0;
background: #fff;
-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper-2 input::-webkit-input-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.form-wrapper-2 input:-moz-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.form-wrapper-2 input:-ms-input-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.form-wrapper-2 button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 110px;
font: bold 15px/40px 'Raleway', sans-serif;
color: #fff;
text-transform: uppercase;
background: #D88F3C;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper-2 button:hover{
background: #FA8807;
}
.form-wrapper-2 button:active,
.form-wrapper-2 button:focus{
background: #c42f2f;
}
.form-wrapper-2 button:before {
content: '';
position: absolute;
border-width: 8px 8px 8px 0;
border-style: solid solid solid none;
border-color: transparent #D88F3C transparent;
top: 12px;
left: -6px;
}
.form-wrapper-2 button:hover:before{
border-right-color: #FA8807;
}
.form-wrapper-2 button:focus:before{
border-right-color: #c42f2f;
}
.form-wrapper-2 button::-moz-focus-inner {
border: 0;
padding: 0;
}