@font-face {
	font-family: "QuickSand";
	src: url(fonts/Quicksand-Regular.otf) format("opentype");
}


body
{
    background: url(images/textured_paper.png) repeat;
    font-family:"QuickSand", Arial, sans-serif; 
}

/* HEADER*/
header {
    background: #e62a32;
    border-bottom: 10px solid #bf2a32;
    -webkit-box-shadow: 0px 7px 25px rgba(2, 0, 0, 0.81);
    -moz-box-shadow: 0px 7px 25px rgba(2, 0, 0, 0.81);
    box-shadow: 0px 7px 25px rgba(2, 0, 0, 0.81);
}

.exclude-element-text {
    float:left;
}

.go-to-page {
    overflow:hidden;
}

.go-to-page * {
    float:left;
    margin-right: 3px;
}


.inicio-link {
    font-weight: bold;
}

#wrapper-header{
    overflow: hidden;
    height: 50px;
}

header h1{
    margin-top: 5px!important;
    float: left;

}

.wrapper{
    padding: 0 20px;
    margin: 0 auto;
}

#user-section{
    float:right;
    margin-top: 10px;
}

#user-section h3 {
    line-height: 15px!important;    
    color: #ededed;
}

.btn-user
{
    background: #666;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.btn-user:hover
{
    background: #a61300;
}

.btn-user i
{
    margin-left: 8px;
    margin-top: 7px;
}

#title {
    margin: 0px;
    color: #bf2c32;
}

/*LOGIN PAGE*/

#login {
    width: 500px;
    padding-bottom: 40px;
    margin: 100px auto;
    background: #ededed;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -webkit-box-shadow: 0px 7px 25px rgba(2, 0, 0, 0.81);
    -moz-box-shadow:    0px 7px 25px rgba(2, 0, 0, 0.81);
    box-shadow:         0px 7px 25px rgba(2, 0, 0, 0.81);
}

#wrapper-login {
    padding-top: 25px;
}

.sysversion {
    font-size: 14px;
    font-weight: normal;
}

/*GENERAL*/

.link-prev-p {
    overflow: hidden;
    clear: both;
}

h2{
    margin-bottom: 20px;
}

div.li-right {
    float: right!important;
    margin-top:10px;
}

#ms-sel-merchants .ms-selection ul{
    height:240px!important;
}

#ms-sel-countries .ms-selection ul{
    height:240px!important;
}

#ms-sel-devices .ms-selection ul{
    height:240px!important;
}

#ms-sel-devices .ms-selection ul{
    height:240px!important;
}

.checkmarginb15 {
    margin-bottom: 10px!important;
}

/*ERRORES EN LOS FORMULARIOS*/
.field-validation-error {
    color: #b94a48;
    display: block;
    clear: left;
}

.permisos table tr:first-child td {
    border-top: none!important;
}

/* MENU USER LOGIN AND OPTIONS*/

#baseul-right > li {
    float: left;
    margin-left: 4px;
}

#baseul-right > li a {
    text-decoration: none!important;
}

#baseul-right > li a i {
    margin-right: 4px;
}

#baseul-right > li a:hover {
    text-decoration: none;
}


/*ERRORES*/

.pnull {
    text-align: center;
    padding: 10px 0;
}

/*PRINCIPAL*/
#principal{
    
}

/*MENU PRINCIPAL*/
.nav > li {
    position: relative;
}

#wrapper-principal {
    background: #ffffff;
    padding-bottom: 10px;
    padding-top: 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0px 7px 25px rgba(2, 0, 0, 0.81);
    -moz-box-shadow: 0px 7px 25px rgba(2, 0, 0, 0.81);
    box-shadow: 0px 7px 25px rgba(2, 0, 0, 0.81);
}

#headindextable {
    overflow: hidden;
    margin-bottom: 20px;
}

#headindextable .extra-pills {
    margin-left: 2px;
    float:left;
    overflow:hidden;
}

#headindextable .extra-pills li a {
    margin-top: 0!important;
}

#headindextable > a {
    float: left;
}

#headindextable > h4 {
    float: left;
}

#headindextable .searchinput {
    float: right;
}

.data-filter {
    overflow: hidden;
}

.data-filter em {
    float: left;
}

.data-filter a {
    float: right;
}

/*FORMULARIOS GENERAL*/
.editor-label{
    float: left;
    clear: both;
}

#login .editor-label {
    width: 100px!important;    
}

