@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url(../css/4/bootstrap.min.css);
@import url(../css/flaticon/flaticon.css);
@import url(../css/dataTables.bootstrap4.min.css);
@import url(../css/magnific-popup.css);
@import url(../css/datepicker.min.css);
@import url(../css/jodit.min.css);




@font-face {
	font-family: 'SF Pro Display';
	src: url('../../assets/fonts/SFPro/SFProDisplay-Regular.eot');
	src: local('SF Pro Display'), local('SFProDisplay-Regular'),
		url('../../assets/fonts/SFPro/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
		url('../../assets/fonts/SFPro/SFProDisplay-Regular.woff') format('woff'),
		url('../../assets/fonts/SFPro/SFProDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'SF Pro Display';
	src: url('../../assets/fonts/SFPro/SFProDisplay-Bold.eot');
	src: local('SF Pro Display'), local('SFProDisplay-Bold'),
		url('../../assets/fonts/SFPro/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../assets/fonts/SFPro/SFProDisplay-Bold.woff') format('woff'),
		url('../../assets/fonts/SFPro/SFProDisplay-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}



    
html {
  width: 100% !important;
  height: 100% !important; }

body {
  width: 100% !important;
  height: 100% !important;
  font-family: 'SF Pro Display';
  font-weight: normal;
  font-style: normal;
  color: #000;
  background-color: #fff; }




h1 {
    font-size: 42px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 35px;
  line-height: 1.7;
  font-weight: 600; }

h4, h5, h6 {
  font-weight: 700; }

.no-transform {
  text-transform: none; }

p {
  font-size: 16px;
  margin: 0 0 25px; }

a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }
  a img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

img {
  -webkit-filter: blur(0);
  filter: blur(0); }

a, img, :focus, input {
  outline: none !important; }

a:hover, a:focus {
  color: #666;
  text-decoration: none; }
a img:hover {
  opacity: .85; }

.white {
    color: #fff !important;
}







.m-t-10 {
    margin-top: 10px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

.m-t-80 {
    margin-top: 80px !important;
}

.m-t-90 {
    margin-top: 90px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}




.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.m-b-70 {
    margin-bottom: 70px !important;
}

.m-b-80 {
    margin-bottom: 80px !important;
}

.m-b-90 {
    margin-bottom: 90px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}



/* форма */


.contact input, select, textarea {
    padding: 11px 4px;  
    width: 100%;
    max-width: 100%;
    border: 0px; 
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #555; 
    width: 100%;  
}   
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
    border-color: none;
    box-shadow: none;
    outline: 0 none;
    background-color: rgba(245, 245, 245, 0.71);
    transition: all .35s;
}
textarea {
	height: 180px;      
}
::-webkit-input-placeholder {
    color: #999;
}
.contact input, .contact input:focus, textarea:focus,.contact select, select:focus, .contact.box-style textarea {    
    background-color: rgba(245, 245, 245, 0.71);
    -webkit-transition: border-color 0.35s;
    -moz-transition: border-color 0.35s;
    transition: border-color 0.35s;
}
.contact input.submit {
    width: auto;
	font-family: 'SF Pro Display';
    font-size: 12px;
    font-weight: 700;  
    color: #fff; 
    padding: 10px 16px 9px 16px;
    border: none;
}
.contact input.submit:hover {
    color: #fff; 
}

input[type="submit"][disabled] { background:#888; }
#message-info {
	margin: 10px 0; 
	padding: 0; 
    text-align: center;
    padding: 0 7px;
} 
#success_page {
    text-align: center;
}


.contact.box-style {
    text-align: center;
}
.contact.box-style .col-sm-6,
.contact.box-style .col-sm-12,
form .col-sm-6,
form .col-sm-12 {
    padding: 0 7px;
}
.contact.box-style input,
.contact.box-style textarea,
input,
textarea {
    padding: 14px 18px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    border: 0px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #292929;
    width: 100%;
    margin-bottom: 14px;
    background-color: rgba(251, 251, 251, 0.4);
    border: none;
    border-radius: 4px;
    outline: none;
    border: 2px solid rgba(41, 41, 41, 0.06);

}

.contact.box-style input.submit,
input.submit { 
    width: auto;
	font-family: 'SF Pro Display';
    font-weight: 700;  
    color: #fff; 
    border: none !important;
    font-size: 11px;
    padding: 15px 43px 15px 43px;
    line-height: 22px;
    border-radius: 100px;
}
.contact.box-style input.submit:hover,
input.submit:hover {
    color: #fff;
}


.btn-submit {
    background: #000 !important;
    border-radius: 5px !important;
    color: #fff !important;
    width: 100%;
    border: none;
    padding: 15px 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.btn-submit:hover {
    background: rgba(0, 0, 0, 0.75) !important;
}



.custom-file-label::after {
    content: "Выбрать";
}


.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f4f4f4;
  font-size: 12px;
  text-align: center;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #fbfbfb;
}



.login-block {
    margin-top: 180px;    
}


.login-form {
    padding: 35px;
    max-width: 360px;
    border: 2px solid rgba(41, 41, 41, 0.06);
    border-radius: 5px;
-webkit-box-shadow: 0px 0px 66px -14px rgba(0,0,0,0.04);
-moz-box-shadow: 0px 0px 66px -14px rgba(0,0,0,0.04);
box-shadow: 0px 0px 66px -14px rgba(0,0,0,0.04);
}

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


.site-name {
    margin-top: 20px;
    color: dimgray;
    font-size: 12px;
}



.logo-login {
    margin-left: auto;
    margin-right: auto;
}

.logo-login img{
    max-width: 85px;
    margin-bottom: 20px;
}



.navbar-nav>li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.bg-light {
    background-color: #ffffff!important;
    -webkit-box-shadow: 0px 10px 87px -23px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 10px 87px -23px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 87px -23px rgba(0,0,0,0.15);
}

.navbar-default .navbar-nav>li>a {
    color: #000 !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: none;
}


.navbar-light .navbar-nav .nav-link {
    color: #000 !important;
} 


.logout {
    font-weight: 500 !important;
}


.title-dashboard {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 50px;
    margin-top: 25px;
}


.name-user {
    font-weight: 600;
}


.dash-menu-block {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    padding: 70px 20px;
    margin-bottom: 25px;
-webkit-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.02);
-moz-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.02);
box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.02);

}


