input[type=checkbox] {width:20px; height:20px;}


	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }



    @media(max-width:767px) {
        .col-xs-12,.col-xs-10,.col-xs-4,.col-xs-6,.col-xs-11{
            padding-left: 5px;
            padding-right: 5px;
        }
        .panel-heading{
             padding-left: 0px;
             padding-right: 0px;
         }
        .nav>li>a{
              padding:1px 2px
          }
        .cell_quotations.col-xs-12{
            text-align: center;
        }
        .cells_manufacture.col-xs-12{
            text-align: center;
        }
        .cells_container.col-xs-12{
            text-align: center;
        }

        .table>tbody>tr>td{
            padding: 1px;
        }
        .quotation_photo_inner{
            max-width: 100%!important;
            height: auto!important;
        }
        ul.navbar-right{
            float: right;
            margin-top: -50px;
            margin-right:45px;
        }
        .navbar-form{
            border: none;
            padding: 10px 10px;
        }
        #side-menu > li > a{
            font-size: 1.5em;
            text-align: center;
        }
        .navbar{
            margin-bottom: 0px;
        }
        .navbar-top-links li a{
            padding: 15px 5px!important;
        }
        body{
            font: 12px normal!important;
        }
        .header_filters_title{
            font-size: 13px!important;
        }
    }
    @media(min-width:768px) {
        .data_row td{
            line-height: inherit!important;
        }
        .header_filters_title{
            /*width:150px;*/
        }
        .navbar-form{
            margin-left: -15px!important;
        }
        .cells_manufacture .ui-progressbar{
            height: 5em!important;
        }
        .cells_container .ui-progressbar{
            height: 5em!important;
        }
    }

    .ui-progressbar {
    position: relative;
  }



  .progress-label {
    position: absolute;
    left: 2%;
    top: 4px;
	font-size:8px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    width: 100%;
    text-align: center;
  }
  
  .search_box{
  	 padding:1px;
  	 padding-left:20px;
  	 float:left;
  }
  .search_input{
  	height:25px;
  }
  .datetime_uploaded{
     float:right;
	 font-size:10px;
	 padding-top:13px;
	 margin-right:15px;
	 vertical-align:top;
	 
  }
.miniprice{
   font-size:10px;
   line-height:20px;
}

.quotation_photo_inner,.quotation_photo_detail {
-webkit-transition:all 100ms linear;
-moz-transition:all 100ms linear;
-o-transition:all 100ms linear;
-ms-transition:all 100ms linear;
transition:all 100ms linear;
}

/*.quotation_photo_inner:hover,.quotation_photo_detail:hover  {
-moz-transform: scale(3.5);
-webkit-transform: scale(3.5);
-o-transform: scale(3.5);
transform: scale(3.5);
position:absolute;
border:1px solid #bd4f00;
padding:3px;
background-color:white;
z-index:1000;
}*/


.section_explanation{
	font-size:1.1em;
	padding:3px;
}
.cbm_explanation{
	font-size:12px;
	padding-top:15px;
	font-weight:bold;
	
}
.initial_div1{
	overflow: hidden;
}
.initial_div2{
	clear:both;
	padding-top:20px;
}
.dashboard_element_left{
	float:left;
	border: 1px orange solid;
	width:45%;
	padding:5px;
}
.dashboard_element_right{
	float:left;
	width:45%;
	border: 1px orange solid;
	padding:5px;
	margin-left:20px;
}

.quotations_total{
   /*margin-left:5px;*/
}

