/****************/
/* Status icons */
/****************/
.df-status{
    background: url('WebFragt_CSS_sprite.png') no-repeat;
	width: 33px;
	height: 33px;
}

.df-status:hover {
    
}

.df-status-leveret { background-position: -94px -242px; }
.df-status-leveret:hover { background-position: -57px -242px; }

.df-status-fejl { background-position: -94px -205px; }
.df-status-fejl:hover { background-position: -57px -205px; }

.df-status-prebooking { background-position: -653px -790px; }
.df-status-prebooking:hover { background-position: -689px -790px }

.df-status-prebooking-booked {background-position: -653px -826px;}
.df-status-prebooking-booked:hover {background-position: -689px -826px}

.df-status-booket { background-position: -94px -279px; }
.df-status-booket:hover { background-position: -57px -279px; }

.df-status-undervejs { background-position: -173px -205px; }
.df-status-undervejs:hover { background-position: -136px -205px; }

.df-status-kladde { background-position: -173px -242px; }
.df-status-kladde:hover { background-position: -136px -242px; }

.df-status-klar   { background-position: -173px -279px; }
.df-status-klar:hover { background-position: -136px -279px; }

.df-status-forsinket   { background-position: -653px -755px; }
.df-status-forsinket:hover { background-position: -689px  -755px; }

.df-status-annulleret    { background-position: -760px -721px; }
.df-status-annulleret:hover { background-position: -725px -756px; }

/***************/
/* Print icons */
/***************/
.df-print{
    background: url('WebFragt_CSS_sprite.png') no-repeat;
	width: 28px;
	height: 28px;
}

.df-print-label{background-position : -8px -258px;}
.df-print-fragtbrev{background-position : -8px -291px;}
.df-print-labelandfragtbrev{background-position : -8px -322px;}
.df-print-blank{background-position : -8px -352px;}

/********************/
/* Misc small icons */
/********************/
.df-misc{
    background: url('WebFragt_CSS_sprite.png') no-repeat;
    display:inline-block;
}

.df-misc-13{
    background: url('WebFragt_CSS_sprite.png') no-repeat;
	width: 13px;
	height: 13px;
}

.df-misc-skabelon-favorit{background-position : -358px -8px; width: 12px; height: 12px;}
.df-misc-skabelon-favorit:hover{background-position : -375px -8px; width: 12px; height: 12px;}
.df-misc-skabelon-generic{background-position : -341px -8px; width: 12px; height: 12px;}
.df-misc-skabelon-generic:hover{background-position : -375px -8px; width: 12px; height: 12px;}
.df-misc-printer-white{background-position : -447px -8px; width: 13px; height: 12px;vertical-align : middle;}
.df-misc-printer{background-position : -428px -8px; width: 14px; height: 12px; vertical-align: middle;}
.df-misc-refresh{background-position : -706px -7px; width: 18px; height: 14px;}
.df-misc-camera{background-position : -516px -4px; width: 23px; height: 19px;}
.df-misc-camera:hover{background-position : -542px -4px; width: 23px; height: 19px;}
.df-misc-camera-large{background-position : -543px -166px; width: 42px; height: 32px; cursor: pointer;}
.df-misc-camera-large:hover{background-position : -595px -167px; width: 42px; height: 32px; cursor: pointer;}
.df-misc-geotrack{background-position : -473px -3px; width: 19px; height: 21px;}
.df-misc-geotrack:hover {background-position : -495px -3px; width: 21px; height: 21px;}
.df-misc-geotrack-large{ background-position: -457px -165px; width: 32px; height: 36px; cursor: pointer;}
.df-misc-geotrack-large:hover{background-position : -499px -165px; width: 32px; height: 36px; cursor: pointer;}
.df-misc-geotrack-violet{background-position : -94px -769px; width: 18px; height: 20px; cursor: pointer;}
.df-misc-geotrack-violet:hover {background-position : -94px -813px; width: 18px; height: 20px; cursor: pointer;}

.df-misc-trashcan {background-position : -545px -32px; width: 11px; height: 13px;}
.df-misc-trashcan:hover {background-position : -545px -32px; width: 11px; height: 13px;}
.df-misc-import {background-position : -420px -91px; width: 10px; height: 12px; vertical-align: middle; }
.df-misc-plus-white {background-position : -436px -90px; width: 14px; height: 14px; vertical-align: middle; }
.df-misc-plus {background-position : -574px -6px; width: 16px; height: 16px; vertical-align: middle;}

