/*****************************************************
*  ICONOGRAPHY.CSS
******************************************************/

/*** MAIN NAV SPRITE ***/
.sprite_nav {
    display: inline-block;
    position: relative;
    background: url("../images/sprite_nav.png") 999px 999px no-repeat;
    height: 16px;
    width: 16px;
    opacity: 0.75;
}

.sprite_nav.gear ,
.on .sprite_nav.gear { background-position: 0 -20px; }
.sprite_nav.help,
.on .sprite_nav.help { background-position: -20px -20px; }
.sprite_nav.about,
.on .sprite_nav.about { background-position: -40px -20px; }
.sprite_nav.app_switch,
.on .sprite_nav.app_switch{ background-position: -60px -20px; }
.sprite_nav.gear.big { background-position: 0px -40px; height: 20px; width: 20px; }


/*** BUTTON SPRITES ***/
.sprite_button {
    display: inline-block;
    position: relative;
    background: url("../images/sprite_button.png") 999px 999px no-repeat;
    background-size: 800px auto;
    height: 33px;
    width: 32px;
    vertical-align: middle;
    top: -2px;
}

button .sprite_button { vertical-align: top; }

.sprite_button.undo { background-position: 3px 7px; }
.sprite_button.redo { background-position: -45px 7px; }
.sprite_button.image { background-position: -97px 8px; }
.sprite_button.element { background-position: -144px 5px; }
.sprite_button.square { background-position: -196px 5px; }
.sprite_button.circle { background-position: -245px 5px; }
.sprite_button.line { background-position: -295px 5px; }
.sprite_button.sig { background-position: -349px 7px; }
.sprite_button.zoomout { background-position: -393px 7px; }
.sprite_button.zoomin { background-position: -443px 7px; }
.sprite_button.person { background-position: -492px 8px; }
.sprite_button.camera { background-position: -545px 8px; }
.sprite_button.design { background-position: -595px 8px; }
.sprite_button.fingerprint { background-position: -640px 5px; }
.sprite_button.print { background-position: -695px 8px; }
.sprite_button.printer { background-position: -745px 6px; }
.sprite_button.chip { background-position: 6px -43px; }
.sprite_button.stripe { background-position: -47px -43px; }
.sprite_button.barcode { background-position: -96px -43px; }
.sprite_button.noprinter { background-position: -147px -45px; }
.sprite_button.files { background-position: -196px -45px; }
.sprite_button.data { background-position: -248px -39px; }
.sprite_button.cut { background-position: -294px -42px; }
.sprite_button.paste { background-position: -344px -44px; }
.sprite_button.search { background-position: -393px -44px; }
.sprite_button.photo { background-position: -447px -44px; }
.sprite_button.text { background-position: -494px -44px; }
.sprite_button.check { background-position: -545px -42px; }
.sprite_button.rotate { background-position: -597px -46px; }
.sprite_button.screen { background-position: -645px -43px; }
.sprite_button.doc { background-position: -693px -45px; }
.sprite_button.eye { background-position: -744px -41px; }
.sprite_button.report { background-position: 7px -93px; }
.sprite_button.mail { background-position: -45px -91px; }
.sprite_button.close { background-position: -90px -88px; cursor: pointer; }
.sprite_button.close:hover { background-position: -140px -88px; cursor: pointer; }
.sprite_button.plus { background-position: -192px -92px; }
.sprite_button.minus { background-position: -492px -92px; }
.sprite_button.gallery { background-position: -242px -92px; }
.sprite_button.list { background-position: -292px -91px; }
.sprite_button.server { background-position: -343px -92px; }
.sprite_button.warning { background-position: -394px -92px; }
.sprite_button.stop { background-position: -444px -92px; }
.sprite_button.circlex { background-position: -544px -92px; }
.sprite_button.calendar { background-position: -594px -92px; }
.sprite_button.key_blue { background-position: -645px -93px; }
.sprite_button.clock { background-position: -694px -93px; }

.sprite_button.checkin {
    background: url("../images/logout_mobile_tab.png") !important;
    background-size: 100% 100% !important;
    width: 20px!important;
    height: 25px!important;
}

