@charset "utf-8";
body {
    margin:0;
    padding:0;
    width:100%;
    color:#5f5f5f;
    font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
html, .main {
    padding:0;
    margin:0;
    
    /*background-color:#383a3b;*/
    background-color:#BFBFBF;
}
.clr {
    clear:both;
    padding:0;
    margin:0;
    width:100%;
    font-size:0;
    line-height:0;
}
.logo {
    padding:4px 0 4px 40px;
    float:left;
    width:auto;	
}
h1 {
    margin:0;
    padding:16px 0;
    color:#386baa;
    font:normal 38px/1.2em Arial, Helvetica, sans-serif;
    letter-spacing:-2px;
}
h1 a, h1 a:hover {
    color:#386baa;
    text-decoration:none;
}
h1 span {
    color:#fff;
    font-weight:bold;
}
h1 small {
    padding:0;
    font:normal 16px/1.2em Arial, Helvetica, sans-serif;
    letter-spacing:normal;
    color:#fff;
}
h2 {
    font:bold 24px Arial, Helvetica, sans-serif;
    padding:8px 0;
    margin:8px 0;
    color:#4f5452;
}
p {
    margin:8px 0;
    padding:0 0 8px 0;
    font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
a {
    color:#2b5e9d;
    text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
    margin:0;
    padding:0;
}
.fbg_resize {
    margin:0 auto;
    padding:0 40px;
    width:1020px;
}
.header_resize {
    margin:0 auto;
    padding:0;
    background:url(../images/logoFTS.png) no-repeat left;
    width:100%;
}
.hbg {
    background:url(../images/hbg_bg2.gif) repeat-x top;
    height:69px;
}
.hbg_resize {
    margin:0 auto;
    padding:0 0 0;
    width:98%;
    /*background:url(images/image.jpg) no-repeat top;*/
    height:69px;
}
.menu_nav {
    margin:0;
    padding:20px 28px;
    background:url(../images/menu.gif) repeat-x top;
    height:69px;
}
.menu_nav ul {
    list-style:none;
}
.menu_nav ul li {
    margin:0;
    padding:0 16px 0 0;
    float:left;
    width: auto;
}
.menu_nav ul li a {
    display:block;
    margin:0;
    padding:4px 16px;
    color:#4b4b4b;
    text-decoration:none;
    font-size:14px;
    width: auto;
}
.menu_nav ul li a {
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
    background:#f00 url(../images/menu_a1.gif) repeat-x center;
    color:#fff;
}
.searchform {
}
#formsearch {
    margin:0;
    padding:20px 16px 48px 0;
}
#formsearch span {
    display:block;
    margin:6px 0;
    padding:0 8px 0 11px !important;
    padding:0 4px 0 6px;
    float:right;
    width: auto;
    /* width:183px; */
    /* background:#fff url(../images/search.gif) no-repeat top left; */
}
#formsearch input.editbox_search {
    margin:0;
    padding:5px 0;
    float:left;
    width:180px;
    height:20px;
    border:none;
    background:none;
    font:normal 13px/20px Arial, Helvetica, sans-serif;
    color:#a8acb2;
}
#formsearch input.button_search {
    margin:6px 0 0 0;
    padding:0;
    border:none;
    float:right;
}
.content_resize {
    margin:0 auto;
    padding:0;
    width:100%;
    background-color:#fff;
    border-top:1px solid #e8e8e8;
}
.content .mainbar {
    margin:0;
    padding:0;
    float:right;
    width:85%;
}
.content .mainbar img {
    padding:4px;
    border:1px solid #b7b7b7;
}
.content .mainbar img.fl {
    margin:4px 16px 4px 0;
    float:left;
}
.content .mainbar .article {
    margin:0;
    padding:16px 24px 24px 40px;
}


.content .contentFull {
    margin:0;
    padding:16px 24px 24px 40px;
}

fieldset {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: 8px;
}

fieldset legend{
    font-weight: bold;
}

.loginBox{
    background-color: #f0f0f0; 
    margin: auto;    
    height: auto;
    width: 300px;
    padding: 10px 10px;
    border-style: solid;
    border-color: #a8acb2;
    border-width: 1px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -ms-border-radius: 6px;

}
.loginBox h3{
    text-align: center;
}

.errorMsj{
    text-align: center;
    color: red;
}

