/*

Skahcano s https://phpguru.com.ua

*/
html, body
{
    height: 90%;
}

body
{
    font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;    
    margin: 0;
   /*  background: url(https://u-crm.ru/images/login-page-bg.png) repeat;  */
	/*background-color: #1abc9c;*/
	}

/*  FLAXBOX
	--------------------------------------------------- */	
	.block-flex-div { display: flex;width: 100%;justify-content: space-between;box-sizing: border-box;}	
		.block-line-flex {display: flex;padding: 8px; height: auto;font-size: 14px;width: 100%;color: #666;font-weight: 500;text-align: left;box-sizing: border-box;/* justify-content: center; */ }
			.block-column-flex{ flex: 1;} 	
			
			
			
.logo-ucrm {
		background:url('/img/logo_color_new.png') no-repeat center top;
		background-size:100%;
		height:80px;
		width:200px;
		text-align:center;
		margin:3% auto;
		/* -left:220px; */ 
}
.logo-ucrm div {margin-left:150px;}

.index .logo-ucrm {
		background:url(/images/u-crm-logo-2-shadow.png) no-repeat center top;
		background-size:100%;
		height:80px;
		width:200px;
		text-align:center;
		margin:23% auto;
		/* -left:220px; */ 
}

/*--------------------*/

#loginform
{
	position: relative; 
    background-color: #fff;
    width: 400px;
    margin: 50px auto;
    padding: 25px;
   
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
	 box-shadow: 0 0 0 1px rgba(153, 153, 153, .3);
}

.reg-page #loginform {min-height: 280px;height: auto; box-shadow: 0 0 0 1px rgba(153, 153, 153, .3);}
.reg-page #loginform #inputs, .reg-page #loginform #actions {margin-left:10px;}
.reg-page #loginform input {padding-left: 10px;}
	.reg-page #loginform .input-holder {float:left;}	
	.reg-page #loginform  .code {width:40px !important;margin-right:25px;}
	.reg-page #loginform  .index {width:50px !important; margin-right:37px;}
	.reg-page #loginform  .number {width:180px !important;margin-left:0;}
	.reg-page #loginform  .code input {width:30px !important;padding-left: 10px;text-align:center;}
	.reg-page #loginform  .index input {width:52px !important;padding-left: 10px;text-align:center;}
	.reg-page #loginform  .number input {width:200px !important;padding-left: 10px;text-align:center;}
	
.login-page #loginform {min-height: 250px;height: auto; box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);}


	.ucrm-acceptance { display: flex; position: relative !important; width: fit-content; font-size: 14px !important; line-height: 15px; color: #333 !important; margin-left: 10px !important; margin-top: 15px !important; text-align: left;} 
		.ucrm-acceptance-checkbox { max-width: 20px !important; }	
		.ucrm_acceptance_checkbox { width: 12px !important; height: 12px !important;  display: inline-block !important; vertical-align: middle !important; margin-top: 2px !important; -webkit-appearance: checkbox !important;}	
		.ucrm-acceptance a {display:inline-block !important;  color:#7fc6eb !important;}	
		
/*--------- МОДАЛЬНОЕ ОКНО ----------*/

.m-dotted {margin-top:20px;margin-left:10px;display:inline-block;border-bottom: 1px dashed #999; color:#999;cursor: pointer}


	.g-hidden {
		  display: none;
		}  
		
	.box-modal H3 {margin-top: 10px;height: 28px;}

.open-bonus-block {clear: both;display: block;text-align: left;margin-top:10px;margin-bottom:10px;/*border-bottom: 1px dashed #4a8eb9; */color:#4A8EB9;font-family:'PT Sans', sans-serif;cursor: pointer}
	.open-bonus-block span {display:inline-block !important; border-bottom: 1px dashed #4A8EB9;line-height: 16px;}
	.bonus-block {display:none;text-align: left;}
	.bonus-block input {width:150px !important;font-size: 12px !important; padding-left: 10px !important;  height: 15px !important;}


.reg-or-login {position: absolute; width: 150px; bottom: -28px;text-align: left;}
.reg-or-login span {border-bottom: 1px dashed #1836FF !important; color: #1836FF !important; text-decoration: none;cursor: pointer !important;}
.reg-or-login a {text-decoration:none;float: none !important;line-height: 14px !important;margin-left: 0px !important;}	
/*--------------------*/

h1
{
   
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 20px/1 Verdana, Helvetica;
    position: relative;
}



/*--------------------*/

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

/*--------------------*/

#inputs input,
#actions input
{
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	width: 100%;
    box-sizing: border-box;
}
.login-page #inputs input
{
    background: #f1f1f1 url(../images/login-sprite.png) no-repeat;
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

.login-page #login
{
    background-position: 5px -2px !important;
}

.login-page #password
{
    background-position: 5px -52px !important;
}

.reg-page .content-reg {
    height: 240px;
    width: 700px;
    margin: 50px auto;
    padding: 30px;
   text-align:center;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  

}


.reg-page .content-reg h1, h2 {
	font-family: 'Archivo Black', sans-serif;font-weight:700;color:#228B22;
}
.reg-page .content-reg h1 {font-size: 30px;line-height: 50px;}
.reg-page .content-reg h2 {font-size:30px;line-height: 40px;}

.reg-page .content-reg .confirm-content span {
	font: 20px/30px 'Archivo Black', sans-serif;
	color:#666;
}
		  
		  
#inputs input:focus
{
     border-color: rgba(82, 168, 236, 0.8);
		  outline: 0;
		  outline: thin dotted \9;
		  /* IE6-9 */ 

		  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
			 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/*--------------------*/
#actions
{
    margin: 5px 0 0 0;
}

#submit
{		
margin-top:10px!important;
/* height: 35px; */
outline: 0;
font-size: 18px !important;
/* line-height: 35px; */
color: #fff !important;
cursor: pointer;
text-align: center;
text-decoration: none;
background: #FF6347;
border: none !important;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
}

#submit:hover,#submit:focus
{		
color:#fff !important;
opacity: 0.9;
border:0;
}	



#submit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
}

/*--------------------*/

#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}



			.alert {
			 position: relative;
			  padding: 8px 35px 8px 14px;
			  margin-bottom: 20px;
			  color: #c09853;
			  font: 12px/14px "Ubuntu Condensed", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
			  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			  text-align:center;
			  background-color: #fcf8e3;
			  border: 1px solid #fbeed5;
			  -webkit-border-radius: 4px;
				 -moz-border-radius: 4px;
					  border-radius: 4px;
			}

			.alert h4 {
			  margin: 0;
			}

			.alert .close {
			  position: relative;
			  top: -2px;
			  right: -21px;
			  line-height: 20px;
			}

			.alert-success {
			  color: #468847;
			  background-color: #dff0d8;
			  border-color: #d6e9c6;
			}

			.alert-danger,
			.alert-error {
			  color: #b94a48;
			  background-color: #f2dede;
			  border-color: #eed3d7;
			}
			
				.page_newsradioshow .alert.alert-danger:before, .page_resident_edit .alert.alert-danger:before, .page_tracklist_add .alert.alert-danger:before, .page_newsradioshow_add .alert.alert-danger:before, .page_all-news-radioshow .alert.alert-danger:before {
					bottom: 100%;
					left: 30px;
					border: solid transparent;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
					
				}
				.page_newsradioshow .alert.alert-danger:before, .page_resident_edit .alert.alert-danger:before, .page_tracklist_add .alert.alert-danger:before, .page_newsradioshow_add .alert.alert-danger:before, .page_all-news-radioshow .alert.alert-danger:before {
					border-color: rgba(194, 225, 245, 0);
					border-bottom-color: #f2dede;
					border-width: 10px;
					margin-left: -10px;
				}

			.alert-info {
			  color: #3a87ad;
			  background-color: #d9edf7;
			  border-color: #bce8f1;
			}

			.alert-block {
			  padding-top: 14px;
			  padding-bottom: 14px;
			}

			.alert-block > p,
			.alert-block > ul {
			  margin-bottom: 0;
			}

			.alert-block p + p {
			  margin-top: 5px;
			}
			
			.page-birthdays .alert,.page-purchase .alert,.page-billpayment .alert,.page-other .alert {margin:30px 0 0 120px; font-size:14px !important;}