/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Custom Style Sheet - Use this file to style your content
 */

body.page{
	min-height: 780px;
}

.size-60		{ width: 60px; }
.size-80		{ width: 80px; }	
.size-120		{ width: 120px; }
.size-150		{ width: 150px; }
.size-170		{ width: 170px; }
.size-200		{ width: 200px; }

.fl				{ float: left !important; }
.fr				{ float: right !important; }
.fl-space		{ float: left; margin-right: 5px; }
.fr-space		{ float: right; margin-left: 5px; }
.fl-space2		{ float: left; margin-right: 10px; }
.fr-space2		{ float: right; margin-left: 10px; }

.bt-space0		{ margin-bottom: 0px !important; }
.bt-space5		{ margin-bottom: 5px !important; }
.bt-space10		{ margin-bottom: 10px !important; }
.bt-space15		{ margin-bottom: 15px !important; }
.bt-space20		{ margin-bottom: 20px !important; }
.bt-space30		{ margin-bottom: 30px !important; }
.bt-space40		{ margin-bottom: 40px !important; }

.form-label			{ display: block; width: 185px; text-align: left;}

/* pagination */
table.zebra tfoot td{
    background: none repeat scroll 0 0 #DDDDDD;
}

.mc-pagination-container a:hover {text-decoration:none;}

table.zebra tfoot td, table.zebra th {text-align:center;}
table.zebra tfoot td {padding:8px 0;color:#666;}

.mc-pagination-container {clear:both;text-decoration:none;position:relative;z-index:1;}
.mc-limit {position: relative;float: left;white-space:nowrap;margin-left:15px;margin-top: 6px; padding-bottom:2px;text-shadow:1px 1px 0 #fff;z-index:2;}
.mc-limit div.chzn-container{ margin-top: -3px}
.mc-limit select {float: right; margin: -1px 0px 0px 0px; padding: 0; background: none repeat scroll 0 0 #FFFFFF; width: inherit;}
.mc-limit span {display:inline-block; float: left;}
.mc-pagination{margin-top: 8px; margin-left: 10px; }
.mc-page-count {position: relative;float: right;white-space:nowrap;text-align:right;margin-right:15px;margin-top:6px;text-shadow:1px 1px 0 #fff;z-index:2;}
table.zebra .mc-pagination {display:table;margin:2px auto 0;padding:0;}
table.zebra .page-button {float:left;margin-left:2px;}
.mc-pagination-container .page-button a {display:block;float:left;padding:3px 8px;background:#5d5d5d;color:#fff;font-size:12px;line-height:13px;}
.mc-pagination-container .page-button .start a, .mc-pagination-container .page-button .end a {background:#7D7D7D;} 
.mc-pagination-container .page-button span {display:block;float:left;padding:3px 8px;background:#bbb;color:#eee;font-size:12px;line-height:13px;}
.mc-pagination-container .pages {float:left;padding:3px 8px;font-size:12px;line-height:13px;margin-left:2px;}
.mc-pagination-container .pages span, .mc-pagination-container .pages a {display: inline-block;padding:0 7px;}
.mc-pagination-container .pages span {font-weight:bold;text-decoration:underline; color:#852624}
.mc-limit span{ margin-right: 8px;}

/*Tool Bar*/
.toolbar-list {overflow: hidden; float: right; margin-top: -16px !important; margin-right: 0px !important;}
.tselect {width: 163px !important;   height: 25px;  margin-top: 1px !important;   float: left; -webkit-border-radius: 4px;}
.tselectm{width: 163px !important;   height: auto !important;  margin-top: 1px !important;   float: left; -webkit-border-radius: 4px;}
.tselectpor{width: 45% !important; height: 25px; -webkit-border-radius: 4px;}
.despacio{margin-left: 14px;}
.textlabel{	width: 146px; } 

#toolbar ul {float: left; margin: 0; padding: 0;}

#toolbar li, div.button, a.toolbar:hover {

	border-color: #ffffff  !important;
	float: left;
	list-style: none;
	border-radius: 6px;
	background-color: #FB2424;

}

.pagado0 table, .pagado table{
	border: none !important;	
} 

.pagado0 table tbody tr td, .pagado table tbody tr td{
	border: none !important;	
} 

#toolbar a, div.button a {

	border-color: #ffffff  !important;

	display: block;

	padding: 4px 12px;

	cursor: pointer;

	color: white;

	border-radius: 6px;

	background-color: #ab0303;

}



#toolbar li#toolbar-new a, #toolbar li#toolbar-popup-upload a{

	background-color: #444;

}



#toolbar li#toolbar-cancel a{

	background-color: #999;

}



#toolbar li.divider {



  border-left: 1px solid #999 !important;

  height: 25px;

  margin-right: 5px;

  background-color: transparent;

  border-radius: 0px;

  margin-top: 2px;



}



.boton{

	

	height: 30px;

}



/*Sub menu*/

#mc-submenu {

margin-top: -13px;

overflow: hidden;

}



#mc-submenu ul {

background: #747474;

float: left;

margin: 0;

padding: 0;

border-radius: 6px;

font-size: 9px;

}



#mc-submenu li {

float: left;

list-style: none;

margin: 0;

padding: 0;

}



#mc-submenu li:first-child a, #mc-submenu li:first-child .nolink {

border-radius: 6px 0 0 6px;

}



#mc-submenu li:last-child a, #mc-submenu li:last-child .nolink {

	border-radius: 0 6px 6px 0;

}



#mc-submenu a.active {

background: #7A2426;

text-decoration: none;

color: #fff;

}



#mc-submenu a, #mc-submenu span.nolink {

	

	display: block;

	padding: 2px 13px;

	border-left: 1px solid whiteSmoke;

	font-weight: bold;

	cursor: pointer;



}