.content .sidebar {
    margin: 0;
    padding:0;
    float:left;
    width:15%;
}
.content .sidebar .gadget {
    margin:0;
    padding:16px 16px 24px 40px;
}
ul.sb_menu, ul.ex_menu {
    margin:0;
    padding:0;
    list-style:none;
    color:#959595;
}
ul.sb_menu li, ul.ex_menu li {
    margin:0;
}
ul.sb_menu li {
    padding:4px 0 4px 12px;
    /* width:220px; */
    width:auto;
}
ul.ex_menu li {
    padding:4px 0 8px 12px;
}
ul.sb_menu li a, ul.ex_menu li a {
    color:#5f5f5f;
    text-decoration:none;
    margin-left:-12px;
    padding-left:12px;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
    color:#2b5e9d;
    font-weight:bold;
}
ul.sb_menu li a:hover {
    text-decoration:underline;
}
ul.ex_menu li a:hover {
    text-decoration:none;
}
.content .mainbar .comment {
    margin:0;
    padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
    border:1px solid #dedede;
    margin:10px 16px 0 0;
    padding:0;
    float:left;
}
.fbg_resize {
    padding:24px 40px;
    color:#fff;
    background-color:#525657;
}
.fbg h2, .fbg a {
    color:#fff;
}
.fbg img {
    padding:4px;
    border:1px solid #cfd2d4;
    background-color:#fff;
}
.fbg .col {
    margin:0;
    float:left;
}
.fbg .c1 {
    padding:0 16px 0 0;
    width:256px;
}
.fbg .c2 {
    padding:0 16px;
    width:290px;
}
.fbg .c3 {
    padding:0 0 0 16px;
    width:280px;
}
.fbg .c1 img {
    margin:8px 16px 8px 0;
}
.fbg .c3 img {
    margin:8px 16px 4px 0;
    float:left;
}
.footer {
    background:#f00 url(../images/footer_bg.gif) repeat-x top;
    color:#727272;
}
.footer a {
    color:#727272;
}
.footer a:hover {
    text-decoration:none;
}
.footer_resize {
    margin:0 auto;
    padding:32px 0px 24px;
    width:100%;
}
.footer .lf {
    margin:0;
    padding:4px 20%;
    float:left;
}
.footer .rf {
    margin:0;
    padding:4px 0;
    float:right;
}
ol {
    list-style:none;
}
ol li {
    display:block;
    clear:both;
}
ol li label {
    display:block;
    margin:0;
    padding:16px 0 0 0;
}
ol li input.text {
    width:480px;
    border:1px solid #c0c0c0;
    margin:2px 0;
    padding:5px 2px;
    height:16px;
    background:#fff;
}
ol li textarea {
    width:480px;
    border:1px solid #c0c0c0;
    margin:2px 0;
    padding:2px;
    background:#fff;
}
ol li .send {
    margin:16px 0 0 0;
}

.flash_message, .flash_info, .flash_success, .flash_warning, .flash_error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 65px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 3px 3px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 3px 3px 5px #888;
    font-size: 125%;
}

.flash_success img{
    float: right;
}

.flash_close{
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url('../images/document-close-3.png');
    float: right;
    position: relative;
    right: -10px;
    top: -15px;
}

.flash_info {
    /* color: #00529B; */
    border-color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info-icon.png');
}
.flash_success {
    /* color: #4F8A10; */
    border-color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success-icon.png');
}
.flash_warning {
    /* color: #9F6000; */
    border-color: #9F6000;
    background-color: #FFFABF;
    background-image: url('../images/warning-icon.png');
}
.flash_error {
    /* color: #D8000C; */
    border-color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error-icon.png');
}

.error-message {
    color: #D8000C;
    font-size: 0.95em;
}

.input{
    margin-bottom: 10px;
}

.input label {
    display: block;
    font-weight: bold;
}

.divCheckbox .input label{
    font-weight:bold;
    display: inline;
}
.divCheckboxSModificar .input label h6{
    font-weight:bold;
    display: inline;
}

/** Tables **/
.custom-table table {
    font-size: 85%;
    background: #fff;
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
    
}

.custom-table th {
    border:0;
    border-bottom:2px solid #555;
    /*text-align: left;*/
    padding:4px;
}
.custom-table th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
.custom-table th a.asc:after {
    content: ' ⇣';
}
.custom-table th a.desc:after {
    content: ' ⇡';
}
.custom-table table tr td {
    background: #fff;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    border-bottom:1px solid #ddd;
}
.custom-table2 table tr td {
    padding-left: 20px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: middle;
    /*border-bottom:1px solid #ddd;*/
    font-size:14px;
}
.custom-table table tr:nth-child(2n) td {
    background: #f5f5f5;
}
.custom-table table .altrow td {
    background: #f5f5f5;
}
.custom-table td.actions {
    text-align: center;
    white-space: nowrap;
}
.custom-table table td.actions a {
    margin: 0px 6px;
    padding:2px 5px;
}

