@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');

@keyframes fadein {
	from {
			opacity: 0;
	}
	to {
			opacity: 1;
	}
}
@-moz-keyframes fadein { /* Firefox */
	from {
			opacity: 0;
	}
	to {
			opacity: 1;
	}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
			opacity: 0;
	}
	to {
			opacity: 1;
	}
}
@-o-keyframes fadein { /* Opera */
	from {
			opacity: 0;
	}
	to {
			opacity: 1;
	}
}

body{
	font-family: 'Ubuntu', sans-serif !important;
	background-color: white;
}

html,
body{
	min-height:100%;
	height:100%;
}

.panel-body{
	margin-bottom: 0;
	padding: 15px 0;
}

.container.body:after,
body:after,
html:after{
	display:none !important;
}

.principal{
	margin-top:0;
}

.hidden {
	display: none;
}

/* MENU */

.menu_ph{
	display: block;
	background-image: url("/images/erjart/bg_menu.jpg");
	background-size: 125vh;
	background-position: center top;
	min-height: 100vh;
	overflow: hidden;
}

.menu_ph .buss{
	display: block;
	padding: 10px;
}

.menu_ph .buss .logo{
	display: inline-block;
	vertical-align: middle;
	width: 85%;
}

.menu_ph .buss .logo img{
	width: 167px;
}

.menu_ph .buss .menu{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 10%;
}

.menu_ph .buss .menu svg{
	vertical-align: middle;
	cursor:pointer;
}

.menu_ph .buss .menu.back{
	fill: #29d3aa;
	fill-rule: evenodd;
}

.menu_ph .buss .menu.foward{

}

.menu_ph .ph_profile{
	display: block;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #335c9a;
	padding: 10px;
}

.menu_ph .ph_profile .top{
	display: flex;
	align-content: center;
	vertical-align: middle;
}

.menu_ph .ph_profile .top .button{
	background-color: #2c3f59;
	border-color: #2abb98;
	padding: 7px;
	border-radius: 99px;
	border-width: 1px;
	box-shadow: none;
	border-style: solid;
	height: 35px;
	position: relative;
	width: 35px;
	vertical-align: middle;
	margin: auto;
	cursor: pointer;
}

.menu_ph .ph_profile .top .button:hover{
	background-color: #2b8d81;
}

.menu_ph .ph_profile .top .button:hover svg{
	stroke: white !important;
}

.menu_ph .ph_profile .top .button svg{
	width: 100%;
	height: 100%;
}

.menu_ph .ph_profile .top .button.logout svg{
	fill: none;
	stroke: #29d3aa;
	stroke-width: 1px;
}

.menu_ph .ph_profile .top .button.alert svg{
	fill: none;
	stroke: #29d3aa;
	stroke-width: 1px;
	fill-rule: evenodd;
}

.menu_ph .ph_profile .top .button.alert .notification{
	position: absolute;
	top: -6px;
	background-color: #e6c370;
	padding: 2px 8px;
	border-radius: 99px;
	right: -11px;
}

.menu_ph .ph_profile .top .button.alert .notification:hover{
	background-color: #f9ca5a;
	color: #bd912c;
}

.menu_ph .ph_profile .top .image{
	vertical-align: middle;
	border-radius: 99px;
	overflow: hidden;
	margin: auto;
}

.menu_ph .ph_profile .top .image img{

}

.menu_ph .ph_profile .infos{
	text-align: center;
	color: white;
	padding: 15px 0 0 0;
}
.menu_ph .ph_profile .infos .welcome{
	color: #2abb98;
}

.menu_ph .ph_profile .infos .name{
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 160px;
	margin:auto;
}

.menu_ph .ph_profile .infos .clinic{
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2.4px;
}

.main_menu i,
.main_menu span.fa{
	display: none !important;
}

.main_menu li a svg{
	fill: none;
	stroke: #29d3aa;
	stroke-width: 1px;
	width: 31px;
	vertical-align:middle;
	margin-right: 5px;
}

.main_menu li.dashboard{

}

.nav.side-menu  li{
	padding: 10px 0;
	cursor:pointer;
}

.nav.side-menu  li:hover a{
	color:#aeffe8;
}

.nav.side-menu  li:hover a svg{
	stroke:#aeffe8;
}

.nav.side-menu  li a{
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 12px;
	color: #29d3aa;
	padding: 10px 15px;
}

.nav.side-menu  li.active > a{
	text-shadow: none;
	box-shadow: none;
	background: transparent;
	font-weight: 600;
	font-size: 13px;
	color:white
}

.nav.side-menu  li.active > a svg{
	stroke:white;
}

.nav.side-menu  li.current-page, .nav.side-menu > li.active{
	border: none;
}

.menu_section{
	margin-bottom:0;
	height: calc(100vh - 232px);
}

.nano > .nano-pane{
	background-color: #2b3956;
}

.nano > .nano-pane > .nano-slider{
	background-color: #2abb98;
}



/* MENU COLAPSADO*/

.collap .left_col{
	width: 50px !important;
}

.collap .right_col{
	width: calc(100% - 50px) !important;
	margin-left: 50px !important;
}

.collap .left_col .menu_ph .buss .logo{
	width: 160px;
	margin: 15px;
}

.collap .menu_ph .buss .menu.back{
	margin: 0px;
	border-top: 1px solid #4870ab;
	width: 100%;
	text-align: center;
	padding: 14px;
	transform: rotateY(180deg);
}

.collap .menu_ph .buss{
	padding: 0;
}

.collap .menu_ph .ph_profile{
	padding: 8px;
	text-align:center
}

.collap .menu_ph .ph_profile .top .image{
	height: 30px;
	width: 30px;
	order: 1;
}

.collap .menu_ph .ph_profile .top .logout{
	margin: 10px auto;
	height: 30px;
	width: 30px;
	order: 2;
}

.collap .menu_ph .ph_profile .top .alert{
	height: 30px;
	width: 30px;
	order: 3;
}