.sprite_button.autosequence { background-position: 5px -145px; }
.sprite_button.checkbox { background-position: -44px -145px; }
.sprite_button.connect { background-position: -96px -145px; }
.sprite_button.disconnect { background-position: -149px -149px; }
.sprite_button.disconnectall { background-position: -200px -148px; }
.sprite_button.printcount { background-position: -250px -145px; }
.sprite_button.listfield { background-position: -300px -145px; }
.sprite_button.documentscan { background-position: -351px -145px; }
.sprite_button.grid { background-position: -394px -145px; }
.sprite_button.dynamictext { background-position: -447px -145px; }
.sprite_button.variableimage { background-position: -496px -145px; }
.sprite_button.compositefield { background-position: -549px -145px; }
.sprite_button.ruler { background-position: -597px -142px; }
.sprite_button.key_yellow { background-position: -645px -142px; }


/* huge versions of icons */
.sprite_button.huge {
    height: 96px;
    width: 96px;
    background-size: 2400px auto;
}

.sprite_button.huge.undo { background-position: 13px 7px; }
.sprite_button.huge.redo { background-position: -137px 7px; }
.sprite_button.huge.image { background-position: -293px 21px; }
.sprite_button.huge.element { background-position: -435px 14px; }
.sprite_button.huge.square { background-position: -591px 14px; }
.sprite_button.huge.circle { background-position: -735px 15px; }
.sprite_button.huge.line { background-position: -885px 15px; }
.sprite_button.huge.sig { background-position: -1048px 17px; }
.sprite_button.huge.zoomout { background-position: -1179px 21px; }
.sprite_button.huge.zoomin { background-position: -1329px 21px; }
.sprite_button.huge.person { background-position: -1476px 24px; }
.sprite_button.huge.camera { background-position: -1635px 24px; }
.sprite_button.huge.design { background-position: -1788px 22px; }
.sprite_button.huge.fingerprint { background-position: -1925px 13px; }
.sprite_button.huge.print { background-position: -2086px 24px; }
.sprite_button.huge.printer { background-position: -2236px 18px; }
.sprite_button.huge.chip { background-position: 15px -132px; }
.sprite_button.huge.stripe { background-position: -142px -131px; }
.sprite_button.huge.barcode { background-position: -291px -131px; }
.sprite_button.huge.noprinter { background-position: -441px -135px; }
.sprite_button.huge.files { background-position: -590px -136px; }
.sprite_button.huge.data { background-position: -748px -117px; }
.sprite_button.huge.cut { background-position: -887px -130px; }
.sprite_button.huge.paste { background-position: -1036px -136px; }
.sprite_button.huge.search { background-position: -1179px -132px; }
.sprite_button.huge.photo { background-position: -1344px -133px; }
.sprite_button.huge.text { background-position: -1484px -133px; }
.sprite_button.huge.check { background-position: -1633px -130px; }
.sprite_button.huge.rotate { background-position: -1793px -139px; }
.sprite_button.huge.screen { background-position: -1935px -129px; }
.sprite_button.huge.doc { background-position: -2083px -135px; }
.sprite_button.huge.eye { background-position: -2237px -124px; }
.sprite_button.huge.report { background-position: 19px -279px; }
.sprite_button.huge.mail { background-position: -136px -275px; }
.sprite_button.huge.close { background-position: -270px -266px; cursor: pointer; }
.sprite_button.huge.close:hover { background-position: -420px -266px; cursor: pointer; }
.sprite_button.huge.plus { background-position: -581px -278px; }
.sprite_button.huge.minus { background-position: -1480px -278px; }
.sprite_button.huge.gallery { background-position: -731px -276px; }
.sprite_button.huge.list { background-position: -879px -273px; }
.sprite_button.huge.server { background-position: -1029px -278px; }
.sprite_button.huge.warning { background-position: -1183px -278px; }
.sprite_button.huge.stop { background-position: -1332px -278px; }
.sprite_button.huge.circlex { background-position: -1636px -278px; }
.sprite_button.huge.calendar { background-position: -1784px -278px; }
.sprite_button.huge.key_blue { background-position: -1934px -278px; }
.sprite_button.huge.clock { background-position: -2084px -278px; }
.sprite_button.huge.checkin { background-position: -2228px -278px; }
.sprite_button.huge.autosequence { background-position: 13px -435px; }
.sprite_button.huge.checkbox { background-position: -132px -435px; }
.sprite_button.huge.connect { background-position: -288px -440px; }
.sprite_button.huge.disconnect { background-position: -447px -450px; }
.sprite_button.huge.disconnectall { background-position: -600px -445px; }
.sprite_button.huge.printcount { background-position: -749px -435px; }
.sprite_button.huge.listfield { background-position: -900px -430px; }
.sprite_button.huge.documentscan { background-position: -1200px -425px; }
.sprite_button.huge.grid { background-position: -1500px -420px; }
.sprite_button.huge.dynamictext { background-position: -1800px -415px; }
.sprite_button.huge.variableimage { background-position: -2100px -410px; }
.sprite_button.huge.compositefield { background-position: -2400px -405px; }
.sprite_button.huge.ruler { background-position: -2700px -400px; }
.sprite_button.huge.key_yellow { background-position: -1934px -405px; }



