body:before{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    content: "";
    height: 10px;
    left: -10px;
    position: fixed;
    top: -10px;
    width: 110%;
    }

body
{
    margin: 0px;
    padding: 0;
    background: #fff;
    padding-bottom: 1px; /*min-width: 960px; */
    height: 95%;
    min-height: 300px;
    font-size: 9pt;
    font-family: tahoma;
    color: #696969;
    float:left;
    width:100%
}

a, img
{
    padding: 0;
    margin: 0;
}
img
{
    border: 0 none;
}
.clr
{
    clear: both;
    overflow: hidden;
    height: 0;
}
.inline
{
    display: inline;
}
.block
{
    display: block;
}
.hidden
{
    display: none;
}
.pixel
{
    background: url("../images/pixel.png");
}
#loading
{
    background: url("../images/ajax-loader.gif") no-repeat center center;
    height: 50px;
    width: 50px;
    background-color: rgba(240, 240, 240, 0.8);
    display: none;
}
a:link, a:visited
{
    text-decoration: none;
}
a:hover
{
    color: #58a1de;
}
a:active
{
    color: #247cb9;
}

/** TOP NAV BAR **/
#top-menu
{
    display: block;
    height: 34px;
    left: 0;
    position: fixed;
    background-color: #202020;
    width: 100%;
    min-width: 960px;
    z-index: 99999;
    box-shadow: 0px 1px 3px #333;
    font: 13px Arial,sans-serif;
}
#top-menu #t-left, #top-menu #t-right
{
    height: 30px;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 1000;
}
#top-menu #t-left
{
    padding-left: 4px;
    left: 0;
}
#top-menu #t-right
{
    padding-right: 5px;
    right: 0;
}
.sia
{
    float: left;
    width: 187px;
    right: 0;
    background: url("../images/sia.png") no-repeat;
    margin-top: 5px;
}
.options-list
{
    display: block;
    list-style: none outside none;
    margin: 3px 0 0;
    padding: 0;
}
.li-o
{
    display: inline-block;
    line-height: 34px;
    padding: 0px;
    margin: 0px;
    position: relative;
    vertical-align: top;
    font-size: 12px !important;
}
.sep .li-s
{
    background: url("../images/tbar-sep.png") no-repeat;
    font-size: 0;
    border: 0 none;
    width: 1px;
    margin: 4px 0 0;
    padding: 34px 0 0;
}
.li-s
{
    padding: 0 5px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: block;
    position: relative;
    z-index: 1000;
}

.haspopup
{
    cursor: pointer;
    text-decoration: none !important;
}
.haspopup span.down
{
    background: url("../images/toggle_down_light.png") no-repeat 100% 50%;
    padding: 7px 16px 10px 0px;
}
.menu-open
{
    background-color: #fafafa;
   
}
.menu-open span.down
{
    background-image: url("../images/toggle_up_dark.png");
    padding-bottom: 8px;
    background-color: #fafafa;
}

#top-menu a:link, #top-menu a:visited
{
    color: #ccc;
    text-decoration: none;
}
#top-menu a:hover
{
    color: #fff;
}
#top-menu a:active
{
    color: #ccc;
}
#top-menu a:link, #top-menu a:visited
{
    color: #ccc;
    text-decoration: none;
}
#top-menu a:hover
{
    color: #fff;
}
#top-menu a:active
{
    color: #ccc;
}

.menu-open:hover
{
    color: #ccc !important;
}

#forms-container-popup
{
    background-color: #fafafa;
    border: 1px solid rgba(0,0,0,0.3); /*border-top: 0 none; */
    border-top:1px solid trasparent;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
    border-radius: 0 0  4px 4px;
    color: #778899;
    display: none;
    font-size: 11px;
    margin-right: 0;
    margin: 15px 85px 0px 0px;
    padding: 12px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 25px;
    width: 500px;
    z-index: 999;
}

#forms-container-popup iframe
{   
    overflow:hidden;
    overflow-y:scroll;
    
    height:350px;
    
}

.offline
{
    background-color: #ffcdcd;
}

/** ENCABEZADO **/
#border-top
{
    padding-top: 34px;
}
#border-top > div
{
 /*   background: url("../images/header_middle.png") repeat-x;*/
}