.title-menu {
    position: absolute;
    font-size: 24px;
    margin-top: -15px;
    left: 177px;
}


.title-menu-icon {
    position: absolute;
    font-size: 74px;
    margin-top: -53px;
    left: 54px;
}

.title-menu-arrow {
    position: absolute;
    font-size: 32px;
    margin-top: -20px;
    right: 36px;
}




.back-btn {
    position: absolute;
    background: #f7f7f7;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    left: 0;
    top: 35px;
}


.btn-add {
    position: absolute;
    background: #000000;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    right: 0;
    top: 35px;
    transition: 1s;
}


.btn-add:hover {
    background: #4c4c4c;
    color: #fff;
}


.btn-export {
    position: absolute;
    background: #007bff;
    padding: 10px 9px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    right: 175px;
    top: 35px;
    border: none !important;
    outline: none;
    transition: 1s;
}


.btn-export:hover {
    background: #3393fb;
    color: #fff;
}



.alert-info {
    max-width: 360px;
    margin-right: auto;
    margin-left: auto;
}


.icon-edit,
.icon-delete {
    color: #fff;
    font-weight: bold;
    padding: 4px 11px;
}

.icon-edit:focus,
.icon-delete:focus {
    color: #fff;
}







.form-block-admin {
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.01);
-moz-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.01);
box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.01);
}




.add-button {
    border-radius: 5px;
    background: #000;
    border: none;
    color: #fff;
}


.cancel-button {
    padding: 14px 18px;
    width: 100%;
    border-radius: 5px;
    background: #f0f0f0;
    border: none;
    color: #000;
}





.btn-edit-event {
    position: absolute;
    border: 2px solid #000;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 18px !important;
    color: #000;
    font-weight: bold;
    right: 47px;
    top: 35px;
}


.btn-delete-event {
    position: absolute;
    border: 2px solid #e30613;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 18px !important;
    color: #e30613;
    font-weight: bold;
    right: 0;
    top: 35px;
}