.collap .menu_ph .ph_profile .top .image img{
	width:100%
}

.collap .menu_ph .ph_profile .top{
	flex-direction: column;
}

.collap .menu_ph .ph_profile .infos{
	display:none;
}

.collap .menu_ph .nav.side-menu li{
	text-align: center;
}

.collap .menu_ph .nav.side-menu li a{
	padding: 0;
}

.collap .menu_ph .nav.side-menu li a span{
	display: none;
}

.collap .menu_ph .ph_profile .top .button.alert .notification{
	padding: 0px 6px;
	right: -7px;
}

.left_col{
	position: fixed;
	width: 230px;
	/* z-index: auto !important; */
	z-index: 999999 !important;
}

.right_col{
	min-height: 100vh;
	width: calc(100% - 230px) !important;
	padding:15px 20px !important;
}

.right_col .two_column{
	display: flex;
}

.right_col .row{
	margin-bottom:20px;
}

.right_col .painel{
	padding: 20px;
	background-color: white;
	border-radius: 10px;
	height: 100%;
}

.right_col .painel .top{
	margin-bottom: 20px;
}

.right_col .painel .top .button{
	padding: 5px 20px;
	vertical-align: middle;
	border: 1px solid #d7d7d7;
	border-radius: 99px;
	margin-left: 10px;
	color:#73879c;
	cursor:pointer;
	background-color:white;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:2px;
	box-shadow: none;
	font-size:11px;
}

.right_col .painel .top .button:hover{
	background-color:#e8e8e8;
	color:black;
}

.right_col .painel .top .title{
	display: inline-flex;
	vertical-align: middle;
}

.right_col .painel .top .title span{
	margin: auto 10px auto 10px;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 500;
}

.right_col .painel .top .title svg{
	fill: none;
	stroke: #73879c;
	stroke-width: 1px;
}

.right_col .painel.attendance .boxes{
	display: flex;
	padding: 15px 0;
}

.right_col .painel.attendance .boxes .item{
	width: 100%;
}

.right_col .painel.attendance .boxes .item{
	border-left: 2px solid #e1e1e1;
	padding-left: 10px;
}

.right_col .painel.attendance .boxes .item:first-of-type{
	border-left:none;
	padding-left: 0px;
}

.right_col .painel.attendance .boxes .item .type{
	letter-spacing: 3px;
	font-size: 14px;
}

.right_col .painel.attendance .boxes .item .number{
	font-size: 38px;
	font-weight: 500;
}

.right_col .painel.attendance .boxes .item .result{

}

.right_col .painel.attendance .boxes .item .result span{
	font-weight: 500;
}

.right_col .painel.attendance .boxes .item .result .positive{
	color: #4a8ed6;
}

.right_col .painel.attendance .boxes .item .result .negative{
	color: #e89898;
}

.right_col .painel.attendance .graph{
	height: 200px !important;
	margin-top: 20px;
	position:relative;
}

.right_col .painel.attendance .graph canvas{
	width: 100% !important;
	height: 100% !important;
}