.usewithothers{
  color:white;
  text-align:left;
  padding-left:15px;
  display:block;
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
}
.smartcase{
	text-transform:capitalize;
}
   .register_now{
      color:white;
	  text-align:center;
   }
   .listado{
      margin: 1em .5em;
   } 
   .white{
      color:white!important;
   }
   .report{
   	  width:90%;
   	  padding:15px;
   	  border: 1px solid black;
   	  margin-top:10px;
   	  cursor: pointer;
	  float:left;
   }
   
   .report_third{
   	  width:27%;
   	  padding:15px;
   	  border: 1px solid black;
   	  margin-top:10px;
   	  cursor: pointer;
	  float:left;
	  margin-right:11px;
   }
   
   .report_20{
   	  width:15%;
   	  padding:15px;
   	  border: 1px solid black;
   	  margin-top:10px;
   	  cursor: pointer;
	  float:left;
	  margin-right:4px;
   }
   
   .report_row{
		clear:both;
   }
   
   .report:hover, .report_third:hover, .report_20:hover{
      background-color:orange;
   }
   .disabled{
   	    pointer-events: none;
   		cursor: default;   
   		color:gray;
   		
   }
   
	.disabled:hiover{
   		background-color:gray;
   }
   
   .small-legend{
   	padding-top:10px;
   	color:gray;
   	font-size:0.8em;
   	width:93%;
   	text-align:right;
	clear:both;
   }
   

	body {
		/*margin:40px;*/
		font: 13px normal;
        font-family:"Open Sans", Helvetica, Arial, sans-serif!important;
		color: #4F5155;
		background: #3ca4d1;
        background-position: bottom;
        background-repeat: no-repeat;
	}

	#container_items_body,#container_items_wrapper{
	  display:none;/*Default do not display, jquery will show.*/
	}
	.container_capacity{
	   padding:10px;
	   float:left;
	   font-size:15px;
	}
	
	.container_capacity_detail{
	   padding:5px;
	   font-size:10px;
	   clear:both;
	   text-align: center;
	}
	.container_capacity_percentage{
	   padding:5px;
	   font-size:20px;
	   text-align:center;
	   font-weight:bold;
	}
	.container_capacity_viewdetails{
	   padding:5px;
	   font-size:10px;
	   text-align:center;
	   font-weight:bold;
	   margin-top: -15px;
	}
	
    #page_title {
        text-align:right;
        margin-top:-30px;
    }
    
    #language_selector ul li {
       text-decoration:none;
       list-style:none;
       float:left;
       padding-left:5px;
    }
    #language_selector{
       float:right;
       margin-top:-125px;
       margin-right: 20px;
       clear:both;
    }
    
	a {
		color: #000;
		background-color: transparent;
		font-weight: normal;
	}

	h1 {
		color: #fff;
		/*background-color: #bd4f00;*/
		border-bottom: 1px solid #D0D0D0;
		font-size: 24px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
		text-align:left;

	}
	h1#header{
        height:90px;
    }
	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body{
		margin: 0 15px 0 15px;
		margin-left: 210px;
		min-height:700px;
        //display:table;
	}

	.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
        /*display:table;*/
        clear:both;
        background-color: #fff;
	}

	#container{
		margin-left: 20px;
		margin-right:20px;
		margin-top:10px;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
		background: #ffffff;
		width:95%;
	}

	#center_frame{
        margin:20px auto;
        width:400px;
        padding:20px;
        background-color: #bd4f00;
        border: 1px solid #000;
        /*opacity:0.8;
        filter:alpha(opacity=80);*/

    }
	
    form fieldset{
       border: 0 none;
       margin: 0em;
       padding: 0.2em;
       margin-left:50px;
    }

    form br{
       display:none;
    }
    
    form label{
       /*color:white;*/
       /*float:left;*/
       /*width:7em;*/

    }
    
    form input{

        border: 1px solid #000;
        background: white;
        padding:2px;
    }
    #nav_wrap{
        width:200px;
        position:absolute;
        top:120px;
        //bottom:-219px;
        min-height:622px;
        //-webkit-transition: all 300ms ease;
        //transition:all 300ms ease;
        background-color:#bd4f00;
    }
    #nav_wrap.fixed{
       position: fixed;
       top: 0;
    }
    
    
    a:link{
       text-decoration:none;
    }
    .nav-lnk{
      display:block;
      line-height:40px;
      border-radius:2px;
      cursor:pointer;
      color:#ddd;
      font-family:OpenSansSemibold,Arial,sans-serif;
      position:relative;
      vertical-align:top;
      padding-left:15px !important;
      margin-bottom:5px!important;


    }
    a.nav-lnk:hover{
       background:#BC6629;
    }
    
    a.data_row:hover{
       color:orange;
       font-weight:bold;

    }
    
    #menu_title{
       color:#ddd;
       margin-left:15px;
       margin-bottom:15px;
       margin-top:20px;
       text-transform:uppercase;
    }
    .icns-sprite{
       font-style:normal !important;
    }
    
    .icns-images{
       vertical-align:middle;
    }
     
	#view_container_items{
	   text-decoration:underline;
	   cursor:pointer;
	} 
    /*Data sets*/
    
    .header_menu{
       border-bottom: solid 1px;
       clear:both;
       margin-top: 5px;
       margin-bottom: 5px;
    }
    .header_title{
        font-size:24px;
        line-height:30px;
        color:#000;
        padding-right:20px;
    }
    
    .header_filters{
       margin-top:10px;
       margin-left:30px;
       clear:both;
    }
    
    .header_filters_title{
      font-size:14px;
      line-height:25px;
      /*color:#000;*/
      border: solid 1px #ddd;
      /*width:150px;*/
      /*float:left;*/
      text-align:center;
    }
    
    a.header_filters_title:hover{
       /*background:#eee;*/
    }
    
    .data_content{
       margin-top:10px;
       display:block;
       /*margin-left:5px;*/
       clear:both;
    }
	
	.data_content-container{
       margin-top:10px;
       display:block;
       margin-left:5px;
       clear:both;
    }
    
    .data_titles{
       /*border-bottom: 1px solid #ddd;*/
       clear:both;
    }
    .data_rows{
       margin-top:30px;
       clear:both;
    }
    .data_row{
       line-height:80px;
       border-bottom:#eee;
       /*display:block;*/
       /*white-space:nowrap;*/
       text-overflow:ellipsis;
       overflow:hidden;

    }
    .label_titles{
       float:left;
       /*border-bottom:1px solid #ddd;*/
       font-size:15px; 
    }
    
    .cell{
       float:left;
       text-align:left;
       border-bottom:1px solid #ddd;
       /*line-height:80px;*/
       font-size:16px;
	   height: 90px;
    }
	
	.cell_quotations{
       /*float:left;*/
       /*text-align:left;*/
       /*border-bottom:1px solid #ddd;*/
       /*line-height:80px;*/
       font-size:16px;
	   overflow:hidden;
	   /*height: 90px;*/
    }

	.cell_container_items{
       float:left;
       text-align:left;
       border-bottom:1px solid #ddd;
       /*line-height:80px;*/
       font-size:16px;
	   height: 80px;
    }
	
	.cells_container{
       /*float:left;*/
       text-align:left;
       /*border-bottom:1px solid #ddd;*/
       /*line-height:80px;*/
       font-size:16px;
	   /*height: 90px;*/
    }
	
	.cells_manufacture{
       /*float:left;*/
       /*text-align:left;*/
       /*border-bottom:1px solid #ddd;*/
       /*line-height:80px;*/
       font-size:16px;
	   /*height: 90px;*/
    }
    
    .cell_quotation{
       text-align:left;
       font-size:12px;
       display:block;
       margin-top:3px;
    }
    
    .cell_quotation_data{
       border-bottom:1px dotted #ddd;
    }
    
    .pointer_hover{
       cursor: pointer;
    }
    
    .product_name{
       font-size:18px;
       font-weight:bold;
       /*padding-top:10px;*/
       display: inline-block;
	   color:black !important;
    }
    
    .product_prices{
       font-size:12px;
       font-weight:bold;
    }
    
    .pending{
       font-size:18px;
       font-weight:bold;
       //float:left;
       color:orange;
       display:none;
       line-height:80px;
       width:5px;
    }

    .pending_issues{
       float:left;
       text-align:center;
       color:orange;
       font-weight:bold;
       padding-top: 5px;
       /*line-height:30px;*/
       clear:both;
    }
    
    .quotation_photo{
       /*width:140px;*/
       width:17%;//20%;
    }

    .quotation_photo_inner{
       height:80px;
       max-width:120px;
    }

    .quotation_photo_detail{
       width:100px;
       margin-right:10px;
       max-height:120px;
    }
   .quotation_name{
       /*width:200px;*/
       /*width:20%;*/
       overflow:hidden;
    }
    .you{
       font-size:0.8em;
       color:black;
    }
    .quotation_date{
       /*width:130px;*/
       /*width:17%;*/
	   /*width:12%;*/
	     padding-left: 10px;
    }

    .quotation_state{
       /*width:100px;*/
       /*width:10%;*/
    }
	
	.quotation_cbm{
       /*width:100px;*/
       /*width:8%;*/
    }
	
	.quotation_checkbox_span{
       /*width:100px;*/
       /*width:5%;*/
    }
	.quotation_container{
	   width:10%;
	   font-size: 0.8em;
	   text-align: center;
	}

    .quotation_quantity{
       /*width:120px;*/
       /*width:10%;*/
    }

    .quotation_price{
       /*width:120px;*/
       /*width:10%;*/
    }
    .quotation_total{
       /*width:100px;*/
       /*width:7%;*/
    }
	
	.quotation_box,.manufacture_box{
		padding:10px;
		border:1px dotted #7A7665;
		width:93%;/*former 80%*/
	}
	
	.photos_box{
	
		/*padding:10px;*/
		/*border:1px dotted #7A7665;*/

	}
	
	.invite_box{
		padding:10px;
		border:1px dotted #7A7665;
		width: 98%;
		margin-top:20px;
	}

    .manufacture_box{
       margin-bottom:15px;
    }
    .select{
       margin-left:20px;
       text-align:right;
       height:20px;
       clear:both;
    }
    
    h3#welcome{
       text-align:right;
       margin-right:10px;
       height:3px;

    }

    #welcome{
       margin-top:-1px;
       float:left;
    }
    
    select{
       /*background: transparent;*/
       /*width: auto;*/
       /*padding: 5px;*/
       /*font-size: 12px;*/
       /*line-height: 1;*/
       /*border: 0;*/
       /*border-radius: 0;*/
       /*height: 25px;*/
       /*-webkit-appearance: none; //this removes the dropdown arrow*/
       /*text-align: -webkit-right;*/
       /*text-align:right;*/
       /*margin-left:-8px;*/
    }
    select{
        /*min-width: 100px;*/
        padding: 5px;
        padding-right: 30px;
        line-height: 1;
        font-size: 14px;
        border:1px solid #ccc;
        border-radius: 5px;
        height: 34px;
        background: url(/images/down.png) no-repeat right 10px center;
        display: inline-block;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        outline: none;
    }

    option{
       /*text-align:right;*/
       /*text-align: -webkit-right;*/
    }
    form#dropdown_form{
       display:inline !important;
    }
    
    .float_left{
       float:left;
    }
    
    .clear{
       clear:both;
    }

   #negotiation_time{
	   font-size:12px;
	   padding-bottom:15px;
   }

   .quality_comments{
	    padding-top:20px;
	}
	
	.container_items{
	    padding-top:20px;
	}