.cake-sql-log table {
    background: #f4f4f4;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
    font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
    color:#fff;
}

.reporte-container table tbody tr td img {
    border-width: 0px;
}

/** Paging **/
div.paging {
    background:#fff;
    color: #ccc;
    margin-top: 1em;
    clear:both;
}
div.paging span.disabled {
    color: #ddd;
    display: inline;
}
div.paging span.current {
    color: #c73e14;
}
div.paging span a {
}


/** Tables **/

.tabrepo table{
    background: #fff;
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 78%;
}

.tabrepo th {
    border:0;
    border-bottom:2px solid #555;
    text-align: center;
    padding:4px;
    font:normal 11px bold, Arial, Helvetica, sans-serif;

}
.tabrepo th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}

.tabrepo th a.asc:after {
    content: ' ⇡';
}
.tabrepo th a.desc:after {
    content: ' ⇣';
}
.tabrepo tr td {
    background: #fff;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    /* vertical-align: center; */
    border-bottom:1px solid #ddd;
    font:normal 11px/1.8em Arial, Helvetica, sans-serif;
}
.tabrepo tr:nth-child(2n) td {
    background: #f5f5f5;
}

.tabrepo tr:hover {
    background-color: #e1eafe;
}

.tabrepo .altrow td {
    background: #f5f5f5;
}
.tabrepo td.actions {
    text-align: center;
    white-space: nowrap;
}
.tabrepo td.actions a {
    margin: 0px 6px;
    padding:2px 5px;
}


.tabrepo ul {
    list-style:none;
}
.tabrepo ul li {
    margin:0;
    padding:0 16px 0 0;
    float: left;
}
.tabrepo ul li a {
    display:block;
    margin:0;
    text-align: center;
    vertical-align: middle;
    /* vertical-align: center; */
    color:#4b4b4b;
    text-decoration:none;

}
.tabrepo ul li a {
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}
.tabrepo ul li.active a, .tabrepo ul li a:hover {
    background:#f00 url(../images/menu_a1.gif) repeat-x center;
    color:#fff;
}


/** Tables **/





#marcalinea tr td {
    background: #000;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    /* vertical-align: center; */
    border-bottom:1px solid #ddd;
    font:normal 11px/1.8em Arial, Helvetica, sans-serif;
}

#marcalinea .altrow td {
    background: #000;
}
#marcalinea td.actions {
    text-align: center;
    white-space: nowrap;
}
#marcalinea td.actions a {
    margin: 0px 6px;
    padding:2px 5px;
}


#marcalinea ul {
    list-style:none;
}
#marcalinea ul li {
    margin:0;
    padding:0 16px 0 0;
    float:left
        /* float:center; */
}
#marcalinea ul li a {
    background:#999;
    display:block;
    margin:0;
    text-align: center;
    vertical-align: middle;
    /* vertical-align: center; */
    color:#fff;
    text-decoration:none;

}
#marcalinea ul li a {
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}
#marcalinea ul li.active a, #marcalinea ul li a:hover {
    background:#999;
    color:#fff;
}

.infodiscre{
    margin:0;
    padding:1px 10px 10px 30px;
    background-color:#FFFFFF;

}




/* Overlay */
/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;

    width:675px;	
    min-height:400px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../img/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.simple_overlay a {


    width:675px;
    height:400px;
    right: -15px;
    top:-15px;
    display:block;
}