#border-top > div > div
{
    /*background: url("../images/header_left.png") no-repeat; */
    height: 10px;
}

/* 
#border-top div { background: url("../images/header_right.png") 100% 0 no-repeat; } 
*/

#border-top #status
{
    border: 1px solid #9bbed9;
    display: block;
    width: auto;
    float: right;
    margin: 10px 25px 5px 0px;
    padding: 2px;
    color: #fff;
}
#border-top #status span
{
    padding: 2px 1px 2px 18px;
}
#border-top #status .user
{
    background: url("../images/16x16/user-info.png") no-repeat;
}
#border-top #status .area
{
    background: url("../images/16x16/area.png") no-repeat;
}
#border-top #status .date
{
    background: url("../images/16x16/date.png") no-repeat;
}
#border-top #status .user
{
    background: url("../images/16x16/user-info.png") no-repeat;
    padding: 2px 1px 2px 18px;
}
#border-top #status a.area
{
    background: url("../images/16x16/change-pass.png") no-repeat;
    padding: 2px 1px 2px 18px;
    color: #fff;
    text-decoration: none;
}

/** CAJA DE TITULO **/
#header-box
{
   
    background-position: 0% 0%;
background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)) !important !important;
    padding:0 0 2px;
    height: 23px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #fafafa !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
#header-box #module-status
{
    float: right;
    margin-right: 5px;
}
#header-box #module-status span
{
   
    float: left;
    line-height: 20px;
    padding-left: 20px;
    margin: 2px 5px;
    background-repeat:no-repeat;
    background-position:0 2px;
}
#header-box #module-status .home
{
    background: url("../images/16x16/home.png") no-repeat;
}
#header-box #module-status .logout
{
    background: url("../images/16x16/logout.png") no-repeat;
}
#header-box .menu-bar
{
    line-height: 18px;
    float: left;
}

#server-status
{
    line-height: 12px !important;
    margin: 2px 0 !important;
    display:inline-block;
    
}

/* SEARCH FORM */
#search-form
{
    margin: 4px 0;
    
    position: relative;
    display: inline;
}

#search-form span.glass
{
    cursor: pointer;
    display: block;
    padding: 7px 8px 5px;
    position: absolute;
    right: 0;
}

#search-form span.glass i
{
    background-image: url("../images/sprite-icons.png");
    background-position: -224px -96px;
    display: block;
    font-size: 0;
    height: 14px;
    width: 14px;
}

#search-form .search-query
{
    
    border: 1px solid black;
    font-size:13px;
    padding: 6px 25px 5px 6px;
    width: 350px;
    height:auto;
}



#search-state
{
    right: 0;
    margin: 1px 0;
    position: absolute;
   
}

/** SEARCH BOX **/
.slider-search
{
    overflow: hidden;
    position: relative;
    height: 28px;
    margin-bottom: 3px;
}
.slider-search > div
{
    float: right;
    line-height: 12px;
}
.iphone-style
{
    display: block;
    width: 87px;
    height: 28px;
    background: url("../images/check-square.png") no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}
.on
{
    background-position: 0 100%;
}
.off
{
    background-position: 100% 0;
}
.hidden
{
    display: none;
}

#search-box
{
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    width: 300px;
}
#search-box div.search
{
    display: block;
    position: relative;
    border: 0 none;
}
#search-box div.input
{
    width: 120px;
    padding: 5px 15px 7px 15px;
    border-radius: 20px;
    border: 1px solid #c6d2db;
    border-top: 1px solid #b4c1cb;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
    float: right;
    background: #e8edf1;
}
#search-box div.input.focus
{
    border: 1px solid #9ecbe2;
    box-shadow: 0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08);
}

