* {margin:0;padding:0}
@font-face {font-family: 'Exo 2';font-style: normal;font-weight: 400;src: local('Exo 2'), local('Exo2-Regular'), url(https://themes.googleusercontent.com/static/fonts/exo2/v1/W4IAweRTlhKE0KN1t814DA.woff) format('woff');}
@font-face {font-family: 'Exo 2';font-style: italic;font-weight: 500;src: local('Exo 2 Medium Italic'), local('Exo2-MediumItalic'), url(https://themes.googleusercontent.com/static/fonts/exo2/v1/eaanbqgvNGwrqFRlRINTXhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}
@font-face {font-family: 'Lobster';font-style: normal;font-weight: 400;src: local('Lobster'), url(https://themes.googleusercontent.com/static/fonts/lobster/v6/eTuGRSa_BjFL9g1rRLWFig.woff) format('woff');}
@font-face {font-family: 'PT Serif Italic';src: url(https://pandacrm.ru/templates/fonts/8155.ttf);}

html{position: relative;margin:0;min-width:1200px;width: 100%;min-height: 100%;}
body{background: #fff;font-family: 'Exo 2', sans-serif;}
fieldset {border-radius: 4px;border: 1px solid #bbb;width: calc(100% - 12px);padding: 5px;margin: 0px 0px 10px 0px;}
fieldset > legend {font-weight: 700;font-size: 19px;}
.tab {display:table;}
.row {display:table-row;}
.cell {display:table-cell;}
.va-top{vertical-align:top;}
.va-middle{vertical-align:middle;}
.va-bottom{vertical-align:bottom;}


/*@import url(//fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,cyrillic,greek,greek-ext,cyrillic-ext,latin-ext);*/
textarea:focus, input:focus, .select:focus {outline:none;}
textarea {width: 97%;height: 150px;}
.logo {margin-left: 10px;background-size: 325px;background-repeat: no-repeat;background-image: url(img/logo.png);background-position-x: 50%;background-position-y: 50%;width: 356px;position: absolute;top: 0;bottom: 0;cursor:pointer;}
.logou {margin-left: 10px;background-size: contain;background-repeat: no-repeat;background-image: url(img/logo2.png);background-position-x: 50%;background-position-y: 50%;width: 57px;position: absolute;bottom: 0;top: 0;}

.right-menu { margin-left: 400px;height: 95px;}
/*.right-menu h1 {display: inline-block;color: #fff;margin: 7px 0px 13px 19px;font-size: 30px}*/
.right-menuu {margin-left: 100px;min-width: 750px;}
.right-menuu h1 {display: inline-block;color: #fff;margin: 0px 0px 12px 0px;font-size: 15px;}
.footer-logo {display: inline-block;background-size: 44px;background-repeat: no-repeat;background-image: url(img/footer-logo.png);height: 44px;width: 44px;float: left;margin: 3px 10px;}
.menu_top {border-bottom: 2px solid #12FF9D;box-shadow: 0 10px 6px -6px #414445;min-width: 1200px;width: 100%;top: 0px;float: left;background-color: #20BF7E;font-weight: bold;line-height: 1.2em;border-radius: 0px 0px 25px 25px;position: relative;}
.menu_user {display: inline-block;position: relative;min-width: 750px;white-space: nowrap;}
.menu_user_blok_url {display: inline-block;border: 1px solid #fff;position: relative;margin: 0 1px;}
.menu_user_blok_url,
.menu_user_blok_url > .dop_menu {text-transform: uppercase;padding: 0px 10px;background-color: #009657;transition:0.5s;font-size: 13px;line-height: 2;color: #ccc;}
.menu_user_blok_url > .dop_menu {height: 0;opacity: 0;position: absolute;left: -1px;border: 1px solid #fff;border-top: none;z-index: 1;}
.menu_user_blok_url:hover {color: #ccc;}
.menu_user_blok_url:hover,
.menu_user_blok_url:hover > .dop_menu {background-color: #E7F3E7;}
.menu_user_blok_url:hover > .dop_menu {height: auto;opacity: 1;}
.menu_user_blok_url:hover a {display: inline-block;padding: 0px;}
.menu_user_blok_url:hover a,
.menu_user_blok_url:hover > .dop_menu a {color: #025834;text-decoration: none;display: inline-block;}
.menu_user_blok_url a {display: inline-block; padding: 0px;color: #fff;text-decoration: none;}
.menu_user_blok_url a i {margin-right: 5px;}
.menu_user_blok_url > .dop_menu a {display:none;}
.menu_user_blok_url > .dop_menu a:hover {color:#000;}


.body {margin: 0 15px;}
h1 {margin: 10px;color: #6d6d6d;}
.button_h1 {margin-left: 20px;display: inline-block;text-align: center;padding: 1px 15px;border: 1px solid #000;border-radius: 5px;background: #479658;text-decoration: none;color: #FFF;font-size: 20px;text-transform: uppercase;}

.top-menu {display: inline-block;position: relative;border-radius: 12px;margin: -11px 15px 15px;padding: 5px;min-width: 980px;background: #20BF7E;box-shadow: 0 8px 6px -6px #777;}
.top-menu-razdel-cont {border: 2px solid #20BF7E;display: table-cell;width: 1%;border-radius: 12px;}
.top-menu-razdel {background: #E7F3E7;text-align: center;line-height: 22px;font-size: 15px;border-radius: 10px;border: 2px solid #569456;display: block;color: #025834;}
.top-menu-razdel:hover {background: #569456;/*box-shadow: 0 1px 13px 1px #777;*/transition: 0.5s;border: 2px solid #E7F3E7;display: block;color: #fff;}
.top-menu-razdel:hover a, .top-menu-razdel:hover a:hover {color: #fff;transition: 0.5s;}
a.iconki_lef{background:url(img/home.png);float:left;display: block;margin-top:2px;width: 48px;height: 48px;}
a.iconki_lef:hover{background:url(img/home_2.png);}
a.iconki_lef2{background:url(img/exit.png);float:right;display: block;margin-top:2px;width: 48px;height: 48px;}
a.iconki_lef2:hover{background:url(img/exit_2.png);}
ul {padding-left: 40px;}
.mess_success {border: 2px solid #D6E9C6;background: #DFF0D8;border-radius: 5px;margin: 2px auto;padding: 5px 5px;font-weight: bold;text-align: center;width: 700px;background-image: url(../templates/img/ok.png);background-repeat: no-repeat;background-position: right;}
.mess_error   {border: 2px solid #F45000;background: #FF9866;border-radius: 5px;margin: 2px auto;padding: 5px 5px;font-weight: bold;text-align: center;width: 700px;background-repeat: no-repeat;background-position: right;}
.input-password{width:450px;height:50px;border:none;padding:0 20px;margin:20px 0;color:#555;font-size:19px;background:#f9f9f9;border-radius: 1px;border: 1px solid #000;}
.cap{border:1px solid #000;}
.redakt {min-height: 250px;margin-bottom:20px;box-shadow: 0 10px 6px -6px #777;width: 490px;background-color: #DAECF2;float:left;padding: 10px 10px 10px 10px;margin-right:20px;border: 1px solid #ccc;}
.redakt a {text-decoration:none;color:blue;}
.left-kolonka {float:left;width:200px;font-size:16px;}
.right-kolonka {width:200px;padding-left:200px;}
.tkolonki {padding-bottom:10px;min-height: 20px;}
.tkolonki img {margin-bottom:-7px;}
.centr {margin-left:481px;}
.footer {position: absolute;left: 0;bottom: 0;height: 60px;width: 100%;background-color:#009657;color: #fff;border-top: 2px solid #12FF9D;}
.razdelitel {margin: 50px 0px;background-color:#000;height:1px;}
.textarea_komm {height: 243px;}
.clients_url {display: block;background: #3AB4DD;padding: 5px;border-radius: 15px 15px 0px 0px;float: left;margin-right: 5px;border: 1px solid #ccc;height: 20px;margin-top: 8px;}
.clients_url_act {display: block;padding: 5px;border-radius: 15px 15px 0px 0px;float: left;margin-right: 5px;border: 1px solid #ccc;background: #156681;height: 20px;margin-top: 8px;}
.clients_url:hover {background: #156681;}
.clients_url_act a, .clients_url a {color: #fff;text-decoration: none;}
.statistics {font-family: Arial, Helvetica, sans-serif;font-size: 12px !important;margin: 0px;border: 1px solid #ccc;border-collapse: collapse;box-shadow: 0 10px 6px -6px #777;width: 100%;min-height: 200px;}
.statistics_content {margin: 20px;min-height: 200px;}
.kdb {width: 500px;border: 1px solid #000;background: #ccc;height: 14px;}
.info {position: relative;}
.info:hover::after {content: attr(data-title);width: 300px;position: absolute;left: 20%; top: 20px;z-index: 1;background: rgba(255,255,230,0.9);font-family: Arial, sans-serif;font-size: 11px;padding: 5px 10px;border: 1px solid #333;}
#div1 {display:none;}
#lidy {display:none;}
#client {display:none;}
#partners {display:none;}
#providers {display:none;}
#others {display:none;}
#subscribers {display:none;}
#ob {display:none;}
#kp {display:none;}
#contractors {display:none;}
#users {display:none;}
#ip {display:none;}
.b_search {background-color: #00FF4C;}
.menu_icons {float: right;padding-right: 40px;padding-top: 40px;color: #fff;text-align: left;}
.menu_icons a {color:#fff;font-size: 20px;text-decoration: none;}
h2, h3 {text-align: left;margin: 10px;}
.content{background: rgba(255, 255, 255, 0.5);padding: 0px 10px 10px 10px;margin-bottom: 10px;margin: 0px 5px 100px 5px;}
a {color: #0008FF;text-decoration: none;}
.head_form_menu {background: #1CCA00;padding: 3px 20px;width: 465px;border-top: 1px solid #A3A3A3;font-weight: 700;margin: 10px 0px 10px 0px;color: #FFF;}
.menu_form {margin:2px 0px;}
.right_tinymce {min-width: 620px;max-width:100%;margin-left: 530px;}
.url_form {height: 32px;width: 300px;display: inline-block;text-align: center;padding-top: 8px;margin-top: 20px;margin-bottom: 0px;border: 1px solid #000;border-radius: 5px;background: #F5F5F5;text-decoration: none;color: #000;font-size: 20px;}
.url_form:hover {height: 32px;width: 300px;display: inline-block;text-align: center;padding-top: 8px;margin-top: 20px;border: 1px solid #000;border-radius: 5px;background: #DBDBDB;text-decoration: none;color: #000;font-size: 20px;}
.index_url_form {height: 27px;display: inline-block;text-align: center;padding: 3px 10px 0px 10px;margin-top: 5px;margin-bottom: 20px;border: 1px solid #000;border-radius: 5px;background: #1CCA00;text-decoration: none;color: #FFF;font-size: 20px;}
.index_url_form:hover {height: 27px;display: inline-block;text-align: center;padding: 3px 10px 0px 10px;border: 1px solid #000;border-radius: 5px;background: #128400;text-decoration: none;color: #FFF;font-size: 20px;}
.add_top_url_menu {margin-top: 8px;margin-right: 5px;display: inline-block;text-align: center;padding: 3px 5px;border: 1px solid #FFF;border-radius: 3px;background: #4CEAA8;text-decoration: none;color: #3366CC;font-size: 17px;font-weight: 700;}
.top_url_menu {margin-top: 8px;margin-right: 5px;display: inline-block;text-align: center;padding: 3px 5px;border: 1px solid #919292;border-radius: 6px;background: #E4FFF4;text-decoration: none;color: #000;font-size: 17px;box-shadow: 0 8px 6px -6px #777;}
.top_url_menu_act {margin-top: 8px;margin-right: 5px;display: inline-block;text-align: center;padding: 3px 5px;border: 1px solid #919292;border-radius: 6px;background:#009657;text-decoration: none;color: #fff;font-size: 17px;box-shadow: 0 8px 6px -6px #777;}
.top_url_menu_m {height: 27px;display: inline-block;text-align: center;padding: 3px 10px 0px 10px;margin-top: 5px;margin-bottom: 20px;border: 1px solid #000;border-radius: 5px;background:#E4FFF4;text-decoration: none;color: #000;font-size: 20px;box-shadow: 0 8px 6px -6px #777;}
.top_url_menu_m:hover {height: 27px;display: inline-block;text-align: center;padding: 3px 10px 0px 10px;border: 1px solid #000;border-radius: 5px;background:#009657;text-decoration: none;color: #fff;font-size: 20px;box-shadow: 0 8px 6px -6px #777;}
.login {position: relative;box-shadow: 0 10px 6px -6px #777;width: 465px;margin: 100px auto 0px auto;background: #DEFFF1;padding: 30px;border: 1px solid #ccc;border-radius: 50px;background-image: url(img/panda/reg.png);background-position-y: 100%;background-position-x: 358px;background-repeat: no-repeat;background-size: 143px;}
.regh {position: relative;box-shadow: 0 10px 6px -6px #777;width: 465px;margin: 100px auto 0px auto;background: #DEFFF1;padding: 30px;border: 1px solid #ccc;border-radius: 50px;background-image: url(img/panda/happy.png);background-position-y: 85px;background-position-x: 380px;background-repeat: no-repeat;background-size: 135px;}
.login h1, .regh h1 {margin-bottom: 10px;color: #000;}
.login img, .regh img {position: absolute;top: 20px;right: 20px;}
.input-login{margin: 10px 0 !important;width:450px !important;height:50px;border:none;padding:0 20px;margin:0;color:#555;font-size:19px;background:#f9f9f9;border-radius: 1px;border: 1px solid #000;border-radius: 10px;}
.login input[type="password"], .login input[type="text"] {width: 423px;height:50px;padding:0 20px;margin:10px 0;color:#555;font-size:19px;background:#f9f9f9;border-radius: 10px;border: 1px solid #000;}
.login input[type="submit"]{font-size: 23px;padding: 10px 30px;border:1px solid #000;color:#007948;background:#ABF1D4;margin-top: 10px;cursor: pointer;}
.login input[type="submit"]:hover {font-size: 23px;padding: 10px 30px;border:1px solid #000;background:#20BF7E;margin-top:10px;cursor:pointer;}
.search_contractors {height: 35px;margin-left: 250px;}
.search_contractors [type="search"] {font-size: 15px;width: 535px;height: 32px;padding: 4px;border-radius: 6px 6px 0px 0px;margin-bottom: 5px;box-shadow: 0 8px 6px -6px #777;}
.search_contractors [type="submit"]:hover, .search_contractors [type="submit"] {margin-left: 10px;font-size: 14px;background-color: #1CCA00;border: 1px solid #000;padding: 5px;font-weight: 700;}
.search_contractors_fortasks {height: 35px;}
.search_contractors_fortasks [type="search"] {font-size: 15px;width: 650px;height: 32px;padding: 4px;border-radius: 6px 6px 0px 0px;margin-bottom: 5px;box-shadow: 0 8px 6px -6px #777;}

.history_contractors {font-size: 20px;margin-top: 20px;}
.top_menu_contractors {margin-bottom:10px;}
.form_left {width: 510px;float:left;}
.form_right {margin-left: 530px;padding-top: 30px;}
.input_form_left {text-align:right;font-size:18px;width:150px;display: inline-block;margin-right:5px}
.addGroup {background: #1cca00;color: #fff;border: 1px solid #000;border-radius: 2px;padding: 4px 9px;margin: 3px;}
input[type="submit"] {background-color: #0D4C61;color: #fff;border: 1px solid #ccc;border-radius:5px;padding: 1px 9px;}
input[type="submit"]:hover {background: #0D4C61;color: #fff;border: 1px solid #000;border-radius:5px;padding: 1px 9px;}
input[type="text"], input[type="password"], input[type="search"], textarea { width: 335px; border: 1px solid #0D4C61;padding: 2px 5px;font-size: 16px;background:#F9F9F9}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{border: 1px solid #000;background:#fff}
input[type="file"] {color: #000;border: 1px solid #0D4C61; border-radius:3px;padding:1px;}
input[type="search"] {width: 100px;}
input[type="date"] {width: 176px;border: 1px solid #0D4C61;font-size: 18px;padding: 0 5px;background: #F9F9F9;}
.form_right input[type="submit"], .submit_form_right {border: 1px solid #000 !important;width: 300px;height: 40px;font-size: 20px;background-color: #1CCA00 !important;}
.form_right input[type="submit"]:hover {border: 1px solid #000;width: 300px;height: 40px;font-size: 20px;background-color: #128400;}
.form_right_return input[type="submit"] {border: 1px solid #000;width: 300px;height: 40px;font-size: 20px;background-color: #ccc;}
.form_right_return input[type="submit"]:hover {border: 1px solid #000;width: 300px;height: 40px;font-size: 20px;background-color: #ccc;}
.select {width: 347px;border: 1px solid #0D4C61;padding: 2px 5px;font-size: 16px;background: #F9F9F9;}
.messagebox {position:absolute;width: 335px;margin-left: 155px;margin-top: 1px;border:1px solid #c93;background:#ffc;padding: 1px 5px;text-align:center;}
.messageboxok {position:absolute;width: 335px;margin-left: 155px;margin-top: 1px;border:1px solid #349534;background:#C9FFCA;padding: 1px 5px;color:#008000;text-align:center;}
.messageboxerror {position: absolute;width: 335px;margin-left: 155px;margin-top: 0px;border: 1px solid #CC0000;background: #F7CBCA;padding: 1px 5px;color: #CC0000;text-align:center;}
details {margin-left: 0px;}
details summary span {color: #0008FF;background: url("https://radio-hobby.org/uploads/other/0001.jpg") no-repeat scroll 0 0;margin-left: -20px;padding-left:20px;}
details[open] summary span {background: url("https://radio-hobby.org/uploads/other/0002.jpg") no-repeat scroll 0 0;margin-left: -20px;padding-left:20px;}
.a_index_add {display: block;border: 1px solid #ccc;border-radius: 5px;padding: 5px 40px;font-size: 25px;color: #2F2F2F;width:449px;background-color: #E4FFF4;font-weight: 700;margin-bottom: 10px;background-image: url(icons/add.png);background-repeat: no-repeat;background-position:5px 50%;}
.a_index_add:hover {border: 1px solid #ccc;border-radius: 5px;font-size: 25px;color: #fff;width:449px;background-color: #009657;font-weight: 700;margin-bottom: 10px;background-image: url(icons/add_h.png);background-repeat: no-repeat;background-position:5px 50%;transition:0.5s;}
.a_add { color: #fff;background-color: #009657; background-image: url(icons/add_a_h.png);display: inline-block; border: 1px solid #919292;border-radius: 5px;padding: 5px 27px;font-size: 13px;font-weight: 700;margin-bottom: 10px;margin-left: 25px;background-repeat: no-repeat;background-position: 5px 49%;float: left;box-shadow: 0 8px 6px -6px #777;}
.a_add:hover {display: inline-block;border: 1px solid #919292;border-radius: 5px;padding: 5px 27px;font-size: 13px;color: #2F2F2F;background-color: #E4FFF4;font-weight: 700;margin-bottom: 10px;background-image: url(icons/add_a.png);background-repeat: no-repeat;background-position: 5px 49%;float: left;box-shadow: 0 8px 6px -6px #777;transition:0.5s;}
.a_index_edit {display: block;border: 1px solid #ccc;border-radius: 5px;padding: 5px 40px;font-size:25px;color: #2F2F2F;width:449px;background-color: #E4FFF4;font-weight: 700;margin-bottom: 10px;background-image: url(icons/edit.png);background-repeat: no-repeat;background-position:5px 50%;}
.a_index_edit:hover {border: 1px solid #ccc;border-radius: 5px;font-size: 25px;color: #fff;width:449px;background-color: #009657;font-weight: 700;margin-bottom: 10px;background-image: url(icons/edit_h.png);background-repeat: no-repeat;background-position:5px 50%;transition:0.5s;}
.a_index_my_contractors {display: block;border: 1px solid #ccc;border-radius: 5px;padding: 5px 40px;font-size:25px;color: #2F2F2F;width:449px;background-color: #E4FFF4;font-weight: 700;margin-bottom: 10px;background-image: url(icons/my_contractors.png);background-repeat: no-repeat;background-position:5px 50%;}
.a_index_my_contractors:hover {border: 1px solid #ccc;border-radius: 5px;font-size: 25px;color: #fff;width:449px;background-color: #009657;font-weight: 700;margin-bottom: 10px;background-image: url(icons/my_contractors_h.png);background-repeat: no-repeat;background-position:5px 50%;transition:0.5s;}
.a_index_help {display: block;border: 1px solid #ccc;border-radius: 5px;padding: 5px 40px;font-size: 25px;color: #2F2F2F;width:449px;background-color: #E4FFF4;font-weight: 700;margin-bottom: 10px;background-image: url(icons/help.png);background-repeat: no-repeat;background-position:5px 50%;}
.a_index_help:hover {border: 1px solid #ccc;border-radius: 5px;font-size: 25px;color: #fff;width:449px;background-color: #009657;font-weight: 700;margin-bottom: 10px;background-image: url(icons/help_h.png);background-repeat: no-repeat;background-position:5px 50%;transition:0.5s;}
.info_index_div {width: 400px;height: 30px;display: block;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 15px;text-align: right;font-size: 21px;color: #2F2F2F;margin-bottom: 10px;}

.help_index {border: 2px dashed #12FF9D;border-radius: 15px;padding:10px;min-height: 105px;background-image: url(img/panda/warning.png);background-position-y: 10px;background-position-x: 10px;background-repeat: no-repeat;background-size: 80px;}
.help_inf .help_info, .help_inf .help_info_before{display: none;}
.help_inf_left .help_info, .help_inf_left .help_info_before{display: none;}
.help_inf_bottom .help_info, .help_inf_bottom .help_info_before{display: none;}
.help_inf:hover .help_info {margin: 0px 0px 0px 30px;padding-left:80px;border: 2px solid #20BF7E;border-radius: 15px;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;min-height: 55px;background-image: url(img/panda/warning.png);background-position-y: 50%;background-position-x: 10px;background-repeat: no-repeat;background-color: rgba(232, 255, 244, 0.95);background-size: 50px;display: inline-block;transition:0.5s;position: absolute;margin-top:-25px;z-index: 100;width:450px;}
.help_inf:hover .help_info_before {background-image: url(img/left.png);background-position-y: 50%;background-position-x: 100%;background-repeat: no-repeat;display: inline-block;height:20px;width:30px;opacity: 1;position: absolute;margin-top:5px;z-index: 100;}
.help_inf_left:hover .help_info {margin: 20px 0px 0px 0px;padding-left:80px;border: 2px solid #20BF7E;border-radius: 15px;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;min-height: 55px;background-image: url(img/panda/warning.png);background-position-y: 50%;background-position-x: 10px;background-repeat: no-repeat;background-color: rgba(232, 255, 244, 0.95);background-size: 50px;display: block;transition:0.5s;position: absolute;left:6px;margin-top:-50px;z-index: 100;width:425px;}
.help_inf_left:hover .help_info_before {background-image: url(img/right.png);background-position-y: 50%;background-position-x: 100%;background-repeat: no-repeat;display: block;height:20px;width:30px;opacity: 1;position: absolute;margin-top:-23px;z-index: 100;left:510px}
.help_inf_bottom:hover .help_info {margin: 20px 0px 0px 0px;padding-left: 80px;border: 2px solid #20BF7E;border-radius: 15px;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;min-height: 55px;background-image: url(img/panda/warning.png);background-position-y: 50%;background-position-x: 10px;background-repeat: no-repeat;background-color: rgba(232, 255, 244, 0.95);background-size: 50px;display: block;transition: 0.5s;position: absolute;left: 50px;z-index: 100;margin-top:7px;width: 425px;}
.help_inf_bottom:hover .help_info_before {background-image: url(img/top.png);    background-position-y: 50%;background-position-x: 50%;background-repeat: no-repeat;display: block;height: 20px;opacity: 1;position: absolute;margin-top:-10px;left: 175px;z-index: 100;width: 425px;}
.help_inf_bottom{max-width:500px;}

.tooltip {display: inline-block;position: relative;text-indent: 0px;cursor: help;}
.tooltip > span {position: absolute;bottom: 100%;left: -20em;right: -20em;width: -moz-max-content;width: -webkit-max-content;width: max-content;max-width: 50em;overflow: auto;visibility: hidden;margin: 0 auto .4em;padding: .3em;border: solid rgb(200,200,200);font-size: 16px;background: #fff;line-height: normal;cursor: auto;}
.tooltip.left > span {left: 0;right: -20em;margin: 0 0 .4em;}
.tooltip.right > span {left: -20em;right: 0;margin: 0 0 .4em auto;}
.tooltip:after {content: "";position: absolute;top: -.4em;left: 50%;visibility: hidden;margin: 0 0 0 -.4em;border: .4em solid;border-color: rgb(200,200,200) transparent transparent transparent;cursor: auto;}
.tooltip.left:after {left: 1em;}
.tooltip.right:after {left: auto;right: .6em;}
.tooltip:before {content: "";position: absolute;top: -.4em;left: 0;right: 0;height: .4em;visibility: hidden;}
.tooltip:hover > span, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus > span, .tooltip:focus:before, .tooltip:focus:after {visibility: visible;transition: 0s .4s;}
.tooltip:focus {outline: none;}
.tooltip.anim > span,
.tooltip.anim:after {opacity: 0;transform: translateY(1.5em) scale(.3);transform-origin: center bottom;}
.tooltip.anim:after {transform: translateY(.7em) scale(.3);}
.tooltip.anim:hover > span,
.tooltip.anim:hover:after,
.tooltip.anim:focus > span,
.tooltip.anim:focus:after {opacity: 1;transition: .6s .4s;transform: translateY(0);}
@media (max-width: 20em) {.tooltip > span {max-width: 100vw;box-sizing: border-box;}} 
.checkbox {vertical-align: top;margin: 0 3px 0 0;width: 13px;height: 13px;}
.checkbox + label {cursor: pointer;}
.checkbox:not(checked) {position: absolute;opacity: 0;}
.checkbox:not(checked) + label {position: relative;padding: 0 0 0 60px;}
.checkbox:not(checked) + label:before {content: '';position: absolute;top: 3px;left: 0;width: 46px;height: 22px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2);}
.checkbox:not(checked) + label:after {content: '';position: absolute;top: 5px;left: 2px;width: 18px;height: 18px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */}
.checkbox:checked + label:before {background: #9FD468;}
.checkbox:checked + label:after {left: 26px;}
.checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(255,255,0,.5);}
.summary{margin-top: 8px;margin-right: 5px;display: inline-block;text-align: center;padding: 3px 5px;border: 1px solid #ccc;border-radius: 3px;background: #C7FFE8;text-decoration: none;color: #000;font-size: 17px;}
details {z-index: 20;}
.add_folder {z-index: 20;border: 1px solid #ccc;margin-top: 3px;background: #C7FFE8;padding:10px;box-shadow: 0px 0px 13px 2px #ccc;opacity: 0.9;}
input[type="submit"], input[type="search"], input[type="text"], input[type="file"], input[type="date"], details summary {outline: none;}
.link_group {margin:20px auto;width:555px;text-align:center;}
.link_group a {margin:0 20px;padding:5px 15px;color:#000;font-weight:bold;display:inline-block;vertical-align:top;*display:inline;*zoom:1;position:relative;text-decoration:none;text-transform:uppercase;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;behavior: url(PIE.htc);}
.link_group a:hover {color:#cc0000;}
.popup, .popup-pdf, .mp4-dir, .popup-img, .popup-call-manager, .popup-see-manager, .popup-tasks-add, .popup-tasks-manager {padding:5px 15px 15px;position:fixed;top:80px;left:50%;display:none;overflow:hidden;border:1px solid #ccc;background:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;z-index:100;}
.popup {margin-left:-250px;width:500px;}
.popup-pdf, .mp4-dir, .popup-img, .popup-call-manager, .popup-see-manager, .popup-tasks-add, .popup-tasks-manager {margin-left:-350px;width:700px;}
.popup a.close, .popup-img a.close {width:16px;height:16px;display:block;text-indent:-9999px;position:absolute;top:10px;right:10px;background:url(../templates/icons/close.png) no-repeat;}
#overlay {width:100%;height:100%;position:fixed;top:0;left:0;display:none;background:#000;opacity:.8;z-index: 99;}
.left-menu-cloud {float: left;width: 260px;border: 1px solid #ccc;border-radius: 10px;padding: 20px;}
.folder-cloud {position: relative;height: 18px;top: 4px;}
.folder-tree-cloud{position: relative;height: 18px;top: -3px;margin-right: 2px;}
.link-cloud {padding: 3px 10px;}
.link-cloud-act {border: 1px solid #2B8AFC;border-radius: 6px;padding: 3px 10px;background: #4CEAA8;}
.lex {  display: block;float: right;font-size: 15px;width: 300px;padding-top: 8px;height: 40px;}
.lex a {color: #fff;}
.informer_menu, .informer_top_menu {display: inline-block;position: relative;height: 15px;width: 15px;}
.informer_menu span {font-weight: normal;color: #fff;border: 2px solid #fff;border-radius: 15px;display: inline-table;text-align: center;padding: 0px 10px;position: absolute;bottom: 4px;right: -15px;background: rgba(255, 0, 0, 0.4);min-width: 10px;font-size: 12px;}
.informer_top_menu span {color: #FFF;border: 2px solid #919292;border-radius: 15px;display: inline-table;text-align: center;padding: 0 4px;position: absolute;bottom: 10px;right: -10px;background: rgba(255, 0, 0, 0.68);min-width: 18px;font-size: 12px;}
.popupTable {display: table;width:100%;}
.popupTable .popupTableCell {display: table-cell;}
#list span {margin: 5px;display: inline-block;}
#list span input[type="text"], textarea {width: 300px;}
.tasks_list {}
.tasks_list input[type="checkbox"] {margin-left: 15px;display:none;}
.tasks_list label {cursor: pointer;font-size: 12px;position: relative;top: -2px;padding-left: 20px;margin-left: 10px;}
.tasks_list label:after {content:'';display:block;height:13px;width:13px;outline:1px solid #939598;position:absolute;top:0;left:0;}
.tasks_list input[type="checkbox"]:checked + label {text-decoration: line-through;color: #ccc;}
.tasks_list input[type=checkbox]:checked + label:after {outline:1px solid #939598;border:2px solid #fff;width:10px;height:10px;background-color:#acdaad;}
.tasks_list .punkt0, .tasks_list .punkt1 {margin-left: 15px;font-size: 12px;position: absolute;z-index: 2;background-repeat: no-repeat;padding-left: 20px;}
.tasks_list .punkt0 {background-image: url(icons/statys0.png);}
.tasks_list .punkt1 {background-image: url(icons/statys1.png);color: #ccc;text-decoration: line-through;}

.task_tab, .check_tab {width:calc(100% - 20px);margin-left:20px;}
.task_tab .row .cell, .check_tab .row .cell {padding-bottom:5px;}
.task_tab .row .cell:nth-child(1) {width:140px;padding-right:5px;}
.check_tab .row .cell:nth-child(1) {width:20px;padding-right:5px;}
.task_tab .row .cell .icon {display: inline-block;width: 20px;text-align: center;}
.check_tab .completed {color: #61cb0d;cursor: default;}
.check_tab .completed .fa-check-square {font-weight: 700;}
.check_tab .completed .fa-square,
.check_tab .completed .fa-check-square {cursor:pointer;}
.error_comm {border:1px solid red;background-color:#ff7c7c;color: #fff;}
.error_check {color:red;}

.areaSort {display: inline-block;font-size: 12px;background-color: #e7f3e7;padding: 2px 5px;color: #000;margin-bottom: 5px;}
.areaSortAct {display: inline-block;font-size: 12px;padding: 2px 5px;color: #000;margin-bottom: 5px;background-color: #95ff99;}

.tags {border:1px solid #000;width: 480px;margin-left: 20px;margin-bottom: 10px;}
.tags .contentTags {padding: 5px;height: 150px;overflow: auto;}
.tags .contentTags hr {margin:10px 0px;}
.tags .contentTags span {font-size: 12px;margin-bottom: 5px;display: block;font-style: italic;}
.tags .contentTags input[type="text"] {width: 440px;margin: auto;display: block;}
.tags .contentTags input[type="checkbox"] {display: none;}
.tags .contentTags input[type="checkbox"] + label {font-size: 12px;background-color: #ffeded;padding: 1px 7px;margin: 0px 3px 2px 0px;display: inline-block;transition: 0.3s;}
.tags .contentTags input[type="checkbox"]:checked + label {background-color: #93ff80;transition: 0.3s;}


.tagsMail {border-radius: 10px;display: table;margin: 0px 10px;}
.tagsMail .contentTags {display: table-cell;padding: 5px;}
.tagsMail .contentTags hr{margin:10px 0px;}
.tagsMail .contentTags span {font-size: 12px;margin-bottom: 5px;display: block;font-style: italic;}
.tagsMail .contentTags input[type="text"] {width: 440px;margin: auto;display: block;}
.tagsMail .contentTags input[type="checkbox"] {display: none;}
.tagsMail .contentTags input[type="checkbox"] + label {font-size: 14px;background-color: #f0f0f0;border: 1px solid #dedede;padding: 0px 7px;margin: 0px 3px 5px 0px;display: inline-block;transition: 0.3s;}
.tagsMail .contentTags input[type="checkbox"]:checked + label {background-color: #2dcb4f;color: #fff;transition: 0.3s;}

.tagsMail .contentType {display: table-cell;padding: 5px;width: 170px;border-left: 1px solid #027d4b;}
.tagsMail .contentType input[type="checkbox"] {display: none;}
.tagsMail .contentType input[type="checkbox"] + label {font-size: 16px;padding: 0px 7px;margin: 0px 3px 2px 10px;display: inline-block;transition: 0.3s;}
.tagsMail .contentType input[type="checkbox"]:checked + label {background-color: #2dcb4f;color: #fff;transition: 0.3s;}

.step {border: 1px solid #00ff97;border-radius: 3px;padding: 5px 20px;margin-bottom: 20px;background-color: #c5ffe7;}

.kp_name_input {border: none !important;background-color: #fff !important;width: 100% !important;font-size: 12px !important;}
.kp_name_input:focus {border-bottom: 1px solid #888 !important;}