#mc-submenu a, #mc-submenu span.nolink {

color: white;

}

.mid-gradient{

	display: inline-block;
	width: 100%;

}

#mid-block, .header-divide {
	background-color: transparent !important;
}

.titulo h2 {

	font-size: 36px;

	line-height: 36px;

}



.mid-divide{

	background: transparent !important;

}



.content-texture{

	display: inline-block;

    width: 100%;

}



.invalid {

    color: #ab0303;

}

input.invalid, select.invalid, textarea.invalid{

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ab0303 !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;

}

input.required, select.required, textarea.required {
    background-color: #dde0f2;
    -webkit-border-radius: 4px;
}
textarea{ min-height: 65px !important; }
dl.tabs{float:left;z-index:50; overflow:auto; margin:0px !important}
dl.tabs dt{background:#cfcfcf;border-bottom:none;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;color:#666;float:left;font-size:1.1em;margin-right:5px;padding:0px 3px}
dl.tabs dt.open{

	background: #CF6565;

	color: #fff;

	z-index: 100;

	font-weight: bold;

	padding-right: 2px; 

}



dl.tabs dt.open a{color:#666;font-weight:bold}

dl.tabs dt.open a:hover{text-decoration:none}

dl.tabs dt.closed:hover{background:#bbb; color: #FFFFFF;}

dl.tabs dt.closed:hover a{text-decoration:underline}

div.tabs div.current dd { margin-left:  0px !important;}

div.tabs div.current { width:100% }



dt.tabs h3{

	font-size: 16px;

	margin: 5px !important;

	padding: 0px !important;

}



#tab .current{

	

	border: 1px solid #bbb; 

	border-radius: 0 5px 5px 5px; 

	overflow-x: hidden; 

	overflow-y: auto; 

	width: 98%;

	padding: 0px 10px;

	margin-bottom: 10PX;



}



div.current dd{

	margin-left: 0px !important;

}



div.row label, div.row-last label{

		

	float: left;

	clear: left;

	width: 45%;

	padding-top: 2px;

	font-weight: bold;

	

}



div.row input, div.row-last input{

	

	-webkit-border-radius: 4px;	

	float: left;

	

}



.star{

	color: #CF6565;

	font-weight: bold;

}





h3.dotted{

	

	color: #333 !Important;

	font-weight: bold !Important;

		

}



.select-size{

	

	width: 170px;

}



.pegado{

	width: auto !important;
    display: inline-table;
    margin-right: 10px !important;
    margin-top: 0px !important;
    min-width: 155px;

}

.iva{min-width: 10px !important;}

.pegadothird{
	margin-left: 4% !important ;
	width: 77% !important;
}

.pegadoone{
	width: 80% !important;
} 

.pegadoonel{
	width: 15% !important;
} 

.tamtext{
	width: 100%;
}

.calendar{
	margin-left: 2px !important;
	margin-top: 2px;
	margin-bottom: 5px;
	border: none;	
}

input[type="text"].calendario{
	width: 65px
}

.textarea{

	

	float:none !important;

	display: inherit;

	

}

.modal-box{
	padding: 15px;
	border: 1px solid #DDD;
	border-radius: 5px;
	background-color: #f6f6f8;
}

select.short{
	width: 25%;
}

select.sshort{
	width: 12%;
	margin-left: 5px;
}

input[type="text"].short{

	width: 40%;

}



input[type="text"].value{

	width: 10%;

}



fieldset label.radio{

	clear: none;

	width: inherit; 

	padding-right: 35px;

    padding-left: 0px;

}



fieldset.empresas li{

	height: 20px;

}



.table-text, .table-img{ 

	border-style: solid; 

	border-width: 1px; 

	border-color: #DDDDDD; 

	text-indent: 10px; 

}



.table-img{ 

	text-align: center;

}

.center{

	text-align: center;

}

.box-slide-head span.slide-but, .box-slide-head td.slide-but span{
	display: block;
	text-indent: -9999;
	width: 420px;
	height: 20px;
	background: url('../images/but_slide.png') center left no-repeat !important;
	cursor: pointer;
	position: absolute;
	color: transparent;
}

table.zebra td.slide-but span {

	display: block;
	text-indent: -9999px;
	width: 12px;
	height: 24px;
	background: url('../images/but_slide.png') -10px -20px no-repeat !important;
	cursor: pointer;

}



.dataTables_filter input{

	margin-left: -68px;

	margin-bottom: 16px;

}



#jform_financiero_zona_franca{	

	margin-right: 0px;

}

	

.dataTables_length{

	float: left;

}	



.dataTables_filter{

	float: right;

}



#jform_id_companias{	

	width: 48.7% !important;

}



.consecutivo{

	width: 20%;

}



.pagado0{

	background-color:#d9f6df !important;	

}



tr:nth-of-type(odd).pagado1 {  
	background-color:#e9fcec !important;
}

.proceso0{
	background-color:#e9f2fa !important;	
}

.proceso1{

	background-color:#D6E6F5 !important;

}



.planpagos0{

	background: #fafafa !important;

}



.planpagos1{

	background: #f0eeee !important;

}



.cabecera-tabla{

	

	background-color: #cdcdcd !important;

	color: #747678 !important;

	text-align: center !important;

	font-weight: bold !important;

	border-right: 1px solid #fff;

	

}



/*Modulo Login */



.user {
    clear: both;
    float: right;
    padding-right: 12px;
}

.user img.avatar {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: #FFFFFF;

    background-image: none;

    background-origin: padding-box;

    background-position: 0 0;

    background-repeat: repeat;

    background-size: auto auto;

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    display: block;

    float: right;

    margin-left: 17px;

    padding-bottom: 3px;

    padding-left: 3px;

    padding-right: 3px;

    padding-top: 3px;



}



