/* fonts*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(bootstrap/fonts/roboto/roboto_thin.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(bootstrap/fonts/roboto/roboto_light_italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(bootstrap/fonts/roboto/roboto_light.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(bootstrap/fonts/roboto/roboto_normal.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(bootstrap/fonts/roboto/roboto_medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(bootstrap/fonts/roboto/roboto_medium_italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(bootstrap/fonts/roboto/roboto_thin_italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(bootstrap/fonts/roboto/roboto_bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(bootstrap/fonts/roboto/roboto_bold_italic.woff2) format('woff2');
}

html
{
	height: 100%;
	position: relative;	
	min-height: 100vh;
}

body
{
	font:400 16px/26px Roboto,sans-serif;
	font-size: 1.0rem;
	color: #55595c;	
	overflow-y: scroll;/*modalele muta pagina la dreapta*/	
}

.bodyForLogin
{
	background:#f2f2f2 !important;
}

.formular
{
	padding-top:10%;	
}

/*for average*/
.fontOverline
{
	text-decoration:overline;
	font-weight:600;
}
	
.loginLogo
{
	height:100px;
}

.loginErrorMessage
{
	font-size:small;
	letter-spacing:0.05em;	
}	
	
.title 
{
    font: 500 22px/32px Roboto,sans-serif;
    color: #505050;
}	

.listTitle 
{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7;	
}

.inputTitle 
{
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 1.7;	
}

.listTitleLeft 
{
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 1.7;	
	letter-spacing:0.05em;
	display:inline-block;
	padding-right:50px;
}

/*modal*/

body.modal-open 
{
  height: 100vh;
  overflow-y: hidden;
}

/*text inside modal*/
.modal-body
{
   word-wrap: break-word;
}

.modal{overflow:auto !important;}

.modalTitle 
{	
	font-size: 24px;
	font-weight: 500;	
}

.modal-header img
{
	height:60px;
}

.modal-lg
{
    max-width: 900px;
}
		
.modal-content
{
	background-color:#f2f2f2;	
	border-radius: 10px;
}

.modalDetails
{
	font: 400 16px/24px Roboto,sans-serif;	
	color: #212121;	
	width: 100%;				
}		

.separatorModal
{
	margin: 25px -20px 25px;
	border: 1px solid #e5e5e5;
	border-top: 0px;	
}

.modalLabel
{
	color: #6c757d;
	font-weight:400;	
}
/*end modal*/
	
.logo img 
{
	height:80px;
}	
	
.whiteTextForModal
{
	color: #ffffff;	
}	

/*progress bar de 100%*/
.progress-striped .progress-bar{width:100%;}

.row
{
    margin-left:0px;
    margin-right:0px;
}
			
a{text-decoration:none;}				
a:hover{text-decoration:none;}	
a:focus{text-decoration:none;outline:none}
a:hover,a:focus{text-decoration:none}	

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 
{
	font: 400 22px/26px Roboto,sans-serif;
	margin: 10 0 15px;
	color: #505050; 
 }
  
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;margin-bottom: 12px;}
h5 {font-size: 16px;margin-bottom: 10px;}
h6 {font-size: 14px;margin-bottom:  8px;}  
  
/*formare input-uri*/
.input-upper{text-transform:uppercase;}
.input-lower{text-transform:lowercase;}
.input-capitalize{text-transform:capitalize;}