.right_col .painel.attendance .graph:before{
	position:absolute;
	height:100%;
	right: -1px;
	width: 40px;
	content:"";
	display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+80 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.right_col .painel.news{

}

.right_col .painel.news .boxes{
	height: calc(100% - 50px);
}

.right_col .painel.news .boxes .shadow{
	position:absolute;
	display:block;
	width:100%;
	height: 20px;
	opacity:0;
	background-size: cover;
	background-position: top center;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtYAAAAiCAYAAAB7jJ7gAAAFoElEQVR4nO3dW3LbSAyFYchyktmaV+ytJY5tzQsxgY4AdJOSU0Pp/6q6eJF4UZ5OUOj2wcTr6+th2Y3bg5k9yTia2XMY35bxfRk/wvaHmf0T9nX4NX4Pv+cxDH/uIWzje+o+AAAA9uWU7J/M7DNsP83sI4z3ZfxextsyfhXjZ9h/C9u3cI/3MD7Cc32c5P3s5eXl9Dz4YdcE1fiwbuiLxvG0bKvwfGg+AwAAwL5osPZjDdbZcRV+q6HPu/Z9rQvWszebHdkP/pD947J9WrYHO//hHvY9bGdVawAAAOxbVaDVDFltdX9N4NbwPW1NsK4ekv3w0f8itHzvbR7vyfOO9qd6HdtBaAUBAAC4L1UrSJYrtRXkXY5j3uyq2hq29T0s+TyVBeuZFpDs4aNQHX/80c4DdeyZzv5XkoVqKtYAAAD3aVSxroK19kfHsF2F7C5cz1auT2bXtYLMtH3EsnwVqrVPOl4/O3FRgzVBGwAAYD+6jgjfVhMYY3j+bfUERA3XMWTfpB1kbbDOHtL1T3vPtLZ+aJiO9/lY3suv9xVIYqjOqtWEaQAAgP3LQrV2RmTF22x1kBiyNZOO+rDj+0yF7Jlg7TfJgnBXqfZQXVWntUodg7VfH6vVozYQgjUAAMD+dcG6awfJqtY6smX0RpXr7P3SkD0K1rHf2vdn2j+ewtYnJWogtuJabxXp2kAI1QAAAPerCtfdetYxWGcBO37WVa67lpBscuV/trSCaLj2pe98zekYrrXCXE1Q9B9W/VGYrGJtdh6oCdcAAAD7160M0i2QoS0hMVx3Exs1VGcBW98rVQXrbmUQrWJrwI4/sqtSa6iOkxuzarWHd7M6XFtzDgAAAP9PVcuFb30/Bt6uap0FbA3X3Soh2ZzC4buvXcfaLG8HiX+wRQP1qP3D/0G0/SML1lSsAQAA7tuoYj1aha4L2Nka11nArtpA2qr1bLDWKnX2A7Nwbc13q4mKoxYQ+qsBAADu35pJjNUyz7qdWdu667E2a8L17KogGqpj1foznNNwHe8Rv/9sf9ap1mX1NFBXwdrsMlQTsgEAAPZLQ6sGWs2UWRdEVb3WMF2Fag3YZpPhugvW2mddVa19GwN29Q8QX3ZUpa5aQEbtH4RrAACA/en6rH2/y5YzAXtmLes11eqz42taQeJ+DNbZw6q+6i5Qb20BIVgDAADsT9ViMdMSMhuw9Zx+78tbQfSHaUXalpfw5fbiZz6OyzYuyadrXXeBmmANAABw37YG6zUBuzrWVpBsomI7cdFs2x+IqW48CtcxQH/aZZjuAvWaCYsEawAAgP3pgutsuNYe6Sw8dz3Va1pBLt53bcXab+KTF1UM1x6m/ZqT5YF6VKVeuwoIwRoAAGB/RhXhteE6q2JX50ahelitNtu2KsjBxuFa/8qiXuPfmWn7YM1qAACAx1bN8ZttD8nCdhems1A97LPeOnlxFK5dDNl6nS7P14Vp1qwGAABAFXbXhuyZkT1H989saQWJsnAdg3M24udmebDutgAAAHhcXbj27UzQroL0qvaPaO2fNK8mMlaVaw3Z1hxbs7XiGAAAAI9D8+baCnZ3nN2n279wzXJ7fuOqLaQK4luq0wRqAAAAuDUB27cz57Jrq2deuGZVED3WoJ19frDLkG2D/ewYAAAAj6sLvV1I3lqZnmoL2dpjnYVrsz5gx+tGYdzPdQjbAAAA928Uaqt2ZN2fCdGje7WumbwYQ3F2rgvN1XetOacI1gAAAPdvJtjOBOLZKvea5565dlUQf6iG3FGorr6r59TMdwAAAHCftobs6vya7w7dIljHh1cB28Ln1wRiwjQAAAA6XV7c0lYy7VbB2sWXyVo1uko0oRkAAAC3sCZX3iyD3jpYR2smIxKqAQAA8Dd8We78ymCtZvqmAQAAgFugcAsAAAAAAAAAeFD/AvBZgTF0bOAKAAAAAElFTkSuQmCC);
}

.right_col .painel.news .boxes .shadow.show{
	opacity: 0.3;
}

.right_col .painel.news .boxes .item:first-of-type{
	margin: 10px 20px 20px 0;
}

.right_col .painel.news .boxes .item:last-of-type .infos{
	border-bottom:none;
	padding-bottom: 0;
}

.right_col .painel.news .boxes .item{
	margin: 20px 0;
}

.right_col .painel.news .boxes .item .view{
	width: 15px;
	height: 15px;
	display:inline-block;
	border-radius:99px;
	background-color: #e2e2e2;
	vertical-align: top;
	margin: 1% 2% 2% 2%;
	box-shadow: none;
}

.right_col .painel.news .boxes .item .view.no{
	background-color: #e6c370;
}


.right_col .painel.news .boxes .item .infos{
	display: inline-block;
	width: 90%;
	border-bottom: 1px dashed lightgray;
	padding-bottom: 15px;
}

.right_col .painel.news .boxes .item .infos .date{

}

.right_col .painel.news .boxes .item .infos .title{
	font-size: 17px;
	letter-spacing: 2px;
}

.right_col .painel.news .boxes .item .infos .desc{
	color: #292929;
}

.right_col .painel.news .boxes .item .infos .desc > a{
	display: table;
	clear:both;
	font-size: 13px;
	margin-top: 10px;
	background-color: whitesmoke;
	width: auto;
	padding: 3px 15px;
	border-radius: 99px;
	color: #76899e;
}

.right_col .painel.news .boxes.nano > .nano-pane{
	background-color:lightgray;
}

.right_col .painel.exames {

}

.right_col .painel.exames .boxes{
	display:flex;
	width:100%;
}

.right_col .painel.exames .boxes .item{
	width:20%;
	border-radius:10px;
	overflow:hidden;
	background-color:#dedede;
	margin:0 10px;
	cursor:pointer;
}

.right_col .painel.exames .boxes .item:hover{
	transform:scale(1.02);
	box-shadow:0 0 20px #00000024;
	background-color:white;
}

.right_col .painel.exames .boxes .item img{
	width:100%;
	background-color:black;
	padding:20px;
}

.right_col .painel.exames .boxes .item .img image{
	width:100%;
}

.right_col .painel.exames .boxes .item .infos{
	text-align:center;
	padding:15px 0;
}

.right_col .painel.exames .boxes .item .infos .name{
	font-size:15px;
	letter-spacing:2px;
}

.right_col .painel.exames .boxes .item .infos .datetime{

}

.right_col .popup{
	position:fixed;
	z-index: 999999;
	background-color:white;
	box-shadow:0 0 15px #0000003d;
	border-radius: 16px;
	width: 320px;
	overflow: hidden;
	padding: 0;
	transform: scale(1);
	opacity: 1;
	transform-origin: top left;
	display:none;
}

.right_col .popup.esconder{
	transform:scale(0.9);
	opacity: 0;
}

.right_col .popup .title{
	padding: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #e1e5e7;
}

.right_col .popup .title >  svg{
	fill: none;
	stroke: #a9a9a9;
	stroke-width: 1px;
	border: 1px solid black;
	padding: 6px;
	width: 33px;
	height: 33px;
	border-radius: 99px;
	border-color: #a9a9a9;
	vertical-align: middle;
}

.right_col .popup .title span{
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-left: 8px;
	font-size: 14px;
}

.right_col .popup .title .close {
	vertical-align: middle;
	height: 33px;
	display: grid;
}

.right_col .popup .title .close svg{
	fill: black;
	width: 22px;
	height: 22px;
	margin: auto;
}

.right_col .popup .list{
	height: 200px;
}

.right_col .popup .list .nano-pane{
	background-color: #e7e7e7;
	right: 4px;
	height: 96%;
	top: 2%;
}

.right_col .popup .list .shadow{
	top: 0;
	position:absolute;
	display:block;
	width:100%;
	height: 20px;
	opacity:0;
	background-size: cover;
	background-position: top center;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtYAAAAiCAYAAAB7jJ7gAAAFoElEQVR4nO3dW3LbSAyFYchyktmaV+ytJY5tzQsxgY4AdJOSU0Pp/6q6eJF4UZ5OUOj2wcTr6+th2Y3bg5k9yTia2XMY35bxfRk/wvaHmf0T9nX4NX4Pv+cxDH/uIWzje+o+AAAA9uWU7J/M7DNsP83sI4z3ZfxextsyfhXjZ9h/C9u3cI/3MD7Cc32c5P3s5eXl9Dz4YdcE1fiwbuiLxvG0bKvwfGg+AwAAwL5osPZjDdbZcRV+q6HPu/Z9rQvWszebHdkP/pD947J9WrYHO//hHvY9bGdVawAAAOxbVaDVDFltdX9N4NbwPW1NsK4ekv3w0f8itHzvbR7vyfOO9qd6HdtBaAUBAAC4L1UrSJYrtRXkXY5j3uyq2hq29T0s+TyVBeuZFpDs4aNQHX/80c4DdeyZzv5XkoVqKtYAAAD3aVSxroK19kfHsF2F7C5cz1auT2bXtYLMtH3EsnwVqrVPOl4/O3FRgzVBGwAAYD+6jgjfVhMYY3j+bfUERA3XMWTfpB1kbbDOHtL1T3vPtLZ+aJiO9/lY3suv9xVIYqjOqtWEaQAAgP3LQrV2RmTF22x1kBiyNZOO+rDj+0yF7Jlg7TfJgnBXqfZQXVWntUodg7VfH6vVozYQgjUAAMD+dcG6awfJqtY6smX0RpXr7P3SkD0K1rHf2vdn2j+ewtYnJWogtuJabxXp2kAI1QAAAPerCtfdetYxWGcBO37WVa67lpBscuV/trSCaLj2pe98zekYrrXCXE1Q9B9W/VGYrGJtdh6oCdcAAAD7160M0i2QoS0hMVx3Exs1VGcBW98rVQXrbmUQrWJrwI4/sqtSa6iOkxuzarWHd7M6XFtzDgAAAP9PVcuFb30/Bt6uap0FbA3X3Soh2ZzC4buvXcfaLG8HiX+wRQP1qP3D/0G0/SML1lSsAQAA7tuoYj1aha4L2Nka11nArtpA2qr1bLDWKnX2A7Nwbc13q4mKoxYQ+qsBAADu35pJjNUyz7qdWdu667E2a8L17KogGqpj1foznNNwHe8Rv/9sf9ap1mX1NFBXwdrsMlQTsgEAAPZLQ6sGWs2UWRdEVb3WMF2Fag3YZpPhugvW2mddVa19GwN29Q8QX3ZUpa5aQEbtH4RrAACA/en6rH2/y5YzAXtmLes11eqz42taQeJ+DNbZw6q+6i5Qb20BIVgDAADsT9ViMdMSMhuw9Zx+78tbQfSHaUXalpfw5fbiZz6OyzYuyadrXXeBmmANAABw37YG6zUBuzrWVpBsomI7cdFs2x+IqW48CtcxQH/aZZjuAvWaCYsEawAAgP3pgutsuNYe6Sw8dz3Va1pBLt53bcXab+KTF1UM1x6m/ZqT5YF6VKVeuwoIwRoAAGB/RhXhteE6q2JX50ahelitNtu2KsjBxuFa/8qiXuPfmWn7YM1qAACAx1bN8ZttD8nCdhems1A97LPeOnlxFK5dDNl6nS7P14Vp1qwGAABAFXbXhuyZkT1H989saQWJsnAdg3M24udmebDutgAAAHhcXbj27UzQroL0qvaPaO2fNK8mMlaVaw3Z1hxbs7XiGAAAAI9D8+baCnZ3nN2n279wzXJ7fuOqLaQK4luq0wRqAAAAuDUB27cz57Jrq2deuGZVED3WoJ19frDLkG2D/ewYAAAAj6sLvV1I3lqZnmoL2dpjnYVrsz5gx+tGYdzPdQjbAAAA928Uaqt2ZN2fCdGje7WumbwYQ3F2rgvN1XetOacI1gAAAPdvJtjOBOLZKvea5565dlUQf6iG3FGorr6r59TMdwAAAHCftobs6vya7w7dIljHh1cB28Ln1wRiwjQAAAA6XV7c0lYy7VbB2sWXyVo1uko0oRkAAAC3sCZX3iyD3jpYR2smIxKqAQAA8Dd8We78ymCtZvqmAQAAgFugcAsAAAAAAAAAeFD/AvBZgTF0bOAKAAAAAElFTkSuQmCC);
}

.right_col .popup .list .shadow.show{
	opacity: 0.3;
}

.right_col .popup .list .nano-pane .nano-slider{
	background-color: #304862;
}

.right_col .popup .list .item{
	padding: 15px 20px;
	border-bottom: 1px solid lightgray;
	cursor:pointer;
}

.right_col .popup .list .item:hover{
	background-color:#f6f6f6;
}

.right_col .popup .list .item:last-of-type{
	border-bottom:0
}

.right_col .popup .list .item .view{
	width: 15px;
	height: 15px;
	box-shadow: none;
	background-color: #e8e8e8;
	border-radius: 99px;
	display: inline-block;
	margin: auto;
	vertical-align: middle;
}

.right_col .popup .list .item .view.no{
	background-color: #e6c370;
}

.right_col .popup .list .item .desc{
	width: 86%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5%;
}

.right_col .popup .list .item .desc b{
	font-weight: 600;
}

.right_col .popup .button{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	color: #30445f;
	background-color: white;
	box-shadow: none;
	letter-spacing: 2px;
	cursor: pointer;
	z-index: 9;
	position: relative;
}

.right_col .popup .button:hover{
	background-color:#e5e5e5;
}



/* LISTA */

.lista .right_col{
	padding:0 !important;
	background-color: #e6e6e6 !important;
	background-repeat: no-repeat !important;
	/* background-image: url("/images/erjart/bg_right.jpg") !important; */
	/* background-image: url(https://www.phelcom.com.br/wp-content/uploads/2018/09/bg_advantages.jpg) !important; */
}

.lista .right_col .panel-body{
	background-color:transparent;
}

.lista .right_col .row{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.lista .right_col .row .col-md-12{
	padding: 0;
}

.x_title{
	display:flex;
}

.x_title h2{
	color:#2c3b54;
	font-weight:400;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:3px;
	margin-left: 10px;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.lista .right_col .row .navbar-right{
	float: none !important;
}

.lista .right_col .row .top_search.navbar-right{
	min-width: 30%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}

.lista .right_col .row .top_search.navbar-right .input-group{
	margin-bottom: 0;
}

.lista .right_col .row .top_search.navbar-right .input-group input{
	border: 1px solid #bebebe;
}

.lista .right_col .row .top_search.navbar-right .input-group .input-group-btn button{
	border: 1px solid #bebebe;
	background-color:#f2f2f2;
	text-shadow:none;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:12px;
	padding: 7.5px;
}

.lista .right_col .row .navbar-right a{
	border-radius: 99px;
	background-color: white;
	border-color: #bebebe;
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #979797;
	box-shadow: none;
	font-size: 12px;
	vertical-align: middle;
	margin: auto auto auto 15px;
}

.lista .right_col .row .x_content{
	margin: auto;
	padding: 0;
}

.lista .right_col .row .x_content table{
}

.lista .right_col .row .x_content table thead tr th{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
}

.lista .right_col .row .x_content table tbody{
	background-color:white;
}

.lista .right_col .row .x_content table tbody tr{
	cursor: pointer;
}

.lista .right_col .row .x_content table tbody tr td{
	font-size: 14px;
	font-weight: 400;
	color: #2e4461;
	border: none;
}

.lista .right_col .row .x_content table tbody tr:hover {
	position:relative;
	background-color: white !important;
}


.lista .right_col .row .x_content table tbody tr:nth-child(even){
	background-color:#e8e8e8;
}


.lista .right_col .row .x_content table tbody tr:nth-child(odd){
	/* background-color:#f7f7f7; */
	background-color:#F3F3F3;
}

/* TAB */

.right_col .bar_tabs{
	margin: 0;
	border: none;
	background-color: transparent;
	/* display: inline-flex; */
	align-content: baseline;
	height: auto;
}

.right_col .bar_tabs li{
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	vertical-align: bottom;
	border: none !important;
	margin-top: 0 !important;
	background-color:#d5d5d5;
	border-radius: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.right_col .bar_tabs li:first-of-type{
	margin-left:10px;
}

.right_col .bar_tabs li.active{
	background-color: white;
}

.right_col .bar_tabs li.active a:hover{
	background-color: white !important;
}

.right_col .bar_tabs li a{
	border: none !important;
	background-color: transparent;
	padding: 18px 25px;
}

.right_col .bar_tabs li a:hover{
	background-color:#d0d0d0;
	color:#324a64
}

.right_col .bar_tabs li a:hover{
	border:none;
}

.right_col .tab-content{
	background-color: white;
	padding: 25px;
}

.right_col .x_content{
	padding:0

}

.right_col .x_title .back{
	flex:0;
}

.right_col .x_title .panel_toolbox{
	float: none !important;
	display: inline-block;
	min-width: auto;
	margin: auto;
	vertical-align: middle;
	margin-left: 7px;
	width: auto;
	margin-right: 7px;
}

.right_col .x_title .panel_toolbox a{
	background-color: white;
	border-radius: 99px;
	padding: 7px 13px 7px 12px;
	margin: auto;
	box-shadow: none;
}

.right_col .x_title .panel_toolbox a svg{
	margin: auto;
	vertical-align: text-top;
}

/* LOGIN */

body.login{
	background-image: url("/images/erjart/bg_menu.jpg") !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

body.login .form{
	background-color: white;
	padding: 15px 25px;
	border-radius: 9px;
}

body.login .logo{
	background-image: url("/images/erjart/logo_eyer-1.png") !important;
	background-position: center !important;
	background-size: contain;
	background-repeat: no-repeat !important;
	width: 290px;
	height: 150px;
}

body.login .login_content{
	padding: 0;
}

body.login .login_content form{
	margin: auto;
}

body.login .login_content form h1{
	font-family: 'Ubuntu', sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
}

body.login .login_content form input{
	box-shadow: none;
	padding: 25px 15px;
}

body.login .login_content form h1:before,
body.login .login_content form h1:after{
	display: none;
}

body.login .login_content form button{
	width: 100%;
	background-color: #41a77f;
	text-transform: uppercase;
	font-size: 15px;
	padding: 15px;
	border: none;
	color: aliceblue;
	letter-spacing: 3px;
}

body.login #login .cadastrar.desc{
	font-size: 15px;
	padding: 25px 15px;
}

body.login #login .cadastrar.button{
	font-size: 15px;
	padding: 0;
	background: none;
	box-shadow: none;
	border: 1px solid #41a67e;
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #41a67e;
}

body.login #login .cadastrar.button svg{
	width: 20px;
	vertical-align: middle;
	margin: -3px 10px auto auto;
	fill: #41a67e;
}

body.login #login .cadastrar.button a{
	background-image:none;
	padding: 17px 15px !important;
	color: #41a67e;
	display: block;
	margin: auto;
	vertical-align: middle;
	font-size: 15px;
}

body.login #register .acessar{

}

