.login .content .input-icon {
	border-left: 2px solid #2d5f8b !important;
}
.login .content .has-error .input-icon {
	border-left: 2px solid #A94442 !important;
}

.form-recaptcha-img {
	margin-bottom: 10px;
	clear: both;
	border: none;
	padding: 0;
}

li [class^="ion-"], li [class*=" ion-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}


.navbar-brand .img-responsive { height: 20px; margin-top: -3px; }
.dataTable_Filter { margin-bottom: 10px;}
.dataTable_Filter .btn-group { float: right; }

div.dataTables_length select {
	width: 75px !important;
	margin-right: 10px;
}

.page-header.navbar .page-logo .logo-default {
	margin-top: 2px;
	height: 40px;
}


.page-content .page-breadcrumb.breadcrumb {
	margin: -25px -20px 10px -20px;
}

.page-content .page-breadcrumb.breadcrumb .btn-group {
	/*right: -5px;*/
}

@media (max-width: 767px) {
	.form-horizontal .form-actions {
		 padding-left: 0;
	}
}

.form-horizontal .form-actions {
	margin-bottom: 20px;
}

.no-white-space {
	white-space: nowrap;
}

.dd span.page {
	float: right;
}

.dd span.actions {
	float: right;
	margin-left: 5px;
	margin-top: -3px;
}
.dd-item.item-disabled .title {
	font-style: italic;
}
.dd-item.item-disabled .title {
	font-style: italic;
	opacity: 0.5;
}
.dd-item.item-disabled .dd3-content {
	border: 1px solid #eee;
	background: white;
}
.dd-item.item-disabled .dd3-handle {
	border: 1px solid #eee;
	background: #f1f1f1;
}
/*.dd-item.item-disabled {*/
	/*font-style: italic;*/
/*}*/

.dropzone {
	/*background: none;*/
	position: relative;
	height: 120px;
	min-height: 120px;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.08);
	background: rgba(0,0,0,0.02);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.dropzone .dz-default.dz-message {
	width: 100%;
	height: 120px;
	background: none;
	position: relative;
	left: 0;
	top: 0;
	margin-left: 0;
	margin-top: 0;
	padding: 42px 23px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.dropzone .dz-default.dz-message [class*=" icon-"] {
	position: absolute;
	width: auto;
	bottom: -15%;
	height: 120px;
	min-height: 100px;
	line-height: 120px;
	text-align: center;
	font-size: 900%;
	right: -23px;
	margin-top: 0;
	overflow: hidden;
	color: rgba(0,0,0,0.1);
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.dropzone .dz-default.dz-message span {
	display: block;
}
.dropzone .dz-message {
}

.dropzone.dz-drag-hover {
	border-color: rgba(69,182,175,0.4);
	border-width: 5px;
	border-style: dashed;
	background: rgba(0,0,0,0.02);
}

.dropzone.dz-drag-hover .dz-default.dz-message [class*=" icon-"] {
	color: rgba(69,182,175,0.4);
	bottom: -5%;
	opacity: 0.5;
	right: -27px;
}

.dropzone.dz-drag-hover .dz-message {
	/*color: rgba(69,182,175,1);*/
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	padding: 38px 18px;
}

.dropzone .dz-preview, .dropzone-previews .dz-preview {
	background: rgba(255, 255, 255, 0.8);
	position: relative;
	display: inline-block;
	margin: 0;
	vertical-align: top;
	border: 1px solid #ACACAC;
	padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}

.file-actions a:nth-child(2){
	display: none;
}
.ms-container {
	 width: 100%;
 }

/*.btn.default.btn-xs.green-meadow-stripe.stdFileAction {*/
	/**/
/*}*/


/* Custom Dropzone.js
.dropzone {
	background: transparent;
	background: url(../img/icon_upload.png) no-repeat 95% center;
	background-size: 64px 64px;
	height: 70px;
	margin-bottom: 1em;
	border: 2px dashed rgb(221, 221, 221);
	color: #999;
}
.dropzone .dz-preview, .dropzone-previews .dz-preview, .dropzone .dz-default.dz-message { }
.dropzone .dz-preview, .dropzone-previews .dz-preview { margin: 0; border:0; background-color: #ddd; display: block; }
.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details { width: auto; height: auto;}
.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress { left:0; right:0; top:inherit; height: 12px; }
a.dz-remove { position: absolute; top: 11px; right: 16px;}
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { position: relative; top: 0; left:0; max-width: none; min-width: none;}*/
/* Fin Custom Dropzone.js*/

/* FileTypes */
.filetype { background-image: url(../img/filetypes/txt.png); background-repeat: no-repeat !important; background-position: 15px 14px !important; !important; background-size: 36px 36px !important; }
.filetype-aac { background-image: url(../img/filetypes/aac.png) !important; }
.filetype-ai { background-image: url(../img/filetypes/ai.png) !important; }
.filetype-aiff { background-image: url(../img/filetypes/aiff.png) !important; }
.filetype-asp { background-image: url(../img/filetypes/asp.png) !important; }
.filetype-avi { background-image: url(../img/filetypes/avi.png) !important; }
.filetype-bmp { background-image: url(../img/filetypes/bmp.png) !important; }
.filetype-c { background-image: url(../img/filetypes/c.png) !important; }
.filetype-cpp { background-image: url(../img/filetypes/cpp.png) !important; }
.filetype-css { background-image: url(../img/filetypes/css.png) !important; }
.filetype-dat { background-image: url(../img/filetypes/dat.png) !important; }
.filetype-dmg { background-image: url(../img/filetypes/dmg.png) !important; }
.filetype-doc { background-image: url(../img/filetypes/doc.png) !important; }
.filetype-docx { background-image: url(../img/filetypes/docx.png) !important; }
.filetype-dot { background-image: url(../img/filetypes/dot.png) !important; }
.filetype-dotx { background-image: url(../img/filetypes/dotx.png) !important; }
.filetype-dwg { background-image: url(../img/filetypes/dwg.png) !important; }
.filetype-dxf { background-image: url(../img/filetypes/dxf.png) !important; }
.filetype-eps { background-image: url(../img/filetypes/eps.png) !important; }
.filetype-exe { background-image: url(../img/filetypes/exe.png) !important; }
.filetype-flv { background-image: url(../img/filetypes/flv.png) !important; }
.filetype-gif { background-image: url(../img/filetypes/gif.png) !important; }
.filetype-html { background-image: url(../img/filetypes/html.png) !important; }
.filetype-ics { background-image: url(../img/filetypes/ics.png) !important; }
.filetype-iso { background-image: url(../img/filetypes/iso.png) !important; }
.filetype-java { background-image: url(../img/filetypes/java.png) !important; }
.filetype-jpg { background-image: url(../img/filetypes/jpg.png) !important; }
.filetype-key { background-image: url(../img/filetypes/key.png) !important; }
.filetype-m4v { background-image: url(../img/filetypes/m4v.png) !important; }
.filetype-mid { background-image: url(../img/filetypes/mid.png) !important; }
.filetype-mov { background-image: url(../img/filetypes/mov.png) !important; }
.filetype-mp3 { background-image: url(../img/filetypes/mp3.png) !important; }
.filetype-mp4 { background-image: url(../img/filetypes/mp4.png) !important; }
.filetype-mpg { background-image: url(../img/filetypes/mpg.png) !important; }
.filetype-odp { background-image: url(../img/filetypes/odp.png) !important; }
.filetype-ods { background-image: url(../img/filetypes/ods.png) !important; }
.filetype-odt { background-image: url(../img/filetypes/odt.png) !important; }
.filetype-otp { background-image: url(../img/filetypes/otp.png) !important; }
.filetype-ott { background-image: url(../img/filetypes/ott.png) !important; }
.filetype-pdf { background-image: url(../img/filetypes/pdf.png) !important; }
.filetype-php { background-image: url(../img/filetypes/php.png) !important; }
.filetype-png { background-image: url(../img/filetypes/png.png) !important; }
.filetype-pps { background-image: url(../img/filetypes/pps.png) !important; }
.filetype-ppt { background-image: url(../img/filetypes/ppt.png) !important; }
.filetype-psd { background-image: url(../img/filetypes/psd.png) !important; }
.filetype-py { background-image: url(../img/filetypes/py.png) !important; }
.filetype-qt { background-image: url(../img/filetypes/qt.png) !important; }
.filetype-rar { background-image: url(../img/filetypes/rar.png) !important; }
.filetype-rb { background-image: url(../img/filetypes/rb.png) !important; }
.filetype-rtf { background-image: url(../img/filetypes/rtf.png) !important; }
.filetype-sql { background-image: url(../img/filetypes/sql.png) !important; }
.filetype-tga { background-image: url(../img/filetypes/tga.png) !important; }
.filetype-tgz { background-image: url(../img/filetypes/tgz.png) !important; }
.filetype-tiff { background-image: url(../img/filetypes/tiff.png) !important; }
.filetype-txt { background-image: url(../img/filetypes/txt.png) !important; }
.filetype-wav { background-image: url(../img/filetypes/wav.png) !important; }
.filetype-xls { background-image: url(../img/filetypes/xls.png) !important; }
.filetype-xlsx { background-image: url(../img/filetypes/xlsx.png) !important; }
.filetype-xml { background-image: url(../img/filetypes/xml.png) !important; }
.filetype-yml { background-image: url(../img/filetypes/yml.png) !important; }
.filetype-zip { background-image: url(../img/filetypes/zip.png) !important; }
/* Fin FileTypes */

/* custom styles for ms-selectable from section Obras, where we use a blue
 * decoration to differentiate some items in the selectable list */
.ms-container li[data-sugerido-cliente] {
	padding-left: 5px;
	border-left: solid 5px #4d90fe;
}
.wide-ms-container .ms-container {
	width: 100%;
}

div.mce-fullscreen {
	z-index: 9999;
	/*top: 45px !important;*/
}

.tab-content {
	padding-top: 15px;
	padding-bottom: 15px;
}

.tabbable.tabbable-lang .nav-tabs, .nav-pills {
	padding-left: 25%;
}

@media (max-width: 991px) {
	.tabbable.tabbable-lang .nav-tabs, .nav-pills {
		padding-left: 0%;
	}
}

.dropzone-previews li.sortable-placeholder {
	background: #efefef;
}

.ui-sortable li {
	cursor: move;
}

.dropzone a.dz-remove, .dropzone-previews a.dz-remove {
	background-image: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: inherit;
	text-decoration: none;
	display: block;
	padding: inherit;
	/* text-align: center; */
	/* color: #AAA; */
	/* margin-top: 26px; */
}

.dropzone-previews .media {
	position: relative;
	margin-bottom: 15px;
	border-bottom: 1px solid #E5E5E5;
	background: white;
}

.dropzone-previews .media .media-heading small {
	font-weight: bold;
}
.dropzone-previews .media-object {
	width: 64px;
	height: 64px;
	text-align: center;
}

.pie-progress-wrapper {
	position: absolute;
	width: 64px;
	height: 64px;
	border: 7px solid rgba(255,255,255,0.8);
}

.pie-progress {
	opacity: 0.8;
	position: relative;
	width: 50px;
	height: 50px;
	background: white;
}

.pie-progress-wrapper, .pie-progress, .pie-progress * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pie-progress .pie {
	width: 50%;
	height: 100%;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	position: absolute;
	background: #0088cc;
	border: 5px solid rgba(0,0,0,0.5) !important;
}

.pie-progress .spinner {
	border-radius: 100% 0 0 100% / 50% 0 0 50% !important;
	z-index: 200;
	border-right: none !important;
}

.pie-progress .filler {
	border-radius: 0 100% 100% 0 / 0 50% 50% 0 !important;
	left: 50%;
	opacity: 0;
	z-index: 100;
	border-left: none !important;
}

.pie-progress .mask {
	width: 50%;
	height: 100%;
	position: absolute;
	background: inherit;
	opacity: 1;
	z-index: 300;
}
.horas-buttons{
    margin-right: 3px;
    font-size: 20px;
}
.horas-buttons button{
    font-size: 20px;
    line-height: 26px;
}
.horas-buttons button i.fa{
    font-size: 20px;
    line-height: 25px;
}
.horas-buttons input{
    font-size: 24px;
    padding: 3px;
    height: 40px;
    width: 100px;
    text-align: center;
}
.parte_trabajo thead tr td{
    padding: 5px;
    text-align: center;
    font-weight: bold;
    vertical-align: bottom;
    border-right:1px solid #bebebe;
}
.parte_trabajo thead tr td:last-child{
    border-right:none;
}
.parte_trabajo tbody tr td{
    padding: 0;
    border-right:1px solid #bebebe;
}
.parte_trabajo tbody tr td:first-child{
    padding: 3px 5px;
    line-height: 15px;
    border-right:1px solid #aaa;
    background: aliceblue;
}
.parte_trabajo tbody tr td .hora{
    width: 100%;
    font-size: 25px;
    text-align: center;
    height: 35px;
    transition: 0.2s;
    cursor:pointer;
}
.parte_trabajo tbody tr td .hora .badge{
    font-size: 18px !important;
    height: 26px !important;
    padding: 3px 8px;
    margin-top: -5px;
    font-weight: bold;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
}
.parte_trabajo tbody tr td .hora:hover{
    outline: 1px solid  #347CB9;
    background:rgba(52, 124, 185, 0.30);
    animation: bounceIn;
}
.parte_trabajo tbody tr td.total_partida{
    padding: 5px;
    font-size: 18px;
    text-align: right;

    border-left:1px solid #aaa;
    border-right:none;
    padding: 3px 5px;
}
.parte_trabajo tfoot tr td{
    border-top:1px solid #666;
    font-weight: bold;
    padding: 5px;
    font-size: 18px;
    text-align: center;
}
.parte_trabajo tfoot tr td:last-child{
    text-align: right;
    padding: 3px 5px;
}
.empleados_vertical{
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    overflow: hidden;
    /*max-width: 150px;*/
    height: auto;
    -webkit-transform: rotate(-90deg) translate(-30px,0);
    -moz-transform: rotate(-90deg) translate(-30px,0);
    -ms-transform: rotate(-90deg) translate(-30px,0);
    -o-transform: rotate(-90deg) translate(-30px,0);
    transform: rotate(-90deg) translate(-30px,0);
}
.empleados{
    display: block;
    font-size: 12px;
    line-height: 12px;
    vertical-align: bottom;
}
.horas-selector{
    text-align: right;
    position: fixed;
    right: 0;
    z-index: 2;
    bottom: -2px;
    padding: 4px;
    background: white;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
}











@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    30% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }

    60% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    30% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        -ms-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }

    60% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

.showrowfrombelow {
    -webkit-animation-name: showrowfrombelow;
    animation-name: showrowfrombelow;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
}

.highlight {
    -webkit-animation-name: highlight;
    animation-name: highlight;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

@-webkit-keyframes showrowfrombelow {
    0%, 50% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
    }

    90% {
        opacity: 1;
        -webkit-transform:translateY(-5px);
        transform: translateY(-5px);
    }
    100% {
        opacity: 1;
        -webkit-transform:translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes showrowfrombelow {
    0%, 50% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
    }

    90% {
        opacity: 1;
        -webkit-transform:translateY(-5px);
        transform: translateY(-5px);
    }
    100% {
        opacity: 1;
        -webkit-transform:translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes highlight {
    0%{
        background-color: lightgreen;
    }
    100% {
        background-color: white;
    }
}

@keyframes highlight {
    0%{
        background-color: lightgreen;
    }
    100% {
        background-color: white;
    }
}

.showdatafromright {
    -webkit-animation-name: showdatafromright;
    animation-name: showdatafromright;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
}

@-webkit-keyframes showdatafromright {
    0%, 50% {
        opacity: 0;
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }

    90% {
        opacity: 1;
        -webkit-transform:translateX(-5px);
        transform: translateX(-5px);
    }
    100% {
        opacity: 1;
        -webkit-transform:translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes showdatafromright {
    0%, 50% {
        opacity: 0;
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }

    90% {
        opacity: 1;
        -webkit-transform:translateX(-5px);
        transform: translateX(-5px);
    }
    100% {
        opacity: 1;
        -webkit-transform:translateX(0px);
        transform: translateX(0px);
    }
}

.spin {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