.user-detail {

    display: block;

    float: left;

    text-align: right;

}



.noti-comforce{

	float: left;

    margin-left: 8px;

    margin-top: 3px;



}



.user-detail .name {

    color: #191919;

    display: block;

    float: right;

    font-size: 18px;

    line-height: normal;

    padding-bottom: 7px;

    padding-left: 0;

    padding-right: 0;

    padding-top: 2px;

    text-align: left;

}



.user-detail .text {

    clear: both;

    color: #191919;

    display: block;

    font-size: 11px;

    line-height: 18px;

}



.user-detail a {

    -moz-text-decoration-color: -moz-use-text-color;

    -moz-text-decoration-line: none;

    -moz-text-decoration-style: solid;

}



.modulo-login{

	

	margin:		5px !important;

	padding:	0px !important;

	

}



.desconectaruser{

	margin-right: 0px !important; 

	margin-top: -1px !important;

	background: url('/../../../images/notificaciones/salir.png') no-repeat right top !important;

	border: none !important;

}



.itemAuthorBlock {

    clear: both;

    margin: 10px 0 5px;

    overflow: hidden;

    padding: 24px;

}



.itemAuthorBlock,

.itemComments h3

 {

	color: #777777; 

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	    -ms-border-radius: 4px;

	     -o-border-radius: 4px;

	        border-radius: 4px;

	border-style: solid;

	border-width: 1px;

	border-color: rgba(0,0,0,0.07); 

	text-shadow: 0 1px rgba(255, 255, 255, 1);

 	background: #f8f8f8;

 	-webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.055) inset, 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 5px #FFFFFF inset, 0 0 0 6px rgba(0, 0, 0, 0.03) inset;

	   -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.055) inset, 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 5px #FFFFFF inset, 0 0 0 6px rgba(0, 0, 0, 0.03) inset;

	        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.055) inset, 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 5px #FFFFFF inset, 0 0 0 6px rgba(0, 0, 0, 0.03) inset;



}



.itemAuthorBlock > .gkAvatar {

	float: left;

	padding: 12px;

	max-width: 80px;

}

.itemAuthorBlock > .gkAvatar > img {

	display: block;

}

.itemAuthorBlock .itemAuthorDetails {

	line-height: 1.7;

	margin: 0 0 0 130px;

}

.itemAuthorBlock .itemAuthorDetails a {

	font-weight: 400;

}

.itemAuthorBlock .itemAuthorDetails p {

	margin: 0.5em 0;

}

.tool {

	margin-top: 10px !important;
	margin-bottom: 0px !important;	
	padding-bottom: 2px;
	margin-left: -12px;

}

.custom-input-file {

    overflow: hidden;

    position: relative;

    cursor: pointer;

    border-color: #8C0202 !important;

    border-radius: 4px;

    background-color: #AB0303 !important;

    text-align: center;

    color: #ffffff;    

    border-width: 1px;

	border-style: solid;

	padding: 4px 12px;

	font-size: 12px;

	text-decoration: none;

	line-height: 19px;

	margin: 0;

	display: inline-block;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

      

}



.input-file{

    margin: 0;

    padding: 0;

    outline:0;

    font-size: 10000px;

    border: 10000px solid transparent;

    opacity: 0;

    filter: alpha(opacity=0);

    position: absolute;

    right: -1000px;

    top: -1000px;

    cursor: pointer;

}



.custom-input-file-img{

    overflow: hidden;

    position: relative;

    cursor: pointer;

    margin: 0;

	display: inline-block;

	

}



.custom-input-file-img input.input-file-img{

    margin: 0;

    padding: 0;

    outline:0;

    border: 100000px solid #000;

    opacity: 0;

    filter: alpha(opacity=0);

    position: absolute;

    right: -1000px;

    top: -1000px;

    cursor: pointer;

}



.imagepoliza{

	

	float: left;

	position: initial;

	margin-top: -53px;

	margin-left: 6px;

	

}



.acept{

	background: url('/../../../images/ico_success.png') no-repeat right top;

	width: 30px;

	height: 30px;

}



.noacept{

	background: url('/../../../images/ico_error.png') no-repeat right top;

	width: 30px;

	height: 30px;

}



.tabla_pagos{

	font-size: 12px !important; 

	padding: 7px !important;

}



.marcoWiget{



	margin: 10px;

	border: 1px;

	border-style: solid;

	border-color: #CCC;

	

}



.cabeceraWitget{



	text-align: center;

	background-color: #ccc;

	height: 20px;

	font-style: italic;



}



.valor{

	width: 120px !important;

}



.vporcentaje{

	width: 40px !important;

} 



.class_div{

	overflow-x: scroll

	overflow-y: scroll

}



/*----- Tabs -----*/

.tabs {

    width:100%;

    display:inline-block;

}

 

    /*----- Tab Links -----*/

    /* Clearfix */

    .tab-links:after {

        display:block;

        clear:both;

        content:'';

    }

 

    .tab-links li {

        margin:0px 5px;

        float:left;

        list-style:none;

    }

 

        .tab-links a {

            padding:9px 15px;

            display:inline-block;

            border-radius:3px 3px 0px 0px;

            background:#ab0303;

            font-size:16px;

            font-weight:600;

            color:#FFFFFF;

            transition:all linear 0.15s;

        }

 

        .tab-links a:hover {

            background:#FF0000;

            text-decoration:none;

        }

 

    li.active a, li.active a:hover {

        color:#4c4c4c;

    }

 

/*----- Content of Tabs -----*/

.tab-content {
	padding: 0px 15px;
    border-radius: 0px 5px 5px 5px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
    background: #fff;
    border: 1px solid #ddd;
    margin-top: -1px;
    margin-left: -1px;
    position: relative;
    display: inline-block;    
	width: 97.5%;
}