body.login #register .acessar a{
	padding: 15px !important;
	display: block;
	width: 100%;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 3px;
	border: 1px solid #45a983;
	border-radius: 5px;
	color: #41a67e;
}

body.login #register .acessar a svg{
	fill:#41a67e;
	width: 20px;
	vertical-align: middle;
	margin: -3px 10px 0px 0px;
}

body.login #register .acessar a:hover,
body.login #login .cadastrar.button a:hover{
	text-decoration: none;
	background-color: #f0f0f0;
}


.animate{
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform:scale(0);
	}

	100% {
		opacity: 1;
		transform:scale(1);
	}
}

#toregister:target ~ #wrapper #login,
#tologin:target ~ #wrapper #register{
	animation-name: fadeOutLeft;
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform:scale(1);

	}

	100% {
		opacity: 0;
		transform:scale(0);
		transform:translateY(10px);
	}
}

body.login .footer{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

body.login .footer .logo{
	width: 150px;
	margin: auto;
	background-image: url("/images/erjart/logo_phelcom.png") !important;
}

body.login #wrapper{
	margin-top: 0;
}



/* FORMULÁRIOS */

.functions{

}

.functions .col-xs-12{
	text-align:right;
}

.functions .col-xs-12 > *{
	display:inline-block;
	margin-left:10px;
}