.left_quotation_block{
   /*float:left;*/
   /*width:50%;*/
}

.right_quotation_block{
   float:right;
   margin-left:20px;
}

.bottom_quotation_block{
   /*clear:both;*/
   /*width:100%;*/
}


.edit,.edit_select,.edit_textarea, .edit_textarea_container,.edit_container,.edit_select_container_type,.edit_datepicker,.edit_datepicker_container,.edit_select_manufactures{
   color:#bd4f00;
    text-decoration: underline!important;
}
.edit input{
    background: transparent!important;
    border: none;
    border-bottom: 1px dashed;
}



.file_uploaded_div{
   border: 1px solid #FFF7D3;
   width:100%;
   /*height:300px;*/
   display:block;
   overflow: auto;
   /*padding:3px;*/
   /*margin-top:10px;*/
   border: 1px dotted #7A7665;
   /*float:left;*/
   clear:both;
   margin-top:20px;
   background-color:#f0f0f0;

}

.chat{
   /*border: 1px solid #FFF7D3;*/
   width:100%;
   height:385px;
   /*padding:3px;*/
   padding-top:10px!important;
   padding-bottom:40px!important;

}

.chat_box,.chat_box_container{
   border: 1px solid #7A7665;
   height:90%;
   /*outline: none !important;
   border:1px solid #FFF7D3;
   box-shadow: 0 0 3px #719ECE;*/
   overflow-y:auto;
   padding:15px;
}