input.search-input
{
    width: 100%;
    border: none;
    border-radius: 20px;
    background: transparent;
    height: 16px;
    color: #b4bdc4;
    text-shadow: 0 1px 1px #fff;
}
input.search-input:focus, input.search-input:hover
{
    outline: none;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
input.search-submit
{
    background: url("../images/search-icon.png") no-repeat !important;
    width: 19px;
    height: 19px;
    position: absolute;
    border: 0;
    top: 7px;
    right: 13px;
    z-index: 5;
    cursor: pointer;
    overflow: hidden;
    display: none;
}

.fixedtitleBox
{
    position: fixed;    
    margin: 0 100px !important;
    z-index: 999;
    -moz-transition: top 0.3s linear 0s;
    -webkit-transition: top 0.3s linear 0s;
    -o-transition: top 0.3s linear 0s;
    transition: top 0.3s linear 0s;
}

/** CONTENIDO **/
#content-box
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#content-box .padding
{
    padding-bottom: 5px;
}

#title-box
{
    border-top: 1px solid #dce6f5;
    margin-bottom: 3px;
    background: url("../images/title-bg.png") repeat-x;
    top: -100px;
}
#title-box div.m
{
    padding-top: 5px;
}
#title-box div.b
{
    height: 6px;
    margin: 0px;
    border-bottom: 1px solid #d5e8d9;
}

/* titulos */
#title-box .page-title
{
    padding-left: 64px;
    background-repeat: no-repeat;
    margin-left: 5px;
    font-weight:bold;
}
#title-box .page-title h2
{
    line-height: 34px;
    font-size: 2em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #396e13;
}
#title-box .page-title span
{
}

/* toolbar */
#title-box div.toolbar-buttons
{
    float: right;
    text-align: right;
    padding: 0;
    margin-right: 5px;
}
#title-box div.toolbar-buttons div
{
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 32px 2px 1px 1px;
    margin-right: 10px;
    width: auto;
    min-width: 32px;
    border: 1px solid transparent;
}
#title-box div.toolbar-buttons div:hover
{
    border: 1px solid #ccc;
    background-color: #f4f4f4;
}
#title-box div.toolbar-buttons div span
{
    font-size: 10px;
    text-align: center;
    display: block;
    margin-top: 2px;
}

#site-map
{
    margin-bottom: 5px;
    font-size: 11px;
    font-family: Trebuchet MS, Arial, Verdana;
    padding: 0px 5px;
}
#site-map > span
{
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 2px;
}
#site-map > span > span
{
    color: #555;
    font-weight: bold;
}
/*
#site-map > span > span { color:#7C6F57; } 
#site-map > span > span {  } 
#site-map > span > span {  } 
#site-map .separator { color:#5D7B9D; } 
*/

/** mensajes en la pagina **/
.system-message
{
    margin-bottom: 5px;
}
.message-box
{
    padding-left: 36px;
    padding-right: 10px;
    background-repeat: no-repeat;
    line-height: 32px;
}
.message-box.message
{
    color: #0055BB;
    border: 3px solid #84A7DB;
    background: #C3D2E5 url("../images/32x32/info.png") no-repeat;
}
.message-box-close
{
    float: right;
    cursor: pointer;
}
.message-box.critical
{
    color: #c00;
    border-top: 3px solid #DE7A7B;
    border-bottom: 3px solid #DE7A7B;
    background: #E6C0C0 url("../images/32x32/error.png") no-repeat;
}
.message-box.warning
{
    color: #c00;
    border-top: 3px solid #F0DC7E;
    border-bottom: 3px solid #F0DC7E;
    background: #EFE7B8 url("../images/32x32/warning.png") no-repeat;
}

/** cuerpo de pagina **/
#body-box
{
    padding-bottom: 5px;
}
#body-box div.t
{
    background: url("../images/border_t.png") repeat-x;
}
#body-box div.t div.t
{
    background: url("../images/white_crn_tr.png") 100% 0 no-repeat;
}
#body-box div.t div.t div.t
{
    background: url("../images/white_crn_tl.png") no-repeat;
    height: 6px;
}
#body-box div.m
{
    padding: 0px 5px 0px 5px;
}
#body-box div.b
{
    background: url("../images/border.png") repeat-x;
}
#body-box div.b div.b
{
    background: url("../images/white_crn_br.png") 100% 0 no-repeat;
}
#body-box div.b div.b div.b
{
    background: url("../images/white_crn_bl.png") no-repeat;
    height: 6px;
}

/** PIE **/
#border-bottom
{
    background: url("../images/bottom_middle.png") repeat-x;
}
#border-bottom div
{
    background: url("../images/bottom_right.png") 100% 0 no-repeat;
}
#border-bottom div div
{
    background: url("../images/bottom_left.png") no-repeat;
    height: 11px;
}

/************* INPUTS ***********************/
input[type=text]:not(.xxlarge,.xlarge), select, textarea:not(.xxlarge,.xlarge)
{
    border: 1px solid #7f9db9;
}
input[type=button]:not(.btn):hover,input[type=submit]:not(.btn):hover, select:hover, textarea:hover
{
    border: 1px solid #8db2e3;
    background-color: #f8fafd;
}
input[type=button]:not(.btn):hover,input[type=submit]:not(.btn):hover, select:focus, textarea:focus
{
    border: 1px solid #8db2e3;
    background-color: #fcfae7;
    box-shadow: 0px 0px 2px #5083c7;
}

input[type="button"]:not(.btn), input[type="submit"]:not(.btn), .button
{
    height: 35px;
    border: 1px solid #;
    border-radius: 5px;
    background-color: #b2d3fd;
    background: -moz-linear-gradient(top, #e4effb, #c1dbfc);
    background: -webkit-gradient(linear, center top, center bottom, from(#f9fbfd), to(#b2d3fd));
}

input[type="button"]:not(.btn):hover, input[type="submit"]:not(.btn):hover, .button:hover
{
    cursor: pointer;
    color: #4c75aa;
    box-shadow: 0px 0px 3px #5083c7;
}

.missing, .missing:hover, .missing:focus
{
    background: #ffffdd url("../images/missing.png") no-repeat left center;
    padding-left: 16px;
    border: 1px solid #ffa500;
}


.chosen-style, .dxeButtonEdit_Glass
{
    background: #ffffff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
    background: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
    background: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
    border: 1px solid #AAAAAA !important;
    font-size: 11px;
    
    padding: 1px;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


table.chosen-style,input[type=text].chosen-style,input[type=password].chosen-style, .dxeButtonEdit_Glass
{
    height: 16px !important;
 }
input[type=text].chosen-style,input[type=password].chosen-style
{
    padding:2px;
}
textarea.chosen-style
{
  
    height: auto;
   
  
 }
.dxeButtonEdit_Glass
{
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.chosen-style textarea:hover, .chosen-style textarea:focus, .chosen-style input:hover, .chosen-style input:focus, .dxeButtonEdit_Glass input:hover, .dxeButtonEdit_Glass input:focus
{
    background: white !important;
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


textarea, input
{
    outline: none !important;
}


.chosen-style-disabled
{
    background: transparent !important;
    border: none !important;
}



.chosen-style-disabled input[type=text]
{
    background: transparent !important;
    color: #000 !important;
}

.textwithbutton input[type=text]
{
    height: 16px !important;
    margin-right: 8px;
    padding: 2px;
    background: #ffffff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
    background: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
    background: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
    border: 1px solid #aaa;
}
.textwithbutton input[type=text]:focus, .textwithbutton input[type=text]:hover
{
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.textwithbutton input[type=button], button:not(.btn)
{
    background: url("/alpesa/App_Themes/Glass/Editors/edtButtonBack.gif") repeat-x;
    padding: 2px;
    border: 1px solid #B2BCBE;
    height: auto !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.textwithbutton input[type=button]:hover, button:not(.btn):hover
{
    background: url("/alpesa/App_Themes/Glass/Editors/edtButtonHoverBack.gif") repeat-x;
    border: 1px solid #71ACB4;
}

.textwithbutton input[type=button]:active button:active
{
    background: url("/alpesa/App_Themes/Glass/Editors/edtButtonPressedBack.gif") repeat-x;
    border: 1px solid #71ACB4;
}



.dxeButtonEditButton_Glass
{
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)) !important;
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%) !important;
    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%) !important;
    background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ) !important;
    background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%) !important;
    border: 1px solid #aaa !important;
    width: 18px !important;
}


.dxeButtonEditButton_Glass table.dxbebt td.dx img
{
    background-image: url("/alpesa/templates/css/chosen-sprite.png");
    background-position: 0 -1px;
    border-width: 0;
    display: block;
    height: 20px;
    width: 17px;
    text-indent: -99999px;
}

.dxtcLite_Glass .dxtc-content
{
    overflow: inherit !important;
}


#SystemMessagePanel
{
    margin: 5px 25px;
}
#SystemMessagePanel span
{
    font-weight:bold;
 
 
}
#SystemMessagePanel .close
{
    cursor:pointer;
    
 }
.ellipsis
{
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
   display: block;
   float:left
    
 }
 
 .loader-form img
        {
                 background-color: rgb(223,234,236);
            background-image: linear-gradient(bottom, rgb(223,234,236) 0%, rgb(237,243,244) 50%);
            background-image: -o-linear-gradient(bottom, rgb(223,234,236) 0%, rgb(237,243,244) 50%);
            background-image: -moz-linear-gradient(bottom, rgb(223,234,236) 0%, rgb(237,243,244) 50%);
            background-image: -webkit-linear-gradient(bottom, rgb(223,234,236) 0%, rgb(237,243,244) 50%);
            background-image: -ms-linear-gradient(bottom, rgb(223,234,236) 0%, rgb(237,243,244) 50%);
            background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(223,234,236)),
	color-stop(0.5, rgb(237,243,244))
);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
padding:10px
        }
        
 [class^="icon-"],
[class*=" icon-"] 
{
    
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/alpesa/templates/images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}
.icon-white {
  background-image: url("/alpesa/templates/images/glyphicons-halflings-white.png");
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-glass {
  background-position: 0      0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
       
        
        
.btn-group .dropdown-menu {
    left: auto;
    right: 0;
}
.btn-group .dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.65);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}



.btn-group .dropdown-menu:before {
    left: auto;
    right: 12px;
}

.btn-group .dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.btn-group .dropdown-menu:after {
    left: auto;
    right: 13px;
}

.btn-group .dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 0!important;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 0;
    min-width: 160px !important;
    padding: 4px 0;
    position: absolute;
    top: 25px !important;
    z-index: 900;
}




