/* PALETTE  background-image: url("../media/fundo.png"); background-position: top center; background-repeat: no-repeat;*/
	.white {color:#FFFFFF !important;}
	.black {color:#000000 !important;}
	.greydark {color:#616161 !important;}
	.greylight {color: #A7A9AC !important;}
	.greysuperlight {color:#EEEEEE !important;}
	.bluegreen {color:#66CAC4 !important;}
	.bluegrey {color:#E5EDEF !important;}
	.bluelight {color:#01A8CA !important;}
	.bluedark {color:#014E60 !important;}
	.red {color:#ed1c34 !important;}
	.green {color:#1ED760 !important;}
	.yellow {color:#FFCE43 !important;}


	.white_bg {background-color: white !important;}
	.bluegreen_bg {background-color: #66CAC4 !important;}
	.bluegrey_bg {background-color: #E5EDEF !important;}
	.bluelight_bg {background-color:#01A8CA !important;}
	.bluedark_bg {background-color:#014E60 !important;}

/* FONTS */

	body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: 'Open Sans', sans-serif !important; font-weight:300;
		color:#616161;
	}

	.strong {font-weight: bold;}

	.container-fluid {padding-bottom:40px;}

	.h1, h1 {font-size:30px; font-weight: 600;}
	.h2, h2 {font-size:24px;}
	.h3, h3 {font-size:21px;}
	.h4, h4 {font-size:18px;}
	.h5, h5 {font-size:16px;}
	.h6, h6 {font-size:12px;}

	body {font-size:14px;}

/* LINKS */

	a {color:#01A8CA;}
	a:hover {color:#616161;}

	a.dropdown-toggle {color:white !important;}
	a:hover.dropdown-toggle {color:#616161 !important; background-color: transparent !important;}
	a:focus.dropdown-toggle {color:#616161 !important; background-color: transparent !important}

	.action_box > a:hover {color:#616161 !important;}
	.logout {font-size:16px; font-weight: 300; font-family: "Open Sans", sans-serif; cursor:pointer;}

	.badge-wrapper {
	    position:relative;
	    float:left;
	    margin-top:5px;
	}

	a {   
	    text-align:left;
	    vertical-align:middle;
	}
	.badge {
	    width: auto;
	    height: auto;
	    background-color: #fa3e3e;
	    font-size:8px;
	    margin: 0;
	    border-radius: 50%;
	    position:absolute;
	    top:-5px;
	    right:-2px;
	    padding:5px;
	}


	.badge-wrapper2 {
	    position:relative;
	    float:left;
	}

	a {   
	    text-align:left;
	    vertical-align:middle;
	}
	.badge2 {
	    width: auto;
	    height: auto;
	    font-weight:bold;
	    background-color: #ED1C34;
	    font-size:8px;
	    margin: 0;
	    border-radius: 50%;
	    position:absolute;
	    top:-5px;
	    right:-5px;
	    padding:2px 4px 2px 4px;
	}

/* STRUCTURE */

	.general_box {padding: 10px 25px 10px 25px; background-color: #E5EDEF; margin-bottom: 20px;
	border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: 0px solid #ffffff;}

	/* TEMPLATE STUFF */
	.header {
		width:100%; position: fixed; z-index:10; background-color:white;

	}

	.footer {font-size: 10px; padding-top: 3px; padding-bottom: 3px;
		position:fixed; right:0; bottom:0; width: 100%;}

	.header_options {
		height: 75px;
		background-color: #01A8CA;
		color:white;
		font-size:14px;
		margin-bottom:10px;
	}

	.header_col {height: 75px;}

		.logo_box {
			background-color: white;
			max-width: 240px;
			-webkit-box-shadow: 3px 3px 3px 0px rgba(212,212,212,1);
			-moz-box-shadow: 3px 3px 3px 0px rgba(212,212,212,1);
			box-shadow: 3px 3px 3px 0px rgba(212,212,212,1);
		}

		.user_box { 
			display: flex;
	  		align-items: center;
	  	}

		.photo_box > img {width: 40px; margin-right: 10px;}

		.profile_photo_box {

			max-width:200px; 
			border:2px solid #EEEEEE;
			border-radius: 50% 50% 50% 50%; 
			-moz-border-radius: 50% 50% 50% 50%; 
			-webkit-border-radius: 50% 50% 50% 50%;
		}

		.profile_photo_box_mini {

			max-width:100px; 
			border:2px solid #EEEEEE;
			border-radius: 50% 50% 50% 50%; 
			-moz-border-radius: 50% 50% 50% 50%; 
			-webkit-border-radius: 50% 50% 50% 50%;
		}

		.profile_photo_box_client {

			max-width:200px; 
			border:2px solid #EEEEEE;

		}

		.action_box {
			display: flex;
	  		align-items: center;
	  		justify-content: flex-end;
		}

		.action_box a {margin-left:10px;margin-right:5px; cursor:pointer;}


	.submenu {margin-top:40px;height:30px; padding-left: 45px; padding-right: 45px;}
	
	.submenu_box > ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    padding-top:10px;
	 }

	.submenu_box > ul > li {  
		float: left; border-right: solid 1px #616161;
		padding-left:  10px;
	    padding-right: 10px; }

	.submenu_box > ul > li > a.active {  color:#01A8CA !important; font-weight: 400;}

	.submenu_box > ul > li:first-child { border-left: none; padding-left:10px;}

	.submenu_box > ul > li:last-child { border-right: none;}

	.submenu_box > ul >li a {
	    display: block;
	    color: #616161;
	    text-align: center;

	    text-decoration: none;
	}

	.submenu_box > ul > li a:hover {
	    color: #01A8CA;
	}

	.contents {padding-top:100px; height:500px; padding-left: 45px; padding-right: 45px;}


	/* LOGIN STUFF */
	.login_box {
		width:350px;
		padding: 30px 45px 30px 45px;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: 0px solid #ffffff;
		background-color:#fff;
		margin:50px auto;
	}

	.login_box_text  {
		font-weight: 300;
		font-size:12px;	
		color:#616161;
	}

	h1.login_box_text  {
		font-weight: 300;
		font-size:21px;
		color:#616161;
	}

	h2.login_box_text  {
		font-weight: 300;
		font-size:16px;
		color:#616161;
	}

	form.login_form {padding-top: 15px;}

	#errplace {
		margin-top:5px;
		margin-bottom:5px;
		margin-left:-45px;
		margin-right: -45px;
		padding:15px 45px 15px 45px;
		color:#ed1c34;
		font-size:12px;
		display:none;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: 0px solid #ffffff;
	}

	.errplace_form {
		margin-left:0px !important;
		margin-right:0px !important;
	}

	.fatext {font-family: "Open Sans", sans-serif !important; font-weight: 600 !important; margin-top:-1px; }

	.btn_f, #btn_register, #btn_login, #btn_recover, #btn_setpassword {width: 100%; margin:5px 0px 10px 0px;}

	a.btn_popup {font-size:12px !important;}


	.error {
		font-family: "Open Sans", sans-serif !important; font-weight: 300 !important; 
		color:#ed1c34 !important;
		font-size:12px !important;
	}

	input.error {font-size:14px !important;}
	
	.input-error {
	  border-color: #ed1c34;
		  /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .6);
	  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .6);*/
	}

/* FORMS */


	/*
	.padding-tb-form {padding-top:10px; padding-bottom: 10px;}
	.padding-tb-form2 {padding-top:30px; padding-bottom: 30px;}
	*/

	label.checkbox-inline {padding-top:5px; padding-right: 20px;}
	label { font-family: 'Open Sans', sans-serif!important; font-size:14px; color:#616161 !important; font-weight: 300 !important;}


	.form-control {
		border: #616161 1px solid;
		color: #616161;
	}

	.form-control:focus {
		border-color: #014F60;
		-webkit-box-shadow: 0px 0px 8px -2px rgba(1,79,96,0.85);
		-moz-box-shadow: 0px 0px 8px -2px rgba(1,79,96,0.85);
		box-shadow: 0px 0px 8px -2px rgba(1,79,96,0.85);
	}

	.form-control::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif!important; color: #A7A9AC; font-size:12px; }
	.form-control:-moz-placeholder { font-family: 'Open Sans', sans-serif!important;color: #A7A9AC;  font-size:12px; }
	.form-control::-moz-placeholder {font-family: 'Open Sans', sans-serif!important; color: #A7A9AC;  font-size:12px; }
	.form-control:-ms-input-placeholder { font-family: 'Open Sans', sans-serif!important; color: #A7A9AC;  font-size:12px; }

	.form-control[disabled] {
	   color:#616161!important;
	   opacity: 1 !important;
	   background-color: #EEEEEE !important;
	   border: #616161 1px solid!important;
	   box-shadow:none !important;
	}


	.btn {border-radius: 5px 5px 5px 5px; }

	.btn-default {
		font-size: 14px;
		color: #FFFFFF;
		background-color: #01A8CA;
		border: #01A8CA 1px solid;
	}


	.btn-default:focus, .btn-default.focus {
		  color: #FFFFFF;
		  background-color: #A7A9AC;
		  border:  #A7A9AC 1px solid;
	}

	.btn-default:hover {
		  color: #FFFFFF;
		  background-color: #A7A9AC;
		  border:  #A7A9AC 1px solid;
	}

	.btn-default[disabled],.btn-default[disabled]:hover  {
       color:#FFFFFF !important;
       opacity: 1;
       background-color: #01A8CA !important;
       border: #01A8CA 1px solid !important;
       box-shadow:none !important;
    }

	/*SELECT PICKER*/

	.btn-select {
		font-weight: 300 !important;
		font-size: 14px;
		color: #616161;
		background-color: #FFFFFF;
		border: #616161 1px solid;
	}


	.btn-select:focus, .btn-select.focus {
		  color: #FFFFFF;
		  background-color: #01A8CA;
		  border:  #616161 1px solid;
	}

	.btn-select:hover {
		  color: #FFFFFF;
		  background-color: #01A8CA;
		  border:  #616161 1px solid;
	}



	/* DATE PICKER */
	.input-group-addon {
		background-color: #01A8CA ;
		color: #fff ;
		border: 1px solid #616161;
	}

	/* FILE INPUT */
	.btn-file {
	    position: relative;
	    overflow: hidden;
	}
	.btn-file input[type=file] {
	    position: absolute;
	    top: 0;
	    right: 0;
	    min-width: 100%;
	    min-height: 100%;
	    font-size: 100px;
	    text-align: right;
	    filter: alpha(opacity=0);
	    opacity: 0;
	    outline: none;
	    background: white;
	    cursor: inherit;
	    display: block;
	}


	/* TABLES */

	.table > tbody > tr > td {
	     vertical-align: middle;
	}

	.table > tbody > tr > td.nowrap {white-space: nowrap;}

	.table-striped>tbody>tr:nth-child(odd)>td,
	.table-striped>tbody>tr:nth-child(odd)>th {
		background-color: #EEEEEE;
	}

	.table-striped>tbody>tr.active:nth-child(odd)>td,
	.table-striped>tbody>tr.active:nth-child(odd)>th,
	.table>tbody>tr.active>td,
	.table-striped>tbody>tr.active>th {
		background-color: #014E60; color: white;
	}

	.table-hover > tbody > tr:hover > td, 
	.table-hover > tbody > tr:hover > th {
	  background-color: #A7A9AC;}

	.table-hover > tbody > tr.active:hover > td, 
	.table-hover > tbody > tr.active:hover > th {
	  background-color: #014E60;}
	
	.table-all-centered > tbody > tr > td {text-align: center;}
	.table-all-centered> thead > tr > td {text-align: center;}
	.table > thead > tr > th {text-align: center; font-size:11px !important; }
	
	.cell_left { text-align: left !important; }
	.cell_center { text-align: center !important; }
	.cell_right { text-align: right !important; }

	/* POP UPS */
	.popup {
		position: relative;
		background-color: #fff;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: 0px solid #ffffff;
		padding: 15px 10px 10px 17px;
		margin: 0 auto;
		color: #616161;
		text-align: left;
		max-width: 800px;
	}

	.popup_msgbox {
	  	width: 360px;
	}

	.popup_form {
	  	width: 600px;
	}

	.popup_colab {
	  	width: 700px;
	}
	.popup_notification { width: 400px; }

	.popup_header {height:55px; border-bottom:2px solid #EEEEEE; display: flex; justify-content: space-between;}
	.popup_logo {width:110px; }
	.popup_label { display: flex; align-items: flex-end; color:#01A8CA; }
	.popup_contents { padding: 30px 25px 20px 25px;}


	#popup_terms {
		padding:20px 20px 20px 20px;
	  	font-size:12px;
	}

	 /* Tooltip */
	.tooltip.bottom .tooltip-inner  {
	 
		max-width:310px;
		 
		padding:3px 8px;
		 
		color:#FFF;
		 
		text-align:center;
		 
		background-color:#A7A9AC;
		 
		border-radius:5px
	 
	}

	.tooltip-arrow {  
	    top:0;
	    left:50%;
	    margin-left:-5px;
	    border-left:5px solid transparent;
	    border-right:5px solid transparent;
	    border-bottom:5px solid #A7A9AC !important;}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	
	

	.submenu {margin-top:40px;height:30px; padding-left: 45px; padding-right: 45px;}
}

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: 992px) { 

	.contents {padding-top:160px;}

	.header_options {
		height: 75px;
		background-color: #01A8CA;
		color:white;
		font-size:14px;
		margin-bottom:80px;
	}

	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	

	
}