/* large versions of icons */
.sprite_button.lrg {
    height: 48px;
    width: 48px;
    background-size: 1200px auto;
}

.sprite_button.lrg.undo { background-position: 6px 4px; }
.sprite_button.lrg.redo { background-position: -69px 4px; }
.sprite_button.lrg.image { background-position: -146px 12px; }
.sprite_button.lrg.element { background-position: -217px 8px; }
.sprite_button.lrg.square { background-position: -296px 7px; }
.sprite_button.lrg.circle { background-position: -368px 8px; }
.sprite_button.lrg.line { background-position: -443px 7px; }
.sprite_button.lrg.sig { background-position: -524px 9px; }
.sprite_button.lrg.zoomout { background-position: -590px 11px; }
.sprite_button.lrg.zoomin { background-position: -665px 11px; }
.sprite_button.lrg.person { background-position: -738px 12px; }
.sprite_button.lrg.camera { background-position: -818px 12px; }
.sprite_button.lrg.design { background-position: -894px 11px; }
.sprite_button.lrg.fingerprint { background-position: -963px 7px; }
.sprite_button.lrg.print { background-position: -1043px 12px; }
.sprite_button.lrg.printer { background-position: -1119px 9px; }
.sprite_button.lrg.chip { background-position: 7px -66px; }
.sprite_button.lrg.stripe { background-position: -71px -66px; }
.sprite_button.lrg.barcode { background-position: -145px -66px; }
.sprite_button.lrg.noprinter { background-position: -221px -68px; }
.sprite_button.lrg.files { background-position: -295px -68px; }
.sprite_button.lrg.data { background-position: -374px -59px; }
.sprite_button.lrg.cut { background-position: -444px -65px; }
.sprite_button.lrg.paste { background-position: -518px -68px; }
.sprite_button.lrg.search { background-position: -590px -66px; }
.sprite_button.lrg.photo { background-position: -672px -66px; }
.sprite_button.lrg.text { background-position: -742px -66px; }
.sprite_button.lrg.check { background-position: -817px -65px; }
.sprite_button.lrg.rotate { background-position: -897px -71px; }
.sprite_button.lrg.screen { background-position: -968px -64px; }
.sprite_button.lrg.doc { background-position: -1042px -69px; }
.sprite_button.lrg.eye { background-position: -1119px -62px; }
.sprite_button.lrg.report { background-position: 8px -140px; }
.sprite_button.lrg.mail { background-position: -69px -138px; }
.sprite_button.lrg.close { background-position: -136px -134px; cursor: pointer; }
.sprite_button.lrg.close:hover { background-position: -211px -134px; cursor: pointer; }
.sprite_button.lrg.plus { background-position: -291px -139px; }
.sprite_button.lrg.minus { background-position: -741px -138px; }
.sprite_button.lrg.gallery { background-position: -366px -138px; }
.sprite_button.lrg.list { background-position: -440px -137px; }
.sprite_button.lrg.server { background-position: -514px -138px; }
.sprite_button.lrg.warning { background-position: -590px -138px; }
.sprite_button.lrg.stop { background-position: -666px -138px; }
.sprite_button.lrg.circlex { background-position: -817px -138px; }
.sprite_button.lrg.calendar { background-position: -892px -138px; }
.sprite_button.lrg.key_blue { background-position: -967px -138px; }
.sprite_button.lrg.clock { background-position: -1042px -138px; }
.sprite_button.lrg.checkin { background-position: -1114px -138px; }
.sprite_button.lrg.autosequence { background-position: 7px -217px; }
.sprite_button.lrg.checkbox { background-position: -66px -217px; }
.sprite_button.lrg.connect { background-position: -144px -220px; }
.sprite_button.lrg.disconnect { background-position: -224px -225px; }
.sprite_button.lrg.disconnectall { background-position: -300px -223px; }
.sprite_button.lrg.printcount { background-position: -374px -217px; }
.sprite_button.lrg.listfield { background-position: -450px -215px; }
.sprite_button.lrg.documentscan { background-position: -524px -215px; }
.sprite_button.lrg.grid { background-position: -600px -215px; }
.sprite_button.lrg.dynamictext { background-position: -674px -215px; }
.sprite_button.lrg.variableimage { background-position: -750px -215px; }
.sprite_button.lrg.compositefield { background-position: -824px -215px; }
.sprite_button.lrg.ruler { background-position: -900px -215px; }
.sprite_button.lrg.key_blue { background-position: -967px -215px; }