.center_img {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.centrar-imagen {
    text-align: center; 
}

.imagen-left{
    text-align: center;
    width: 100px;   
    float: left;
    display: inline-block;
    margin-left: 20px;
    /* margin-right: 5px;*/
}
.imagen-left p{
    font-weight: bold;
}

.imagen-right{
    text-align: center;
    width: 100px;   
    float: right;   
    /* margin-left: 5px;*/
    margin-right: 20px;   
    display: inline-block;
    padding-top: 20px;
}

.imagen-right p{
    font-weight: bold;
}

table tr.active td{
    background: #A9E2F3 !important ;
}

.botones  {
    -moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
    -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
    box-shadow:inset 0px 1px 0px 0px #dcecfb;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
    background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
    background-color:#bddbfa;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:37px;
    line-height:40px;
    width:42px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #528ecc;
    margin-right: 5px;
    margin-left: 5px
}
.botones :hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
    background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
    background-color:#80b5ea;
}
.botones :active {
    position:relative;
    top:1px;
}
.sync {
    position: fixed;
    bottom: 0;
    right: 0;
    /* width: 150px;
    // margin-left: 20px; */
    background-color: white;
}
.consig {
    position: fixed;
    bottom: 0;
    right: 0;
    /* width: 150px;
    // margin-left: 20px; 
    background-color: white;*/
}
.progress {
    background-color: #eee;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.CaptionCont  {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.SumoSelect > .CaptionCont > label > i { 
    background-image: url('../images/arrow_sans_down-16.png') !important; 
    background-position: center center; 
    width: 16px; 
    height: 16px; 
    display: block; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    margin: auto; 
}

/** ti plugin **/

dl {
    line-height: 2em;
    margin: 0em 0em;
    width: 100%;
}
dl .altrow {
    background: #f4f4f4;
}
dt {
    font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
}
dd {
    margin-left: 10em;
    margin-top: -2em;
    vertical-align: top;
}

/*actions*/

div.actions {
    float:left;
    width:16%;
    padding:10px 1.5%;
}
div.actions h3 {
    padding-top:0;
    color:#777;
}
.actions ul {
    margin: 0;
    padding: 0;
}
.actions li {
    margin:0 0 0.5em 0;
    list-style-type: none;
    white-space: nowrap;
    padding: 0;
}

.actions ul li a {
    font-weight: normal;
    display: block;
    clear: both;
}
/** Forms **/
/*form {
        clear: both;
        margin-right: 20px;
        padding: 0;
        width: 95%;
}
fieldset {
        border: 1px solid #ccc;
        margin-bottom: 1em;
        padding: 16px 20px;
}
fieldset legend {
        background:#fff;
        color: #e32;
        font-size: 160%;
        font-weight: bold;
}
fieldset fieldset {
        margin-top: 0px;
        margin-bottom: 20px;
        padding: 16px 10px;
}
fieldset fieldset legend {
        font-size: 120%;
        font-weight: normal;
}
fieldset fieldset div {
        clear: left;
        margin: 0 20px;
}
form div {
        clear: both;
        margin-bottom: 1em;
        padding: .5em;
        vertical-align: text-top;
}
form .input {
        color: #444;
}
form .required {
        font-weight: bold;
}
form .required label:after {
        color: #e32;
        content: '*';
        display:inline;
}
form div.submit {
        border: 0;
        clear: both;
        margin-top: 10px;
}
label {
        display: block;
        font-size: 110%;
        margin-bottom:3px;
}
input, textarea {
        clear: both;
        font-size: 140%;
        font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
        padding: 1%;
        width:98%;
}
select {
        clear: both;
        font-size: 120%;
        vertical-align: text-bottom;
}
select[multiple=multiple] {
        width: 100%;
}
option {
        font-size: 120%;
        padding: 0 3px;
}
input[type=checkbox] {
        clear: left;
        float: left;
        margin: 0px 6px 7px 2px;
        width: auto;
}
div.checkbox label {
        display: inline;
}
input[type=radio] {
        float:left;
        width:auto;
        margin: 0 3px 7px 0;
}
div.radio label {
        margin: 0 0 6px 20px;
}
input[type=submit] {
        display: inline;
        font-size: 110%;
        width: auto;
}
form .submit input[type=submit] {
        background:#525657;
        background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
        background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
        border-color: #555;
        color: #000;
        text-shadow: #8cee7c 0px 1px 0px;
}
form .submit input[type=submit]:hover {
        background:#4ca83d;
        background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
        background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}*/
dd.ui_tpicker_hour > div,dd.ui_tpicker_minute > div{
    margin-top:  12px;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 80px;
}

/*.ui-timepicker-div dl dt{
    margin-left: 20px;
   padding-right: 10px!Important;
}*/


table {
  position: relative;
  border-collapse: collapse; 
}

th {
  background: white;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    border-top-width: 1px;
    padding-top: 10px;
    border-bottom: 0px;
    border-radius: 5px 5px 0 0;
}