.editor-field, .editor-label{
    margin-bottom: 15px;
}

/*CREATE OR EDIT ACQUIRERS*/

.editor-label {
    width: 170px;
    margin-right: 10px;
}

.file-upload {
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
}

#mearchantIndex .form-search {
    margin-bottom: 20px;
}

/*AJAX LIST SELECT */
#colorbox-form {
    width: 383px;
    min-height: 140px;
    padding: 10px;
    position:relative;
}

#color-search {
    margin-bottom:10px;
    overflow:hidden;
}

#color-search * {
    float: left;
}

#color-search input{
    margin-right: 10px;
}

.color-resultline:hover td {
    color: #cf000f;
    background: #bbb !important;
}

button.colorbox-open {
    padding-left: 0;
}

button.color-submit i{
    margin-top: 3px;
    margin-right: 3px;
}

/*FORMULARIO MERCHANT CREATE EDIT**/
#newAcq span {
    display: inline-block;
    width: 224px;
}

#newAcq p button {
    margin-bottom: 10px;
}

.add-nii {
    padding: 0!important;
}

/******************READ CONFIGURATION********************/

/*CREATE  AND EDIT FORMS*/

.readConfigPermissions {
    width: 400px!important;
}

/***********************ROL*****************************/

/*CREATE AND EDIT FORMS*/

.RolTablePermissions {
    width: 400px!important;
}

.permisos {
    display:none;
}

/**********************USER************************/
#SndNotifBeeper, #SndNotifTel, #ChkUserCNB {
    margin: 0 0 0 3px;
}

#SndNotifBeeper + label, #SndNotifTel + label, #ChkUserCNB + label {
    display: inline;
}

/**MERCHANTS***/
#usr-m-container {
    width:500px;
    overflow: hidden;
    margin-bottom: 10px;
}

.um-left {
    float: left;
}

#usr-m-input input{
    width: 172px;
}

.um-sector-container {
    width: 45%;
}

.um-list-container {
    border: 1px solid #F5F5F5;
    border-radius: 3px;
}

.um-list-container ul{
    margin: 0!important;
}

#usr-m-selectable {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    position:relative;
}

#usr-m-selectable #loadimg {
    position: absolute;
    top: 37%;
    left: 44%;
    display: none;
}

.ms-u-option{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #EEE;
}

.ms-u-option input{
    margin-top: 0;
    margin-right: 5px;
}

.ms-u-option:hover{
    background: #08c;
    color: #bf2c32;
}

#usr-m-selected {
    height: 240px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#usr-m-m{
    height: 282px;
}

#usr-m-m img{
    height: 21px;
    width: 21px;
    margin-top: 150px;
    margin-left:10px;
    margin-right: 10px;
}

/* ******************DASHBOARD******************* */
#dashboard {
    overflow: hidden;
    padding-left: 15px;
}

#report-list {
    margin-right: 25px;
}

#report-list li {
    overflow: hidden;
}

#report-list li:hover .rep-img {
    background-image: url(images/sprite2hover.png);
}

    #report-list li:hover * {
        color: #bf2d32;
    }

#report-list li .rep-img {
    background-image: url(images/sprite2.png);
    width: 38px; height: 39px;
    background-position: 0 -82px;
    float: left;
    margin-right: 10px;
}

#report-list li .rep-txt {
    float: left;
}

/***********TERMINAL**********/
.disabled {
    color: #999;
}


/******REPORTES*******/

.excludeTerminalsBlock {

}
#addExcludeTerm {
}
.reportColumns {
    width: 60%;
    margin-bottom: 10px;
}

.reportColumns ul{
    width: 100%;
}

#term-loader {
    display: none;
    position: absolute;
    top: 150px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.rep-col-element {
    overflow: hidden;
    cursor:pointer!important;
}

.rep-col-element .check {
    width: 20%;
}

.rep-col-element .check span {
    margin-right: 5px;
}

.rep-col-element .name {
    width: 40%;
}

.rep-col-element .select {
    width:40%;
}

.rep-col-element .select select {
    margin-bottom: 0!important;
}

.rep-col-element *{
    float:left;
    display:block!important;
}

li.sortable-placeholder {
    border: 1px dashed #F5F5F5!important;
    background: none!important;
}

.sortable {
    margin: auto;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sortable li {
    list-style: none;
	border: 1px solid #aa2c32;
	background: #F6F6F6;
	font-family: "Tahoma";
	color: #1C94C4;
	margin: 5px;
	padding: 5px;
	height: 30px;
}

.termtable {
    width: 60%;   
}

#report-terms-c {
    height: 275px;
    max-height: 275px;
}

