/* ----------- Table of Contents ----------------- */

/* Section1: Default Body Style with padding due to Bootstrap fixed header */

/* Section2: Helper and Utility Styles: Aligment, Padding, Float, Border etc. */

/* Section3: Color Styles: Panel, Well colors and Text colors. */

/* Section4: Logo and Header Style  */

/* Section5: Div Based Table Layout Style  */

/* Section6: Indidual Element Style  */

/* Section7: Telerik Grid Override Style  */

/* Section8: jQuery UI Override Style  */

/* Section9: Bootstrap override Style  */

/* Section10: Validation Helper Style  */

/* Section11: Misc Style  */



/* Section1: Default Body Style with padding due to Bootstrap fixed header -- Start */

body {
    /*font-size: .85em;*/
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
}

.padding {
        padding-top: 60px;
    }

@media (min-width: 768px) {
    .padding {
        padding-top: 120px;
    }
}

.padding-zero{
    padding-top: 10px;
}

header, footer, nav, section {
    display: block;
}


/* Section1: -- End */

/*-----------------------------------------------------------------------------------------------------------------------------------*/

/* Section2: Helper and Utility Styles: Aligment, Padding, Float, Border etc. -- Start */

.wrap-no
{
    white-space: nowrap;
}

.margin-no
{
    margin:0;
}


.align-right{
    text-align: right;
}

.line-separator{

height:1px;

}

.width100{
    width:98% !important;
}

.width-auto{
    width:auto!important;
}


.panel-top{
    border-bottom:1px solid #e1e1e1; 
    padding:5px; 
    margin:-15px -15px 10px -15px;
}

.panel-bottom{
    border-top:1px solid #e1e1e1; 
    padding:5px; 
    margin:10px -15px -15px -15px;
    border-radius: 4px;
}

.panel-middle{
    border-top:1px solid #e1e1e1; 
    border-bottom:1px solid #e1e1e1; 
    padding:5px; 
    margin:10px -15px 10px -15px;
}

.well-top{
    border-bottom:1px solid #e1e1e1; 
    padding:5px; 
    /*margin:-15px -15px 10px -15px;*/
    margin:-9px -9px 10px -9px;
    border-radius: 3px;
}

.well-bottom{
    border-top:1px solid #e1e1e1; 
    padding:5px; 
    margin:10px -9px -9px -9px;
    border-radius: 3px;
}

.well-middle{
    border-top:1px solid #e1e1e1; 
    border-bottom:1px solid #e1e1e1; 
    padding:5px; 
    margin:10px -9px 10px -9px;
}


/* Section2: Helper and Utility Styles: Aligment, Padding, Float, Border etc. -- End */


/*-----------------------------------------------------------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------------------------------------------------------*/


/* Section5: Div Based Table Layout Style  -- Start -- */

@media (min-width: 768px) {
    .data-table .data-label
{
    text-align: right;
}

}

@media print {

    .hidden-xs {
    display: block !important;
  }

      a[href]:after {
    content: "";
  }

     .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }

}


.data-label
{
    color: #13558E;
    margin-top: 5px;
}

.data-value
{
    color: #792a2a;
    margin-top: 5px;
}



.data-table  .row{
    margin-bottom: 5px;
    margin-left:0px;
  }

/*.data-table  .row:last-child{
    margin: 0;
  }*/

.border-bottom{
    border-bottom: 1px solid #f1f1f1;
  }

.data-table div[class*="col-md-"] {
     padding-left: 8px; 
     padding-right: 0px;
  }




/* Section5: Div Based Table Layout Style  -- End -- */



/*-----------------------------------------------------------------------------------------------------------------------------------*/


/* Section6: Indidual Element Style  -- Start -- */

select {
  width: auto;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
}

label
{
    display:inline;
    margin: 5px;
    font-weight:100;
}

input[type=checkbox]{
    margin-top:8px;
}

select, input[type=text], input[type=password], textarea, .select2-choices {
height: 30px;
padding: 3px 5px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-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;
}




/* Section6: Indidual Element Style  -- End -- */



/*-----------------------------------------------------------------------------------------------------------------------------------*/


/* Section7: Telerik Grid Override Style ------------ Start-- */

.t-grid
{
	font-size:13px;
	font-family: Verdana, Geneva, sans-serif;
}


.t-grid tr td {
    overflow:visible;
}


.t-grid-header .t-header .t-link {
margin: 0;
padding: 0;
}

.t-grouping-header, .t-grid-toolbar {
/*padding: 0 5px;*/
 height: auto; 
 line-height: normal; 
}

.t-filter-options select {
width: 130px;
}


/*.t-grid-header .t-header .t-link {
 line-height: normal; 
 height:  auto;
}*/

.t-upload-button{
     width:  auto;
}


/* Section7: Telerik Grid Override Style ------------ End-- 



/*-----------------------------------------------------------------------------------------------------------------------------------*/


/* Section8: jQuery UI Override Style  ---------- Start ---- */

/* jQuery Popup Override  ---  Start */



.ui-dialog
{
   z-index: 1060 !important;
}


.ui-timepicker-table td a {
width: auto !important;
}




/* jQuery Popup Override  ---  End */



/* Section8: jQuery UI Override Style  ---------- End ---- */


/*-----------------------------------------------------------------------------------------------------------------------------------*/



/* Section9: Bootstrap override Style  ----------------------------------------- Start -- */

.input-mini {
width: 70px;
}

.input-small{
width: 110px;
}

.input-group .form-control{
    z-index:auto;
}

.form-control {
display: inline;
width: 96%;
height:30px;
padding:3px 6px;
}








.navbar-brand {
padding: 10px; 
font-size: 18px;
line-height: 20px;
 height: 40px; 
}

.navbar-nav > li >a
{
    padding-top: 10px;
    padding-bottom: 10px;
}


/*.nav-tabs > li > a
{
    padding-top: 3px;
    padding-bottom: 3px;
}*/



.well-xs, .alert
{
    padding:5px;
    margin-bottom:5px;
}



#contextMenu::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid Gray;
  border-left: 6px solid transparent;
  content: '';
}



/* Section9: Bootstrap override Style  ----------------------------------------- End -- */



/*-----------------------------------------------------------------------------------------------------------------------------------*/



/* Section10: Validation Helper Style  --------- Start --*/

.field-validation-error {
    color: #7b0c0a;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


/* Section10: -- End */



/*-----------------------------------------------------------------------------------------------------------------------------------*/



/* Section11: Misc Style --------------- Start */


.div-tabs, .div-tabs ul{
    margin-bottom :1px;
} 

.actionicons
{
    width:25px;
    height:25px;
}

.page-title{
    margin:-5px 0 10px 0;
    padding-bottom: 5px;
}

.div-collapse
{
    cursor: pointer;
}







/* Qtip2 overrides ------------- Start*/

.myCustomClass{
    width: 600px;
    max-width: 600px !important;
}


/* Qtip2 overrides ------------- End*/


/* select2 overrides ------------- Start*/

li.select2-search-choice{
    padding: 5px 5px 5px 18px !important;
    background: linear-gradient(#feeded, #fdecec) !important;
    background: -webkit-linear-gradient(#feeded, #fdecec) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#feeded, endColorstr=#fdecec)" !important;
}


/* select2 overrides ------------- End*/


/*  Section For Icons in input elements*/
.left-inner-addon {
    position: relative;
}
.left-inner-addon input, .left-inner-addon select {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 8px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 8px;
    pointer-events: none;
}

/*END*/


/* Section11: Misc Style --------------- End */