.btn-group .btn {
    border-radius: 0 0 0 0;
    float: left;
    margin-left: -1px;
    position: relative;
}



.btn-group .btn:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.btn-group .btn:last-child, .btn-group .dropdown-toggle {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}


.btn-group .dropdown-menu a {
    clear: both;
    color: #555555;
    display: block;
    font-weight: normal;
    line-height: 18px;
    padding: 3px 15px;
    white-space: nowrap;
}

.btn-group .dropdown-menu a:hover {
   text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
   color:#fff;
   background-color: #0064cd;
   background-repeat: repeat-x;
   background-image: linear-gradient(top, #049cdb, #0064cd);
   }

.btn-group > img:hover
{
    cursor:pointer;
}

.dropdown-menu a i 
{
    display: inline-block;
    height: 15px;
    line-height: 15px;
    width: 15px;
    margin-right: 5px;
}



.input-search input[type=text]
{
    width: 100%!important;
    border:none!important;
}



.dropdown-menu li.selected i
{
    background:url("/alpesa/templates/images/16x16/check.png");
} 

.dropdown-menu .divider {
    background-color: #E5E5E5;
    border-bottom: 1px solid #FFFFFF;
    height: 1px;
    margin: 5px 1px;
    overflow: hidden;
}

.btn-group.open .dropdown-menu {
   border: 1px solid #999;
    display: block;
    margin-top: 1px;
    left:auto;
    right: -12px;
}

.btn-group.open .dropdown-menu li.divider
{   
    background-color: rgba(0, 0, 0, 0.23);
    margin: 5px 4px;
}

.btn-group:after {
    clear: both;
}

.btn-group:before, .btn-group:after {
    content: "";
    display: table;
}

.btn-group:before, .btn-group:after {
    content: "";
    display: table;
}

.btn-group.open {
}

.btn-toolbar .btn-group {
    display: inline-block;
}

.btn-group + .btn-group {
    margin-left: 5px;
}

.btn-group {
    position: relative;
}

.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000000;
    content: "";
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
}

.btn .caret {
    margin-left: 0;
    margin-top: 7px;
}

.btn.primary .caret, .btn.warning .caret, .btn.danger .caret, .btn.info .caret, .btn.success .caret, .btn.inverse .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
    opacity: 0.75;
}

.sidebar.fixed-bottom
{
    position: fixed;
    top: 50px;
}

.sidebar.fixed-top
{
    position: fixed;
    top: 50px;
}



@media all and (max-width: 1024px) {
 .ellipsis
 {
     max-width: 100px;
}

}

@media all and (min-width: 1280px) {
 .ellipsis 
 {
     max-width: 250px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
            
      .chzn-container{
          display:inline-table!important;
        }
  }