.chat_input{

   /*border: 1px dotted #FFF7D3;*/
   height:auto;
   padding-top: 0.5em;
}

.chat_textarea{
   /*height:80%;*/
    width:80%;
    /*padding-top: 10px;*/

}
    .chat_textarea textarea{
        width: 85%;
    }

.textarea_fill{
   width:100%;
   height:100%;
   box-sizing: border-box;         /* For IE and modern versions of Chrome */
   -moz-box-sizing: border-box;    /* For Firefox                          */
   -webkit-box-sizing: border-box; /* For Safari                           */
}

textarea{
   /*outline: none !important;
   border:1px solid #FFF7D3;
   box-shadow: 0 0 3px #719ECE;  */


}
.align-right{
   text-align:right;
}

.align-left{
   text-align:left;
}

.float-left{
   float:left;
}

.float-right{
   float:right;
}

.green-background{
   color:white;
   background-color: green;
}

.green-background:hover{
   color:green;
   background-color: white;
}

.light-green-background{
   color:black;
   background-color: #D1FFD3;
}

.light-red-background{
   color:black;
   background-color: #FF6373;
}


.red-background{
   color:white;
   background-color: red;
}

.red-background:hover{
   color:red;
   background-color: white;
}

.black{
  color:black;
}
.padding-top-15{
   padding-top:15px;
}

