[v-cloak]>*{display:none}#users{margin-top:40px}#users label{line-height:40px}#users .panel-default>.panel-heading{background:inherit}#users a[data-toggle="collapse"]{text-decoration:none}#users .panel-title{text-align:center}#users .form-control{border:none;font-weight:500;border-radius:0px;border:solid 1px rgba(188,232,241,0.4)}#users input[type="text"]:focus{border-bottom:1px solid red;border-radius:0px;color:#333;border-color:#bce8f1}#users .nav-tabs{border-bottom:2px solid #DDD}#users .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border-width:0}#users .nav-tabs>li>a{border:none;color:#666}#users .nav-tabs>li.active>a,.nav-tabs>li>a:hover{border:none;color:#4285F4 !important;background:transparent}#users .nav-tabs>li>a::after{content:"";background:#4285F4;height:2px;position:absolute;width:100%;left:0px;bottom:-1px;transition:all 250ms ease 0s;transform:scale(0)}#users .nav-tabs>li.active>a::after,.nav-tabs>li:hover>a::after{transform:scale(1)}#users .tab-nav>li>a::after{background:#21527d none repeat scroll 0% 0%;color:#fff}#users .tab-pane{padding:35px 0}#users .tab-content{padding:0px 0px 20px 0px}#users .btn-edit-user{background:#67BE9B;color:#fff;font-weight:500;float:right;border-radius:2px;padding:8px 15px}.js .inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}#users .file-upload{padding-top:15px}#users .file-upload label{height:50px;line-height:60px}#users ul.sidebar{list-style-type:none;font-weight:700;position:relative;background:#fff;margin:0px auto 10px auto;padding:0;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.1);box-shadow:1px 1px 10px rgba(0,0,0,0.1)}#users ul.sidebar li{margin:0 0px 0px 0}#users ul.sidebar li.more{display:none}#users ul.sidebar li a{padding-left:20px;height:60px;line-height:60px;display:block;overflow:hidden;position:relative;text-decoration:none;font-size:14px;color:#686868;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}#users ul.sidebar li:last-child{border-top:2px solid #e9e9e9}#users ul.sidebar li a:hover{background:#f9f9f9}#users ul.sidebar li:first-child a:hover,.sidebar li:first-child a{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}#users ul.sidebar li:last-child a:hover,.sidebar li:last-child a{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}#users ul.sidebar i{margin-right:15px;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}#users ul.sidebar li.selected a{background:#efefef;border-left:3px solid #BAC99A}#users ul.sidebar li.selected a i{margin-left:-3px;margin-right:12px}#users .basic_information .wrapper{border-radius:5px;padding:15px 10px}#users .user_profiles .new_profile{margin:35px auto 10px auto;text-align:center}#users .user_profiles .new_profile a{border-radius:2px;padding:10px 20px}#users .user_profiles .wrapper,#users .basic_information .wrapper{background-color:#fff;border-radius:5px;padding:15px 10px;float:left;width:100%;margin-bottom:30px}#users .user_profiles .list{display:table;width:100%}#users .user_profiles .list .no-results{text-align:center}#users .user_profiles .list .no-results h2{font-size:22px;font-weight:600;text-align:center;color:#444}#users .user_profiles .list ul li{border-bottom:1px solid #f8f8f8;padding:30px 0px;text-align:center;vertical-align:middle}#users .user_profiles .list ul li .field_type{border-radius:50%;background:#8EBE94;width:45px;height:45px;padding:3px;overflow:hidden}#users .user_profiles .list ul li .soccer{background:#8EBE94}#users .user_profiles .list ul li .tennis{background:#FF9D2E}#users .user_profiles .list ul li .basketball{background:#F56218}#users .user_profiles .list ul li .field_type img{width:100%}#users .user_profiles .list ul li .middle{margin:10px auto}#users .user_profiles .list ul li .trash-can{box-sizing:border-box;width:22px;height:29px;position:relative;cursor:pointer}#users .user_profiles .list ul li .top{height:3px;width:100%;position:relative;top:-1px;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}#users .user_profiles .list ul li .top .handle{width:11px;height:6px;margin:0 auto;position:relative;left:0px;border-radius:50% 50%;border:2px solid #DD423E}#users .user_profiles .list ul li .top .handle:after{content:"";display:block;width:65%;height:50%;position:relative;top:25%;left:17.5%;border-radius:50% 50%}#users .user_profiles .list ul li .top .base{height:2px;position:relative;bottom:2px;background:#DD423E;border-top-left-radius:10px;border-top-right-radius:10px}#users .user_profiles .list ul li .body{width:16px;height:20px;position:relative;margin:0 auto;border:2px solid #DD423E}#users .user_profiles .list ul li .body .line{background:#DD423E;position:absolute;height:14px;width:1px;left:3px;top:1px;margin:0 auto}#users .user_profiles .list ul li .body .line.second{left:3.5px}#users .user_profiles .list ul li .body .line.third{left:7px}#users .user_profiles .list ul li .trash-can:hover .top{transform:rotate(25deg) skew(0deg) translate(2px, -7px)}#users_modal .profile_modal{padding-bottom:65px}#users_modal .profile_modal .user_modal_header{background:#f8f8f8;border-bottom:1px solid #e7e7e7;padding:15px;font-weight:600;font-size:15px;letter-spacing:0.1px;line-height:20px;float:left;width:100%;position:relative}#users_modal .profile_modal .user_modal_header .close-modal-btn{position:absolute;right:0;top:0;background:none;border:none;padding:15px 20px;cursor:pointer;font-size:20px;color:#999;transition:all 0.3s ease;min-width:50px;min-height:50px;display:flex;align-items:center;justify-content:center}#users_modal .profile_modal .user_modal_header .close-modal-btn:hover{color:#333;background-color:rgba(0,0,0,0.05)}#users_modal .profile_modal .user_modal_header .close-modal-btn:active{background-color:rgba(0,0,0,0.1)}#users_modal .profile_modal .user_modal_body{padding:40px 25px 20px 25px;float:left;width:100%}#users_modal .profile_modal .user_modal_footer{float:left;padding-bottom:13px;width:100%;border:2px solid #f8f8f8;padding-top:13px}.modalize{height:auto}#users_modal .profile_modal .type_of_player{border-radius:50%;background:#8EBE94;width:128px;height:128px;padding:20px;margin:0 auto;overflow:hidden}#users_modal .profile_modal .selected{border:4px solid #333}#users_modal .profile_modal .soccer{background:#8EBE94}#users_modal .profile_modal .tennis{background:#FF9D2E}#users_modal .profile_modal .basketball{background:#F56218}#users_modal .profile_modal .sport_text{margin:9px auto;text-align:center;font-weight:bolder;height:20px}#users_modal .profile_modal .user_modal_footer .cancel-button{float:right;margin-right:24px;color:#555;padding-top:6px;font-weight:500}#users_modal .profile_modal .user_modal_footer .cancel-button:hover{text-decoration:none}#users_modal .profile_modal .user_modal_footer .next-button{border-radius:3px;border:1px solid #4bd663;background-color:#4bd663;padding:5px 15px;color:#f5f5f5;font-weight:600;float:right;margin-right:20px}#users_modal .profile_modal .user_modal_footer .previous-button{border-radius:3px;border:1px solid #4bd663;padding:5px 15px;color:#4bd663;font-weight:500;float:right;margin-right:20px}#users_modal .profile_modal .user_modal_footer .previous-button:hover{background:none;box-shadow:0 1px 2px rgba(13,229,168,0.93) inset,1px 1px 10px rgba(13,229,168,0.1)}#users_modal .profile_modal .modal_step_input{border-radius:4px;margin-bottom:10px;width:100%;height:50px;border:1px solid rgba(168,196,162,0.8);color:#555}#users_modal .profile_modal .mobile{height:50px;line-height:32px;font-size:16px;text-align:left;margin:0px auto}#users_modal .profile_modal .validate_mobile{max-width:250px;height:50px;font-size:26px;text-align:center;margin:5px auto}#users_modal .profile_modal input[type="text"]:focus,#users input[type="text"]:active,#users input[type="text"]:hover,#users input[type="tel"]:focus,#users input[type="tel"]:active,#users input[type="tel"]:hover{border-color:#A7DBAB;box-shadow:0 1px 2px rgba(13,229,168,0.93) inset,1px 1px 10px rgba(13,229,168,0.1);outline:0 none}#users_modal .profile_modal .form-control::-webkit-input-placeholder,#users .form-control:-moz-placeholder,#users .form-control::-moz-placeholder,#users .form-control:-ms-input-placeholder,#users .form-control::-ms-input-placeholder{color:red;font-weight:300;opacity:0.8}#users_modal .profile_modal .info_box{margin:8px auto 18px auto;text-align:left;padding-left:7px}#users_modal .profile_modal .label-info{background:none;color:#333;font-style:italic;padding:7px 10px;white-space:normal}#users_modal .profile_modal .label{padding:0px}#users_modal .profile_modal h2{font-size:20px;margin-top:25px;text-align:center;font-weight:600;letter-spacing:0.5px}#users_modal .profile_modal .user_modal_body .actions{text-align:center;margin-top:40px;margin-bottom:30px}#users_modal .profile_modal .user_modal_body .cancel-button{color:#555;font-weight:500}#users_modal .profile_modal .user_modal_body .cancel-button:hover{text-decoration:none}#users_modal .profile_modal .user_modal_body .add-skills-button{margin-bottom:10px;border-radius:5px;padding:8px 20px}#users_modal .profile_modal .final_header{height:3px;background-color:#66cc99}#users_modal .profile_modal .final_footer{float:left;padding-bottom:13px;width:100%;background-color:#66cc99;padding-top:18px}#users_modal .profile_modal .rating{unicode-bidi:bidi-override;direction:rtl;width:100%;text-align:center;margin-top:20px}#users_modal .profile_modal .rating input{position:absolute;left:-999999px}#users_modal .profile_modal .rating label{display:inline-block;font-size:0}#users_modal .profile_modal .rating>label:before{position:relative;font:36px/1 FontAwesome;display:block;content:"\f005";color:#ccc;background:-webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#users_modal .profile_modal .rating>label:hover:before,#users_modal .profile_modal .rating>label:hover~label:before,#users_modal .profile_modal .rating>label.selected:before,#users_modal .profile_modal .rating>label.selected~label:before{color:#f0ad4e;background:-webkit-linear-gradient(-45deg, #fcb551 0%, #d69a45 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#users .vue-dialog .dialog-c-text{color:#333;font-weight:600;padding:20px 0px;font-size:13px}#users .vue-dialog .delete_button{background:#FA023C;color:#ffffff;border:none;padding:14px 0px;font:inherit;cursor:pointer;outline:inherit;font-size:13px}#users .vue-dialog .cancel_button{background:#f7f7f7;color:#333;border:none;padding:14px 0px;font:inherit;cursor:pointer;outline:inherit;font-size:13px}.matches-table{border-collapse:separate;border-spacing:0 15px}.matches-table thead>tr>th{text-align:center;padding-bottom:10px;border-bottom:2px solid #dee2e6}.matches-table tbody>tr{border-top:none;border-bottom:none}.matches-table tbody>tr>td{padding-top:15px;padding-bottom:15px;border-bottom:none;border-top:none;text-align:center}.matches-table thead>tr{border-top:none}.lesspadding{padding-left:2px;padding-right:2px}@media screen and (min-width: 600px){#users .user_profiles .list ul{display:table-row}#users .user_profiles .list ul:first-child li{background-color:#fff;border-bottom:3px solid #f9f9f9;color:#555;font-weight:600}#users .user_profiles .list ul>li:first-child{width:50px}#users .user_profiles .list ul>li{display:table-cell;padding:.5em 1em;width:25%}}@media screen and (max-width: 991px){#users ul.sidebar{display:inline-block;list-style-type:disc;background:none;box-shadow:none;overflow:auto;white-space:nowrap;width:100%}#users ul.sidebar::-webkit-scrollbar{height:2px !important;background-color:#fff !important}#users ul.sidebar::-webkit-scrollbar-thumb{background-color:rgba(121,186,160,0.6) !important}#users ul.sidebar li{margin-bottom:13px;margin:0 10px 10px 0;position:relative;display:inline-block;*display:inline;*zoom:1;width:auto}#users ul.sidebar li a{position:relative;font-size:13px;font-weight:600;display:block;height:34px;line-height:34px;padding:0 18px;border:1px solid rgba(32,33,33,0.1);border-radius:56px;overflow:hidden;z-index:1;transition:all 0.3s ease-in-out;text-decoration:none;background-color:#fff}#users ul.sidebar li:last-child{border-top:none}#users ul.sidebar li a:hover{background:#fff;border-radius:36px;border:1px solid #79BAA0;transition:all 0.3s ease-in-out}#users ul.sidebar li:first-child a:hover,.sidebar li:first-child a{border-radius:36px;border:1px solid #79BAA0;transition:all 0.3s ease-in-out}#users ul.sidebar li:last-child a:hover,.sidebar li:last-child a{border-radius:36px;border:1px solid #79BAA0;transition:all 0.3s ease-in-out}#users ul.sidebar li.selected a{background:#fff;border:1px solid #79BAA0}#users ul.sidebar li.selected i{color:#79BAA0;display:inline-block}}@media screen and (max-width: 599px){#users .user_profiles .list ul li .field_type{width:65px;height:65px;margin:0 auto}#users .user_profiles .list ul>li:first-child{padding:0 0 0.75em 0}#users .user_profiles .list ul>li:last-child{padding:0 0 0.75em 0}#users .user_profiles .list ul{border:solid 1px #dce0e0;display:block;list-style:none;margin:1em;padding:0em 1em;border-radius:2px}#users .user_profiles .list ul>li{display:block;padding:.75em 0;text-align:left;font-size:15px;line-height:20px}#users .user_profiles .list ul:nth-child(odd)>li+li{border-top:solid 1px #ccc;font-weight:600}#users .user_profiles .list ul:nth-child(even)>li+li{border-top:solid 1px #eee}#users .user_profiles .list ul>li:before{color:#000;content:attr(data-label);display:inline-block;font-size:75%;font-weight:bold;text-transform:capitalize;vertical-align:top;width:50%}#users .user_profiles .list p{margin:-1em 0 0 50%}#users .user_profiles .wrapper,#users .basic_information .wrapper{padding:15px 0px}#users .personal-info{padding-left:0px;padding-right:0px}#users ul.sidebar li.more,#users ul.sidebar li.selected{display:inline-block}#users_modal .profile_modal .type_of_player{padding:15px;width:110px;height:110px}}@media screen and (max-width: 409px){#users_modal .profile_modal .type_of_player{width:90px;height:90px}}@media screen and (max-width: 349px){#users .user_profiles .list ul>li{text-align:center}#users .user_profiles .list ul li .field_type{width:55px;height:55px;margin:0 auto}#users .user_profiles .list ul>li:before{display:block;margin:0 auto}#users .user_profiles .list p{margin:0}}