.tab {
    display:none;
}

.tab.active {
    display:block;
}

.currency{
	width: 62px !important; 
	margin-left: 1px;
	padding: 0px;
	-webkit-border-radius: 4px;
}

/* Reportes */
input[type="checkbox"].checkprogram, input[type="checkbox"].checktipo, , input[type="checkbox"].checkcompany{
	float: left !important;
}

fieldset.checkboxes ul {
	margin-bottom: 0 !important;
	margin-top: 0;
}

label.checkprogram, label.checktipo, label.checkcompany {

	

	float: left !important;

	margin-top: -17px !important;

	margin-left: 24px !important;

	width: 100% !important;



}



.checkcontracual ul{

	  margin-left: -9px;	

}



.trm{

	width: 40px !important;

}



/* Css para Carga de Archivos */ 

.ajax-file-upload-statusbar {

	border: 1px solid #767676;

	margin-top: 10px;

	margin-right: 10px;

	margin: 5px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	padding: 5px 5px 5px 5px;

	width: auto !important; 

	

}



.ajax-file-upload-filename {

	width: 90%;

	height: auto;

	margin: 0 5px 5px 10px;

	color: #807579;

	float: left;

	padding-top: 4px;	

}



.ajax-file-upload-progress {

	margin: 0 10px 5px 10px;

	position: relative;

	width: 250px;

	border: 1px solid #ddd;

	padding: 1px;

	border-radius: 3px;

	display: inline-block

}



.ajax-file-upload-bar {

	background-color: #ab0011;

	width: 0;

	height: 20px;

	border-radius: 3px;

	color:#FFFFFF;

}



.ajax-file-upload-percent {

	position: absolute;

	display: inline-block;

	top: 3px;

	left: 48%

}



.ajax-file-upload-red {

	-moz-box-shadow: inset 0 39px 0 -24px #e67a73;

	-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;

	box-shadow: inset 0 39px 0 -24px #e67a73;

	background-color: #e4685d;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	display: inline-block;

	color: #fff;

	font-family: arial;

	font-size: 13px;

	font-weight: normal;

	padding: 4px 15px;

	text-decoration: none;

	text-shadow: 0 1px 0 #b23e35;

	cursor: pointer;

	vertical-align: top;

	margin-right:5px;

}



.ajax-file-upload-green {

	background-color: #989898;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	margin: 0;

	padding: 0;

	display: inline-block;

	color: #fff;

	font-family: arial;

	font-size: 13px;

	font-weight: normal;

	padding: 4px 15px;

	text-decoration: none;

	cursor: pointer;

	text-shadow: 0 1px 0 #737373;

	vertical-align: top;

	margin-right:5px;

}



.ajax-file-upload {



	padding: 15px 20px;

	cursor:pointer;

	line-height:9px;	

	margin: -5px 10px 8px 0;

  	display: inline-block;

  	background: #fff;

  	border: 1px solid #e8e8e8;

  	color: #888;

  	text-decoration: none;

  	border-radius: 3px;

  	-webkit-border-radius: 3px;

  	-moz-border-radius: 3px;

  	-moz-box-shadow: 0 2px 0 0 #e8e8e8;

  	-webkit-box-shadow: 0 2px 0 0 #e8e8e8;

  	box-shadow: 0 2px 0 0 #e8e8e8; 

  	padding: 6px 10px 4px 10px; 

  	color: #fff;

  	background: #AB0303;

  	border: none;

  	-moz-box-shadow: 0 2px 0 0 #AB0303;

  	-webkit-box-shadow: 0 2px 0 0 #AB0303;

  	box-shadow: 0 2px 0 0 #AB0303; 

  	vertical-align:middle;  

  

  }

  

.ajax-file-upload:hover {

      background: #AB0303;

      -moz-box-shadow: 0 2px 0 0 #c50014;

      -webkit-box-shadow: 0 2px 0 0 #c50014;

      box-shadow: 0 2px 0 0 #c50014;

}



.ajax-upload-dragdrop{

	

    border:2px dotted #b6b6b6;

    color: #b6b6b6;

    text-align:left;

    vertical-align:middle;

    padding:10px 10px 0px 10px;

	width: auto !important;

}



.ajax-upload-dragdrop.state-hover

{

    border: 2px solid #b6b6b6;

}

.ajax-file-upload-error {

    color: red;

}



.dataTables_wrapper{

	margin-top: -10px

}



#tabla_car_wrapper div.dataTables_length{

	

	display: inline-block;

	width: 400px;

	

}



#tabla_car_wrapper div.dataTables_filter label{ 

	

	width: 400px;

	display: inline-block;

	float: right !important; 

	margin: 0px !important;

	height: 30px;

}



#tabla_car_wrapper div.dataTables_filter label input{ 



	width: 250px;

	height: 20px;

	-webkit-border-radius: 3px;

	float: right;



}



#tabla_car_wrapper div.dataTables_length label select{ 



	margin-right: 3px !important;

	margin-left: 3px !important;

	-webkit-border-radius: 3px;

	

}





.formatCu{

	text-align: right !important;

	width: 115px !important;

	margin-right: 2px !important;

}



.periodos{	

	width: 40px !important;

}



.fieldset{

	

	background-color: #f0eeee; 

	border: 1px solid #ddd;

	padding: 0px 14px;



}



fieldset.contractor{

	margin: 30px 0px 0px 0px !important;

  

}



.fieldset legend{ padding: 0px 10px !important; margin: 0px 14px 5px 14px !important; }
.porcentajet{ text-indent: 5px; margin-top: 3px; font-weight: bold; position: absolute; font-size: 15px;}
.filter-select select{ height: auto !important; }

