body { background-color: #373737; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #666666; } 

#wrapper {width: 100%; }

#page-wrapper { padding: 0 15px; min-height: 568px; background-color: #fff; }

.page-padding { padding: 5px;}

@media(min-width:768px) {
    #page-wrapper { position: inherit; margin: 0 0 0 250px; padding: 0 30px; border-left: 1px solid #e7e7e7;}
}




 

 

.dropdown-menu>li>a {    color:#428bca; }


.navbar-brand-conf { padding: 4px 16px; }

.navbar-top-links { margin-right: 0;}

.navbar-top-links li { display: inline-block;}

.navbar-top-links li:last-child { margin-right: 15px;}

.navbar-top-links li a { padding: 15px; min-height: 50px;  }

.navbar-top-links .dropdown-menu li { display: block; }

.navbar-top-links .dropdown-menu li:last-child { margin-right: 0; }

.navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; }

.navbar-top-links .dropdown-menu li a div { white-space: normal; }

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; }

.navbar-top-links .dropdown-messages { margin-left: 5px; }

.navbar-top-links .dropdown-tasks { margin-left: -59px; }

.navbar-top-links .dropdown-alerts { margin-left: -123px; }

.navbar-top-links .dropdown-user { right: 0; /*left: auto;*/ }


 

.navbar-top-logo { width:170px; height: 40px; }



 

 

#button-menu { padding: 10px 18px 1px 16px; line-height: 40px; float: left; display: inline-block; cursor: pointer;    color: #6D6D6D; border-right: 1px solid #E1E1E1; margin-left: 20px; background-color: transparent; }

.sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; }