/*placeholder color*/
::placeholder {color: #C0C0C0!important;opacity: 1;}
:-ms-input-placeholder {color:#C0C0C0!important;}
::-ms-input-placeholder{color:#C0C0C0!important;}

/*do not alter placeholder with uppercase*/
input::placeholder{text-transform:none;}

/*formatare erori , modificare clasa boostrap*/
.help-block {font-size:11px;letter-spacing:0.1em;color:#dc3545}

/*format autocomplete*/
.ui-autocomplete 
{
	max-height:200px;
	//max-width:580px;
	overflow-y:scroll;
	overflow-x:hidden;
	font: 400 16px/26px Roboto,sans-serif;	
}
	
/*display ui in modal*/
.ui-front 
{
	z-index: 9999 !important;
}	

select{ -​webkit-appearance: none; -moz-appearance: none;}
				
/*indepartam shadow-ul de la input-uri pentru Safari => de verificat variante cu valoarea "caret" in loc de "none"*/
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {-webkit-appearance:none;-moz-appearance:none;}

/*change select option font*/
.formatOptionValue
{
	font-size:15px; 
	font-weight:600;	
}	


/*form-control*/
.form-control 
{
    border: 1px solid #e5e5e5;
    color: #4a5b6d;
	box-shadow:none;
	outline: medium none;
}

#formDetails
{
    padding: 30px 20px 0px 20px;
    //border: 1px solid #e5e5e5;
	margin: 1rem !important;
    border-radius:6px;
    border-collapse: separate;
}

.has-error .form-control 
{
    border-color:#dc3545;
}

/*border for checkbox selection*/ 
.border-selection 
{
    border-color: #e9ebee !important;
}

/*corectie distanta intre randuri*/
.clear{padding-top:65px;}

/*focus in linie*/
.textbox-wrap 
{
   border-left: 5px solid rgba(0, 0, 0, 0);
   border-right:5px solid rgba(0, 0, 0, 0);
   padding-left:0px;
   padding-right:0px;
   padding-top:8px;
   padding-bottom:8px; 
   transition: border-left-color 0.5s ease 0s, box-shadow 0.5s ease 0s, background-color 0.5s ease 0s;
}
.textbox-wrap.focused
 {
  border-left-color:#3598DB;
  border-right-color:#3598DB;
  background-color:#F8F8F8;
  -o-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
  -ms-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
  box-shadow: inset 0 0 3px rgba(0,0,0,.1);
}

.paddingLeft-5 
{
	padding-left: 2.2rem !important;
}
		
a{text-decoration:none;}				
a:hover{text-decoration:none;color:#FF3300;}	
a:focus{text-decoration:none;color:#FF3300;outline:none}
a:hover,a:focus{text-decoration:none;color:#FF3300;}	
#link_logout>a{color:#FFFFFF}
#link_logout>a:hover,a:focus{color:#bdbdbd}

:focus {outline:none;}
::-moz-focus-inner {border:0;}	

/*for selected sorter header*/
.isSorter:focus 
{
    color:#007bff;
}

 /*separatorul dintre sectiuni*/
.separator
{
	margin-top:20px;
	margin-bottom:20px;
}

/*frame campuri form*/
.divFrame
{
	max-width:900px;
	width:100%;
	padding:20px 20px 0px 20px;
	border:1px solid #e5e5e5;
	border-radius:6px; 
	border-collapse:separate;				
}			

/*btn*/
.btn-outline-btn1{color:#1976d2;background-color:#e9ebee;background-image:none;border-color:#e5e5e5;font-weight: bold;}
.btn-outline-btn1:hover{color:#1976d2;background-color:#d0d0d0;}
.btn-outline-btn1.focus,.btn-outline-btn1:focus{color:#1976d2;background-color:#d0d0d0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-btn1.disabled,.btn-outline-btn1:disabled{color:#6c757d;background-color:transparent}
.btn-outline-btn1:not(:disabled):not(.disabled).active,.btn-outline-btn1:not(:disabled):not(.disabled):active,.show>.btn-outline-btn1.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-btn1:not(:disabled):not(.disabled).active:focus,.btn-outline-btn1:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-btn1.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-btn2{color:#4285f4;;background-color:transparent;background-image:none;border-color:#e5e5e5;font-weight: bold;}
.btn-outline-btn2:hover{color:#4285f4;;background-color:#d0d0d0;}
.btn-outline-btn2.focus,.btn-outline-btn2:focus{color:#1976d2;background-color:#d0d0d0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-btn2.disabled,.btn-outline-btn1:disabled{color:#6c757d;background-color:transparent}
.btn-outline-btn2:not(:disabled):not(.disabled).active,.btn-outline-btn1:not(:disabled):not(.disabled):active,.show>.btn-outline-btn1.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-btn2:not(:disabled):not(.disabled).active:focus,.btn-outline-btn2:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-btn1.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-deep-orange{background-color: #ff7043 !important;color: #fff;}
.btn-outline-deep-orange{border: 2px solid #ff7043 !important;background-color: transparent !important;color: #ff7043 !important;}
.btn-pink{background-color: #ec407a !important; color: #fff;}
.btn-outline-pink{border: 2px solid #ec407a !important;background-color: transparent !important;color: #ec407a !important;}
.btn-magenta{background-color: #ff3547 !important; color: #fff;}
.btn-outline-magenta {border: 2px solid #ff3547 !important;background-color: transparent !important;color: #ff3547 !important;}
.btn-space{margin-right:2px;}			
.btn-space5px{margin-right:5px;}

.btnWidth100 
{
    width: 100px !important;
}
/*end btn*/


/*tables*/
table td 
{
	vertical-align: middle !important;
	font-weight:500;
	color : #868585;
}

/*
.table-bordered td, .table-bordered th 
{
    border: 1px solid #f4f3f3;
}
*/
		
table th 
{
	text-align:center !important;
	font-weight:500;
}
.table-bordered>thead>tr>th,.table-bordered
{
	border-bottom-width:0px;
}	

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

.subForReport
{
	position: relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;
	bottom:-1.2em;	
}	

.mainTrTableTotal 
{
    background-color:#fbf6e7 !important;
	font-weight:700;
}
/*end tables*/


/*div centered*/
#centeredDiv
{
	margin-top:40%;
	text-align:center;	
	font-size: calc(16px + 0.5vw);
}	

/*loader*/
#backgroundLoader  
{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 4;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

#scrollLoader  
{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 4;
	margin: -75px 0 0 -75px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin 
{
	0%   { -webkit-transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg);}
}

@keyframes spin 
{
	0%   { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}
/*end loader*/


/*autocomplete search*/
#search
{
	color: #909090;
	width: 170px;
	border:0px;	
	border-radius: 5px 5px 5px 5px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	background-color:#F0F0F0;
}

#search:focus 
{
	width: 250px;
	-webkit-box-shadow: none;
	box-shadow: none;	
	background-color:#F0F0F0;
}

.has-search .form-control 
{
	padding-left: 2.375rem;
}

.has-search .form-control-feedback 
{
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;
	//color: #007bff;
	border: 1px;
}		
		
#resetSuggest
{
	border-left:0px;
	background-color:#F0F0F0;
	border-left:0px;
	border:0px;
}
.btn-outline-group 
{
	border-color: #ced4da;
}		
/* end autocomplete search*/

/*border frame*/
.borderFrame
{
	max-width:900px;width:100%;padding:30px 20px 0px 20px;border:1px solid #e5e5e5;border-radius:6px; border-collapse:separate;	
}

/*exchange*/
#exchangeDiv	
{
	font:400 16px/24px Roboto,sans-serif;
	position: fixed; 
	bottom: 0;                 
	width: 248px; 
	background-color: rgba(0,0,0,.03);;
	border-top:1px solid #e9e9e9;
	line-height: 50px;
	padding:5px;
}	

.displayNone 
{
   display: none;
}


/*list group formatting*/
.listGroupFormatting a
{
	border:0px;
	//background-color:#f8f9fa;
	//color: #105daa;
}
	
.listHeadingArrow
{
	position: absolute;
	right: 20px;
	display: inline-block;
}	

.list-group-item:hover 
{
	background-color: #f2f2f2;
}		
.noUnderline 
{
  text-decoration: none !important;
  color: #1976d2 !important;
}
	
.leftMenu
{
    font-weight: 500;
    font-size: 0.9rem;	
}	
/*end list group formatting*/


/*login form*/
.divLogin
{
	margin:0 auto;
	max-width:400px;
	width:100%;
	background-color:#ffffff;
	padding-left:50px; 
	padding-right:50px; 
}
/*div logout*/	
#logout{margin-top:20%;text-align:center;}
/*end div logout*/

/*nav*/

.navbar 
{
	font:400 16px/26px Roboto,sans-serif;
	min-height: 50px;	
	transition: top 0.5s ease;
	//overflow-y: scroll !important;
}

.navbar-hide 
{
	top: -100px;
}


.navbar-collapse 
{
  max-height: 400px;
  overflow-y: auto;
}

.navbar.close 
{
    display: none;

}		
.navbar-light 
{
    color: #777777;
    //border-color: #e9e9e9;
	border-color: #e7e7e7;	
	border-bottom: 1px solid #e9e9e9;	
	//box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.navbar-light .navbar-nav .nav-link
{
	color: #495057;	
}	

.navbar-brand 
{
	padding: 0 15px;
	font-weight: bold;	
}
.navbar-logo
{
	color:#003865!important;	
}

.navbarNav li a:active, .navbar li a:focus
{
  text-decoration: none; 
  background: #e7e7e7!important; 
  color: #1976d2!important;
}

.navbar-expand-lg .navbar-nav .nav-link 
{
    padding:1.0rem;
}

.activeNavLink 
{ 
	color: #1976d2!important;
	background: #e7e7e7!important; 
}

.dropdown-item
{
  line-height: 40px!important;
}


/*flex*/
.wrapperFlex 
{
	display: flex;
	align-items: stretch;
	height: 100%;
	position:absolute;
	margin-left: -10px;	
}		
#flexRow 
{
	padding-top:100px;
	display: flex; 
	flex-wrap: wrap; 
	align-content: stretch;
	height: 100%;
	margin-left:250px;	
	transition: all 0.3s;		
}

#flexRow.hideFlexRow
{
	margin-left:0px;	
}	

#flexRow.fullHeightFlexRow
{
	padding-top:0px;
	transition: all 0.3s;	
}		
			
.flexColumn100Procent 
{
	width: 100%;
	height: 100%;	
}
/*end flex*/

/* Sidebar Styles */
#sidebar 
{
	font-weight: 500;
	font-size: 0.9rem;
	position: fixed;
	height: 100%;	
    padding-top: 96px;
    min-width: 250px;
    max-width: 250px;
    color: #777777;
	border: 1px solid #e9e9e9;
    border-color: #e7e7e7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	
	//box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);	
}

#sidebar.fullHeightSidebar
{
	padding-top:0px;
	transition: all 0.3s;		
}	

#sidebar.hide 
{
	margin-left: -252px;
	transition: all 0.3s;
}
#sidebar .sidebar-header 
{
	padding: 12px;
	background: #f6f6f6;
	color:#01579b;
	margin-bottom:20px;
	border-bottom: 1px solid #e5e5e5;	
}

.sidebar-nav.up 
{
  top: 0px;
   -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;	 
}

.sidebar-nav 
{
  position: absolute;
  top: 100px;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;	  
}

.sidebar-nav.up 
{
  top: 0px;
   -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;	 
}
.sidebar-nav li 
{
  text-indent: 10px;
  line-height: 50px;
}

.sidebar-nav li a
{
  display: block;
  text-decoration: none;
  color: #686666;
}

.sidebar-nav li a:hover 
{
  text-decoration: none;
  color: #fff;
  background: #f2f2f2;
  color: #1976d2;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus
{
  text-decoration: none; 
  background: #e7e7e7; 
  color: #1976d2;
}

.sidebar-nav>.sidebar-brand 
{
  height: 65px;
  font-size: 18px;
  line-height: 60px;
  background: #f2f2f2;
  font-weight: bold;
  margin-bottom:10px;
}

.sidebar-nav>.sidebar-brand a 
{
  color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover 
{
  color: #999999;
  background: none;
}

/*end left side bar*/

		
/*rotate font awesome*/
.rotate
{
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.fontAwesomeForSocial
{
	font-size: 1.4em;
}
	
.rotate.down
{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
/*end rotate font awesome*/		

/*hack for fa blurring */
.fa, .fas, .fal 
{
	transform: rotate(0.03deg);
}

.datepicker 
{
    font-size: 0.875em;
}

.alertHeader 
{
    font-size: 18px;
    font-weight: 500;
    color: #666c71;
    background-color: #e9ebee;
    border-color: #e5e5e5;
    margin-bottom: 0rem;
    border-radius: 0.25rem 0.25rem 0rem 0rem;
    border: 0px;
    text-align: justify;
    text-justify: inter-word;	
}	

 /*for not to use inline css*/
.hideClass
{
	display:none;
}

.hideClassImportant
{
	display:none !important;
}


/*styling installment overdue warning div*/
#divInstallmentOverdue
{
	color: #721c24;
}	
/*end styling installment overdue warning div*/
	

/*nav tab frame*/
#navTab
{
	border-left:1px solid #f2efef;
	border-right:1px solid #f2efef;
	border-bottom:1px solid #f2efef;
	border-radius:0px 0px 6px 6px;
}

/*format card header*/
.card-header
{
	background-color:#e9ebee;
	border-bottom:0px;
}	

.card-body-f2f2f2
{
	background-color:#f2f2f2;	
}	

.linkBlueFacebook{color:#3b5998}
.linkBlueGoogle{color:#1976d2}
.textAzure{color: #708eaa}
.linkIndigo{color:rgb(12,108,242)}
.linkGreen{color:rgb(40,167,69)}
.linkOrange{color:#fd7e14}
.linkOrangeDark{color:#e65d17}
.linkTeal{color:#20c997}
.linkCyan{color:#17a2b8}
.linkBrownish{color:#86121d}
.textBluish{color:#5c87ae}
.textElectricCrimson{color:#ff003}
.textRedSafe{color:#d50000}
.textMutedGray{color:#cfd4d9}
	
/*nav tab active*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active 
{
	background:#e9ebee;
	border-bottom: 1px solid #dee2e6;
}

/*chage tooltip font*/
.tooltip-inner
{
	font: 400 13px/26px Roboto,sans-serif !important;  	
}

/*nav tab*/
.isNavTab
{
	font-weight: 500;
	font-size: 0.9rem;
	color: #1976d2 !important;	
}	

/*nav tab*/
.isRowText
{
	font-weight: 500;
	font-size: 0.9rem;	
}

.isText1Rem
{
	font-size: 1.0rem;	
}

.isText09Rem
{
	font-size: 0.9rem;	
}

.isRowText1Rem
{
	font-weight: 500;
	font-size: 1.0rem;	
}

.isRowTextBigger
{
	font-weight: 500;
	font-size: 1.1rem;	
}

.isAccordionTitle
{
	font-weight: 500;
	font-size: 1.0rem;		
}	

.isFormSubtitle
{
	font-weight: 500;
	font-size: 1.1rem;		
}

.isMainTitleInfoBigger
{
	font-weight: 500;
	font-size: 0.95rem;		
}	

.isMainTitleInfo
{
	font-weight: 500;
	font-size: 0.8rem;		
}	

.isMainTitleInfoLighter
{
	font-weight: 400;
	font-size: 0.8rem;		
}	

/*canvas*/
#canvas 
{
    background-color: #fff;
    border: 1px solid #5e5e5;
    border-radius: 4px;
    min-height: 20px;
    width: 100%;
}	

/*label error for validation*/
.label-danger 
{
    font-size:80%;
    color:#dc3545;
}

/*no image for invalid*/
.form-control.is-invalid, .was-validated .form-control:invalid 
{
  background-image: none;
}

/*no browse on custom file upload*/
.custom-file-label::after 
{
    padding:0;
    content:"";
}

/*summer note editor styling*/

/*placeholder style*/

.note-placeholder {
  position: absolute;
  top: 20%;
  left: 5%;
  font-size: 2rem;
  color: #e4e5e7;
  pointer-events: none;
}

/*Toolbar panel*/

.note-editor .note-toolbar 
{
  background: #f0f0f1;
  border-bottom: 1px solid #c2cad8;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/*Buttons from toolbar*/

.summernote .btn-group, .popover-content .btn-group 
{
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.note-popover 
{
  background: #f0f0f1!important;
}

.summernote .btn, .note-btn 
{
  color: rgba(0, 0, 0, .54)!important;
  background-color: transparent!important;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.summernote .dropdown-toggle:after 
{
  vertical-align: middle;
}

.note-editor.card 
{
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
}

/* Border of the Summernote textarea */

.note-editor.note-frame 
{
  border: 1px solid rgba(0, 0, 0, .14);
}

/* Padding of the text in textarea */

.note-editor.note-frame .note-editing-area .note-editable 
{
  padding-top: 1rem;
}


/*toogle class for show hide action|confirm action btn */
.hideToggleBtn
{
    visibility:hidden;
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
    opacity: 0;
    -moz-transition: opacity 1s, visibility 1.3s;
    -webkit-transition: opacity 1s, visibility 1.3s;
    -o-transition: opacity 1s, visibility 1.3s;
    transition: opacity 1s, visibility 1.3s;
}
.shownToggleBtn
{
    visibility:visible;
    opacity: 1;
    -moz-transition: opacity 1s, visibility 1.3s;
    -webkit-transition: opacity 1s, visibility 1.3s;
    -o-transition: opacity 1s, visibility 1.3s;
    transition: opacity 1s, visibility 1.3s;
}

/*END summer note editor styling*/

.dashboardTitle
{
	//line-height: 35px;
	//font-size: 20px;
	//font-weight:400;	
	
	font-weight: 500;
	font-size: 1.0rem;	
}
	
/*input type number for dashboard*/	
.isDashboardInputNumber
{
	width:60px;
	//font-size:20px;
	//background-color:#f6f7f9;	
}	
	
/*graph*/
.isGraphPieContainer
{
	padding:10px;
	border:1px solid #e5e5e5;
	border-radius:4px;	
}	

.isGraphPie
{
	display: block; 
	width: 700px; 
	height: 350px;
}	
/*end graph*/

/*breadcrumb*/
.breadcrumbNav 
{
    font-size: 80%;
    font-weight: 400;
    background-color: #f2f2f2 !important;
}

.breadcrumb-item + .breadcrumb-item::before 
{
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
}
/*end breadcrumb*/

/*mtpl format*/
#selectedInsurerOffer 
{
    font: 500 20px/30px Roboto,sans-serif;
}
/*end mtpl format*/


/*styling raider modal*/

	.modal-dialog.modalMtplDialogRider .modal-header 
	{
		background-color: #1976d2;
		border: 0;
	}
	
	.modal-dialog.modalMtplDialogRider .modal-header .heading 
	{
		padding: .3rem; 
		margin: 0;
		font-size: 1.15rem;
		color: #fff;
		font-weight: bold;		
	}		
	
	
/*end styling raide modal*/


/*styling promo modal*/

	.modal.show .modalDialogPromo
	{
		//position:absolute;
		//width:400px;
		//max-width:500px;
		//margin:0; bottom:0;right:0;
	}	

	.modal-dialog.modalDialogPromo .modal-header 
	{
		background-color: #1976d2;
		border: 0;
		-webkit-box-shadow: 0 2px 5px 0 rgba(25, 118, 210, 0.16),0 2px 10px 0 rgba(25, 118, 210, 0.12);
		box-shadow: 0 2px 5px 0 rgba(25, 118, 210, 0.16),0 2px 10px 0 rgbargba(25, 118, 210, 0.12);
	}

	.modal-dialog.modalDialogPromo .modal-header .heading 
	{
		padding: .3rem; 
		margin: 0;
		font-size: 1.15rem;
		color: #fff; 
		font-weight:700;
	}		

	/*effect*/
	
	@-webkit-keyframes tada 
	{
	  0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	  }

	  10%, 20% {
		-webkit-transform: scale(.9) rotate(-8deg);
		transform: scale(.9) rotate(-8deg);
	  }

	  30%, 50%, 70% {
		-webkit-transform: scale(1.3) rotate(8deg);
		transform: scale(1.3) rotate(8deg);
	  }

	  40%, 60% {
		-webkit-transform: scale(1.3) rotate(-8deg);
		transform: scale(1.3) rotate(-8deg);
	  }

	  80% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	  }
	}

	@keyframes tada 
	{
	  0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	  }

	  10%, 20% {
		-webkit-transform: scale(.9) rotate(-8deg);
		-ms-transform: scale(.9) rotate(-8deg);
		transform: scale(.9) rotate(-8deg);
	  }

	  30%, 50%, 70% {
		-webkit-transform: scale(1.3) rotate(8deg);
		-ms-transform: scale(1.3) rotate(8deg);
		transform: scale(1.3) rotate(8deg);
	  }

	  40%, 60% {
		-webkit-transform: scale(1.3) rotate(-8deg);
		-ms-transform: scale(1.3) rotate(-8deg);
		transform: scale(1.3) rotate(-8deg);
	  }

	  80% {
		-webkit-transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	  }
	}

	.faa-tada.animated,
	.faa-tada.animated-hover:hover,
	.faa-parent.animated-hover:hover > .faa-tada 
	{
	  -webkit-animation: tada 2s linear infinite;
	  animation: tada 2s linear infinite;
	}

	/* PULSE */

	@-webkit-keyframes pulse {
	  0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	  }

	  50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	  }

	  100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	  }
	}

	@keyframes pulse {
	  0% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	  }

	  50% {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	  }

	  100% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	  }
	}

	.faa-pulse.animated,
	.faa-pulse.animated-hover:hover,
	.faa-parent.animated-hover:hover > .faa-pulse 
	{
	  -webkit-animation: pulse 5s linear infinite;
	  animation: pulse 5s linear infinite;
	}
	/*end effect*/	

/*end styling promo modal*/

/*mobile*/
/*to do  : pune clase pe tabele generate si apoi le ascundem pe rezolutie mica*/


/*
.isEastern
{
	background-color:#f2f2f2;
	background: transparent url("../img/a.jpg") no-repeat scroll center top;	
	background-size: 100% 100%;
}
*/
	
@media (max-width:576px)
{
	#responseListData
	{
		display: none;
	}	
}
	
@media (max-width:768px)
{
	.wrapperFlex
	{
		display: none;
	}
	
	#controls
	{
		display: none;
	}
	
	#formDetails
	{
		padding: 0px;
		margin: 0rem !important;
		border-radius:0px;
		border-collapse: separate;
	}
	
	.container
	{
		max-width: 768px;
		padding-right: 0px;
		padding-left: 0px;
	}	
}

/*
@media (min-width: 768px) 
{
	.navbar .navbar-nav 
	{
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	.navbar .navbar-collapse 
	{
		text-align: center;
	}	
	.navbar-brand, .navbar-nav > li > a 
	{

		padding-top: 26.5px;
		padding-bottom: 26.5px;
		line-height: 27px;
	}
	.navbar-brand, .navbar-nav > li
	{
		text-align: left;
	}							
}		
*/