/* Users ASignados */
.avatar-component.initials {

  	box-sizing: border-box;

  	color: #0bacff;

  	border: 2px solid #0bacff; 

  	margin-left: 5px;

}



.avatar-component {

  position:   relative;

  text-align: center;

}



#innertop-a{

	width: 50%;

  	float: left;

  	height: 0px;

}



#innertop-b{

	width: 50%;

  	float: right;

}



#content{

	float: inherit;

	width: 97%;

}



.button-tertiary {

	float: left;
  	margin: 9px 0 0px 10px;
   	background: #fff;
  	border: 1px solid #bbb;
  	color: #47525d;
  	min-height: 28px;
 	padding: 0px 16px;
	border-radius: 15%;

}



.invite-button{

	display: inline-block;
  	background-image: url("../images/	icon-add-people-vfl6PECU8.png");
  	-webkit-background-size: 13px 10px;
  	background-size: 13px 10px;
  	background-repeat: no-repeat;
  	background-position: 10px;

}



.firmc{

	margin-left: 40px;

}



textarea.obser{

	width: 504px;

}



.archivo{

	margin-top: 3px;

}



/*JS Multiselect */

.ms-container{

  background: transparent url('../images/switch.png') no-repeat 50% 50%;

  width: 500px;

  display: inline-block;

  margin-left: 60px;

}



.ms-container:after{

  content: ".";

  display: block;

  height: 0;

  line-height: 0;

  font-size: 0;

  clear: both;

  min-height: 0;

  visibility: hidden;

}



.ms-container .ms-selectable, .ms-container .ms-selection{

  background: #fff;

  color: #555555;

  float: left;

  width: 45%;

}

.ms-container .ms-selection{

  float: right;

}



.ms-container .ms-list{

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;

  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;

  -o-transition: border linear 0.2s, box-shadow linear 0.2s;

  transition: border linear 0.2s, box-shadow linear 0.2s;

  border: 1px solid #ccc;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  position: relative;

  height: 200px;

  padding: 0;

  overflow-y: auto;

}



.ms-container .ms-list.ms-focus{

  border-color: rgba(82, 168, 236, 0.8);

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

  outline: 0;

  outline: thin dotted \9;

}



.ms-container ul{

  margin: 0;

  list-style-type: none;

  padding: 0;

}



.ms-container .ms-optgroup-container{

  width: 100%;

}



.ms-container .ms-optgroup-label{

  margin: 0;

  padding: 5px 0px 0px 5px;

  cursor: pointer;

  color: #999;

}



.ms-container .ms-selectable li.ms-elem-selectable,

.ms-container .ms-selection li.ms-elem-selection{

  border-bottom: 1px #eee solid;

  padding: 2px 10px;

  color: #555;

  font-size: 14px;

}



.ms-container .ms-selectable li.ms-hover,

.ms-container .ms-selection li.ms-hover{

  cursor: pointer;

  color: #fff;

  text-decoration: none;

  background-color: #08c;

}



.ms-container .ms-selectable li.disabled,

.ms-container .ms-selection li.disabled{

  background-color: #eee;

  color: #aaa;

  cursor: text;

}



/*Html de plantillas */

.kix-page-paginated {

  border: 0;

  margin: 3.75pt;

  margin-bottom: 7.5pt;

  box-shadow: 0 0 0 0.75pt #d1d1d1,0 0 3pt 0.75pt #ccc;

}



.kix-page {

  	

  	cursor: text;

  	overflow: hidden;

  	position: relative;

  	white-space: normal;

  	-webkit-tap-highlight-color: initial;

	text-align: justify;



}



/*Comentarios Contratos*/

.docos-layout-vertical .docos-docoview-active.docos-anchoreddocoview>.docos-anchoreddocoview-arrow-inner, .docos-layout-vertical .docos-docoview-active.docos-anchoreddocoview>.docos-anchoreddocoview-arrow-outer {

  display: block;

}



.docos-layout-vertical .docos-anchoreddocoview-arrow-inner, .docos-anchoreddocoview-arrow-outer {

  height: 0;

  position: absolute;

  width: 0;

}



.docos-layout-vertical .docos-anchoreddocoview .docos-anchoreddocoview-arrow-outer {

  border-top: none;

  border-bottom: 15px solid transparent;

  border-left: none;

  border-right: 17px solid #ddd;

  left: -16px;

  top: -1.509px;

  z-index: 0;

}



.docos-layout-vertical .docos-anchoreddocoview .docos-anchoreddocoview-arrow-inner {

  border-top: none;

  border-bottom: 18px solid transparent;

  border-left: none;

  border-right: 18px solid #fff; 

  left: -13px; 

  top: 0; 

  

}



.docos-anchoreddocoview {

  box-shadow: 0px 3px 6px rgba(0,0,0,0.2);

}



.docos-anchoreddocoview-internal {

  max-height: inherit;

  overflow-y: auto;

  overflow-x: hidden;

}



.docos-anchoreddocoview-content {

  overflow-y: auto;

  overflow-x: hidden;

}



.docos-anchoreddocoview .docos-replyview-first.docos-anchoredreplyview {

  padding: 6px;

  border-bottom: 1px solid #ddd;

  background: #fff;

  min-height: 36px;

}



/*.docos-anchoreddocoview .docos-anchoredreplyview:last-of-type {

  padding-bottom: 12px;

}*/



.docos-anchoredreplyview.docos-replyview-first {

  border-top: none!important;

}



.docos-anchoredreplyview, .docos-showrepliesbutton {

  border: none;

  border-bottom: 1px solid #e5e5e5;

  padding: 3px 8px 5px 8px;

  zoom: 1;

  background: #f5f5f5;

}



.docos-anchoredreplyview-authortimestamp {

  width: 100%;

  padding-left: 10px;

  vertical-align: top;

}



