/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}

.page-content {
  background: #f1f3fa none repeat scroll 0 0;
}
.text-white {
    color: white;
}

.text-error{
    color: #e02222;
}

.fa-2x {
    font-size: 2em !important;
}
.fa-3x {
    font-size: 3em !important;
}
.fa-4x {
    font-size: 4em !important;
}
.fa-5x {
    font-size: 5em !important;
}

.blockOverlay{
    background-color: white !important;
    opacity: 0.85 !important;
}



/*Wizard Form*/
.text-step {
    font-size: 15pt;
}

.dropdown-menu-list li .photo {
    min-height: 55px !important;
    max-width: 60px;
}
.dropdown-menu-list li .subject {
    display: inline-block;
}

.dropdown-menu-list li .photo img{
    max-width: 60px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    clear: inherit;
    display: inline;
    font-size: 13px;
    font-weight: 300;
    margin-top: -1px;
    padding: 0;
    position: relative;
    right: 0;
}

.page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper {
    margin-bottom: 5px;
}

tr .details {
    cursor: pointer;
}

.datos_receptor {
    width : 100%;
}
.receptor_notificar input{
    margin-top: 5px;
    width : auto;
}

#timbres i{
    font-size: 17px;
    color: #999999;
    top: 4px;
}

#timbres .badge{
    background-color: #3989c2;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    padding: 3px 6px;
    position: absolute;
    right: 25px;
    top: 10px;
}

/*Drop proyecto*/
#drop-proyecto{
    min-height: 300px;
}

.ui-icon, .ui-widget-content .ui-icon {
    /*background-image: url('images/ui-icons_228ef1_256x240.png');*/
}
.ui-widget-header {
    background: #3989c2 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50%;
    border: 1px solid #3e9fdd;
    color: #fff;
    font-weight: bold;
}

#gallery { margin-top: 10px; width: 100%; min-height: 12em; padding: 10px; height: 400px; overflow-y: auto;}
.gallery.custom-state-active { background: #eee;}
.gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; z-index: 8000}
.gallery li h5 { margin: 0 0 0.4em; cursor: move; height: 30px}
.gallery li a { float: right; }
.gallery li a.ui-icon-zoomin { float: left; }
.gallery li img { width: 100%; height: 50px;cursor: move; }

.asignados-proyecto h5 { background: #26a69a; border: 1px solid #26a69a}

#drop-proyecto { float: right; width: 100%; min-height: 18em; padding: 1%; max-height: 400px; overflow-y: auto}
#drop-proyecto h4 { line-height: 16px; margin: 0 0 0.4em; }
#drop-proyecto h4 .ui-icon { float: left; }
.ui-helper-reset { padding: 5px }


/*+++++++++*/
.feeds li .col1 {
    clear: both;
    float: left;
    width: 80%;
}
.feeds li .col1 > .cont {
    margin-right: 0;
    overflow: hidden;
}

.feeds li .col2 {
    margin-left: -10px;
    float: left;
    width: auto;
    color: #d64635;
}

.feeds li .col2 i{
    color: #d64635;
}

/*Reportes*/
.ms-container {
    width: auto;
}

.recibidas-portlet .portlet {
    height: 550px;
}

.emitidas-porlet .portlet {
    height: 600px;
}
.recientes-portlet .portlet {
    height: 693px;
}

.img-noti{
    width : 100px;
    height: auto;
}
.toast-message img{
    width: auto;
    height: 60px;
}

.img-ultimas {
    height: 34px;
}
.ultimas-recibidas-li .img-avatar{
    vertical-align: middle;
}

/**/
li a .subject .from {
    width: 60%;
}

/*Badge - DOTILA style*/
.badge-dotila {
    background: #3989c2;
}
/**/
.table .btn-toolbar .btn {
    margin-right: 1px;
}

.table-concept tr th {
    height: 37.4px;
}

.btn.dropdown-toggle {
    border-radius: 45px !important;
}


/*Numpad*/
.numpad ol,ul{list-style:none}
.numpad table{border-collapse:collapse;border-spacing:0}
.numpad caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
.numpad q,blockquote{quotes:none}
.numpad q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
.numpad a img{border:none}

.numpad button,input,select,textarea{color:#222}

.numpad .dialpad .number{position:relative;z-index:2;padding:15px  20px;color:#4d4d4d;font-weight:300;font-size:40px;background:#fff;height:78px}
.numpad .dialpad .dials{margin:-1px 0 0 -1px;background:#1d1918;cursor:pointer}
.numpad .dialpad  .dials:before,.dialpad  .dials:after{content:"\0020";display:block;height:0;overflow:hidden}
.numpad .dialpad .dials:after{clear:both}
.numpad .dialpad .dials .digits{float:left;width:33.33%}
.numpad .dialpad  .dials .digits  p{
    font-weight: 600;
    padding: 15px 25px;
    border-top: 1px solid #4d4d4d;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #4d4d4d;
}
.numpad .dialpad .dials .digits p strong{font-size:50px;margin-right:8px;color:#fff}
.numpad .dialpad .dials .digits:active{background:#00caf2;border-top-color:#b2f2ff}
.numpad .compact .dials .digits p{padding:20px 15px}
.numpad .compact  .dials .digits  p strong{font-size:30px}
.numpad .compact .dials .digits p sup{text-transform:uppercase;color:#c1c1c1}
.numpad .compact .dials .pad-action{background:#093}
.numpad .compact .pad-action:active{background:#0c3}
.numpad .ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width: 0;height:150%}
.numpad .hidden{display:none !important;visibility:hidden}
.numpad .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.numpad .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.numpad .invisible{visibility:hidden}
.numpad .clearfix:before,.clearfix:after{content:"";display:table}
.numpad .clearfix:after{clear:both}.clearfix{*zoom:1}
.numpad p {
    margin: 0 0 0px;
}

/**/
#midotila_num {
    margin-top: 5px;
    margin-left: 50px;
}

.midotila_num {
    margin-top: -11px;
}
.midotila_num span {
    margin-left: 13px;
    font-weight: bolder;
}

/**/
/*.popover {
    max-width: none;
}*/

#etiquetas_inline span {
    margin: 2px;
}