@font-face {
    font-family: 'DIN';
    src: url('fonts/DINAlternate.eot');
    src: url('fonts/DINAlternate.eot') format('embedded-opentype'),
         url('fonts/DINAlternate.woff2') format('woff2'),
         url('fonts/DINAlternate.woff') format('woff'),
         url('fonts/DINAlternate.ttf') format('truetype'),
         url('fonts/DINAlternate.svg#DINAlternate') format('svg');

    font-weight: 400;
}

@font-face {
    font-family: 'DINAlternateBlack';
    src: url('fonts/DINAlternateBlack.eot');
    src: url('fonts/DINAlternateBlack.eot') format('embedded-opentype'),
         url('fonts/DINAlternateBlack.woff2') format('woff2'),
         url('fonts/DINAlternateBlack.woff') format('woff'),
         url('fonts/DINAlternateBlack.ttf') format('truetype'),
         url('fonts/DINAlternateBlack.svg#DINAlternateBlack') format('svg');
}

@font-face {
    font-family: 'DIN';
    src: url('fonts/DINAlternateBold.eot');
    src: url('fonts/DINAlternateBold.eot') format('embedded-opentype'),
         url('fonts/DINAlternateBold.woff2') format('woff2'),
         url('fonts/DINAlternateBold.woff') format('woff'),
         url('fonts/DINAlternateBold.ttf') format('truetype'),
         url('fonts/DINAlternateBold.svg#DINAlternateBold') format('svg');

    font-weight: 700;
}

@font-face {
    font-family: 'DIN';
    src: url('fonts/DINAlternateLight.eot');
    src: url('fonts/DINAlternateLight.eot') format('embedded-opentype'),
         url('fonts/DINAlternateLight.woff2') format('woff2'),
         url('fonts/DINAlternateLight.woff') format('woff'),
         url('fonts/DINAlternateLight.ttf') format('truetype'),
         url('fonts/DINAlternateLight.svg#DINAlternateLight') format('svg');

    font-weight: 300;
}

@font-face {
    font-family: 'DINAlternateMedium';
    src: url('fonts/DINAlternateMedium.eot');
    src: url('fonts/DINAlternateMedium.eot') format('embedded-opentype'),
         url('fonts/DINAlternateMedium.woff2') format('woff2'),
         url('fonts/DINAlternateMedium.woff') format('woff'),
         url('fonts/DINAlternateMedium.ttf') format('truetype'),
         url('fonts/DINAlternateMedium.svg#DINAlternateMedium') format('svg');
}

body{
	margin: 0;
	padding: 0;
	background-color: #f3f3f3;
	font-family: 'DIN';
}

body#login { background-image: url(../img/bg_login.jpg)}