.df-sort-up { background-position : -317px -88px; width: 7px; height: 4px; margin : 4px; }
.df-sort-down { background-position : -317px -96px; width: 7px; height: 4px; margin : 4px; }
.df-calendar { background-position : -410px -8px; width: 13px; height: 12px; padding: 0 }
.df-calendar:hover {background-position: -392px -8px; width: 13px; height: 12px; padding: 0 }

.df-misc-exclamation {background-position : -353px -58px; width: 28px; height: 28px; vertical-align: middle; margin-right:10px;}
.df-misc-exclamation-blue {background-position : -353px -634px; width: 16px; height: 16px; vertical-align: middle;}

.df-misc-plus-blue {background-position : -616px -6px; width: 16px; height: 16px; vertical-align: middle;}
.df-misc-minus-blue {background-position : -684px -6px; width: 16px; height: 16px; vertical-align: middle;}

.df-misc-plus-gray {background-position : -574px -6px; width: 16px; height: 16px; vertical-align: middle; margin-bottom : 4px;}
.df-misc-plus-gray:hover {background-position : -595px -6px; width: 16px; height: 16px; vertical-align: middle; margin-bottom : 4px;}

.df-misc-minus-gray {background-position : -642px -6px; width: 16px; height: 16px; vertical-align: middle;  margin-bottom : 4px;}
.df-misc-minus-gray:hover {background-position : -663px -6px; width: 16px; height: 16px; vertical-align: middle; margin-bottom : 4px;}

.df-misc-search-gray {background-position : -750px -36px; width: 16px; height: 16px; vertical-align: middle;  margin-bottom : 4px;}
.df-misc-search-gray:hover {background-position : -750px -36px; width: 16px; height: 16px; vertical-align: middle; margin-bottom : 4px;}

.df-misc-logo {background-position : -279px -109px; width: 178px; height: 52px;}

.df-misc-info:hover {background-position : -773px -7px; width: 14px; height: 14px; vertical-align: middle; margin-bottom : 4px;}
.df-misc-info {background-position : -753px -7px; width: 14px; height: 14px; vertical-align: middle; margin-bottom : 4px;}

.df-misc-checkmark {background-position :  -355px -31px; width: 16px; height: 15px;vertical-align: middle; margin-bottom : 4px;}

.df-misc-arrow-left {background-position : -200px -605px; width: 32px; height: 32px;vertical-align: middle; margin-bottom : 4px; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}
.df-misc-arrow-left:hover {background-position : -122px -603px; width: 32px; height: 32px;vertical-align: middle; margin-bottom : 4px; cursor : pointer; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}

.df-misc-arrow-right {background-position : -200px -605px; width: 32px; height: 32px;vertical-align: middle; margin-bottom : 4px;}
.df-misc-arrow-right:hover {background-position : -122px -603px; width: 32px; height: 32px;vertical-align: middle; margin-bottom : 4px; cursor : pointer;}

.df-misc-arrow-down {background-position : -230px -605px; width: 32px; height: 32px;vertical-align: middle; margin-bottom : 4px; cursor : pointer;}
.df-misc-arrow-down:hover {background-position : -163px -603px; width: 32px; height: 32px;vertical-align: middle; margin-bottom : 4px; cursor : pointer;}

.df-misc-barcode {background-position : -748px -605px; width: 45px; height: 33px; cursor: pointer;}
.df-misc-barcode:hover {background-position : -695px -605px; width: 45px; height: 33px; cursor: pointer;}

.df-misc-signature {background-position: -638px -605px; width: 40px; height: 33px; cursor: pointer;}
.df-misc-signature:hover {background-position : -576px -605px; width: 40px; height: 33px; cursor: pointer;}

.df-misc-consignment-document {    background-position: -521px -604px;width: 36px;height: 41px; cursor: pointer;}
.df-misc-consignment-document:hover { background-position: -462px -604px;width: 36px;height: 41px; cursor: pointer;}

.df-misc-mailicon {    background-position: -480px -700px;width: 45px; height: 41px; cursor: pointer; margin-left: 5px;}
.df-misc-mailicon:hover { background-position: -526.5px -700px;width: 45px; height: 41px; cursor: pointer; margin-left: 5px} 

.df-misc-mailicon-grande { background-position: -526.5px -700px;width: 45px; height: 41px; cursor: pointer;}
.df-misc-mailicon-grande:hover { background-position: -480px -700px;width: 45px; height: 41px; cursor: pointer;}



.df-misc-invoice-done { background-position : -87px -609px; width: 18px; height: 21px; padding: 0 }

