html {
    overflow: auto;
    margin:0px;
    padding:0px;
}

body{font:normal 13px arial; background:#f3f1ec; color:#474747; overflow-x:hidden; margin:0px; padding:0px;}

body > .wraper{background:#fff; border-radius:4px; box-shadow:0 0 3px #bbb; margin-top:30px; padding-bottom:20px;}

a{}
a:hover{text-decoration:none;}

hr{border-color:#848484; border-style:dashed; clear:both; margin:10px 0;}

.margin-t-10{margin-top:10px}
.margin-t-20{margin-top:20px}
.margin-t-30{margin-top:30px}
.margin-t-40{margin-top:40px}

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


.text-size-11{font-size:11px;}
.text-size-12{font-size:12px;}
.text-size-13{font-size:13px;}
.text-size-14{font-size:14px;}

.highlight-text{font-weight:bold; color:#569;}

/*Header Begins*/
.header{padding:12px 0;}
.header > div:nth-child(1) h1{margin:36px  0 0 20px; color:#567392; font-weight:bold;}
/*Header Ends*/

/*Buttons Begins*/
.btn-default{background:#565656; border-color:#1e1f21; color:#fff; font-weight:bold;}

.btn-default1{background:#565656; border-color:#1e1f21; color:#fff; font-weight:bold;}
.btn-default1:hover{  color: #333; background-color: #e6e6e6; border-color: #adadad;}


.details-list .btn-gary{
  border-color:#8b8b8b; 
  background: #fff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #d7d5d5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7d5d5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d5d5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#d7d5d5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#d7d5d5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#d7d5d5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d5d5',GradientType=0 ); /* IE6-8 */
  font-weight:bold;
}
.details-list .btn-gary{width:30%;}
.details-list .btn-change-status{width:44%;}
.details-list .glyphicon{background:#adadad; padding:4px; margin:0 4px 0 0; cursor:pointer;}
.details-list .glyphicon:hover{background:#ccc;}
.details-list .btn-change-status{display:none}
.details-list .row > .col-lg-6.text-size-12 P:nth-child(1){display:none;}
.details-list .col-lg-4 span{padding:0 12px;}

.btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover{background:#b4aeae; color:#e2e2e2;}

.btn-orange{background:#f19954; border-color:#aa5411; font-weight:bold; color:#fff;}
/*Buttons Ends*/

/*Panel Begins*/
.panel-default > .panel-heading {background-color:#f8dbc5; border-color:#adadad; font-weight:bold;}
.panel-default{border-color:#adadad; border-radius:0;}

.panel-default > .pannel-mandatory{text-align:right; font-weight:normal;}
.panel .glyphicon-camera{font-size:36px; margin:-12px 0 0 15px; }
/*Panel Ends*/


/*Pagination Begins*/
.pagination > li > a{color:#888; }
.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus{font-weight:bold; background:#ef8d3f; border-color:#ddd;}
/*Pagination Ends*/

/*Barcode Scan Begins*/
.barcode-scan{background:#7b7c7e; border:1px solid #5b5d61; border-radius:8px; padding:20px; margin:10px 0 20px 0; color:#fff;}
.btn-scan{background:transparent url("../images/scan.png"); width:193px; height:65px; border:0; margin:40px auto; display:block;}
/*Barcode Scan Ends*/

.tote-list tbody tr td:nth-child(1) a{text-decoration:underline;}

.status_success{color:#199227 !important;}
.status_error{color:red !important;}
.status_color, .status_pending{color:#FF6600 !important;}

.nav{height:46px; line-height:36px; background:#bfe6e3; border-top:10px solid #f19954; color:#223969; font-weight:bold;}


.page-title h1{font:bold 20px arial; color:#ef8d3f;}
.page-title p{color:#536a99;}

.orange-box{background:#f19954; clear:both; color:#fff; height:46px;float: left;width: 100%;}
.orange-box a{color:#fff; display:inline-block;}
.orange-box .glyphicon-home{ font-size:24px; line-height:46px; font-weight:bold;}

/*Search page Begins*/
.search-box{padding:20px 0 10px 0;}
.search-box input.form-control{width:320px;}
.search-box .radio{margin:0 10px 0 0;}
.search-box .radio label{font-weight:bold;}

.search-result{background:#dedede;}

/*Search page Ends*/

footer .row{padding:15px 0; font-size:13px; color:#817e75; text-shadow:1px 1px 0 #ffffff;}
footer a, footer a:hover{color:#e88e49; font-size:13px;}
footer a:hover{text-decoration:underline;}
footer .col-md-12:nth-of-type(2){margin:6px 0 0;}


.status-reference{padding:15px 0 0; font-size:13px;}
.status-reference strong{color:#888;}

.img-thumbnail{border-radius:0; padding:0; border-color:#919191;}

.header_height
{
  margin-top:50px;
}

.Top_height
{
  margin-top:20px;
}

.btn_class
{
  font-weight:bold;
  padding:15px;
  font-size: 14px;
}

.required{
      color:red;
}

.glyphicon-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
  
.glyphicon-circle{
position: relative;
border-radius: 50%;
width: 100%;
height: auto;
padding-top: 100%;
border:1px solid green;
}
    
.glyphicon-stack-1x {
line-height: inherit;
}
.glyphicon-stack-1x, .glyphicon-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}

.upload-addmore{}
    

/*Table Begins*/

.table > thead > tr > th{background:#dedede; border-top:1px solid #adadad !important;}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{ border-color:#adadad;}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border-width:1px; }

.table-striped > tbody > tr:nth-of-type(2n){background:#dedede}
.table-striped > tbody > tr:nth-of-type(2n+1){background:#fff;}

/*Table Ends*/


/* meadi quaries part */
@media all and (max-width: 767px){

   
     .btn-default1:focus, .btn-default1:hover, .btn-default1:active {   
      background: #565656 !important;
      color: #fff !important;
      border-color:#1e1f21  !important;
      font-weight:bold !important;
    }

  /** Force table to not be like tables anymore */
  .custom-table table, .custom-table thead, .custom-table tbody, .custom-table th, .custom-table td, .custom-table tr { 
    display: block; 
  }
  

  
  /* Hide table headers (but not display: none;, for accessibility) */
  .custom-table thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
    
  .custom-table.details-list tr:nth-child(1) td, .custom-table.admin-list td{ 
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
  }
  
  .custom-table.details-list tr:nth-child(1) td:before, .custom-table.admin-list td:before {     
    position: absolute;
    top: 10px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align: right;
  }
  
  /*Label the data*/
  
  .custom-table.admin-list td{text-align:left;}
  .custom-table.admin-list td:nth-of-type(1):before { content: "First Name"; font-weight:bold; }
  .custom-table.admin-list td:nth-of-type(2):before { content: "Last Name"; font-weight:bold;}
  .custom-table.admin-list td:nth-of-type(3):before { content: "Email"; font-weight:bold;}
  .custom-table.admin-list td:nth-of-type(4):before { content: "Contact Number"; font-weight:bold;}
  .custom-table.admin-list td:nth-of-type(5):before { content: "Authorize"; font-weight:bold;}  
  .custom-table.admin-list tr:nth-child(odd){background:#dedede; }
  .custom-table.admin-list tr:nth-child(even){border-color:#dedede;}

  .search-box input.form-control{ margin:0 0 20px; width:100%; }
  .search-box .btn{width:70%;}

  body > .wraper{margin:0; border-radius:0;}

  .details-list th, .tote-list th{font-size:11px; vertical-align:middle !important;}
 .tot_size td{font-size:11px;} 
 .hr_class {display:none;}
  .email-list th{font-size:13px;}
  .details-list .btn-gary{width:80%; margin:12px 0 0 10%;}
  .details-list .img-thumbnail{width:50%; margin:0 auto 15px; display: table;}
  .details-list .highlight-text{width:100%; text-align:center; margin-top:12px; font-size:15px;}
  .details-list .glyphicon{margin:7% 45%; padding:8px;}
  .details-list .row > .col-lg-6.text-size-12 P:nth-child(1){text-align:center; margin:0;}
  .details-list .col-lg-4 span{text-align:center; display:block; padding:12px 0 0 0}

  .header{padding-bottom:0;}

  .upload-panel .upload-addmore{margin:10px 0 4px 0; }

  .upload-panel .btn-orange{margin-top:15px; width:70%;}

  .header img{width:24%; margin:0 0 10px;}
  .header > div:nth-child(1) h1{font-size:22px; margin:8% 0 0 10px;}
  .header > div:nth-child(2) h1{float:right; margin:0; font:bold 16px/46px arial; color:#444;}

  .nav{border:0; height:36px; line-height:36px;}
  
  .page-title{ min-height:16px;}
  .page-title p{padding:10px 0 0; }
  .text-size1-12{font-size:13px;}
  .po_align{text-align:right;float:right;}
  .yesno-btn-group button{width:46%;}
  .yesno-btn-group button:nth-of-type(2){margin:0 0 0 12px;}
  .yesno1-btn-group button{width:46%;}

  .panel-default > .pannel-mandatory{font-size:12px;}

  .help-block{font-size:12px;}

  footer .row{font-size:11px;}
  footer .row a{font-size:11px;}

}

   .ancherDisbale {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    color:#aaaaaa;
}

    .glyphicon-camera input {
        z-index: 999;
        line-height: 0;
        font-size: 50px;
        position: absolute;
        top: -2px;
        left: -700px;
        opacity: 0;
        filter: alpha(opacity = 0);
        -ms-filter: "alpha(opacity=0)";
        cursor: pointer;
        _cursor: hand;
        margin: 0;
        padding: 0;
    }


    .damage-text.has-visited.ng-invalid:not(.has-focus) {
        border: 1px solid red;
    }

    .form-control.input-sm.ng-valid-min.ng-dirty.ng-valid-number.ng-valid-required.ng-invalid.ng-invalid-max.ng-touched {
        border: 1px solid red;
    }

    .damage-reason.has-visited.ng-invalid:not(.has-focus) {
        border: 1px solid red;
    }


    @media all and (max-width: 768px){

             .btn-default1:focus, .btn-default1:hover, .btn-default1:active {   
      background: #565656 !important;
      color: #fff !important;
      border-color:#1e1f21  !important;
      font-weight:bold !important;
    }

.details-list .img-thumbnail {
    width: 50%;
    margin: 0 auto 15px;
    display: table;
}

.details-list .col-lg-4 span {
    text-align: center;
    /* display: block; */
    /* padding: 12px 0 0 0; */
}

.details-list .btn-gary {
    width: 80%;
    margin: 12px 0 0 10%;

}

.cent_class {
        text-align: center;
    }

.orange-box {
    background: #F19954 none repeat scroll 0% 0%;
    clear: both;
    color: #FFF;
    height: 46px;
}
/*Raghumithra added*/
  .header > div:nth-child(1) h1{font-size:22px; margin:8% 0 0 10px;}
  .header > div:nth-child(2) h1{float:right; margin:0; font:bold 16px/46px arial; color:#444;} 

  .page-title p {
    padding: 10px 0px 0px;
}

  .yesno-btn-group button{width:20%;}

}

    @media all and (max-width: 600px) {
    .header > div:nth-child(2) h1 {
    float: right;
    margin: 0px;
    font: bold 16px/46px arial;
    color: #444;
}
    /*Raghumithra added*/
  .header > div:nth-child(1) h1{font-size:22px; margin:8% 0 0 10px;}
  .header > div:nth-child(2) h1{float:right; margin:0; font:bold 16px/46px arial; color:#444;} 

  
  .yesno-btn-group button{width:20%;}

}


@media all and (max-width: 800px) {

         .btn-default1:focus, .btn-default1:hover, .btn-default1:active {   
      background: #565656 !important;
      color: #fff !important;
      border-color:#1e1f21  !important;
      font-weight:bold !important;
    }

    .header > div:nth-child(2) h1 {
    float: right;
    margin: 0px;
    font: bold 16px/46px arial;
    color: #444;
}

   .yesno-btn-group button{width:20%;} 

 

}


@media all and (max-width: 1024px){

         .btn-default1:focus, .btn-default1:hover, .btn-default1:active {   
      background: #565656 !important;
      color: #fff !important;
      border-color:#1e1f21  !important;
      font-weight:bold !important;
    }

.details-list .img-thumbnail {
    width: 50%;
    margin: 0 auto 15px;
    display: table;
}

.details-list .col-lg-4 span {
    text-align: center;
   display: block; 
    /* padding: 12px 0 0 0; */
}

.details-list .btn-gary {
    width: 80%;
    margin: 12px 0 0 10%;
}

    .cent_class {
        text-align: center;
    }

   .orange-box {
    background: #F19954 none repeat scroll 0% 0%;
    clear: both;
    color: #FFF;
    height: 40px;
}

.header {
    padding:0px;
}

.page-title p {
    padding: 10px 0px 0px;
}

/*Raghumithra added*/
  .header > div:nth-child(1) h1{font-size:22px; margin:8% 0 0 10px;}
  .header > div:nth-child(2) h1{float:right; margin:0; font:bold 16px/46px arial; color:#444;} 


  .yesno-btn-group button{width:20%;}

}

 @media (max-width:320px) {

    body {
        overflow-x: hidden;
        margin: 0px;
        padding: 0px;
    }

    .orange-box {
    background: #F19954 none repeat scroll 0% 0%;
    clear: both;
    color: #FFF;
    height: 46px;
    float: left;
    width: 100%;
}

.header {
    padding:0px;
}
.yesno-btn-group button{width:46%;}

}

 @media all and (max-width: 360px){

.orange-box {
    background: #F19954 none repeat scroll 0% 0%;
    clear: both;
    color: #FFF;
    height: 46px;
    float: left;
    width: 100%;
}

.header {
    padding:0px;
}
.yesno-btn-group button{width:46%;}
}


#myfile{
    border: 1px solid 000;
}