input[type=submit]:hover { opacity: 0.7}
a, a:hover { color: #959595;}

.error { color: #a94442; font-weight: bold}
.mayus { text-transform: uppercase;}

.bg-white { background-color: #FFF}
.bg-gris { background-color: #f3f3f3}

.clear { clear: both}
.dis-none { display: none}

.no-padding { padding: 0 !important;}
.no-padding-l { padding-left: 0 }

.c-blue { color: #2098ca;}
.c-green { color: #91cf30;}
.c-red { color: #ea0808;}
a.c-black { color: #000;}

.fsize12 { font-size: 12px}
.fsize16 { font-size: 16px}
.fsize20 { font-size: 20px}
.fsize28 { font-size: 28px !important}

.margin5Top { margin-top: 5px}
.margin5Left { margin-left: 5px}
.margin10Left { margin-left: 10px}
.margin5Right { margin-right: 5px}

.cPointer { cursor: pointer;}

.select-bold { font-weight: bold}

.box-login {
	width: 358px;
	height: 295px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(255,255,255,.2);
	-webkit-box-shadow: 0 0 35px rgba(5,2,4,.29);
	-moz-box-shadow: 0 0 35px rgba(5,2,4,.29);
	box-shadow: 0 0 35px rgba(5,2,4,.29);
	border: solid 1px #fff;

	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.login-top { 
	text-align: center;
	border-bottom: 1px solid #FFF;
}

.login-bot { padding: 30px; text-align: center}
.login-bot input { font-size: 18px; text-align: center; border: 1px solid #8a8a8a; box-shadow: none; padding: 8px; height: auto}
.login-bot input[type=submit] { 
	margin: 20px auto 0 auto; 
	-webkit-box-shadow: 0 0 20px rgba(5,2,4,.29);
	-moz-box-shadow: 0 0 20px rgba(5,2,4,.29);
	box-shadow: 0 0 20px rgba(5,2,4,.29);
	border: 0;
	background-color: #FFF;
	border-radius: 4px;
	font-size: 15px;
	color: #424242;
	text-transform: uppercase;
	font-weight: bold;
	width: 223px;
}

.navbar { border-bottom: solid 1px #dadada; background-color: #FFF; margin-bottom: 0}
.navbar-brand { padding: 10px 15px;}

.navbar-toggle .icon-bar { background-color: #000}

h1 { font-size: 22px; color: #01633d; text-transform: uppercase; margin-bottom: 20px; font-weight: 700}

.filtres { padding-top: 15px}
.filtres select { margin-right: 20px}
.filtres label { text-transform: uppercase;}

.filtres-envios { padding-bottom: 15px; padding-left: 0}
.filtres-envios, .filtres-envios select{ }
.filtres-envios select, .ms-parent { margin-right: 10px; max-width: 165px !important}

.filtres-titol { text-transform: uppercase; line-height: 33px}

.wrapper { position: relative;}
/*.wrapper:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 6px;
    right: 8px;
    content: "\f002";
}*/

.wrapper i { background-color: #FFF; padding: 9px; margin-left: 10px; border-radius: 5px; border: 1px solid #ccc; cursor: pointer;}
.wrapper i:hover { opacity: 0.7}

.wrapper input { padding-right: 25px}

.table-responsive { margin: 0;}
.content-list { padding: 0;}
.table>thead>tr>th { border-bottom: 1px solid #01633d; padding: 15px;}

.table>tbody>tr>td, .table>tbody>tr>th { padding-left: 5px; padding-right: 0; border-bottom: 1px solid #e5e5e5}

.table i { font-size: 17px}
.table a { cursor: pointer}
.table a:hover { text-decoration: none}

.table.table-comments { background-color: transparent;}
.table.table-comments>tbody>tr>td, .table.table-comments>tbody>tr>th { border: 0; padding: 10px; border-bottom: 1px solid #e5e5e5}

.button-footer { padding-right: 15px; margin-bottom: 15px}
.btn-default { background-color: #01633d; color: #FFF; text-transform: uppercase; font-weight: bold; border-color: #01633d;}
.btn-default:hover, .btn-default:active, .btn-default:visited, .btn-default:focus, .btn-success:disabled { background-color: #01633d; color: #FFF; border-color: #01633d; opacity: 0.7}

.modal-title { color: #01633d; text-transform: uppercase; font-weight: 700}
.modal-header { border-color: #f3f3f3;}
.modal-body label { color: #000; font-size: 16px}

.popover   {
	background-color: #e74c3c;
	color: #ecf0f1;
	width: 120px;
}
.popover.right .arrow:after {
	border-right-color: #e74c3c;
}
.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -15px;
  content: " ";
  border-top-color: #a94442;
  border-bottom-width: 0;
}
.popover.top {
	width: 200px;
}

.form-control-feedback { right: 8px}

.selectform .form-control-feedback {
    /* Adjust feedback icon position */
    right: 10px;
}

.date .form-control-feedback {
    /* Adjust feedback icon position */
    right: 40px;
    top: 27px !important;
}

.help-block[data-bv-result=INVALID] { display: block !important}

.datepicker.dropdown-menu {z-index: 10500 !important}

.kv-file-zoom { display: none !important}
.file-footer-buttons button, .file-footer-buttons button:hover  { background-color: transparent; border: 0;}

a.fancybox { display: block; position: relative; width: 145px}
a.fancybox i { position: absolute; color: #FFF; top: 40%; left: 40%; font-size: 28px}

.size-td-buttons { width: 75px}

.images-edit-list div { position: relative; cursor: pointer; margin-right: 10px}
.images-edit-list div i { position: absolute; top: 35%; left: 35%; background: rgba(255, 255, 255, .7); border-radius: 20px; padding: 10px;}
.images-edit-list div:hover i { background: rgba(255, 255, 255, 1);}

.container-fluid.footer { padding: 0;}
.container-fluid.footer>div { padding: 0;}
.footer { border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; background-color: #FFF; color: #757575;}
.footer a { color: #757575;}

.td-icones { width: 150px}
.td-icones-conclusio { width: 175px !important}
.td65 { width: 65px}

#pagination { font-family: Arial}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #01633d;
    border-color: #01633d;
}

.pagination>li>a, .pagination>li>span { color: #01633d; }

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #333;
}

.delete-img { position: absolute; top: 10px; right: 10px; z-index: 10000}
.delete-img a i { font-size: 35px; color: #ea0808;}
.delete-img a i:hover { color: #959595 !important;}

.ms-choice { width: auto !important; border: 0 !important;}
.ms-drop { width: auto !important}
.ms-choice > span { top: 3px !important;}
.ms-choice > span.placeholder { color: #555 !important;}

.div-refused { margin-right: 10px; padding-top: 5px}

@media (min-width: 768px) {

  .navbar-collapse { padding-right: 0}

  .filtres { padding-right: 0}

  .nopleft { padding-left: 0}
  
  .navbar-nav { float: right;}

  .footer {
    line-height: 70px;
  }

  .footer-right { text-align: right; padding-right: 30px;}

  .content-list { padding: 0 15px;}
  .table-responsive { margin-bottom: 15px; margin-left: 15px; margin-right: 15px; margin-top: 10px}
  
  .filtres-xs #btn-show, .filtres-xs #btn-hide { display:none }
  a#btn-opcions-envios { display: none}
}

@media screen and (max-width: 767px){

    body { font-size: 11px}
    .table>thead>tr>th { padding: 5px}

    .table>tbody>tr>td, .table>tbody>tr>th { padding-left: 5px; padding-right: 5px}

    h1 { margin-bottom: 0}
    .fa.fa-search { position: absolute; top: 1px; right: 0; padding: 10px}
    .filtres { padding-top: 0; padding-bottom: 0}

    .filtres-xs-content { display: none}
    .filtres-xs #btn-show, .filtres-xs #btn-hide { margin-right: 15px; margin-bottom: 15px}

    .btn-list-envios { display: none; position: absolute; background-color: #f3f3f3; right: 12px; width: 180px; padding: 4px; top: 27px; z-index: 100}
    .btn-list-envios a { float: right !important}

    .filtres-envios>div { width: 50%}
}


.fa.pull-left { margin-right: 0.1rem}
.fa-sort-alpha-desc, .fa-sort-alpha-asc { font-size: 14px !important; color: #959595; cursor: pointer}
.fa-sort-alpha-desc.active, .fa-sort-alpha-desc:hover, .fa-sort-alpha-asc.active, .fa-sort-alpha-asc:hover { color: #333}