.block-file {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    padding: 30px 19px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.02);
    -moz-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.02);
    box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.02);
}


.title-file {
    color: #1c85fa;
}


.user-upload {
    color: #a7a7a7;
    font-size: 14px;
}

.user-upload span{
    color: #000000;
}


.date-upload {
    font-size: 14px; 
}

.size-upload {
    font-size: 14px; 
}


.download-file {
    position: absolute;
    text-decoration: underline;
    font-size: 16px;
    right: 30px;
    bottom: 35px;
}

.download-file:hover {
    text-decoration: none;
}


.delete-file {
    position: absolute;
    right: 29px;
    font-size: 18px;
    top: 12px;
}








.title-event {
    color: #000;
    font-weight: bold;
}


.user-event {
    color: #a7a7a7;
    font-size: 14px;
}

.user-event span{
    color: #000000;
}


.date-event {
    font-size: 14px; 
}


.view-event {
    position: absolute;
    text-decoration: underline;
    font-size: 16px;
    right: 30px;
    bottom: 35px;
}

.view-event:hover {
    text-decoration: none;
}


.delete-event {
    position: absolute;
    right: 29px;
    font-size: 18px;
    top: 12px;
}


.edit-event {
    position: absolute;
    right: 57px;
    font-size: 18px;
    top: 12px;
}







.description-event-title {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}

.description-text {
    padding: 10px;
    color: #262626;
    text-align: justify;
    font-size: 16px;
}



.user-event-into {
    text-align: left;
}

.user-event-into span{
    font-weight: bold;
}



.date-event-into {
    text-align: right;
    margin-top: -24px;
}





@media only screen and (max-width: 767px) {
    
        
    
.footer {
  position: static;
}    
    
    
.client-list-pad {
     margin-top: 40px;   
}    
    
    
.login-block {
    margin-top: 80px;    
}  
    
.logo-login img {
    max-width: 80px;
}
    
    
.navbar-toggle {
    margin-top: 12px;
    margin-bottom: 12px;
} 
    
    
.menu-img-icon {
    margin-top: -31px !important;
    left: 54px !important;
    width: 61px !important;
}    
    
    
.dash-menu-block {
    border: 2px solid #f4f4f4;
    border-radius: 6px;
    padding: 50px 20px;
    margin-bottom: 15px;
}
    
    
.title-dashboard {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 28px;
    margin-top: 20px;
}
    
    
.title-menu-icon {
    position: absolute;
    font-size: 55px;
    margin-top: -42px;
    left: 54px;
}
    
    
.title-menu {
    position: absolute;
    font-size: 18px;
    margin-top: -14px;
    left: 141px;
}
    
    
.title-menu-arrow {
    position: absolute;
    font-size: 26px;
    margin-top: -19px;
    right: 36px;
}
    
    
.back-btn {
    position: initial;
}
    
    
.btn-add {
    position: initial;       
}
    
.btn-export {
    position: initial;  
    margin-bottom: 15px;
}
    
    
.btn-edit-event,
.btn-delete-event {
   position: initial;       
}
   
.search-input {
  margin-bottom: 10px;    
}
    
.search-from {
  margin-top: 30px;      
}
    

    
    
.user-event-into {
    text-align: center;
}


.date-event-into {
    text-align: center;
    margin-top: 15px;
}
    
    
    
.block-event {
    margin-top: 40px;
}
    
    
.block-user-table {
     margin-top: 40px;
}
    
    
}



/* Иконки меню админа  */


.menu-img-icon {
    position: absolute; 
    margin-top: -40px; 
    left: 54px; 
    width: 74px;
}


/* Увеличить фото новостей */


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}





/* Анотация счетчик */

.anot-number {
    background: #f1f3f7;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 5px;
}

#anot_chars {
    font-weight: bold;
}



/* Доп. фото события */


.additional-pic {
    display: inline-table;
    margin-right: 10px;
    margin-bottom: 10px;
}

.delete-pic {
    position: absolute;
    /* top: 20px; */
    margin-top: -8px;
    margin-left: 43px;
    z-index: 100;
    transition: transform .2s;
}

.delete-pic:hover {
    transform: scale(1.2);
}