.functions .title{
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:11px;
	vertical-align:middle;
}

.functions button{
	background-color: #eeeeee;
	color: black;
	text-shadow: none;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing:3px;
	font-size:11px;
	border-radius:99px;
	padding:6px 17px;
}

.functions button svg{
	margin: auto;
	vertical-align: middle;
}

.functions button span{
	vertical-align: middle;
	margin: auto;
}

.functions button#remove{
	fill:#d86565;
	border-color:#d86565;
	color:#d86565;
}

.functions button:hover{
	background-color:#ffffff
}

.functions button#edit{
	fill:#30415b;
	border-color:#30415b;
	color:#30415b;
}

.functions button#cancel{
	fill:#d86565;
	border-color:#d86565;
	color:#d86565;
}

.functions button#save{
	fill:#30415b;
	border-color:#30415b;
	color:#30415b;
}

/* INPUT TWO COLUMN*/

.two_block{
	display: flex;
	flex-direction: row;
}

.two_block .block{
	width: 79.8%;
	display: flex;
	align-content: center;
	vertical-align: top;
	flex-direction: column;
}

.two_block .block:first-of-type{
	margin-right: 3%;
}

.two_block .block .form-group {
	display: flex;
	vertical-align: top;
	margin-bottom: 20px;

}

.two_block .block .form-group.fill {
	flex: 1;
}