/* small versions of icons */
.sprite_button.sm {
    height: 24px;
    width: 24px;
    background-size: 600px auto;
}

.sprite_button.sm.undo { background-position: 3px 2px; }
.sprite_button.sm.redo { background-position: -34px 2px; }
.sprite_button.sm.image { background-position: -73px 6px; }
.sprite_button.sm.element { background-position: -108px 4px; }
.sprite_button.sm.square { background-position: -147px 4px; }
.sprite_button.sm.circle { background-position: -184px 4px; }
.sprite_button.sm.line { background-position: -221px 4px; }
.sprite_button.sm.sig { background-position: -262px 5px; }
.sprite_button.sm.zoomout { background-position: -295px 5px; }
.sprite_button.sm.zoomin { background-position: -333px 5px; }
.sprite_button.sm.person { background-position: -369px 6px; }
.sprite_button.sm.camera { background-position: -409px 6px; }
.sprite_button.sm.design { background-position: -447px 6px; }
.sprite_button.sm.fingerprint { background-position: -481px 3px; }
.sprite_button.sm.print { background-position: -521px 6px; }
.sprite_button.sm.printer { background-position: -559px 5px; }
.sprite_button.sm.chip { background-position: 4px -33px; }
.sprite_button.sm.stripe { background-position: -36px -32px; }
.sprite_button.sm.barcode { background-position: -73px -32px; }
.sprite_button.sm.noprinter { background-position: -111px -34px; }
.sprite_button.sm.files { background-position: -148px -34px; }
.sprite_button.sm.data { background-position: -187px -29px; }
.sprite_button.sm.cut { background-position: -222px -32px; }
.sprite_button.sm.paste { background-position: -259px -34px; }
.sprite_button.sm.search { background-position: -295px -33px; }
.sprite_button.sm.photo { background-position: -336px -33px; }
.sprite_button.sm.text { background-position: -371px -33px; }
.sprite_button.sm.check { background-position: -408px -33px; }
.sprite_button.sm.rotate { background-position: -448px -35px; }
.sprite_button.sm.screen { background-position: -483px -32px; }
.sprite_button.sm.doc { background-position: -521px -34px; }
.sprite_button.sm.eye { background-position: -559px -31px; }
.sprite_button.sm.report { background-position: 5px -70px; }
.sprite_button.sm.mail { background-position: -34px -68px; }
.sprite_button.sm.close { background-position: -67px -67px; cursor: pointer; }
.sprite_button.sm.close:hover { background-position: -104px -67px; cursor: pointer; }
.sprite_button.sm.plus { background-position: -145px -69px; }
.sprite_button.sm.minus { background-position: -370px -70px; }
.sprite_button.sm.gallery { background-position: -183px -69px; }
.sprite_button.sm.list { background-position: -219px -68px; }
.sprite_button.sm.server { background-position: -257px -69px; }
.sprite_button.sm.warning { background-position: -295px -70px; }
.sprite_button.sm.stop { background-position: -333px -70px; }
.sprite_button.sm.circlex { background-position: -408px -70px; }
.sprite_button.sm.calendar { background-position: -446px -70px; }
.sprite_button.sm.key_blue { background-position: -483px -70px; }
.sprite_button.sm.clock { background-position: -521px -70px; }
.sprite_button.sm.checkin { background-position: -557px -70px; }
.sprite_button.sm.autosequence { background-position: 3px -108px; }
.sprite_button.sm.checkbox { background-position: -33px -108px; }
.sprite_button.sm.connect { background-position: -72px -110px; }
.sprite_button.sm.disconnect { background-position: -112px -112px; }
.sprite_button.sm.disconnectall { background-position: -150px -111px; }
.sprite_button.sm.printcount { background-position: -187px -108px; }
.sprite_button.sm.listfield { background-position: -225px -108px; }
.sprite_button.sm.documentscan { background-position: -261px -108px; }
.sprite_button.sm.grid { background-position: -333px -108px; }
.sprite_button.sm.dynamictext { background-position: -369px -108px; }
.sprite_button.sm.variableimage { background-position: -405px -108px; }
.sprite_button.sm.compositefield { background-position: -441px -108px; }
.sprite_button.sm.ruler { background-position: -477px -108px; }
.sprite_button.sm.key_yellow { background-position: -485px -107px; }
.sprite_button.sm.key_custom_white { background-position: -563px -108px; } /* White key on green background */
.sprite_button.sm.key_custom { background-position: -525px -107px; } /* Green key On white background (Custom Key) */
.sprite_button.sm.file { background-position: -110px -150px; }
.sprite_button.sm.crop { background-position: -150px -150px; }
.sprite_button.sm.access_attribute_field { background-position: -190px -150px; }
.sprite_button.sm.edit { background-position: -220px -150px; }