.docos-anchoredreplyview-authortimestamp-outer {

	position: relative;

	margin-top: -5px;

}



.docos-anchoredreplyview-header .docos-anchoredreplyview-author {

  margin: 0;

  margin-top: 2px;

  color: #333;

  font-size: 13px;

  font-weight: normal;

  height: 18px;

}



.docos-anchoredreplyview-authortimestamp-inner div {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.docos-anchoredreplyview-authortimestamp-inner {

  position: absolute;

  width: 100%;

}



.docos-anchoredreplyview-authortimestamp-inner div {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.docos-replyview-first .docos-anchoredreplyview-buttonholder {

  padding: 4px 0 4px 4px;

}



.docos-anchoredreplyview-buttonholder {

  width: 1px;

  white-space: nowrap;

}



.docos-replyview-resolve-button {

  display: table-cell;

  opacity: 0.2;

  padding-left: 2px;

  position: relative;

  padding: 0 4px 0 4px;

  min-width: 50px;

  height: 28px;

  vertical-align: top;

}



.docos-anchoredreplyview .docos-collapsed-replyview {

  height	: 100px;

  overflow	: hidden;

}



.docos-collapsed-replyview>.docos-show-more {

  display: block;

}



/* Fin Comentarios*/

.jfk-button-standard {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  background-color: #f5f5f5;

  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);

  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);

  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);

  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);

  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);

  color: #333;

  border: 1px solid #dcdcdc;

  border: 1px solid rgba(0,0,0,0.1);

}



.jfk-button {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  cursor: default;

  font-size: 11px;

  font-weight: bold;

  text-align: center;

  white-space: nowrap;

  margin-right: 16px;

  height: 27px;

  line-height: 27px;

  min-width: 54px;

  outline: 0px;

  padding: 0 8px;

}



.goog-inline-block {

  position: relative;

  display: -moz-inline-box;

  display: inline-block;

}



.docos-collapsible-replyview.docos-collapsible-replyview-empty {

  margin: 0;

}



.docos-collapsible-replyview {

  position: relative;

  margin: 6px 0;

  padding: 0;

}



.docos-anchoredreplyview .docos-anchoredreplyview-body {

  word-wrap: break-word;

  color: #333;

  padding: 0;

  margin-top: 5px;

}



.docos-anchoreddocoview.docos-docoview-active .docos-replyview-first .docos-show-more, .docos-anchoreddocoview.docos-docoview-active:hover .docos-replyview-first .docos-show-more {

  background: #fff;

}



.docos-anchoreddocoview.docos-docoview-active .docos-show-more, .docos-anchoreddocoview.docos-docoview-active:hover .docos-show-more {

  background: #f5f5f5;

  -ms-filter: none;

  filter: none;

}



.docos-anchoreddocoview .docos-replyview-first .docos-show-more {

  background: #fff;

}



.docos-anchoreddocoview .docos-show-more {

  background: #f5f5f5;

  -ms-filter: none;

  filter: none;

}



.docos-anchoreddocoview .docos-show-more {

  padding: 7px 0 2px 0;

}



.docos-anchoreddocoview .docos-show-less, .docos-anchoreddocoview .docos-show-more {

  cursor: pointer;

  font-size: 11px;

}



.docos-show-more {

  bottom: -3px;

  padding-top: 16px;

  position: absolute;

  right: 0;

}



.docos-show-bottoms{

	

  bottom: -5px;

  padding-top: 16px;

  position: absolute;

  right: 0;

}



.docos-show-more, .docos-show-less {

  color: #15c;

  display: none;

  opacity: 1;

  width: 100%;

  outline: none;

}



fieldset.otrpais{  

	float: left;

}



/*input Box*/

.comment-field .comment-box .mention-sticker-container {

    width: 100%;

    display: block;

}



.mention-sticker-container {

   	position: relative;

    display: table;

    width: 204px;

    margin-left: 11px;

    border: 1px solid #CACACA;

    background-color: #fff;

    margin: 10px 0px 10px 10px;

    border-radius: 4px;

}



.mentions-container.mentions-container-w-hint{

    width: 100%;

    display: table-cell;

    vertical-align: top;

}



.mentions-container {

    position: relative;

}





.comment-field .comment-box .mentions-container .mentions-input .text-input {

    min-height: 32px;

    max-height: 250px;

    padding: 6px 9px;

    overflow-y: auto;

    overflow-x: hidden;

    font-size: 13px;

    box-sizing: border-box;

}



.mentions-container .mentions-input .text-input {

    left: 0;

    right: 0;

    width: inherit;

    height: auto;

    border: 0px;

    color: #aaa;

    border-style: solid;

    border-color: transparent;

    word-wrap: break-word;

	padding: 4px;

        

}



.text-input {

    line-height: normal;

    width: 250px;

}



.comment-field .comment-box .post-area {

    display: table;

    width: 100%;

}

.comment-field .comment-box .mentions-container .mentions-input {

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    box-sizing: border-box;

}



.mentions-container.mentions-container-w-hint .mentions-input {

    display: table;

    width: 100%;

    table-layout: fixed;

}



.mentions-container.mentions-container-w-hint .mentions-input .mention-text-input-wrapper {

    display: table-cell;

    vertical-align: top;

    width: 92%;

    max-height: 250px;

}



.sprite_web {

    width: 20px;

    height: 16px;

    background-image: url(/images/web_sprites-icon.png);

    background-repeat: no-repeat;

    background-position: 0 -4700px

}



.comment-mention-hint{

	padding-top: 4px;

    margin-left: -7px;

}



.mentions-container .mentions-input .text-input .new-mention {

    color: #0c50b6;

    background-color: transparent;

    border: none;

    background: none;

    padding: 0;

    white-space: normal;

    text-align: left;

    word-break: break-all;

    font-weight: normal;

    cursor: default;

    display: inline-block;

}