/* Style the buttons inside the tab */
.tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;  
    background: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(237,237,237)), color-stop(0, rgb(196,196,196)) );    
    -webkit-box-shadow: 0 1px 0 rgb(255 255 255 / 60%) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    box-shadow: 0 1px 0 rgb(255 255 255 / 60%) inset;
    border: 1px solid #ccc;
    margin-left: 10px;
    /*margin-right: 5px;    */
    border-radius: 10px 10px 0px 0px;        
}

/* Change background color of buttons on hover */
.tab button:hover {
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; 
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
}

/* Create an active/current tablink class */
.tab button.active {
  background: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(185,224,245)), color-stop(0, rgb(146,189,214)) );
  border-bottom: 0px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.link-button {
    appearance: auto;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: black;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: pointer;
    background-color: rgb(239, 239, 239) !important;
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 1px;
    border-radius: 2px;        
    border-style: outset;
    border-color: rgb(133, 133, 133) !important;
    border-image: initial;
    /*float:right; 
    margin-right:20px;*/ 
    width:85px; 
    height:67px; 
    font-size: 12px;
    margin-right: 20px;
}

.oculto{
    display: none
}

.btnTarjetas {
    background: #4f4f4f1c;
    padding: 0 5px;
    border-radius: 2px;
    height: 3rem;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.btnDisable h4 > cufon,
.btnTarjetas h4 > cufon{
    top: -1.7rem;
}

.btnDisable .imgCard,
.btnTarjetas .imgCard{
    position: relative;
    top: -0.7rem;
    border-style: none !important;
    margin: 0 auto;
    filter: brightness(-0.9);
    mix-blend-mode: multiply;
}

.btnDisable {
    background: #4f4f4f1c;
    padding: 0 5px;
    border-radius: 2px;
    height: 3rem;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    filter: blur(1px);
}

a.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.btnSincronizacion {
    width: 15%;
}

.btnSincronizacion h3 > cufon  {
    top: -1rem;
}
.btnArchivos,
.btnAddVehiculo {
    margin: 1rem 0 0 0;
    float: right;
    background: #4f4f4f1c;
    padding: 0 5px;
    border-radius: 2px;
    height: 3rem;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.btnArchivos .imgArchivo,
.btnAddVehiculo .imgAddVehiculo {
    position: relative;
    top: -0.7rem;
    border-style: none !important;
    filter: brightness(-0.9);
    mix-blend-mode: multiply;
}
.btnArchivos h4 > cufon,
.btnAddVehiculo h3 > cufon {
    top: -1.5rem;
    margin: 0 auto;
}

#container h3 {
    margin: 1.5rem 0 1rem 0;
}

#programCardDiv .btnAddTarjeta{
    position: relative;
    height: 2rem;
    width: 11rem;
    left: 30%;
}

#programCardDiv .btnAddTarjeta h3{
    position: relative;
    top: -0.9rem;
}

.btnArchivos {
    float: right;
}

.btnOcultar {
    display: none;
}
#btn_consultar_nombre{
    position: relative;
    top: 0.4rem;
    left: -0.6rem;
}
#btn_actualizar_nombre{
    position: relative;
    top: 0.4rem;
    left: -2rem;
}
#btn_actualizar_nombre:active {   
    box-shadow: 1px 0px 10px 5px rgba(184, 184, 184, 1);
    transform: translateY(2px);
}
.mensaje {
    width: 45%; 
    position: absolute;
    right: 15%;
    top: 10%;
    border: 2px solid;
    border-radius: 5px;
}
.mensaje-opciones p,
.mensaje p {
    font-size: 15px; 
    margin: 1rem;
}
.mensaje-opciones {
    width: 44%;
    position: absolute;
    float: right;
    bottom: 10%;
    right: 16%;   
    border: 2px solid;
    border-radius: 5px;
}

.btnCancelar  {
    position: absolute;
    bottom: 25px;
    left: 15%;
}

.conciliarButton {
    cursor: pointer;
}

.convenciones {
    width: 45%;
    margin: 0px 0 0 50%;
    color: #000;
}

.convenciones i {
    border: 1px dashed black;
}

#conve_first {
    background-color: #FCF3CF;
}

#conve_second {
    background-color: #F0E68C; 
}

#modal_confirmacion {
    text-align: center;
    overflow: hidden;
}
#textoDescripcion h4{
    padding: 0;
    margin: 0;
    color: red;
}

#contadorCaracteres {
    width: 100%;
    text-align: right;
    margin-top: -.8rem;
}

.lockCard form {
    width: 25%;
} 

#iconInfo {
    border-style: none;
    position: relative;
    top: 8px;
}