.sprite_button.sm.required {
    font-size: 35px;
    margin-top: 10px;
    height: 10px;
    width: 20px;
    color: #ff0000;
}

.sprite_button.sm.required:after {
    content: "*";
}

.sprite_button.rotate.sm {
    height: 33px;
    width: 30px;
    background: #fff url("../images/icon_rotate_sm.png") center center no-repeat;
    background-size: 100% auto;
    border-radius: 2px;
    border: 1px solid #cbcbcb;
}


/*** LAYERS SPRITES ***/
.sprite_layer {
    display: inline-block;
    position: relative;
    background: url("../images/sprite_layers.png") 999px 999px no-repeat;
    height: 12px;
    width: 18px;
    margin-right: 3px;
    top: -1px;
    vertical-align: middle;
}

.sprite_layer.eye.on { background-position: 3px 2px; }
.sprite_layer.eye { background-position: 3px -13px; }
.sprite_layer.eye.select { background-position: 3px -30px; }


/* ACTION ICONS */
i.action  {
    float: left;
    height: 22px;
    width: 23px;
    padding: 0 3px;
    margin:0;
}

i.action.edit { background: url("../images/icon_edit.png") center center no-repeat; }
i.action.edit:hover { background-image: url("../images/icon_edit_on.png"); }
i.action.edit:active { background-image: url("../images/icon_edit_active.png"); }
i.action.edit_disabled { background: url("../images/icon_edit_disabled.png") center center no-repeat; }

i.action.edit-tll { background: url("../images/icon_edit_on.png") center center no-repeat; }
i.action.edit-tll:active { background-image: url("../images/icon_edit_active.png"); }