#invite_address{
   width:20%;
}
.transparent-background{
   border-color:black;
   background-color: transparent;
   border-style: solid;
   border-width:1px;
}

.transparent-background:hover{
   border-color:black;
   background-color: #D1FFD3;
   border-style: solid;
   border-width:1px;
}

.datetime-chat{
   font-size:0.7em;
   color:black;
   padding-left:15px;
}



div.quality_issues{
   min-height:100px;
   width:98%;
   padding:10px;
   border:1px dotted #7A7665;

}

div.upload_files_comments{
   min-height:10px;
   width:98%;
   padding:10px;
   border:1px dotted #7A7665;

}

 
#export_selected_quotations, #delete_quotation, #convert_into_manufacture,#delete_container,#assign_to_container,#delete_assign,#send_invitation_link,#update_account_data,#copy_quotation,#delete_massive_quotation,#copy_massive_quotation{
   padding:10px;
   /*margin-top:15px;*/
   cursor:pointer;
}

.copy_quotation{
   /*padding-top:25px;*/
}

.copy_manufacture{
	padding-top:25px;
	padding-bottom:25px;
}

#delete_massive_quotation{
	/*margin-left:30px;*/
}

#send_invitation_link{
   padding-top:5px;
   padding-bottom:5px;
}

.modify_account_data_item{
   padding-top:8px;
   clear:both;
}

.invite_box label  {
	display: inline-block; 
	width: 140px; 
	text-align: left; 
}

#assign_to_container{
   margin-right:10px;
}
.chat-system-message{
   background: white;//gray;
   padding:3px 5px;
   font-size: 12px;
   color:black;//white;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   border:1px solid orange;
}

/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

   .bg-orange{
      background:#FF531F !important;
   }
   
   
   .bg-green{
      background:#00ACE0 !important;
   }
   
   
