@charset "utf-8";
/* CSS Document */

*:focus {outline:none;}
* {box-sizing: border-box;}
html { line-height:normal !important; }

article, aside, details, figcaption, figure, footer, header, hgroup, /*menu, nav,*/ section { display: block;}
img {border:none;}
a {color:#396106; text-decoration:underline;}
a:hover {text-decoration:underline;}

body {padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-size:1rem; /* 1rem = 16px */ line-height:1.8rem; font-weight:400; color:#444444; background:#ffffff;}


header{padding:0; margin:1rem 0 0 0; width:100%; float:left;}
header .body {padding:0; margin:0 auto; width:100%; max-width:1200px; border-bottom:0px solid #f3f3f3; position:relative;}
/*header .body #datepicker{padding:0; margin:0 0 0.7rem 20%; width:80%; max-width:720px;}*/
header .body #datepicker{ padding: 0; margin: 0 0 0.7rem 9%; width: 70%; max-width: 720px;}
header .body.body-index #datepicker{ padding: 0; margin: 0 0 0.7rem 21%; width: 70%; max-width: 720px;}

header .body #datepicker_mobile{display:none;}
header .body .exit{position:absolute; width:19%; top:0; right:0; border-radius:5px; border:1px solid #cccccc; background:#ffffff; text-align:center; z-index:1000; transition: 0.3s; font-weight: bold; padding:.2em 0; margin-right:5px;}
header .body .exit a{columns: #333333;; font-size:0.875rem; text-decoration:none; }
header .body .exit img{vertical-align:middle; width:auto; margin:0 0.5rem 0 0;}
header .body .exit:hover{background:#e0dede;}

header .body .disk-info {
    float: right;
    width: 19%;
    margin-top: 2.9rem;
    line-height: 1.8;
    font-size: 0.8em;
}



section.login-page{padding:0; margin:10rem 0; width:100%; float:left;}
section.login-page .body {padding:0; margin:0 auto; width:60%; max-width:600px;}
.login-form{padding:0; margin:2rem 0; width:100%; float:left;}


section.message-page{padding:0; margin:0rem 0; width:100%; float:left;}
section.message-page .body {padding-left:4px; margin:0 auto; width:60%; max-width:680px;}


form.regform{padding:0; margin:0; float:left; width:100%; display:block;}
.form-row {padding:0; margin:0 0 0.4rem 0; float:left; width:100%; position:relative;}
.form-row-txt {padding:0; margin:0 0 0.9rem 0; float:left; width:100%; position:relative;}
input[type=text], input[type=password], select{padding:0.6rem 0.5rem; margin:0 0 0.5rem 0; float:left; width:100%; border:1px solid #b8d495; color:#444444; font-size:1.25rem; font-family:'Montserrat', sans-serif; border-radius:4px;}
textarea{padding:0.6rem 0.5rem; margin:0 0 0.5rem 0; float:left; width:100%; border:1px solid #b8d495; color:#838282; font-size:1.25rem; font-family:'Montserrat', sans-serif; border-radius:4px; height:150px;}
button.reg-btn{    padding: 0.6rem 2.5rem; margin:0; float:left; width:100%; text-align:center; font-size: 1.25rem; color:#ffffff; background:#82b73e; font-family:'Montserrat', sans-serif; border-radius:4px; border:none; transition: 0.3s;}
button.reg-btn:hover{background:#6c9f2a;}

button.reg-btn.edit{padding: 0.6rem 2.5rem; cursor: pointer; margin:0; float:left; width:40%; text-align:center; font-size: 1.25rem; color:#ffffff; background:#82b73e; font-family:'Montserrat', sans-serif; border-radius:4px; border:none; transition: 0.3s;}
button.reg-btn.edit:hover{background:#6c9f2a;}

button.del-btn{ display:none; cursor: pointer; padding: 0.6rem 2.5rem; margin:0; float:right; width:30%; text-align:center; font-size: 1.25rem; color:#ff0000; background:#fff; font-family:'Montserrat', sans-serif; border-radius:4px; border:1px solid #ff0000;; transition: 0.3s;}
button.del-btn:hover{background:#ff0000; color:#fff;}

/*-------------------start browse input---------------*/
.file {visibility: hidden; position: absolute;}
.btn.btn-primary {padding:0.6rem 2.5rem; background:#82b73e; border:1px solid #82b73e; outline:none; font-size:1.25rem; font-family:'Montserrat', sans-serif; border-radius:4px; color:#ffffff; position:absolute; right:0; transition: 0.3s;}
.btn.btn-primary:hover {background-color:#6c9f2a; border-color: #6c9f2a;}
.btn.btn-primary:active, .btn.btn-primary:focus {background-color: #6c9f2a; border-color: #6c9f2a;}
input[type=text]:disabled {background: #ffffff;}
/*-------------------end browse input---------------*/

section.navigation{padding:0; margin:1rem 0 0 0; width:100%; float:left;}
section.navigation .body {padding:0; margin:0 auto; width:100%; max-width:1200px;}

/*----------------START MENU-----------------*/
nav#cssmenu{/*position:absolute;*/margin:0; float:left; width:100%; padding:0;}
#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0; list-style:none; display:block; position:relative; z-index:10000;}
#cssmenu:after,#cssmenu > ul:after{display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#cssmenu #head-mobile{display:0;}
#cssmenu ul {padding:0; margin:0;}
#cssmenu > ul > li{float:left; background:#82b73e; border-radius:5px;  margin: 0 0.5rem; width:16%; text-align:center;}
#cssmenu > ul > li > a{padding:0.2rem 1rem; font-size:0.875rem; text-decoration:none; color:#ffffff;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover{background:#6c9f2a;
-webkit-transition:background .3s ease;
-ms-transition:background .3s ease;
transition:background .3s ease;}

#cssmenu > ul > li:last-child {
margin:0;
width: 13%;
float:right;
}

#cssmenu  > ul >li.home {
    background:#fff;
    width:3%;
}

#cssmenu > ul >li.home a{
    color:#82b73e;
    font-size: 1.5rem;
    padding-top: 0.4rem;
}

#cssmenu #contact-menu { display:none;}
#cssmenu #main-menu {display:none;}

#cssmenu ul#contact-menu > li {
        width: 17%;
        text-align:center;
}

#cssmenu ul#contact-menu li.home {
    width: 3%;
}

#cssmenu ul#contact-menu > li:last-child {
    width: 17%;
    float:left;
}

#cssmenu ul#contact-menu li.li-hidden {
    width: 10%;
    background: #fff;
    margin: 0 0.1rem;
}

#cssmenu ul.user-menu  li{ width:23.8%;}

/*----------------END MENU-----------------*/


/*---------------start modal--------------------------------------------*/
.modalDialog {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.5); z-index: 70000; opacity:0; 
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;}
.modalDialog:target {opacity:1; pointer-events: auto; overflow:auto;}
.modalDialog > div {width:800px; position: relative; margin:0 0 0 30%; top:14rem; padding:2rem; background:#ffffff; border-radius:5px; float:left;}
.close {position: absolute; right:10px; top:10px; text-decoration: none; opacity:0.5;}
.close:hover{opacity:1;}
/*---------------end modal--------------------------------------------*/

/*-------------------- modal info index page -------------------- */
.modalNotesIndex >div {
    width:400px;
}

.notes-info-index {
    text-align: center;
    background: #82b73e;
    border-radius: 5px;
    margin: 1rem 0.5%;
    width: 60%;
    color: #fff;
    padding: .2rem;
}

.notes-info-index a {
    color:#fff;
    text-decoration: none;
}

.notes-close {
    display:none;
}

section.content-page{padding:0; margin:3rem 0; width:100%; float:left;}
section.content-page .body {padding:0; margin:0 auto; width:100%; max-width:1200px;}
section.content-page .body .left-content{padding:0; margin: 0 2% 0 0.7%; float:left; width:78%;}

section.content-page .body .left-content .search{padding:0; margin:0; float:left; width:100%; text-align:center;}


/*----------------start Search---------------------*/
.search fieldset {position: relative; display: inline-block; padding: 0 0 0 40px; background: white; border: 1px solid #82b73e; border-radius:4px; margin-left:5px;}
.search input, .search button {position: relative; width:379px; height:40px; padding: 0; display: inline-block; float: left;}
.search input {color:#82b73e; z-index: 2; border: 0 none;}
.search input:focus {outline: 0 none;}
/*.search input:focus + button { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition-duration: 0.3s;}*/
/*.search input:focus + button .fa {color: white; -webkit-transform: translate(0px, 0); transform: translate(0px, 0);transition-duration: 0.3s;}*/
.search button {z-index: 1; width: 50px; border: 0 none; background: #82b73e; cursor:pointer; /*-webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); transition-duration: 0.3s;*/}
.search .fa-search {font-size: 1.4rem; color: #fff; z-index: 3; top: 25%; cursor:pointer; /*-webkit-transform: translate(-390px, 0); transform: translate(-390px, 0); transition-duration: 0.3s; transition: all 0.1s ease-in-out;*/}
/*----------------end Search---------------------*/


/*----------------listing---------------------*/
section.content-page .body .left-content .article{padding:0; margin:0.5rem 0; float:left; width:100%; border-bottom:1px solid #f3f3f3;  position: relative;}
section.content-page .body .left-content .article a.grey{padding:0; margin:0; width:80%; float:left; font-size:1rem; color:#444444; display:block; text-decoration:none;  font-weight: 600;}
section.content-page .body .left-content .article a.green{padding:0; margin:0; width:80%; float:left; font-size:1rem; color:#82b73e; display:block; text-decoration:none;}

section.content-page .body .left-content .article span.grey{padding:0; margin:0; width:80%; float:left; font-size:1rem; color:#444444; display:block; text-decoration:none;}
section.content-page .body .left-content .article span.green{padding:0; margin:0; width:80%; float:left; font-size:1rem; color:#82b73e; display:block; text-decoration:none;}


section.content-page .body .left-content .article span.date{padding:0; margin:0; float:left; width:15%; display:block; text-align:right; font-size:0.875rem; color:#8e908c;}

.paging{padding:0; margin:1.5rem 0 0 0; float:left; width:100%;}
.paging a{padding:0.1rem 0 0 0; margin:0 0.7rem 0 0; float:left; width:30px; height:30px; display:block; border-radius:50px; color:#444444; font-size:1rem; text-decoration:none; background:#d6d6d6; text-align:center;}
.paging a:hover{color:#444444; background:#c0db9e;}
.paging a.active{color:#ffffff; background:#82b73e;}
a.prev .arrow-1 {height:11px; width: 11px; border: 1px solid #444444; border-width:0 0 1px 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin:0.5rem 0 0 0.7rem;}
a.next .arrow-1 {height:11px; width: 11px; border: 1px solid #444444; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin:0.5rem 0 0 0.4rem;}

.paging  a.all {float: right;}
.paging  a.all:hover {color:#fff;}
.paging  .all .fas {margin-top:.3em;}

.paging a.close-all {float: right;}
.paging a.close-all:hover {color:#fff;}

.paging  .close-all .fas {margin-top:.3em;}
/*----------------listing---------------------*/

section.content-page .body .right-content{padding:0; margin:0; float:left; width:19%;}
section.content-page .body .right-content .notebook {padding:0 0 0 1rem; margin:0; float:left; width:100%; border-left:1px solid #8bbc4c;}
section.content-page .body .right-content .notebook .main-folder{padding:0; margin:0; float:left; width:100%; font-size:1.125rem;}
section.content-page .body .right-content .notebook .main-folder img{width:auto; vertical-align:middle; margin:0 0.5rem 0 0;}
section.content-page .body .right-content .notebook .main-folder a{color:#444444; text-decoration:none;}
section.content-page .body .right-content .notebook .main-folder a:hover{cursor: pointer;}
section.content-page .body .right-content .notebook .inner-folder{padding:0; margin:1rem 0 0 0; float:left; width:100%; font-size:1rem;}
section.content-page .body .right-content .notebook .inner-folder img{width:13%; vertical-align:middle; margin:0 0.5rem 0 0;}
section.content-page .body .right-content .notebook .inner-folder a{color:#444444; text-decoration:none;}
section.content-page .body .right-content .notebook .inner-folder a{cursor: pointer;}

section.content-page .body .right-content .notebook .inner-folder span{color:#444444; text-decoration:none;}

section.content-page .body .right-content .usefull-links{padding:0.4rem 0.7rem; margin:3rem 0 0 0; float:left; width:100%; background:#82b73e; border-radius:6px;}
section.content-page .body .right-content .usefull-links h3{font-size:1.125rem; color:#ffffff; font-weight:500; border-bottom:1px solid #a8cd78; padding:0 0 0.2rem 0; margin:0 0 1rem 0;}
section.content-page .body .right-content .usefull-links h3 img{width:auto; padding:0 0.3rem 0 0;}
section.content-page .body .right-content .usefull-links ul{padding:0; margin:0; float:left; width:100%;}
section.content-page .body .right-content .usefull-links ul li{padding:0 .5rem; margin:0 0 0.5rem 0; float:left; width:100%; list-style:none;}
section.content-page .body .right-content .usefull-links ul li a{color:#ffffff; text-decoration:none;}
section.content-page .body .right-content .usefull-links ul li a:hover{text-decoration:underline;}

/*-------------footer -----------*/

footer{padding:0; margin:0 0 1rem 0; width:100%; float:left;}
footer .body{padding:0; margin:0 auto; width:100%; max-width:1200px; border-top:0px solid #f2f2f2;}

/*-------------error message -----------*/
#notes-message {display:none;}
.error { color: #ff0000; font-weight: 600;}
.success { color: #0b4a84; font-weight: 600;}

.notes-images { display:none;}
.notes-images-temp {display:none;}
.files-delete { color:#ff0000; cursor: pointer;}
.files-temp-delete {cursor:pointer;}
.open-category {cursor: pointer; color: #8e908c;  float:right; padding: 0.4em; }

.open-link, .open-note, .open-phone{
    float: right;
    color: #8e908c;
    cursor: pointer;
    vertical-align:middle;
    padding: 0.4em;
}

.usefull-links .open-link {
    color : #fff;
}

.delete-link {
    float: right;
    color: #ff0000;
    cursor: pointer;
    margin:1.5px;
    padding: 0.4em;
}

.ck-editor__editable {
    min-height: 250px !important;
}

/*calendar settings*/
.ui-widget {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
}

.ui-datepicker {
    width: 17em;
     padding: 0!important   ; 
    display: none;
}

.note-title {
    font-weight: bold;
}

.note-slider {
    display:none;
}

.opacity-20 {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.del-link-quest, .del-phone-quest, .del-phone-category-quest {
    display:none;
}


.del-file-quest {
    display:none;
}

.loader {
    text-align:center;
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #82b73e;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    display:none;
    margin: auto;
    z-index: 12392;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

#check_mobile{display:none;}
#check_deskstop{display:block;}

.folder-open {
  color: #82b73e !important;
  font-weight: bold;
}

.hide {
    display:none !important;
}

.red {
    color:#ff0000 !important;
}
figure {
    margin:0 ;
}

figure img {
    width: 100%;
}