/* buttons */
a.button2 {
  cursor: pointer;
  text-decoration: none;
  font-size: 13pt;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  width: auto;
  padding: 8px 0px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-align: center;
  color: #007aff;
  border-color: #007aff;
  background-color: rgba(255, 255, 255, 0.01);
}
a.button2:hover {
  cursor: pointer;
  opacity: .5 !important;
}

/* buttons options */
a.buttonopt {
    display: inline-block;
    width: 45px;
    cursor: pointer;
    border: 1px solid #585d63;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.01);
    padding: 2px 2px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #585d63;
}
a.buttonopt:hover {
  cursor: pointer;
  opacity: .5 !important;
}


/* mask */
div#load-mask {
    display: block; background-color: #2E2E2E; position: fixed; left: 0; top: 0; z-index: 1001;
    width: 100%; height: 100%; opacity: 0.45; filter: alpha(opacity=45); -moz-opacity: 0.45;
}

div#load-box {
    display: none; position: fixed; top: 50%; left: 50%; z-index: 1002; padding: 5px; border: 2px solid #777;
    background-color: #FFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

div#load-mensaje {
    display: block; background-color: #2E2E2E; position: fixed; left: 0; top: 0; z-index: 1001;
    width: 100%; height: 100%; opacity: 0.45; filter: alpha(opacity=45); -moz-opacity: 0.45;
}

div#load-texto {
    display: none; position: fixed; top: 50%; left: 50%; z-index: 1002; padding: 5px; border: 2px solid #777;
    background-color: #FFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}


div#load-main {
    width: 200px; display: block; clear: both; text-align: center;
}

div#load-main span {
    font: normal 15px HelveticaNeue, Sans-serif;
    color: #4d4d4d;
    margin: 26px 0 6px 15px;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7f7f7f;
}

div#load-main img {
    vertical-align: middle;
}


/* footer */
div.info-footer {
    width: 99%; display: block; margin: 15px auto 0 auto; padding: 0 1px; text-align: justify;
}

    div.info-footer > div.left {
        float: left; clear: left; text-align: left;
    }

    div.info-footer > div.right {
        float: right; clear: right; text-align: right;
    }

        div.info-footer > div.left > span, div.info-footer > div.right > span, div.info-footer > span {
            font: normal 12px HelveticaNeue, Sans-serif;
            color: #4d4d4d;
            white-space: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #7f7f7f;
        }

span.com-label {
    font: normal HelveticaNeue, Sans-serif;
    color: #4d4d4d;
    margin: 26px 0 6px 15px;    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7f7f7f;
}


/* grid */
.col {
    padding: 20px 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    color: #000;
    padding: 10px;
    text-align: center;
 }
.col p {
    margin: 0;
}

.isWindows .grid > .col > p {
    color: #000 !important;
}

/*p.car-total {
    width: 99%; display: block; text-align: right;
}

     p.car-total span {
        font: normal HelveticaNeue, Sans-serif;
        font-weight: bold;
        color: #4d4d4d;
        margin: 26px 0 6px 15px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #7f7f7f;
    }*/


/* check */
/*
span.check-false {
    background-repeat: no-repeat; background-image: url('../images/check-false.gif');
    display: inline-block; width: 25px; height: 25px; cursor: pointer;
}

span.check-true {
    background-repeat: no-repeat; background-image: url('../images/check-true.gif');
    display: inline-block; width: 25px; height: 25px; cursor: pointer;
}
*/
/*
span.check-false {    
    background-repeat: no-repeat; background-image: url('../../images/ios7/check-false.gif') !important; /*margin: 0 auto;
    display: inline-block; width: 25px; height: 25px; cursor: pointer;
}
*/
/*
span.check-true {
    background-repeat: no-repeat; background-image: url('../../images/ios7/check-true.gif') !important; /*margin: 0 auto;
    display: inline-block; width: 25px; height: 25px; cursor: pointer;
}
*/
/* edit */
div.edt-edit-main {
    display: none; position: absolute; left: -55px;
    vertical-align: top; border: 0 !important;
}

span.edt-button {    
    background-color: #ff0000;
    border-radius: 50%;    
    color: #fff;
    display: inline-block; width: 25px; height: 24px; cursor: pointer;
    margin-top: 55px; margin-right: 14px;
    text-align: center;
    padding-top: 1px;
}

.edt-delete-main {
    display: none;
    position: absolute;
    left: +60px;
    background-color: #ff0000;
    color: #fff;
}