.two_block .block label{
	min-width: 90px;
	margin-right: 15px;
	text-align: left !important;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 10px;
}

.two_block .block .select2-container{
	width:100% !important;
}

/* NPROGESS */

#nprogress{
}

#nprogress .bar{
	background-color: #29d3aa;
	z-index: 99999999999999999999;
	height: 5px;
	opacity: 0.6;
}

.collap #nprogress .spinner{
    top: 13px;
    left: 13px;
}

#nprogress .spinner{
	z-index: 9999999999999999;
	background-color: #2a3a53c7;
	border-radius: 139px;
	border: 0px solid white;
	box-shadow: 0 0 15px #63ffb0;
	right: auto;
	top: 8px;
	left: 8px;
	height: 30px;
	width: 30px;
}

#nprogress .peg{
	box-shadow: 0 0 10px #29d3aa, 0 0 5px #29d3aa;
}

#nprogress .spinner-icon{
	border-top-color:#29d3aa;
	border-left-color:#29d3aa;
	border-bottom-color:#3befc3;
	width: 100%;
	height: 100%;
	border-width: 3px;
}

/* MODAL */

.modal{
	/* z-index: 9999; */
}

.modal-dialog{
	box-shadow: none;
}

.modal-dialog .modal-content{
	box-shadow:none;
}

.modal-dialog .modal-content h4{
	font-size: 18px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
}

.modal-dialog .modal-content .modal-header{

border-bottom: 0;
}



/*NO SELECT*/