.contacts-list-suggestions{

	

	left: 1184px;

    top: 2413px;

    position: absolute;

    width: 380px;

    margin-top: 9px;

    border: 1px solid #ccc;

    background-color: #fff;

    border-radius: 4px;

	z-index: 7;

}



/*Pane Comentarios*/

#panep{

	  margin: 0px 10px !important;

}



#panep dt{

	

  background: none;

  color: #000;

  padding: 0px;

  font-size: 12px;

  border-radius: 0px;

  padding: 0px 6px;

  border-bottom: 2px solid #a6adb3;

	

}



#panep .panel0.open {

  color: #df8300;

  border-bottom: 2px solid #df8300;

}



#panep .panel1.open {

  color: #df8300;

  border-bottom: 2px solid #df8300;

}



#panep .panel2.open {

  color: #df8300;

  border-bottom: 2px solid #df8300;

}

.titulo{
	margin: 0px !important;	
	padding: 20px 0px 0px 0px;
}

.docos-input-textarea {

  border: 1px solid #c8c8c8;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  color: #999;

  font-family: Arial,sans-serif;

  font-size: 13px;

  margin: 0;

  overflow-x: hidden;

  overflow-y: hidden;

  outline-width: 0!important;

  padding: 4px;

  resize: none;

  width: 100%;

}



.docos-docoview-active.docos-anchoreddocoview .docos-anchoreddocoview-input-pane {

  display: block;

}



.docos-anchoreddocoview .docos-anchoreddocoview-input-pane {

  border: none;

  display: none;

  padding: 8px;

}



.docos-input {

  position: relative;

  zoom: 1;

}



.docos-docoview-active.docos-anchoreddocoview {

  cursor: default;

}



.docos-anchoreddocoview {

  background-color: #f5f5f5;

  cursor: pointer;

  direction: ltr;

  position: relative;

  width: 240px;

  border: none;

  box-shadow: 0 1px 3px rgba(0,0,0,0.3);

  border-radius: 2px;

}



.docos {

  color: black;

  font-family: Arial,sans-serif,sans;

  font-size: 13px;

  white-space: normal;

}



.docos-input-typing>.docos-input-buttons {

  display: block;

}



.docos-anchoreddocoview-input-pane .docos-input-buttons {

  text-align: left;

}



.docos-input-buttons {

  display: none;

  zoom: 1;

}



#jform_poliza_administradores{

	height: auto !important;	

}



.marker{	

	background-color: #f9bc06;

}



/* Menu Context */

.show {

    z-index:1000;

    position: absolute;

    background-color:#fff;

    border: 1px solid #C0C0C0;

    margin: 0px;

    display: block;

    margin: 0;

    list-style-type: none;

    list-style: none;

}



.show ul{

	margin: 0px;

	width: 300px;

	padding: 10px 5px;

	box-shadow:  0px 0px 5px 3px rgba(0,0,0,0.2);

    

}



.show ul li{

	height: 28px;

}



.hide {

    display: none;

}



.show li{ list-style: none; }

.show a { border: 0 !important; text-decoration: none; }

.show a:hover { text-decoration: underline !important; }



/* lOGIN*/

.userl{

  	width: 23% !important;	

}



.inputl{

  	width: 66%;	

}



#register{

	width: 80% !important;			

}



/*Notificaciones*/

.jewelCount{

	

    border: 1px solid;;

    border-radius: 50%;

    -webkit-user-drag: none;

   	margin-top: -34px;

    left: 14px;

}



.hc{

    background-color: #fff;

    height: 15px;

    width: 15px;

    position: relative;

   	display: flex;

   	margin-bottom: 21px;

}



.noticant{

	padding-left: 4px;

    top: -3px;

    position: absolute;

}



.activity-container{

	background-color: #233333;

    width: 380px;

    position: absolute;

    z-index: 120;

    margin-top: -4px;

    right: 0;

}



.activity-container div div h3{

	margin: 5px 0px 0px 0px;

    color: #fff;

    text-indent: 15px;	

}



.activity-drop-body{

    height: 400px;

    background-color: #fff;

    border: 5px solid;

}



.noti-comforce ul{

	display: inline-flex;

    margin-top: -7px;

    float: right;

    margin-bottom: 0px;

    padding-bottom: 0px;

    padding-top: 4px;

    height: 28px;

}



.update .timestamp {

    font-size: 12px;

    line-height: 14px;

    color: #66696a;

    text-shadow: 0 1px 0 #fff;

    display: inline;

    float: right;

    padding: 0 30px 0 10px;

}



.update.aggregate .action {

    padding: 0 0 0 10px;

    max-height: 68px;

    overflow: hidden;

}



.update .action {

    font-size: 13px;

    line-height: 17px;

    color: #66696a;

    font-weight: normal;

    overflow: hidden;

}



.update .names, .update .name {

    font-size: 13px;

    line-height: 17px;

    color: #333;

    font-weight: normal;

    text-shadow: 0 1px 0 #fff;

    white-space: nowrap;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    max-height: 17px;

    display: block;

   	margin-bottom: 4px;



}



.itemcell{

	

	text-indent: 10px;

	height: 99px;

    text-align: start;

    padding-right: 3px;



}



.cellnum{

	-ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    -moz-writing-mode: vertical-rl;

    -ms-writing-mode: vertical-rl;

    writing-mode: vertical-rl;	

    -webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

    -mS-transform: rotate(180deg); 

}



.moneda3{ 

	width: 15%;

    margin-left: -2px;

}





table.crequerimientos input{	

	margin-right: 3px; 

	-webkit-box-shadow: 0px 0px 0 0px rgba(236, 236, 236, 0);

	box-shadow: none; 

	margin: 1px 0 1px !important;

}