.df-misc-close { background-position : -389px -59px; width: 28px; height: 28px; padding: 0; cursor: pointer; }

.df-search-reset2{background-position : -9px -644px; width: 14px; height: 14px;}

.df-misc-mail { background-position: -353px -615px; width: 16px; height: 14px; cursor: pointer; }

.df-misc-comment { background-position: -460px -71px; width: 22px; height: 21px; }
.df-misc-comment-large{background-position : -486px -85px; width: 34px; height: 34px; cursor: pointer;}
.df-misc-comment-large:hover{background-position : -528px -85px; width: 34px; height: 34px; cursor: pointer;}
.df-misc-comment-large-dark{background-position : -528px -85px; width: 34px; height: 34px; cursor: pointer;}


/********************/
/* Filter icons */
/********************/
.df-filter{
    background: url('WebFragt_CSS_sprite.png') no-repeat;
	width: 18px;
	height: 16px;
}

.df-filter-leveret{background-position : -355px -31px; margin-left:3px;margin-right:3px;}
.df-filter-undervejs{background-position : -376px -32px; margin-left:3px;margin-right:3px;}
.df-filter-prebooking{background-position : -557px -50px; margin-left:3px;margin-right:3px;}
.df-filter-booket{background-position : -398px -30px; margin-left:3px;margin-right:3px;}
.df-filter-klar{background-position : -419px -30px; margin-left:3px;margin-right:3px;}
.df-filter-fejl{background-position : -436px -30px; width: 12px; margin-left:3px;margin-right:3px;}
.df-filter-kladde{background-position : -448px -30px; margin-left:3px;margin-right:3px;}
.df-filter-forsinket{background-position : -305px -612px; margin-left:2px;margin-right:2px; }
.df-filter-forsinket{background-position : -305px -612px; margin-left:2px;margin-right:2px; }
.df-filter-slettet {background-position: -172px -806px;margin-left: 2px;margin-right: 2px}
}




/********************/
/* Command icons */
/********************/
.df-command{
    background: url('WebFragt_CSS_sprite.png') no-repeat;
	width: 16px;
	height: 16px;
    display : inline-block;
    vertical-align: middle !important;
}

.df-command-vis{background-position : -470px -32px}
.df-command-rediger{background-position : -489px -30px}
.df-command-kopier{background-position : -509px -30px}
.df-command-book{background-position : -528px -30px}
.df-command-slet{background-position : -545px -30px}
.df-command-udskriv{background-position : -561px -30px}
.df-command-udskrivlabels{background-position : -580px -30px; width: 17px;}
.df-command-internkopi{background-position : -602px -30px}

.df-command32 {
    background: url('WebFragt_CSS_sprite.png') no-repeat;
    width: 48px;
    height: 32px;
    display : inline-block;
    vertical-align: middle !important;
}

.df-command-internkopi32{background-position : -713px -220px}


/********************/
/* logo icons */
/********************/

.df-logo-navbar{
	background: url('WebFragt_CSS_sprite.png') no-repeat -130px -15px;
	width: 200px;
	height: 59px;
}

/********************/
/* search icons */
/********************/

.df-search{
    background: url('WebFragt_CSS_sprite.png') no-repeat;
    display : inline-block;
    vertical-align: middle !important;
    zoom : 0.6;
    -moz-transform: scale(0.6);
    -moz-transform-origin: 0 0;
    margin-bottom : 2px;
    margin-right : 0;
    padding-right : 0;
}

.df-search-icon {
	background-position : -770px -32px;
	width: 24px;
	height: 24px;
}

.df-search-reset {
	background-position : -388px -58px;
	width: 30px;
	height: 30px;
}

.df-search-reset:hover {
	background-position : -422px -58px;
	width: 30px;
	height: 30px;
}

.df-star {
	background: url('imgs/WebFragt_CSS_sprite.png') no-repeat -358px -8px;
	width: 12px;
	height: 12px;
}

/********************/
/* download icons */
/********************/

.df-download {
    display: inline-block;
    vertical-align: middle;
}

.df-download-small {
    background: url('df-download-small-gray.png') no-repeat 0 0;
    width: 15px;
    height: 15px;
}

.df-download-small:hover {
    background: url('df-download-small-black.png') no-repeat 0 0;
    width: 15px;
    height: 15px;
}


.df-download {
    background: url('df-download-gray.png') no-repeat 0 0;
    width: 30px;
    height: 30px;
}

.df-download:hover {
    background: url('df-download-black.png') no-repeat 0 0;
    width: 30px;
    height: 30px;
}