.left_col *,
.button,
.title,
.popup,
.right_col .bar_tabs li
{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/*ANIMATION*/

.left_col,
.right_col,
.shadow,
.right_col .painel.exames .boxes .item,
.popup,
.nav-md .container.body .right_col:after
{
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/*RESPONSIVE*/


/* ICON IA */
.icon-ia {
	-webkit-mask:                     url(/images/no_ai.svg) no-repeat 50% 50%;
	mask:                             url(/images/no_ai.svg) no-repeat 50% 50%;
	-webkit-mask-size:                contain;
	-moz-mask-size:                   contain;
	-o-mask-size:                     contain;
	mask-size:                        contain;
	width:                            24px;
	height:                           24px;
	display:                          inline-block;
	vertical-align:                   middle;
	background-color:                 #293450;
}
.icon-ia.red {
	background-color:                 #f88386;
}
.icon-ia.yellow {
	background-color:                 #fed086;
}
.icon-ia.green {
	background-color:                 #6bd6b0;
}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {

	.left_col{
		display:block !important;
		/* z-index: auto !important; */
		box-shadow: 0 0 25px 6px #000000b5;
	}

	.collap .left_col{
		box-shadow: none;
	}

	.right_col{
		width: calc(100vw - 230px) !important;
		margin: 0 !important;
		z-index: auto !important;
		margin-left: 230px !important;
		overflow: hidden;
		position: relative;
	}

	.right_col .popup{
		width: 98vw;
		height: 98vh;
		left: 1vw !important;
		top: 1vh !important;
	}

	.right_col .popup .list{
		height: calc(100% - 64px - 49.4px);
	}

	.right_col .principal{
		opacity:0.5;
	}

	.collap .right_col .principal{
		opacity:1;
	}

	.collap .right_col{
		opacity:1;
	}

	.principal{
		width: calc(100vw - 90px);
	}

	.right_col .painel.news .boxes{
		height: calc(100% - 70px);
	}

	.lista .principal{
		width: calc(100vw - 50px);
	}

	.x_title h2{
		width: 100% !important;
		margin: 0px 0 10px 10px;
	}

	.two_block{
		flex-direction: column;
	}

	.two_block .block{
		width: 100%;
		margin: 0 !important;
	}

	.two_block .block .form-group{
		flex-direction: column;
		margin-bottom: 10px;
	}

	.two_block .block .iradio_flat-green{
		margin-right: 15px;
		margin-left: 8px;
		width: 35px;
		background-size: 300px;
		background-position: -150px;
		height: 37px;
	}

	.two_block .block .iradio_flat-green.checked{
		background-position: -187px;
	}

	.two_block .block .row .col-xs-6 > .icheckbox_flat-green{
		margin: 7px 10px 7px 0px;
		height: 35px;
		width: 35px;
		background-image: none;
	}

	.two_block .block .row .col-xs-6 > .icheckbox_flat-green .icheckbox_flat-green{
		background-size: 270px;
		background-position: -99px;
		width: 100%;
		height: 100%;
	}

	.two_block .block .row .col-xs-6 > .icheckbox_flat-green .icheckbox_flat-green.checked{
		background-position: -32px;
	}

	#extraPatientInfo .icheckbox_flat-green.checked.disabled {
		background-position: -22px 0 !important;
		opacity: 0.6;
	}

	.two_block .block label,
	.two_block .block input,
	.two_block .block .col-xs-9,
	.two_block .block .col-xs-7,
	.two_block .block .col-xs-6,
	.two_block .block .col-xs-3{
		width:100%;
	}

	.two_block .block .col-xs-7{
		padding:0;
	}

	.two_block .block label{
		margin-bottom:10px
	}

	.functions button{
		margin: 6px 2px !important;
		width: 100%;
		text-align: left;
		padding: 12px 0px 12px 22px;
	}

	.functions .col-xs-12{
		text-align:left;
		padding: 0;
	}

	.lista .right_col .row .x_content table tbody{
		background-color:transparent;
	}

	.lista .right_col .row .x_content table thead{
		display:none;
	}

	.lista .right_col .row .x_content table tbody tr{
		display: flex;
		flex-direction: column;
		width: 95% !important;
		margin: auto auto 15px auto;
		border-radius: 7px;
		padding: 14px;
		background-color: white !important;
		box-shadow: 0 0 15px #d1d1d1;
	}

	.lista .right_col .row .x_content table tbody tr td{
		width: 100%;
		padding: 5px;
	}

	.x_title{
	flex-direction: column;
	border: none;
	}

	#examFilterForm{
		width: 100%;
	}

	#examFilterForm > .input-prepend{
		width: 100%;
		text-align: left;
		display: flex;
		align-content: center;
	}

	#examFilterForm > .input-prepend .controls{
		width: 100%;
	}

	#examFilterForm > .input-prepend .controls .input-group,
	#examFilterForm > .input-prepend .controls .input-group button{
		width:100%;
		margin-bottom: 0;
	}

	#examFilterForm .controls button,
	#examFilterForm .controls input {
		font-size: 14px !important;
	}

	#examFilterForm > .input-prepend > span{
		width: 20px;
		margin: auto !important;
	}

	#examFilterForm > .input-prepend > .control-group{
		vertical-align: middle;
		margin: auto 0 auto auto;
	}

	#examFilterForm > .input-prepend > .control-group .input-group{
		margin-bottom:0;
	}

	.lista .right_col .row .navbar-right a:first-of-type{
		margin-left:0;
	}


	.lista .right_col .row .navbar-right{
	vertical-align: middle;
	margin: 0 0 10px 6px;
	}

	.lista .right_col .row .top_search.navbar-right{
		min-width: auto;
		width: 100%;
		vertical-align: middle;
	}

	.right_col .x_title .panel_toolbox a#backButton,
	.right_col .x_title .panel_toolbox a#closeButton{
		margin-bottom:15px
	}

	.right_col .x_title .panel_toolbox a#backButton:after,
	.right_col .x_title .panel_toolbox a#closeButton:after{
		content:"voltar";
		color:#707070;
		text-shadow:none;
		margin-left: 7px;
		text-transform:uppercase;
	}

	#examsArea .x_title{
		border: none;
		margin-bottom: 0;
	}

	#examsArea table{

	}

	#examsArea table thead{
		display: none;
	}

	#examsArea table tbody tr{
		display: flex;
		flex-direction: column;
		background-color: #eaeaea;
		border-radius: 14px;
		padding: 15px;
		margin-bottom: 15px;
	}

	#examsArea table tbody tr td{
		padding: 4px 0;
		border: none;
	}

	.panel-body{
		padding-bottom:0;
	}

	.right_col .bar_tabs{
		overflow-x: auto;
		padding: 0;
	}

	.right_col .bar_tabs li:first-of-type{
		margin-left:0
	}

	#diagnosisArea{