.checkcompanies{

	

	float: left !important;

	

}



table.crequerimientos img.calendar{

	

	position: 	absolute;

    margin-top: 3px;

    margin-left:5px !important;



}



.crequeconf{

	

	cursor: pointer;

    margin-top: 5px;

    margin-left: 0px !important;

}



/*Estilos Tabs Contratos*/
.tabq{
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
	margin-top: -46px;
    margin-left: -16px;
}

.tabq li {
    float: left;
    margin: 0 -15px 0 0;
}

.tabq a {

    float: left;
    position: relative;
    padding: 0 40px;
    height: 0;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;      
    border-right: 30px solid transparent;
    border-bottom: 30px solid #3D3D3D;
    border-bottom-color: #777\9;
    opacity: .3;
	filter: alpha(opacity=30);      

}

.tabq a:hover, .tabq a:focus, .tabq a:hover, .tabq a:focus, .tabv a:hover, .tabv a:focus, .tabv a:hover, .tabv a:focus, .tabv div.obligatorio + a:hover{
    border-bottom-color: #acabaf;
    opacity: 1;
    filter: alpha(opacity=100);
}

.tabq a:focus, .tabv a:focus {
	outline: 0;
}

.tabq #current, .tabv #current {
    z-index: 3;
    border-bottom-color: #ab0303;
    opacity: 1;
    filter: alpha(opacity=100);    
    padding-left: 15px; 
   	text-indent: -5px;
}

.tabv{
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabv li {
    float: none;
    height: 28px;
}

.tabv a{
	float: none;
    position: absolute;
    padding: 0 6px;
    height: 0;
    line-height: 28px;
    text-align: right;
    text-decoration: none;
    color: #fff;
    border-right: 0px solid transparent !important;
    border-bottom-color: #777\9;
    filter: alpha(opacity=30);
    text-indent: -2px;
    font-size: 11px;
    width: 135px;
    margin-left: -4px;
    opacity: 0.7;
    border-bottom: 27px solid #3D3D3D;
}

.tabv div.no-obligatorio{
	cursor: pointer;	
}

.tabv div.obligatorio + a{
	border-bottom: 27px solid #3D3D3D;
}

.tabv div.no-obligatorio + a{
	border-bottom: 27px solid #8e8e8e;   
}

.vertical{
	margin-top: -38px !important;
    margin-left: -21px;	
}

.vertical li {
	float: left;
	margin: 0px 4px 0px 0px;    
	border-bottom: 1px solid #ccc; 		
	margin-bottom: 2px;

}

.vertical a{
	float: left;
    position: relative;
    padding: 0 6px;
    height: 0;
    line-height: 28px;
    text-align: right;
    text-decoration: none;
    color: #fff;
    border-right: 0px solid transparent !important;
    border-bottom: 27px solid #3D3D3D;
    border-bottom-color: #777\9;
    opacity: .3;
    filter: alpha(opacity=30);
    text-indent: -2px;
    font-size: 11px;
}

.contenttv{	
	margin-top: 16px;
    min-height: 150px;
    padding-left: 0px;
}

.verticalc{
	
	margin-top: -112px;
    margin-left: 143px;
    border: 1px #ccc solid;
    min-height: 211px;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 20px;
    
}

#system-message-container{

	position: fixed;

    bottom: -12px;

    left: 10px;

    z-index: 40;

    min-width: 30%;

}

.fixed{ position: fixed !important; top: 0 !important; border: 1px solid #ddd; background-color: rgba(31, 32, 32, 0.41) !important; width: 36.8%; padding: 5px;
    border-radius: 9px; z-index: 1; right: 7.9%; }

.btn-wrapper{ margin-right: 5px; }
.btn-toolbar div.btn-wrapper button.btn, a.btn{ float: right; margin-right:5px}
.js-stools-container-bar{ margin-bottom: 15px; }

#mc-userinfo .session_progress {
    background: #88B719;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

#mc-userinfo .session_expire {
    background: #C62D2D;
    height: 2px;
    margin: 30px 66px 0;
    position: absolute;
 	width:200px; 
 	   
}

#mc-userinfo .session-tip {
    background: #222;
    color: #fff;
    position: absolute;
    min-width: 50px;
    left: -60px;
    top: -7px;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
    padding: 2px;
    visibility: hidden;
}

#mc-userinfo .expired {
    background: #C62D2D !important;
    color: #FFFFFF;
}


[data-progressbar-value="15"]>.progress-bar {
    width: 15%;
    background: #c79121;
}
.progress .progress-bar {
    position: absolute;
    overflow: hidden;
    line-height: 20px;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: #57889c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    font-weight: 700;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-image: url(../img/pattern/overlay-pattern.png);
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background-color: #3276b1;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.dataTable [data-progressbar-value] {
    min-width: 70px;
}
.table-bordered .progress {
    background: #fff!important;
    -webkit-box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;
    -moz-box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;
    box-shadow: 0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;
}
[data-progressbar-value] {
    margin-top: 15px!important;
    overflow: visible;
    margin-bottom: 0;
}
.progress {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    height: 22px;
    background: #eee;
    box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    -webkit-box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    -moz-box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.progress-xs {
    height: 7px!important;
    line-height: 7px!important;
}
.progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 18px;
    background-color: #f5f5f5;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

/* all */
::-webkit-input-placeholder { color:#f00; font-size:0.8em;}
::-moz-placeholder { color:#f00; font-size:0.8em; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; font-size:0.8em;} /* ie */
input:-moz-placeholder { color:#f00;  font-size:0.8em;}

div.overtext{
	text-overflow: ellipsis; 
	overflow: hidden; 
	width: 100px;
}