/*login page*/
#mainLogin{
    margin-top: 100px;
}

#mainLogin .login-panel{
    border-radius: 15px;
    box-shadow: 1px 15px #F2F3F4;
}

#mainLogin .login-panel .panel-heading{
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center;
    margin-bottom: 22px;
    background-image: none;
    background-color: #286090;
}

#mainLogin .login-panel .panel-heading h3{ 
    color: white;
    font-size: 2em;
}

#mainLogin .login-panel .panel-body{
    margin-bottom: 52px;
}

#mainLogin .login-panel .panel-body form{
    margin-left: 12px;
    margin-right: 12px;
}

#mainLogin #loginForm .inputForm{ 
    border-radius: 15px;
    height:50px;
}

#mainLogin #loginForm button{ 
    border-radius: 15px;
    height:50px;
}
/*end of login page*/
/*this css in between is used to scroll only content and left side*/
body {   
/*    min-height: 100%;*/
/*    thead th, thead td { text-align: left; }*/
}



#left_side{ 
    
   /* height: 600px;    
    overflow:auto; */
    
}

/*.page_header{
    font-size: 2.2em;
    color:  #21618c;
}*/

.page_header{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

.page_header h5{
    text-transform: uppercase;
    font-weight: bold;
}

/*this css below is for the success message dialog  */

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;		
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    
}

 /*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
	
.modal.right.fade.in .modal-dialog {
    right: 13px;
    top: 13px;
}

.displaySuccessMessage .modal-header{
/*    background-color: MediumSeaGreen;*/
/*    background-color: #66ccff;*/
}

/* end this css below is for the success message dialog  */

/*div.dt-buttons {
    float: right;
    margin-left:10px;
}*/

#main_content{
/*    min-height: 940px;*/
/*    min-height: 1080px;*/
    /*min-height: 85%;*/ 
    padding: 0 20px 10px 20px;
    font-weight: bold;

}


#page-wrapper{
  min-height: 935px;  
 }
/* end this css in beteen is used to scroll only content and left side*/

/*index page*/
#login{
    margin-top: 90px;
}

#login_logo{
    width: 200px;
    border:none;
    display: block;
    margin: 0 auto;
}


/*customers page*/

#content_area{
    padding-left: 30px;
    padding-right: 30px;
}

.table td{
    text-align: left;
}


#new_invoice .table td{
    text-align: center;
}


.dataTables_scroll
{
    overflow:auto;
}

#url{
    white-space: pre-wrap;
}

  
/*code used in the terminal_repair.php update modal for multiselect option in the drop down menu  */
  .chosen-container{
    width: 100% !important;
  }
  
  
  
  /*customer_list.php*/

  .right_margin{
      /*padding: 0 20px 20px 20px;*/
      padding: 10px 20px 20px 20px;
    
  }
 
/*terminal_repair.php*/

.dropdown_for_delivered #bulk{
    padding-left: 19px;
}


/*.dataTables_wrapper .dataTables_length {
float: right;

}
.dataTables_wrapper .dataTables_filter {
float: left;
text-align: left;
}*/


/* end of terminal_repair.php*/

/*ticket_management.php*/
#dynamic_area {
/*  max-height: 700px;
  overflow-y: scroll;
  overflow-x: hidden;*/
}

/*addTicketForm.php*/
    #dynamic_area1 {
    /*  max-height: 900px;
      overflow-y: scroll;
      overflow-x: hidden;*/
    }

    .addTicketFormSize{
    /*    min-height: 940px;*/
        min-height: 720px;
    }


/* end of ticket_management.php*/


/* style used for the search result display */
.sidenav {
    height: 80%;
    width: 0;
    position: fixed;
    z-index: 1;
/*    top: 0;*/ 
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;    
    margin-right: 16px; 
    margin-top: 36px;
}

.sidenav a {
/*    padding: 8px 8px 8px 32px;*/
    text-decoration: none;
    font-size: 15px;
    color: #f1f1f1;
    display: block;
    transition: 0.3s;
    margin-left: 25px;
    margin-right: 25px;
}

.sidenav h3 {
/*    padding: 0px 8px 0px 32px;
    font-size: 25px;
    color: #f1f1f1;
    display: block;
    transition: 0.3s;
    margin-left: 30px;*/
    color: #f1f1f1;
    position: absolute;
    top: 10px;
/*    right: 125px;*/
    font-size: 28px;
    margin-left: 25px;
}



.sidenav a:hover {
/*    color: #f1f1f1;*/
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 2px;
    font-size: 36px;
    color: red;
/*    margin-left: 50px;*/
}
/* end of style used for the search result display */

/* his style used to display the success/error message after form submission*/
#display_message {    
    height: 25%;
    width: 0;
    position: fixed;
    z-index: 1;
/*    top: 0;*/ 
    right: 0;
    background-color: transparent;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;    
    margin-right: 25px;    
}
/*end of his style used to display the message after form submission*/



#supplier_company_name, #supplier_contact_name, #part_name2, #part_number2{
    text-transform: lowercase;
}


/*.fa-sort:before {
  content: "\e030"; }*/

#loading {
    background: url('http://i.imgur.com/KUJoe.gif') no-repeat center center;
/*    background: url('/images/ajax-loader.gif') no-repeat center center;*/
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    height: 100%;
    width: 100%;
}

.red {background: red}

/* new area for customization */


label span.error { color: red; } /* to display error message in red in form close to the label */

/* new area for customization */

/*.popover{
    max-width:200px;
    max-height:250px; 
    overflow: scroll;
}*/


.form_button{
    
}

.duplicate {
    box-shadow: inset 0 0 0 3px red;
}