i.action.add { background: url("../images/icon_add.png") center center no-repeat; }
i.action.add:hover { background-image: url("../images/icon_add_on.png"); }
i.action.add:active { background-image: url("../images/icon_add_active.png"); }

i.action.add_item { background: url("../images/icon_enroll.png") center center no-repeat; }
i.action.add_item:hover { background-image: url("../images/icon_enroll_on.png"); }
i.action.add_item:active { background-image: url("../images/icon_enroll_active.png"); }
i.action.add_item_white { background: url("../images/icon_enroll_white.png") center center no-repeat; }
i.action.add_item_disabled { background: url("../images/icon_enroll_disabled.png") center center no-repeat; }

i.action.search { background: url("../images/icon_search.png") center center no-repeat; }
i.action.search:hover { background-image: url("../images/icon_search_on.png"); }
i.action.search:active { background-image: url("../images/icon_search_active.png"); }
i.action.search_white { background: url("../images/icon_search_white.png") center center no-repeat; }
i.action.search_disabled { background: url("../images/icon_search_disabled.png") center center no-repeat; }

i.action.delete { background: url("../images/icon_delete.png") center center no-repeat; }
i.action.delete:hover { background-image: url("../images/icon_delete_on.png"); }
i.action.delete:active { background-image: url("../images/icon_delete_active.png"); }
i.action.delete_disabled { background: url("../images/icon_delete_disabled.png") center center no-repeat; }
i.action.delete_access_attribute_row { background: url("../images/icon_delete.png") center center no-repeat; }

i.action.run { background: url("../images/icon_run.png") center center no-repeat; }
i.action.run:hover { background-image: url("../images/icon_run_on.png"); }
i.action.run:active { background-image: url("../images/icon_run_active.png"); }
i.action.run_white { background: url("../images/icon_run_white.png") center center no-repeat; }

i.action.dashboard { background: url("../images/icon_printerDashboard.png") center center no-repeat; }
i.action.dashboard:hover { background-image: url("../images/icon_printerDashboard.png"); }
i.action.dashboard:active { background-image: url("../images/icon_printerDashboard.png"); }

i.action.last_record {
    background: url("../images/last_record.png") center center no-repeat;
    cursor: pointer;
    margin: -1px;
}

i.action.last_record_disabled {
    background: url("../images/last_record_disabled.png") center center no-repeat;
    cursor: auto;
    margin: -1px;
}

i.action.first_record {
    background: url("../images/first_record.png") center center no-repeat;
    cursor: pointer;
    margin: -1px;
}

i.action.first_record_disabled {
    background: url("../images/first_record_disabled.png") center center no-repeat;
    cursor: auto;
    margin: -1px;
}

i.action.next_record {
    background: url("../images/next_record.png") center center no-repeat;
    cursor: pointer;
    margin: -1px;
}

i.action.next_record_disabled {
    background: url("../images/next_record_disabled.png") center center no-repeat;
    cursor: auto;
    margin: -1px;
}

i.action.previous_record {
    background: url("../images/previous_record.png") center center no-repeat;
    cursor: pointer;
    margin: -1px;
}

i.action.previous_record_disabled {
    background: url("../images/previous_record_disabled.png") center center no-repeat;
    cursor: auto;
    margin: -1px;
}

.notifications {
    position: relative;
    display: block;
    height: 19px;
    width: 19px;
    background: url('../images/notification.svg');
    background-size: contain;
    text-decoration: none;
    margin-top: -1px;
}

.notifications_badge {
    position: relative;
    top: -25px;
    right: -8px;
    padding: 2px 5px;
    border-radius: 50%;
    background: red;
    color: white;
}

.ui_icons.info {
    background-position: -14px -143px;
    margin: -2px 5px -2px 0px;
}

.ui_icons {
    display: inline-block;
    position: relative;
    background: url(../images/ui-icons_2e83ff_256x240.png) 999px 999px no-repeat;
    height: 16px;
    width: 16px;
    opacity: 0.75;
}