/*CONTRARRESTAR*/
.contenido { padding:10px 15px;}
#redsoc    { margin-top:60px}
.contenido .close span     { color:#FFF !important; opacity:1 !important; font-size:25px; line-height:0px;}
div#securefiles .icon      { font-size:16px}
a.btn-default,
a.btn.btn-lg.btn-default   { text-decoration:none !important; background:#3B8ECC; color:#FFF !important; border:none; margin-right:10px}
a.btn.btn-lg.btn-default i { color:#FFF; margin-right:7px; font-size:16px}
.btn:hover i, .btn:focus i, .btn.focus i { color:#333; text-decoration:none;}
.lateral button { margin:30px 0; width:175px}

/*RECUPERAR*/
.MSSFrecuperar { width:100%; text-align:center !important; margin-top:20px}
.MSSFrecuperar label { display:inline-block; width:55px}
.MSSFrecuperar input { width:300px !important}
.MSSFrecuperar + button { margin:20px 47%}

/*PESTAÑAS GRAL*/
#securefiles .nav-tabs                       { border-bottom:1px solid #3b8ecc;}
#securefiles .nav-tabs>li.active>a, 
#securefiles .nav-tabs>li.active>a:focus, 
#securefiles .nav-tabs>li.active>a:hover     { border:1px solid #3b8ecc; border-bottom:0px solid #FFF}
#securefiles .nav-tabs>li>a:hover            { border-color:#eee #eee #3b8ecc;}
#securefiles ul.nav             { margin:0px 0 30px 0px}
#securefiles ul.nav li          { margin:0px 0px -2px 0px}
#securefiles ul.nav li:before   { content:none}
#securefiles ul.nav li a        { color:#999; text-decoration:none; font-weight:bold}
#securefiles ul.nav li.active a { color:#3B8ECC}

/*SOLICITUDES*/
#securefiles table.table.table-striped td:nth-child(5) a:nth-child(1) {}
#securefiles .col-sm-3.text-center     { width:9%; padding-right:0}
#securefiles .col-sm-3.text-center img { width:90%}
#securefiles .col-sm-9   { padding-left:0}
#securefiles .col-sm-9 p { margin-bottom:0}
#securefiles .col-sm-9 p:first-child { margin-bottom:5px; font-weight:bold}
#securefiles .col-sm-3.text-center, 
#securefiles .col-sm-9 { margin-top:20px}
#securefiles .col-sm-12 a   { padding:25px 12px; display:block}
#securefiles .col-sm-12 a i { margin-right:10px}

/*REGISTRO*/
#MSSFCreateUserForm                    { margin-top:25px}
#MSSFCreateUserForm .form-group        { width:34.5%; display:inline-block; margin-bottom:10px; border-bottom:solid 1px #EFEFEF; padding-bottom:30px;}
#MSSFCreateUserForm .form-group:nth-child(7),
#MSSFCreateUserForm .form-group:nth-child(8) { border-bottom:0px; padding-bottom:30px}
#MSSFCreateUserForm .form-group label  { display:block; width:100%; text-align:left; font-weight:lighter; margin-bottom:2px; font-size:14px}
#MSSFCreateUserForm .form-group div    { width:100%}
div#MSSFPasswordMatch { margin-left:10px}
.g-recaptcha { margin-bottom:40px}
.g-recaptcha + .form-group a   { text-decoration:none}
.g-recaptcha + .form-group div { padding:0; margin:0 0 0 15px}
.g-recaptcha + .form-group div button { margin-right:30px}
#MSSFPasswordMatch { position: relative}
span#MSSFPasswordMatchMessage,
span#MSSFPasswordMessage { position:absolute}

/*MI SESION*/
#securefiles .alert.alert-info.col-sm-12   { margin:20px 15px; width:97%; padding:20px; background: #3B8ECC; border:none}
#securefiles .alert.alert-info.col-sm-12 p { margin:0; text-align:center; color:#FFF; font-size:20px}

#MSSFMultiFileInputs input[type="text"] { width:65%; display:inline-block}
#MSSFMultiFileInputs input[type="file"] { width:32%; display:inline-block}

#securefiles h5, #securefiles h5 i { color:#3b8ecc; font-size:19px; margin:0px 0px 20px;}
#securefiles h5 i { font-size:22px; margin-right:5px;}
#securefiles .agregarmas   { text-decoration:none;} 
#securefiles .agregarmas i { color:#3B8ECC; font-size:18px; margin-right:5px}

#MSSFileSendRequestFormCancelButton { margin-left:20px; text-decoration:none}


/*AVISO*/
#MSSFUpdateNoteForm label    { font-weight:normal;}
#MSSFUpdateNoteForm textarea { background-color:#d9edf7; border-color:#bce8f1; margin:20px 0; padding:15px 10px}

#securefiles th, #securefiles td { padding:15px 8px; text-align:left}
#securefiles .btnaccion,
#securefiles .btnaccion i { text-decoration:none; color:#3b8ecc;}
#securefiles .btnaccion   { margin:0 10px; padding:5px 10px; border-radius:4px}
#securefiles .btnaccion:hover,
#securefiles .btnaccion:active { background:#eee}

/*MI SESON*/

#MSSFileRequestAccordion .panel-body > p { margin:5px 0px 40px; font-weight:bold}
#securefiles .panel-body > h5 { font-size:16px; font-weight:bold; color:#666}
#securefiles .panel-body hr   { border-color:#CCC; margin:40px 0}
#securefiles .panel.panel-default { margin-bottom:15px}
#securefiles .encabezado { font-weight:bold; padding:0px 15px 10px}
#MSSFileRequestAccordion .row .row .text-center { width:16%; padding-right:0}
#MSSFileRequestAccordion .row .row .col-sm-9 { padding:0}
#MSSFileRequestAccordion .row .row .col-sm-9 p:first-child { font-weight:bold; margin-bottom:5px}
#securefiles .panel-body hr { border-color:#CCC; margin:30px 0}
#securefiles .panel-body > h5 { font-size:15px; font-weight:bold; color:#666;}
#MSSFileRequestAccordion .panel.panel-default .panel.panel-default { background:none; border:none; box-shadow:none}
#securefiles .panel-heading .row div { text-align:left}


/*MODAL ALERTA*/
#MSSFModalAlertBox * { text-align:center}
#MSSFModalAlertBox .modal-header h4 {text-align:left}
#MSSFModalAlertBox button { width:auto}
#MSSFModalAlertBox .modal-body { padding:30px}
#MSSFModalAlertBox .modal-body p      {}
#MSSFModalAlertBox .modal-body p.MSSFp { font-weight: bold; font-size:16px}
#MSSFModalAlertBox .modal-body p a { text-decoration:underline}
#MSSFModalAlertBox .modal-body button {}
#MSSFModalAlertBox .modal-body form     { margin-bottom:30px}
#MSSFModalAlertBox .modal-body form div { margin:20px}
#MSSFModalAlertBox .modal-body label  { font-weight:normal; display: inline-block; width:95px; text-align:right; padding-right:5px}
#MSSFModalAlertBox .modal-body input[type=text],
#MSSFModalAlertBox .modal-body input[type=password] { display: inline-block; width:280px; padding:3px; border: solid 1px #CCC; text-align:left}
a.btn.btn-blanco { font-size:14px; color:#666; border:solid 1px #666; background:#eee}
a.btn.btn-azul   { font-size:14px; color:#FFF; border:none; background:#3B8ECC; text-decoration:none !important; margin:10px 0px 25px; padding:10px 20px}


p#MSSFModalDialogMessage { font-size: 20px; margin:10px 0 30px; line-height:30px}
#MSSFModalAlertBox .modal-body button { border:none; padding:10px 25px; border-radius:5px; font-size:16px}
.close { opacity:0.5}

/*HISTORICO*/

#MSSFCreateArchiveFolderDialog .modal-header    { border-radius: 5px 5px 0 0}
#MSSFCreateArchiveFolderDialog .modal-header h4 { margin:0}
#MSSFCreateArchiveFolderDialog .form-group      { margin:30px 20px}
#MSSFCreateArchiveFolderDialog .form-group div  { margin:0}
#MSSFCreateArchiveFolderDialog .modal-footer.text-right { text-align:center; border:none; padding-top:0}

h5.verhistorico { border-bottom: solid 1px; margin: 20px 0!important; display: block; padding-bottom: 5px;}
.row.verhistorico a { background:#999; color:#FFF; text-decoration:none; border:none}
.row.verhistorico .col-sm-3 { width:20%; margin-bottom:20px}
.row.verhistorico + hr { display:none}

@media (min-width: 1200px) { .container { width:990px} }

/*secureBar*/
.secureBar { margin:0 0 40px; padding:0px; display:flex; justify-content: flex-end; align-items:center; border-bottom: #3B8ECC 3px solid}
.secureBar h4 { margin:0 !important; flex-grow:1; padding-top:5px}
.secureBar a, a.secureBack { text-decoration:none !important; background:#3B8ECC; color:#FFF !important; margin-left:10px; border-radius:5px 5px 0 0}
.secureBar a i, a.secureBack i { color: #FFF; margin-right: 5px;}
a.secureBack { border-radius:5px; margin: -10px 0 20px; }

.secureBar + .row + .panel.panel-default + .panel.panel-default { margin-top:50px}

.mssecureDictamenAdjunto { text-align:center !important; margin-bottom:30px}
.mssecureDictamenAdjunto img { margin-bottom:10px;}

a.btn.btn-sm.btn-default.pull-right { background:#FFF; border:solid 1px #ccc}