/* General */
/** { margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; font-size:16pt; font-weight:300;}
table{border-collapse:collapse;}
th{ background-color: #003472; color:#ffffff;}
th, td{ padding:0.3em; vertical-align: top; font-size:0.8em}
.full-width{ width:100%;}*/
*:focus { box-shadow: none !important;}
.required { color: rgba(252, 160, 171, 1);}
.inputrequired { border-color:rgba(252, 160, 171, 1);}


/* Login */
.login { margin-top: 120px; }
.titlu {
	color: #45a1f4;
	font-size: 1.8em;
}
.titlu span { font-size: 1em; font-weight:400;}
.subtitlu { font-size: 1em;}
.login div { color: #88898a; margin-top: 30px; margin-bottom:30px;}
.login div button {   background-color: #ffffff; border: 1px solid #003472;padding: 10px 40px; font-weight: bold; margin: 3px;border-radius: 30px; color:#003472; min-width:250px; }

/* Buttons */
.button-round { background-color: #ffffff; border: 1px solid #003472;padding: 10px 40px; font-weight: bold; margin: 3px;border-radius: 30px; color:#003472; min-width:250px; cursor:pointer; }
.button-round:hover { background-color: #f9e436; }
.button-yellow { background-color:#f9e436 !important; color:#003472 !important; }
.button-blue { background-color:#003472 !important; color:#f9e436 !important; }
.button-red { background-color: #72000b !important;	color: #f9e436 !important;}
.button-grey { background-color: #555759 !important; color: #f9e436; border: 1px solid #f9e436 !important;}
.btn-add_del { margin-top: 30px;}

.butoane-confirmare { margin-top: 15px;}
.btn_search { margin-top: 32px;}
.ddbuttons { margin-top: 20px;}

/*.login-form{ width:100%}*/
.login-form div { width: 100%;}
.login-form div input{  border: 1px solid #f0f0f0; /*width:550px;*/}
.login-form div input[type=checkbox]{ border: 1px solid #f9e436; width:auto !important;} 


/* Schimba parola */
/* Main */
.antet { background-color: #f0f0f0; color: #003472; font-size: 16pt;}
.antet-content { width:1200px; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:20px;   }
.antet-left{ display:inline-block; width:70%}
.antet-right{ display:inline-block; width:29%; text-align:right}
.antet div span { font-weight:bolder;}
/*.container { width:1200px; margin-left:auto; margin-right:auto; margin-top:20px; }*/
.decoration { width: 60px; top:0px; left: 0px; height:100%; background-color: #07366e; position:fixed; box-shadow: 5px 0px #888888;}
.reset { clear: both;}
.descriere { margin-top:20px; margin-bottom:20px}
.form-input{ border: 1px #f0f0f0  solid; padding:5px; font-size:0.8em}
.main-butoane-filtru{margin:10px 0px;}
.buton-anuleaza { margin-top:10px; text-align:right;}
/*.rezultate{ height:350px; overflow-y:auto;  }*/
.rezultate { max-height: calc(100vh - 23em); overflow-y: auto;}

/*fereastra programari*/
.top-left { float:left;  width: 40%; }
.top-right { float: right; width: 40%; text-align: right;}

.pacient-select { min-width: 600px;}
.select-list {max-height:600px; overflow-y:auto;}

/* MessageBox */
.SWindow { position: absolute; padding: 20px; margin: 0px; top: 100px;left: 40%;min-width: 400px;min-height: 200px;background-color: #FFF; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); border-radius:4px;}
.SWindow .titleBar {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;}
div.titleBar button.close { border-radius: 2px; color: #d22034; background-color: #ffffff; border: none; cursor: pointer; margin: 0;}
div.titleBar button.close:hover{color: #b71b36;}
.containerBody{ width:100%;}
.buttonBarContainer {position:/*absolute*/relative;width:100%;bottom:0px;/*margin-left:-20px;*/}
.buttonBarContainer .buttonBarx div button{ min-width : 100px;margin:5px;}
.buttonBar {padding:10px; height: 50px; position: absolute; width:100%; bottom: 0px; background-color: #FAFCFF; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.datepicker{ background-color:#FFFFFF}
.butoane-filtru{margin:10px 0px;}

.crearecont h2{ margin-top:30px; margin-bottom:30px;}
.butoane-crearecont { margin-top:30px;}

/*Adaugare programari*/
.days {display:inline-block;width:10%;}
.col20p {width: 20%;}
.line { background-color: yellow; color: yellow; margin:10px 0}
.ziua_curenta {	margin-left: 0px; text-align: left; float: left; font-weight: bold; font-size: 1.4em;color: #626262; text-decoration: none;}
.ziua_urmatoare {margin-right:0px; text-align:right;float:right; color: #003472; font-weight:bold; font-size: 1.4em; text-decoration:none;}
.navigare {display: inline-block;}
.orar_disponibil { border: 1px; border-collapse: separate; }
.data_afis{background-color: #07366e; color:white;}
.loc_afis {background-color: #f9e436; text-align:center;}
.medic_afis{background-color: #dddddd; width:10% !important; text-transform: uppercase; text-align:center;}
.ora{color: #14468d; padding:0 0.5em;font-weight:bolder; min-height:50px; background-color: #9dd1f3; min-width: 120px;}
.investigatii { color: #888888; padding: 0 0.5em; border: 1px solid #f0f0f0; min-height: 100px;}
.button-inv { border: 1px solid #003472; padding: 5px 40px; font-weight: bold; margin: 3px; border-radius: 30px; min-width: 150px;}

.skinv, btninv{float:left}
.skinv { width: 50% }
.reset{ clear:both;}

/*td:focus{background-color: #f9e436;}*/
.scrollit { overflow-y: scroll; height: 480px !important; }
.table_cell{background-color: white; padding: 0em; }
input[type=checkbox]{width:20%;}


/* Calendar */
.datepicker {
	padding: 1em;
	-webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.25);
}
.datepicker-head {text-align: center; background: #003472; color: white;}
.datepicker-head .month,
.datepicker-head .year{ display:inline-block;}
.sk-datem, .sk-datey{width:80px; text-align:center; font-size:smaller;}
.datepicker-head .month button,
.datepicker-head .month button, .datepicker-head .year button {
    background-color: rgb(147, 208, 255);
    color: #ffffff;
    padding: 0 5px;
    border: none;
    margin: 0 2px;
}
.table-datepicker td:hover { background-color: #93d0ff !important; color: white;}
.table-datepicker th { color: #68c8c7;}

/* Reset Skunk.css*/
/*.row{margin-right:0px;}*/
.form-control {margin:0px;}
.asc {top:0.5em;}
.col{padding: 0 0.75em;}
input[type=checkbox] {width:20px;zoom: 1.2;}

:focus {	outline: none;}
input::placeholder {
	color: #70c1f9 !important;
	font-family: Open Sans;
	font-weight: 100 !important;
}
select, input {	padding: 0.3em 1.3em 0.3em 0.7em; !important;}

.form-group { margin: 10px 0;}

/* Reset Browser*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset;}


/* DatePicker err*/
table.table-datepicker {
	width: 100%;
}

/* responsive */
@media all and (min-width : 1360px) {
	.container { width: 1200px; margin-left: auto; margin-right: auto; margin-top: 20px;}
}

@media all and (max-width : 1360px) {
	.decoration { display: none;}
	.container { padding: 1em 3em;}
	.login { margin-top: 1em}
	.top-left { text-align: left;}
	.antet { padding: 0 20px;}
	.antet-content { width: 100%; min-height: 50px;}
	.select-list { max-height: 500px;}
	.SWindow.panel.panel-default {	top: 0em !important;}
	.login div { color: #88898a; margin-top: 15px; margin-bottom: 15px;}
	.titlu { font-size: 2em;}
	input { font-size: 0.8em;}
	.asc { top: 0.3em;}

}

@media all and (max-width : 960px) {
	.container { padding: 2em;}
	.antet-content { width: 100%; min-height: 50px;}
	.antet-right, .antet-left { display: inline-block; width: 50%;}
	.antet-right { text-align: right; float: right;}
	.btn-logout { margin-right: 2em;}
	.days { width: 30%;}

	.SWindow.panel.panel-default { max-width: 640px;}
	.select-list { max-height: 480px;}
}

@media all and (max-width : 640px) {
	* { font-size: 15px;}
	.antet-right { float:none;}
	.container { padding: 1em;}
	.button-round { padding: 15px 40px;}
	.btn-add_del { margin: 0 0;}
	.btn_search { margin-top: 0;}
	.btn-logout { margin-right: 0;}
	.login div button, .btn-add, .btn-filter, .btn-reset, .btn-del,
	.btn-show, .btn-reset, .btn-confirm, .btn-cancel, .btn-search { width: 100%; min-width: 75px; margin-bottom: 10px; padding: 15px 40px;}

	.pwd-recovery { width: 100%;}
	.login div { margin-top: 10px;	margin-bottom: 10px;}
	.login-form div input {	padding: 10px;}
	.SWindow.panel.panel-default {	min-width: 100px; width: auto;}
	div.titleBar button.close {	font-size: 1em;}
	div.titleBar button.close span { font-size: 2em; line-height: 16px;}

	.titlu { font-size: 1.8em;}
	.label { font-size: 1em;}
	
	.antet-right, .antet-left {	display: block;	width: auto; text-align: center;}
	.top-right { width: 100%; text-align: center; margin: 10px 0;}
	.top-left { width: 100%; text-align: left; margin-top: 15px;}

	table.table-datepicker { width: 100%;}
	.days { width: 40%;}
	.swipe { margin-bottom: 30px;}
	.pacient-select { min-width: 120px;}
	.select-list { max-height: 240px;}
}

.hideColumn{ display:none;}
.text-center { text-align:center;}
.firsttime { margin-top:30px;}
.firsttime button { margin-top:100px;}

.resultstable {
    table-layout:fixed;
    width: 100%;
    display:block;
}
.resultstable thead {
    display: inline-block;
    width: 100%;
}

.resultstable thead tr th:nth-child(1) { width:10%;} 
.resultstable thead tr th:nth-child(2) { width:5%;} 
.resultstable thead tr th:nth-child(3) { width:5%;} 
.resultstable thead tr th:nth-child(4) { width:10%;} 
.resultstable thead tr th:nth-child(5) { width:10%;} 
.resultstable thead tr th:nth-child(6) { width:10%;} 
.resultstable thead tr th:nth-child(7) { width:auto;} 
.resultstable thead tr th:nth-child(8) { width:auto;} 
.resultstable thead tr th:nth-child(9) { width:10%;}
.resultstable thead tr th:nth-child(10){width: 10%;}

.resultstable tbody tr td:nth-child(1) { width:10%; overflow:hidden;} 
.resultstable tbody tr td:nth-child(2) { width:5%; overflow:hidden;} 
.resultstable tbody tr td:nth-child(3) { width:5%; overflow:hidden;} 
.resultstable tbody tr td:nth-child(4) { width:10%; overflow:hidden;} 
.resultstable tbody tr td:nth-child(5) { width:10%; overflow:hidden;} 
.resultstable tbody tr td:nth-child(6) { width:10%; overflow:hidden;} 
.resultstable tbody tr td:nth-child(7) { width:auto; overflow:hidden;} 
.resultstable tbody tr td:nth-child(8) { width:auto; overflow:hidden;} 
.resultstable tbody tr td:nth-child(9) { width:10%; overflow:hidden;} 
.resultstable tbody tr td:nth-child(10) { width:10%; overflow:hidden;} 

.resultstable tbody{    
    height: 200px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:150px;
}

.ellipsis:focus, .ellipsis:hover {
    width: 200px !important;
    max-width: 20rem;
    text-overflow: inherit;
    white-space: normal;
    overflow: visible;

}

.programari-table-antent {
    /*width: calc(100% - 17px);*/
    table-layout: fixed;
}


.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
#card-med {
	width: 100%;
}