border: none;

}

	#diagnosisArea .x_title{
		border:none;
	}

	#diagnosisArea #diagnosisList .label-primary{
		width: 100%;
		white-space: initial;
		display: block;
		text-align: left;
		margin-bottom: 11px;
		font-size: 11px;
		line-height: inherit;
	}

	#diagnosisArea #diagnosisList .block{
		width: 100%;
		margin-left: 0;
		display: flex;
		flex-direction: column;
	}

	#diagnosisArea #diagnosisList .block .tags{
		position: initial;
		width: 100%;
		display: inline-block;
		margin-bottom: 15px;
	}


	#diagnosisArea #diagnosisList .block .tags .tag{
		position: relative;
		float: none;
		margin: auto;
		width: auto;
		display: inline-block;
		left: 10px;
	}

	#diagnosisArea #diagnosisList .block .tags .tag:before{
		content: "";
		position: absolute;
		left: -34px;
		top: 8px;
		display: block;
		width: 14px;
		height: 14px;
		border: 3px solid #d2d3d2;
		border-radius: 14px;
		background: #f9f9f9;
	}

	#diagnosisArea #diagnosisList .block .tags .tag:after{
		transform: rotate(180deg);
		left: -10px;
	}

	#diagnosisArea #diagnosisList .block .block_content h2.title{
		display: inline;
	}

	#diagnosisArea #diagnosisList .block .block_content h2.title:before{
		display:none;
	}

	#diagnosisArea #diagnosisList .block .tags .tag-diagnosis-images,
	#diagnosisArea #diagnosisList .block .tags .tag-diagnosis-pdf{
		width: 40% !important;
		margin: 5%;
		padding: 15px;
		background-color: #e2f2ff;
		border-radius: 8px;
	}

	#diagnosisArea #diagnosisList .block .tags .tag-diagnosis-images i,
	#diagnosisArea #diagnosisList .block .tags .tag-diagnosis-pdf i{
		margin-bottom: 6px;
	}

	#diagnosisArea #diagnosisList .block .tags:nth-child(1){
		order:1;
	}

	#diagnosisArea #diagnosisList .block .tags:nth-child(2){
		order:3;
	}

	#diagnosisArea #diagnosisList .block .block_content{
		order:2;
	}

	#diagnosisArea #diagnosisList li:last-of-type{
		border:none;
	}

	#diagnosisArea .panel-body{
		border:none;
		box-shadow: none;
	}

	.lista .right_col .panel-body{

	}

	.menu_ph{
		background-size: 150vh;
	}


	#createAppointmentArea .col-xs-7,
	#createAppointmentArea .col-xs-8,
	#createAppointmentArea .col-xs-5,
	#createAppointmentArea .col-xs-3,
	#createAppointmentArea .col-xs-4{
		width:100%;
		padding: 0;
	}

	#createAppointmentArea .col-xs-6{
		text-align:center;
	}

	#createAppointmentArea .col-xs-6 label{
		margin-top: 30px;
	}

	#createAppointmentArea .form-group{
		width:100%
	}

	#createAppointmentArea .iradio_flat-green{
		height: 40px;
		width: 40px;
		background-size: auto 100%;
		background-position: -160px;
		margin-left: 8px;
		margin-right: 5px;
	}

	#createAppointmentArea .iradio_flat-green.checked{
		background-position: -200px;
	}

	#createAppointmentArea .col-xs-6 > .icheckbox_flat-green{
		background-image:none;
		width: 40px;
		height: 40px;
		vertical-align: middle;
		display: block;
		margin: 25px auto auto auto;
	}

	#createAppointmentArea .icheckbox_flat-green > .icheckbox_flat-green{
		height: 100%;
		width: 100%;
		background-size: auto 96%;
		background-position: -113px;
	}

	#createAppointmentArea .icheckbox_flat-green > .icheckbox_flat-green.checked{
		background-position: -36px;
	}

	#createAppointmentArea .col-xs-6 .form-group label{
		margin-top:0
	}

	#appointmentsArea{

	}

	#appointmentsArea .x_content .dataTables_length,
	#appointmentsArea .x_content #appointmentsTable_filter{
		width: 100%;
		margin-bottom: 15px;
	}

	#appointmentsArea .x_content .dataTables_length label,
	#appointmentsArea .x_content #appointmentsTable_filter label{
		width: 100%;
		text-align: center;
	}

	#appointmentsArea .x_content .dataTables_length label select{

margin: 0 12px;
	}


	#appointmentsArea .x_content #appointmentsTable_processing{

	}

	#appointmentsArea #appointmentsTable{

	}

	#appointmentsArea #appointmentsTable thead{
		display:none;
	}

	#appointmentsArea #appointmentsTable tbody{
		margin:15px 0;
		display: block;
		position: relative;
	}

	#appointmentsArea #appointmentsTable tbody tr{
		display: flex;
		flex-direction: column;
		border-radius: 10px;
		padding: 15px;
		background-color: white;
		box-shadow: 0 0 20px #dadada;
		margin-bottom: 25px;
		position: relative;
	}

	#appointmentsArea #appointmentsTable tbody tr td{
		border: none;
		padding: 5px 0;
	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group{
		margin-bottom:0
	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group .btn-success,
	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline button{
		width: 40px;
		height: 40px;
	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline{
		position:initial;
	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline .dropdown-menu{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border: none;
		border-radius: 10px;
		background-color: #fffffff5;
		margin: 0;
	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline .dropdown-menu li{
		text-align: center;
		height: 55px;
		align-items: center;
		display: flex;
		border: 1px solid #a7a7a7;
		border-radius: 99px;
		margin: 15px 15px;
		background-color: #eeeeee;
	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline .dropdown-menu li a{
		margin:auto;
		color: aliceblue;
	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline .dropdown-menu li a .glyphicon{

	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline .dropdown-menu li a .text-warning,
	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline .dropdown-menu li a .text-danger{
		font-size: 16px;
		text-transform: uppercase;
		color: #337ab7;
	}

	#appointmentsArea #appointmentsTable tbody tr td .form-group .dropdown.inline .dropdown-menu li a .text-danger{
		color: #a65960;
	}

	.nav-md .container.body .right_col:after{
		content:"";
		background-color: #000000b8;
		width:100%;
		height:100%;
		left:0;
		top:0;
		position: absolute;
	}

	.nav-md.collap .container.body .right_col:after{
		opacity:0;
		visibility: hidden;
	}

}

@media (max-width: 980px) {

}

@media (max-width: 768px) {

}

@media (max-width: 426px) {

}