.triangle-right {
  position:relative;
  padding:5px;
  margin:5px;
  color:#000 !important;/*#fff;*/
  border:1px solid #E27806 !important;
  
  background:#ffffff !important;/*#075698;*/ /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #E27806);
  background:-o-linear-gradient(#2e88c4, #E27806);
  background:linear-gradient(#2e88c4, #E27806);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#E27806), to(#2e88c4));
  background:-moz-linear-gradient(#E27806, #2e88c4);
  background:-o-linear-gradient(#E27806, #2e88c4);
  background:linear-gradient(#E27806, #2e88c4);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
  margin-left:10px;
  background:#E27806;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
  margin-right:40px;
  background:#E27806;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#E27806 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #E27806;
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
  top:10px;
  left:-10px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:15px 10px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #E27806;
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
  top:10px;
  right:-10px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:15px 0 0 10px; /* vary these values to change the angle of the vertex */
  border-color:transparent #E27806 ;
}

/*bootstrap patches*/
.nav li.dropdown{
    display: inline-block;
}
.form-control.narrow{
    padding:3px 6px!important;


}
.margin-top-5{
    margin-top:5px!important;
}
.nomargin{
    margin:0px!important;
}
.nofloat{
    float: none!important;
}
.wide-auto{
        width: auto!important;
    }
.nopadding{
    padding:0px!important;
}
.font-11{
    font-size:11px;
}
.chat-container{
    /*border: 1px solid #FFF7D3;*/
    width:100%;
    min-height:350px;
    padding:0px 10px!important;
    /*margin-top:10px;*/

}
a:not(.btn){
    color:#000000!important;
}
a.btn-warning{
    color:#ffffff!important;
}
.paginate_button.active a{
    color: #ffffff!important;
}
.cells_manufacture.quotation_container.light-red-background{
    padding: 5px;
}
    .table > thead > tr > td.orange, .table > tbody > tr > td.orange, .table > tfoot > tr > td.orange, .table > thead > tr > th.orange, .table > tbody > tr > th.orange, .table > tfoot > tr > th.orange, .table > thead > tr.orange > td, .table > tbody > tr.orange > td, .table > tfoot > tr.orange > td, .table > thead > tr.orange > th, .table > tbody > tr.orange > th, .table > tfoot > tr.orange > th{
        background-color: orange;
    }
#dropdown_form_copy_quotation #select-group-1{
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    margin-right: 15px;
    /*margin-top: 15px;*/
    padding: 3px;
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
}
    #dropdown_form #select-group-0{
        border: 1px solid #aaaaaa;
        border-radius: 5px;
        background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
        background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    }
.chat{
    padding-top:10px;
}
.well{
    background-image: linear-gradient(to bottom, #faedc8 0px, #faf2cc 100%);
    border-color: #fadf96;
}
.panel-warning{
    border-color: #fad07d!important;
}
.panel-heading h5{
    font-size: 16px!important;
}

.nav a{
	
	font-weight:bold !important;
	font-size: 15px !important;
}


.markbutton:active, .markbutton.active
{
	color:red !important;
	/*background-color: red !important;*/
	
}

.markbutton{
	border:none;
	outline:none;
	/*background-color: #f0ad4e !important;*/
}


/**********CAJAS DE COLORES******************/
i.icon-2x {
  font-size: 30px;
}

.color-light{
    color:#FFFFFF;
}

/*Colored Content Boxes
------------------------------------*/
.servive-block {
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 20px;
}

.servive-block p,
.servive-block h2 {
  color: #fff;
}

.servive-block h2 a:hover{
  text-decoration: none;
}

.servive-block-light,
.servive-block-default {
  background: #fafafa;
  border: solid 1px #eee; 
}

.servive-block-default:hover {
  box-shadow: 0 0 8px #eee;
}

.servive-block-light p,
.servive-block-light h2,
.servive-block-default p,
.servive-block-default h2 {
  color: #555;
}

.servive-block-u {
  background: #72c02c;
}
.servive-block-blue {
  background: #3498db;
}
.servive-block-red {
  background: #e74c3c;
}
.servive-block-sea {
  background: #1abc9c;
}
.servive-block-grey {
  background: #95a5a6;
}
.servive-block-yellow {
  background: #f1c40f;
}
.servive-block-orange {
  background: #e67e22;
}
.servive-block-green {
  background: #2ecc71;
}
.servive-block-purple {
  background: #9b6bcc;
}
.servive-block-aqua {
  background: #27d7e7;
}
.servive-block-brown {
  background: #9c8061;
}
.servive-block-dark-blue {
  background: #4765a0;
}
.servive-block-light-green {
  background: #79d5b3;
}
.servive-block-dark {
  background: #555;
}
.servive-block-light {
  background: #ecf0f1;
}

.delete_icon{
  position:absolute;

  cursor:pointer;
}

.di1{
  left:50px;
}

.di2{
  left:160px;
}

.di3{
  left:275px;
}

.di4{
  left:388px;
}


.rotate_icon{
  position:absolute;

  cursor:pointer;
}

.ri1{
  left:130px;
}

.ri2{
  left:240px;
}

.ri3{
  left:355px;
}

.ri4{
  left:468px;
}

.img-pixie{
    cursor: pointer;
}