.sidebar .sidebar-usersys{ padding: 8px 5px 8px 20px;   background-color: #666; border-bottom: 1px solid #e7e7e7;}

.sidebar ul li { border-bottom: 0px solid #e7e7e7; font-size: 16px; }

.sidebar ul li a.active { background-color:  #000000;   color: #FFFFFF !important;}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li { border-bottom: 0!important; font-size: 14px; }

.sidebar 
.nav-second-level li a { padding-left: 37px; }

.sidebar .nav-third-level li a { padding-left: 52px; }

@media(min-width:768px) {
    .sidebar { z-index: 1; position: absolute; width: 250px; margin-top: 51px; background: #373737; } 
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts { margin-left: auto; }
    #button-menu{transform: rotate(0deg); border-right:0px; border-left:1px solid #E1E1E1;}
}

@media(max-width:960px) {
    .menutxt{ display:none;}
    #usertitulo{ display:none;}
    .arrow{ display:none;}
    #page-wrapper{margin-left:50px;}
    .sidebar{width: 50px; }
    .nav-second-level{ position:absolute; left:50px; top: 0px; width: 200px;}
/*    .titulosub{ display:inline;}*/
    #button-menu{transform: rotate(180deg); border-right:1px solid #E1E1E1; border-left:0px;}
}  



@media(max-width:767px) {
/*    .titulosub{ display:none !important; }*/
    .menutxt{ display:inline !important;}
    #page-wrapper{margin-left:0px !important;}
    .arrow{ display:inline !important;}
    .sidebar{width: 100% !important; }
    .nav-second-level{
       position: initial !important;
       left: 0px !important;
       top: 0px !important;
       width: auto !important;
    }
}

  

#user h4 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; color: #FFFFFF; margin-top: 0px;
margin-bottom: 0px; font-weight: bold; }

.usersysname { font-size: 14px; color: #ddd; }

#side-menu li i { font-size: 18px;}

#side-menu li > a { position: relative; display: block; padding: 10px 15px; color: #C4C4C4;; }
#side-menu li > a:hover { position: relative; display: block; padding: 10px 15px; color: #fff; }


.nav > li > a:focus, 
.nav > li > a:hover { text-decoration: none; background-color: #000000;  }


.navtop > li > a:focus, 
.navtop > li > a:hover { text-decoration: none; background-color: #E1E1E1; }

.navbar-collapse { width: auto; box-shadow: none; }

.navbar-default { border-radius: 0px; }

.nav { border-right: solid 0px #373737;}
.thright { text-align: right }


 

.navbar-default {
-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075); */
}


   

body { background-color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #666666; }

#wrapper {width: 100%; }

#page-wrapper { padding: 0 15px; min-height: 568px; background-color: #fff; }

.page-padding { padding: 5px;}

@media(min-width:768px) {
    #page-wrapper { position: inherit; margin: 0 0 0 250px; padding: 0 30px; border-left: 1px solid #e7e7e7;}
}


default:focus, .btn-default:hover { background-position: 0 0px; }
primary:focus, .btn-primary:hover { background-position: 0 0px; }
success:focus, .btn-success:hover { background-position: 0 0px; }
info:focus, .btn-info:hover { background-position: 0 0px; }
warning:focus, .btn-warning:hover { background-position: 0 0px; }
danger:focus, .btn-danger:hover { background-position: 0 0px; }




 

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


 

.text-blue   { color: #337ab7; }
.text-green  { color: #5cb85c; }
.text-greenstrong  { color: #348434; }
.text-red    { color: #d9534f !Important; }
.text-yellow { color: #f0ad4e; }
.text-white  { color: #ffffff; }
.text-gray   { color: #666666  }
.text-pink   { color: #FF6699; }
.text-bluesky   { color: #0099CC; }

.b-gray   { background-color: #999999;  }
.b-blue   { background-color: #337ab7; } 
.b-green  { background-color: #5cb85c; }
.b-red    { background-color: #d9534f; }
.b-yellow { background-color: #f0ad4e; }
.b-white  { background-color: #ffffff; }


.back-blue   { background: #337ab7; } 
.back-green  { background: #5cb85c; }
.back-red    { background: #d9534f; }
.back-yellow { background: #f0ad4e; }
.back-white  { background: #ffffff; }


.uppercase {text-transform: uppercase; }
.lowercase {text-transform: lowercase; }
.capitalize {text-transform: capitalize; }



 

.panelid { font-size: 14px; font-family: "Open Sans",sans-serif; color: #848484; display: inline-block; width: 100%; }
.panelid-titol { margin: 5px 0px 5px 0px; border: 1px dashed #888888; line-height: 1.5em; padding: 5px 10px 0px 10px; }


 

.strong { font-weight: bold; }
.text-medium { font-size: 25px; line-height: 25px;}
.text-normal { font-size: 15px; line-height: 15px;}
.text-condensed { letter-spacing: -2px; }


@media(min-width:768px) {
  .margin-none { margin: 0 !important; }
}

@media(min-width:768px) {
  .padding-none { padding: 0 !important; }
}

@media(min-width:768px) {
  #panelmarg { margin-right: 0px;  margin-left: 0px; }
  #panelmargp { margin-right: 0px;  margin-left: 0px; padding-left: 0px;}
  #panelpadd { margin-right: 0px;  margin-left: 0px; }
}

@media(max-width:768px) {
  #panelmarg {  margin-right: 5px;   margin-left: 5px;}
  #panelmargw {  margin-right: 5px;   margin-left: 5px;}
  #panelmargp {  margin-right: 5px;   margin-left: 5px;}
  #panelpadd { padding-right: 5px;  paddingleft: 5px; }
}

hr.dotted { height: 0px; border-bottom: 1px dotted #DDD; }
hr.short { margin: 11px 0px; }


 

.btn-circlemini { width: 20px; height: 20px; padding: 4px 0; border-radius: 15px; text-align: center; font-size: 11px;
line-height: 0.728571429; }


 

.btn-sub-data {display: inline-block; margin-bottom: 10px;  margin-top: 10px; width:100%; padding-right:5px; }


 

.cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
.cursor-e-resize { cursor: e-resize; }
.cursor-grab { cursor: grab; }
.cursor-help{ cursor: help; }
.cursor-move { cursor: move; }
.cursor-n-resize { cursor: n-resize; }
.cursor-ne-resize { cursor: ne-resize; }
.cursor-nw-resize { cursor: nw-resize; }
.cursor-pointer { cursor: pointer; }
.cursor-progress { cursor: progress; }
.cursor-s-resize { cursor: s-resize; }
.cursor-se-resize { cursor: se-resize; }
.cursor-sw-resize { cursor: sw-resize; }
.cursor-text { cursor: text; }
.cursor-w-resize { cursor: w-resize; }
.cursor-wait { cursor: wait; }
.cursor-not-allowed{ cursor: not-allowed; }
.cursor-no-drop { cursor: no-drop; }
.cursor-crosshair { cursor: crosshair; }


  

.btn-defaultradiob:focus, .btn-defaultradiob:hover { background-color: #e0e0e0 !important; background-position: 0 -15px; }
.btn-defaultradiob.active, .btn-defaultradiob:active { background-color: #337ab7 !important; border-color: #2e6da4 !important; color: #ffffff !important; text-shadow: 0 0px 0 #fff;}

.btn-defaultradiored:focus, .btn-defaultradiored:hover { background-color: #e0e0e0 !important; background-position: 0 -15px; }
.btn-defaultradiored.active, .btn-defaultradiored:active { background-color: #d9534f !important; border-color: #d43f3a !important; color: #ffffff !important; text-shadow: 0 0px 0 #fff;}


.btn-defaultradiog:focus, .btn-defaultradiog:hover { background-color: #e0e0e0 !important; background-position: 0 -15px; }
.btn-defaultradiog.active, .btn-defaultradiog:active { background-color: #5cb85c !important; border-color: #4cae4c !important; color: #ffffff !important; text-shadow: 0 0px 0 #fff;}


  

.fa-lgact {  font-size: 1.6em;}


  
.input-group-addonart {  padding: 6px 4px; }



  
.form-group input[type="checkbox"] { display: none; padding: }
.form-group input[type="checkbox"] + .btn-group > label span {  display: inline;width: 20px; }
.form-group input[type="checkbox"] + .btn-group > label span:first-child {display: none; }
.form-group input[type="checkbox"] + .btn-group > label span:last-child { display: inline-block; }
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child { display: inline-block; }
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child { display: none; }
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  border: 1px solid #ccc;}
.btn-default.active, .btn-default:active {  background-color: #fff; color: #0d6bb1;}


 


 

.list-group-item-line { height: 100%;  width: 100%;   position: relative;   display: table;  padding: 10px 15px;  margin-bottom: -1px;  background-color: #fff;  border: 1px solid #ddd;}

.list-group-item-line.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}


.list-group-item-line.active,.list-group-item-line.active:focus,.list-group-item-line.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item-line.active .list-group-item-line-heading,.list-group-item-line.active .list-group-item-line-heading>.small,.list-group-item-line.active .list-group-item-line-heading>small,.list-group-item-line.active:focus .list-group-item-line-heading,.list-group-item-line.active:focus .list-group-item-line-heading>.small,.list-group-item-line.active:focus .list-group-item-line-heading>small,.list-group-item-line.active:hover .list-group-item-line-heading,.list-group-item-line.active:hover .list-group-item-line-heading>.small,.list-group-item-line.active:hover .list-group-item-line-heading>small{color:inherit}.list-group-item-line.active .list-group-item-line-text,.list-group-item-line.active:focus .list-group-item-line-text,.list-group-item-line.active:hover


 


 

.help-block-text { padding-left:5px; color: #337ab7; font-weight: bold;}
.help-block-fa { padding-left:5px; font-size: 14px; color: #337ab7; }


 



 

.tabswf { background-color: #f4f4f4; color: #555; font-size: 1.125em; font-weight: 300; outline: medium none; }
.tabswf > li > a:hover { background-color: #ebeced ; }


 


 

@media(min-width:768px) { 
    #titolmar { padding-right: 0px;  padding-left: 0px;}
}

@media(max-width:768px) {
    #titolmar { padding-right: 5px;  padding-left: 5px;}
}

.page-header-titol { font-family: "Open Sans",sans-serif; color: #848484; display: inline-block; margin-bottom: 15px;     margin-top: 10px; border-bottom: 1px solid #EEE; padding-bottom: 10px; width:100%; }

.titolpage { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 26px; color: #848484; display: inline-block; margin-bottom: 0px; margin-top:0px; }

.titolpagesub { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 18px; color: #428bca; display: inline-block; margin-bottom: 0px; margin-top:0px; }



 


 

@media(min-width:768px) {
    #wellsearch { min-height: 20px; padding: 3px 19px 5px 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
}

@media(max-width:768px) {
    #wellsearch { min-height: 20px; padding: 3px 19px 5px 19px; margin-bottom: 20px; margin-left:5px; margin-right:5px;
background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
}

.page-subheading { border-bottom: 1px solid #cbcbcb; color: #428bca; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: bold; line-height: normal; margin-bottom: 12px; padding: 0 0 5px; text-transform: uppercase; }

.labelsearch { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #666666; }


 


 
.wsearcg { text-align: left; padding-left: 20px;}


 


 

.wellselect { min-height: 20px; margin: 10px; }
.wellselectfcol { padding:5px; }
.wellselectf { min-height: 20px; margin-left: 10px; margin-right: 10px; padding-top: 0px; padding-right: 10px; padding-left: 10px; margin-top: 0px; }

.labelorder { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #666666; }



 


 


 

.panel-default .panel-heading { color: #FFF; background: #479CCF; font-size: 16px; font-weight: 100% display: inline-block; }


 


 


@media only screen and (max-width: 768px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { display: block; }
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	/* Behave  like a "row" */
	#no-more-tables td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; }
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px; left: 6px; width: 45%;  padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; }
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

.tablemarl { padding-right: 0px; padding-left: 0px; }


 

.titoltabletr { color: #0d6bb1;  font-family: Verdana,Arial,Helvetica; font-weight: bold; }

.titoltable { background-color: #ffffff; border: 1px solid #d6d4d4; border-radius: 4px; color: #394049; font-family: Verdana,Arial,Helvetica; font-size: 8pt; font-weight: bold; padding: 5px 5px; margin: 10px 0; display: inline-block; width: 100%;
} 



 


 


 

.badgetotal{ display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; }

.paginationtotal { background-color: #ffffff; border: 1px solid #d6d4d4; border-radius: 4px; color: rgb(51, 122, 183); font-family: Verdana,Arial,Helvetica; font-size: 8pt; font-weight: bold; padding: 5px 5px; margin: 10px 0; display: inline-block; }


 

.pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; }



 


 


 


@media(min-width:768px) {
  .not { margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
}

@media(max-width:768px) {
  .not {  margin-top: 0px; margin-right: 5px;   margin-left: 5px;}
}



 


 

.notdangerpop { box-shadow: 1px 1px 2px rgba(0,0,0,0.2); margin-bottom: 12px; overflow: hidden; padding: 0px;
  border-radius: 0px 0px 0px 0px; border-top: 1px solid #ddd; }

.notdanger { margin-left: 55px; margin-bottom: 10px;}

.notdangertitol { color:#005591; font-size: 14px; font-weight: bold; }

.notdangericonline { color:#a94442; font-size: 16px; }

.notdangertext { color:#a94442; font-size: 12px; font-weight: bold; }

.notdangercolor { border-left: 10px solid #c00; float: left; }

.notdangericon {color: #c00; margin-top: 3px !important; padding:10px;float: left;}

p.notp { padding: 3px 3px 4px; margin: 0 0 0px;} 



 


 

.paneldash { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}

.paneldash-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.paneldash-footer { padding: 8px 8px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; font-size: 14px; font-weight: bold;}

.huge { font-size: 40px; }
.hugetitle { font-size: 14px; }


.paneldash-blue>.paneldash-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; }
.paneldash-blue { border-color: #337ab7; }
.paneldash-blue a { color: #337ab7; text-decoration: underline;}
.paneldash-blue a:hover { color: #23527c; text-decoration: underline;}

.paneldash-green { border-color: #5cb85c; }
.paneldash-green .paneldash-heading { border-color: #5cb85c; color: #fff; background-color: #5cb85c; }
.paneldash-green a { color: #5cb85c; text-decoration: underline;}
.paneldash-green a:hover { color: #3d8b3d; text-decoration: underline;}


.paneldash-red { border-color: #d9534f; }
.paneldash-red .paneldash-heading { border-color: #d9534f; color: #fff; background-color: #d9534f; }
.paneldash-red a { color: #d9534f; text-decoration: underline;}
.paneldash-red a:hover { color: #b52b27; text-decoration: underline;}


.paneldash-yellow { border-color: #f0ad4e; }
.paneldash-yellow .paneldash-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; }
.paneldash-yellow a { color: #f0ad4e; text-decoration: underline;}
.paneldash-yellow a:hover { color: #df8a13; text-decoration: underline;}



.paneldash-yellow2 { border-color: #A4A400; }
.paneldash-yellow2 .paneldash-heading { border-color: #A4A400; color: #fff; background-color: #A4A400; }
.paneldash-yellow2 a { color: #A4A400; text-decoration: underline;}
.paneldash-yellow2 a:hover { color: #A4A400; text-decoration: underline;}


.paneldash-granate { border-color: #990033; }
.paneldash-granate .paneldash-heading { border-color: #990033; color: #fff; background-color: #990033; }
.paneldash-granate a { color: #990033; text-decoration: underline;}
.paneldash-granate a:hover { color: #990033; text-decoration: underline;}



.widget-head { background: none repeat scroll 0% 0% #F7F7F7; border-bottom: 1px solid #E2E1E1; height: 35px; line-height: 35px; position: relative; padding: 0px 14px 0px 0px; overflow: hidden; }
.heading { margin: 0px; font-size: 14px; height: 35px; line-height: 35px; padding: 0px 14px; font-weight: 700; float: left; }


.box-insert { border: 1px solid #d6d4d4; padding-bottom: 10px; padding: 0px 10px 10px 10px; margin: 10px 0 10px 0; }


 


 

.icontacolor {color: #337ab7; font-size: 1.75em;}
.icontaact { font-size: 1.4em;}

@media(max-width:768px) {
  .tablemg {min-height:45px; line-height: 1.42857143;}
}

.btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; }


 


 

.panel-bodymarform { padding: 5px; }



 


 


.dropdown-menucpp { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); height: 300px; overflow: auto; display:none; }

.buttong{
   display: inline-block; padding: 4px 2px 4px; color: #FFF; text-decoration: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 0px; position: relative; cursor:pointer; font-weight:bold; background-color: #888888; -webkit-appearance: none; border-radius: 0;
}

.buttong:link { background-color:  #2981E4;  }
.buttong:hover { background-color:  #2981E4;  }
.buttong:active{ top: 1px;  background-color: #2981E4; }

table.buscador thead tr{ background-color: #EFEFEF; color: #0D6BB1; border-bottom: 1px solid #CCCCCC; font-size: 12px;
font-weight: bolt; padding: 2px 0px 2px 2px; }

table.buscador tbody tr{ background-color:#ffffff; color:#000000; cursor:pointer; font-family: Verdana, Arial, Helvetica; font-size: 8pt; }

table.buscador tbody tr:hover{ background-color:#FFF1B5; color:#000000; cursor:pointer; font-family: Verdana, Arial, Helvetica;font-size: 8pt; }

.img-thumbnailpetslist {display: inline-block; max-width: 100%; width: 45px; height: 40px; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.panelfm-roundedimg { border-radius: 5px; width: 100%; }
.panelfm-panel {background-color: rgba(204, 204, 204, 0.04); border: 1px solid #E2E1E1; margin-bottom: 15px; 
box-shadow: 0px 2px 0px 0px #DBDBDB;}

.panelfm-bg-mascota {color: #fff;   padding: 3px 3px 3px 3px; margin-bottom: 0px;}
.panelfm-bg-cliente {color: #fff;   padding: 3px 3px 3px 10px; margin-bottom: 0px;}


.panelfm-bg-consult {color: #fff;  padding: 10px; margin-top: 10px; text-align: center;  border-radius: 5px;}




.panelfm-texttitol {font-weight: bold;}

.panelfm-icon-compose { font-size: 1.9em; font-weight: none;}
.panelfm-titolcl { font-size: 0.8em; font-weight: none; margin: 0px; padding-left: 12px;}


.widgetfmweight { background: none repeat scroll 0% 0% #FFF; margin: 0px auto 14px; position: relative; border: 1px solid #E2E1E1; box-shadow: 0px 2px 0px 0px #DBDBDB; }



@media (min-width: 768px){
.innerAll { padding: 14px; position: relative; }
}


@media (max-width: 767px){
.innerAll { padding: 14px; position: relative; margin-left: 15px;}
}



.control-label { text-align: right; margin-bottom: 0; padding-top: 9px; }


 

.cbp_tmtimeline {margin: 5px 0 0 0; padding: 0; list-style: none; position: relative; } 

/* The line */
.cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 6px; background: #afdcf8; left: 153px; margin-left: -10px; }


 

/* The date/time */
.cbp_tmtimeline > li { position: relative; }


 
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 105px; position: absolute; }

.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; }

.cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size: 1.3em; color: #999; font-weight: bold;}

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.5em; color: #3594cb; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #6cbfee; }

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 190px; background: #3594cb; color: #fff; padding: 1em; font-size: 1.2em; font-weight: 300; line-height: 1; position: relative; border-radius: 5px; }


 


 
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background: #FFFFFF; border: solid 1px #999; color: #999; }

.cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid  gba(255,255,255,0.4); }

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; 	height: 0; 	width: 0; position: absolute; pointer-events: none; border-right-color: #3594cb; border-width: 10px; top: 10px; }


 
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #999; }


/* The icons */
.cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 40px; font-family: 'ecoico'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #46a4da; border-radius: 50%; box-shadow: 0 0 0 5px #afdcf8; text-align: center; left: 150px; top: 0; margin: 0 0 0 -25px;
}


 


/* Example Media Queries */
@media screen and (max-width: 65.375em) {
	.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.5em; }
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before { display: none;	}

	.cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; }

	.cbp_tmtimeline > li .cbp_tmtime span {	text-align: left; }

	.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 1em; font-weight: 400; 	font-size: 95%; 	}


 

 

	
 

	.cbp_tmtimeline > li .cbp_tmicon { position: relative; float: right; left: auto; margin: -55px 5px 0 0px; }	
}

.titolconvet {margin-top: 0px; margin-bottom: 6px;}

.timeline-footer { background-color: #f4f4f4; padding: 5px; border: 1px solid #ddd; }

.historyconslt { margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #DBDBDB; }

.widgetfmweightpc { margin-bottom: 16px; border-radius: 3px; padding-box #FFF; box-shadow: 0px 2px 0px 0px #DBDBDB; border: 1px solid #E7EBEE; }


 


 


.list-group-form { margin-bottom: 20px; padding-left: 0px; min-width:185px; }

.list-group-item-titol { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #FFF; border: 1px solid #DDD; background-color: #337AB7; border-color: #337AB7; border-top-right-radius: 4px; border-top-left-radius: 4px; z-index: 2; color: #FFF; font-weight: bold; font-size: 12px;  }

.list-group-item-btn { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #FFF; border: 1px solid #DDD; color: #555; text-decoration: none; width:100%; font-weight: bold; text-align: left; }

.list-group-item-btn:active,
.list-group-item-btn:hover, 
.list-group-item-btn:focus { text-decoration: none; color: #555555; background-color: #f5f5f5;  }
.list-group-item-btn:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }


 
.notainformacion { position: relative; padding: 24px; border: 1px #ccc solid; margin: 20px 0 5px 0; border-radius: 2px; color: #575757; border-color: #337ab7;}

.notainformacion h4 { position: absolute; padding: 0 4px; color: #337ab7; margin: -36px 0 12px -10px !important; font-size: 13px; background: white; vertical-align: top; font-family: "ProximaNovaSemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; border: none !important; }

.panelbodymg {padding: 0px; !important }



.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
} 


.popover-title { padding: 8px 14px;  margin: 0; font-size: 14px; background-color: #337ab7; border-bottom: 1px solid #337ab7; border-radius: 5px 5px 0 0;  color: #ffffff; }
 
 

@media (min-width: 845px) {
.tblh {height: 43px;}
} 

 @media (max-width: 845px) {
.tblh {height: 35px;}
}
  

 .modal-header-primary {
color:#fff;  padding:9px 15px; border-bottom:1px solid #eee; background-color: #428bca; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.modal-header-success {
 color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #5cb85c; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.modal-header-warning { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #f0ad4e; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.modal-header-danger {
color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #d9534f; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.modal-header-info {
color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #5bc0de; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}


 

.modal-header-del {
color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #d9534f; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.modal-header-deltam { font-size:15px; color: #848484; font-weight: bold; }
.modal-header-deltitol { font-size:15px; color: #337ab7; font-weight: bold; }



 

.modal-header-mod {
color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #337ab7; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}



 


.notice { padding: 15px; background-color: #fafafa; border-left: 6px solid #7f7f84; margin-bottom: 10px; -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2); box-shadow: 0 5px 8px -6px rgba(0,0,0,.2); font-size: 14px;}
.notice-xs { padding: 10px; font-size: 80%;}
.notice-sm { padding: 10px; font-size: 12px;}
.notice-lg { padding: 35px; font-size: large;}
.notice-success { border-color: #80D651;}
.notice-success>strong { color: #80D651;}
.notice-info { border-color: #45ABCD;}
.notice-info>strong { color: #45ABCD;}
.notice-warning { border-color: #FEAF20;}
.notice-warning>strong {color: #FEAF20;}
.notice-danger { border-color: #d73814;}
.notice-danger>strong { color: #d73814;}
  * {
  @include box-sizing(border-box);
}

$pad: 20px;

.grid {
  background: white;
  margin: 0 0 $pad 0;
  
  &:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both;
  }
}

[class*='colchart-'] {
  float: left;
  padding-right: $pad;
  .grid &:last-of-type {
    padding-right: 0;
  }
}
.colchart-2-3 {
  width: 66.66%;
}


.colchart-1-1 {
  width: 100%;
}
.colchart-1-2 {
  width: 50%;
}

.colchart-1-3 {
  width: 33.33%;
}

.colchart-1-4 {
  width: 25%;
}
.colchart-1-8 {
  width: 12.5%;
}

/* Opt-in outside padding */
.grid-pad {
  padding: $pad 0 $pad $pad;
  [class*='colchart-']:last-of-type {
    padding-right: $pad;
  }
}
.chart {
  width: 100%; 
  height: 300px;
}
  .material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}