.rep-txt h5 {
    margin: 0 0 5px 0;
}

.report-med-form {
    overflow: hidden;
    margin-bottom: 20px;
}

.report-med-element {
    width: 48%;
}

.repLeft {
    float:left;
    position:relative;
}

.repRight {
    float: right;
}

.report-table-result {
    overflow-x: scroll;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #992c32;
     border-radius: 5px;
}

.report-table-result table {
    margin-bottom: 0px!important;    
}

.report-table-result table th {
    border-top:none;
}

.report-table-result table th, .report-table-result table td {
    min-width: 165px;
    text-align:center;
}

.icon-rep-cols {
    cursor: pointer;
    margin-top: 5px;
}

#cbp-contentslider {
    
}

span.box-image {
    background-image: url(images/sprite.png);
    width: 64px; height: 64px;
    margin: 10px auto 6px auto;
    display: inline-block;
}

a.box-acquirer span.box-image {
    background-position: -114px -342px; 
}

a.box-country span.box-image {
    background-position: 0 -342px;
}

a.box-currency span.box-image {
    background-position: 0 -570px;
}

a.box-device span.box-image {
    background-position: 0 -1938px;
}

a.box-tlc span.box-image {
    background-position: 0 -684px;
}

a.box-key span.box-image {
    background-position: 0px -912px;
}

a.box-merchant span.box-image {
    background-position: 0 -114px;
}

a.box-pinpad span.box-image {
    background-position: 0 0;
}

a.box-readconf span.box-image {
    background-position: 0 -1824px;
}

a.box-rol span.box-image {
    background-position: -114px -228px;
}
a.box-treg span.box-image {
    background-position: -114px -1026px;
}

a.box-tgroup span.box-image {
    background-position: -114px -1140px; 
}

a.box-terminal span.box-image {
    background-position: -0px -1140px;
}

a.box-user span.box-image {
    background-position: 0 -1596px;
}

a.box h5 {
    width: 110px;
    margin: 0;
}

#dashboard .box {
    width: 125px;
    height: 130px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #ededed;
    cursor: pointer;
}

#dashboard .box h5 {
    color: #454545;
    text-decoration: none!important;
}

#dashboard .box:hover {
    background: #ff9009;
    -webkit-animation: color_change 1s alternate;
    -moz-animation: color_change 1s alternate;
    -ms-animation: color_change 1s alternate;
    -o-animation: color_change 1s alternate;
    animation: color_change 1s alternate;
    text-decoration: none!important;
}

@-webkit-keyframes color_change {
  from { background-color: #ededed; }
  to { background-color: #ff9009; }
}
@-moz-keyframes color_change {
  from { background-color: #ededed; }
  to { background-color: #ff9009; }
}
@-ms-keyframes color_change {
  from { background-color: #ededed; }
  to { background-color: #ff9009; }
}

@-o-keyframes color_change {
  from { background-color: #ededed; }
  to { background-color: #ff9009; }
}

@keyframes color_change {
  from { background-color: #ededed; }
  to { background-color: #ff9009; }
}

/**********************USER************************/

/*COUNTRIES*/
.user-countries .ms-selectable {
    margin-bottom: 20px;
}

.editor-attr {
    clear: both;
}

/********ALL FORMS **********/
.editor-field + p {
    clear: both;
}

/****************AFFILIATES FORM**************/
.form-affiliates {
    overflow: hidden;
    margin-bottom: 20px;
}

.form-affiliates label, .form-affiliates input {
    float: left;
    margin-bottom: 0!important;
}

.form-affiliates label {
    display: block;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
}

.form-affiliates input {
    margin-right: 20px;
}

/*********  REPORTS *************/
#print-type .pull-left li {
    margin-right: 20px;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#F5F5F5; overflow:hidden;}
        .cboxIframe{background:#bf2c32;}
        #cboxError{padding:50px; border:1px solid #aa2c32;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replacese a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/************************************/
/*************HACKS******************/
/************************************/

/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    ::i-block-chrome, .multiselseardiv {
     width: 167px;
    }

    ::i-block-chrome, .multiselseardiv input {
     float: left;
    }

    ::i-block-chrome, .form-search .input-append input {
        float: left;
    }
}

.pagination-custom ul li {
    padding-right:20px;
}