@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); /* font-family: 'Open Sans', sans-serif; */
@font-face { font-family: 'open_sansbold'; src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanslight'; src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold'; src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
body { font-family: 'open_sansregular'; font-size: 14px; margin: 0px; padding: 0px; }

ul { padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0 }
ul li { list-style: none; }
a { text-decoration: none; outline:none;}
a:hover { text-decoration: none; }
a:focus, a:hover { text-decoration: none; outline: none; }
.disabled{pointer-events:none;opacity:0.5;}
/* header-left-bar */
body{background:#ecf0f1;}
.header-left-bar.scrollbar { background:#1d5ba4; width: 340px; position: fixed; z-index: 6; height: 100%; /*transition: all 0.3s ease 0s;*/ overflow-y: auto; overflow-x: hidden; max-height: inherit;}

.logo{float:left; width:100%; padding:17px 12px; background:#1d5ba4; border-right:1px solid rgba(255, 255, 255, 0.3); text-align:center;}
.logo figure{width:100%; display: inline-block; text-align:center;}
.logo figure img{ width:60%; }
.logo .logo-text{ font-family: 'open_sanssemibold'; font-size:16px; color:#fff; padding-left: 8px;  float:left; width:100%;}
.xs-logo { display: none;}
.xs-header-push { display: none; }
.nav-icon { background:rgba(255,255,225,0.0); font-size: 17px; display: inline-block; padding: 12px 11px; margin-right: 5px; line-height: 20px; width: 60px; border-right:1px solid rgba(255,255,255,0.2); text-align: center;}
.nav-icon img { width: 100%; }
.nav ul{float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}
.nav ul li { background:none; border-top: solid 1px rgba(255,255,255,0.1); float:left; width:100%;}
.nav ul li i{font-size: 27px;  vertical-align: middle;}
.nav ul li a { font-size: 17px; color: #fff; font-family: 'open_sanssemibold'; display: block; text-decoration: none; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background:#054591; }
.nav ul li a.active, .nav li:hover > a{ background:#054591; }
.nav ul li a.active .nav-icon, .nav li:hover .nav-icon { background:rgba(255,255,255,0.0); }
.nav .dropdown .caret-arrow { position:absolute; right:15px; top:14px;  transition:all 0.5s ease 0s; font-size:20px; line-height:25px;}
.nav .dropdown .caret-arrow i{font-size:20px;}
.nav .dropdown .dropdown-submenu .caret-arrow { top:10px; line-height:26px;}
.rotate .caret-arrow { transform:rotate(180deg);}
.nav .dropdown-menu { position: inherit; width: 100%; padding: 0px; margin: 0px; box-shadow: none; background:none; border-radius:0px; border:none;}
.nav .dropdown.open { background: #1d5ba4;}
.nav .dropdown.open li a { padding: 10px; }
.nav .dropdown.open .nav-icon { background:none; }
.nav .dropdown.open .dropdown-menu li {  border-color: rgba(255,255,255,0.10); float:left; width:100%; }
.nav .dropdown.open .dropdown-menu li a { font-family: 'open_sansregular'; font-size: 14px; padding: 10px 0px 10px 70px; background:#084996;}
.nav .dropdown.open .dropdown-menu li a.active, .dropdown.open { background: #1c5599; font-family: 'open_sanssemibold'; font-size: 14px; }
.nav .dropdown.open .dropdown-menu li a.active, .nav .dropdown.open .dropdown-menu li:hover > a{background:#1c5599;}
.nav .dropdown-menu li a:hover { background: #1d5ba4; color: #fff; transition: all 0.3s ease 0s; }
.nav .dropdown .dropdown-menu > li > a i.fa{font-size:20px; margin-right:8px;}
.nav .dropdown .dropdown-menu > li > a .caret-arrow i.fa{margin-right:0;}
.nav .dropdown.open .dropdown-menu li a{display:flex;align-items: center;justify-content:space-between;}
.nav .dropdown.open .dropdown-menu li a span {line-height: 1.1em;white-space:normal;display:inline-flex;flex: 1;}

.nav ul li.dropdown a{display:flex;align-items: center;justify-content:space-between;}
.nav-text{display:inline-flex; align-items:center; width:100%;}
.nav-badge, .nav .dropdown.open .dropdown-menu li a span.nav-badge{background:#f00; flex:inherit; border-radius:25px; height:19px; padding:1px 6px 2px; font-size:12px; display:inline-flex; align-items:center; justify-content:center; line-height:12px; margin-right:36px; min-width:26px;}
/* trigger-push */

.push .header-left-bar { transition: all 0.3s ease 0s; transform: translate(-340px); }
.push .slide-right { margin-left: 0px; transition: all 0.3s ease 0s; }
.push .head-right-bar { left: 0px; transition: all 0.3s ease 0s; }
.head-right-bar .trigger{padding:26px 20px; line-height:72px;}
.push .head-right-bar .trigger{padding:26px 20px; line-height:72px;}

/* header-left-bar */

/* header-right-top */
.slide-right { margin-left: 340px; /*transition: all 0.3s ease 0s;*/ }
.head-right-bar { background: #1d5ba4; position: fixed; right: 0; left: 340px; z-index: 4; /*transition: all 0.3s ease 0s;*/ height:72px; }
.head-right-bar a:hover i{ color:#FFFFFF;}
.head-right-bar .navicon-icon { color:rgba(255,255,255,0.70); font-size: 20px; position: relative; padding-left: 5px }
.head-right-bar .navicon-icon:after { content: ""; display: block; position: absolute; width: 1px; height: 75px; right: -20px; top: -25px; background: rgba(255,255,255,0.30); }
.search-box { margin-left: 30px; }
.search-box .form-control { width: auto; display: inline-block; background: none; border: 0px; box-shadow: none; color: #fff; font-family: 'open_sansregular'; font-size: 13px; text-transform: uppercase; height: auto; padding: 0px; }
.form-control:focus { box-shadow: none; }
.search-box .form-control::-moz-placeholder { color:#fff; }
.search-box ::-webkit-input-placeholder {color:#fff;}
.user-login li { display: inline-block; padding-left: 10px; border-right: solid 1px #fff;}

.user-login li span{color: #fff; padding:5px 10px;}

.user-login li:last-child{border-right:0;}

.user-login li i{color:#fff !important;}

.user-login .dropdown.open{background:none;}

.user-login .dropdown-menu{background:#46586A;}

.user-login { float: right; padding: 20px 20px;}

.user-login li figure { width: 30px; float: left; height:30px; border: solid 2px rgba(255,255,255,0.75); border-radius:50px; text-align:center; margin: 0px auto;}

.user-login li a { color: #fff;}

.user-login .dropdown-menu > li > a{ border-right:none; color: rgba(255,255,255,0.70); padding: 0;}
.user-login .dropdown-menu > li > a i{padding-right:5px;}
.user-login .dropdown-menu > li:hover > a, .user-login .dropdown-menu > li:hover > a{color:#ffffff;transition: all 0.3s ease 0s; background:none;}
.user-login li:hover figure i, .user-login li:hover a, .user-login li:focus figure i, .user-login li:focus a  { color: rgba(255,255,255,0.70); transition: all 0.3s ease 0s; }
.user-login li:hover a, .user-login li:focus a{font-family: 'open_sansregular';}

.user-login li:last-child a { border-right: 0px; padding-right: 0; }
.user-login li span { padding-top: 5px; display: inline-block; }
.user-login .logout figure{background:#fc5844;}
.user-login i{font-size:18px; padding-top:4px;}
.xs-logo .logo-text{display:none;}


.last-time{	color:rgba(255,255,255, 1); font-size:14px;  text-align:center; /*position:absolute; right:0px; left:0px; bottom:0px;*/}
.last-time span{color:rgba(255,255,255,0.70);}
.last-time i{padding-right:3px; font-size:17px;	}

.nav-height{height:89%;}
.nav-height .nav{position:relative; min-height:100%; height:100%; margin:0 auto -100px; padding-bottom:100px;}
.nav-height .last-time{margin-top: 95px;}



.container-dashboard{ width:1170px; margin:0 auto; padding-left:10px; padding-right:10px;}

.dashboard{padding: 92px 0px 15px; }
.push.non-over .overlay{ display: none;}

.dashboard-wrappaer .xs-logo{ display: inline-block;}
.dashboard-wrappaer .xs-logo { display: inline-block; margin: 0px auto; padding: 10px 0px; transition: all 0.3s ease 0s; margin-left:10px;}

.dashboard-wrappaer .xs-logo .logo-text{color:#000; text-align:center;font-size:23px; font-family: "open_sanssemibold";  color:#fff; display: inline-block; transition: all 0.3s ease 0s; padding-top: 10px; width: auto; padding-left: 12px;}

.dashboard-wrappaer .xs-logo .logo-text{transition: all 0.3s ease 0s;}


.dashboard-wrappaer .xs-logo figure { width: 52px; float:left;}
.dashboard-wrappaer .xs-logo figure img { width: 100%;  }

/* header-right-top */


/* content-title */
.container { width: 100%; padding: 0px 20px; }
.content-title-warp{background:#fff; clear: both; box-shadow:0 0 0px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.12); margin-bottom:20px; }
.content-title-section { padding: 92px 0px 15px; }
.content-title-section figure { width: 62px; display: inline-block; margin-right: 10px; }
.content-title-section figure img { width: 100%; }
.content-title-section h2 { color: #1d5ba4; font-size: 22px; font-family: 'open_sanssemibold'; float: left; text-transform:uppercase; margin-top:18px;}
.content-title-section .title-btn { float: right; padding: 10px 0px; }
.content-title-section .title-btn .btn-col { border-radius: 2px; padding: 8px 13px ; color: #fff; margin-right: 6px; float:left; line-height:23px; font-size:14px; }
.content-title-section .title-btn .btn-col:last-child { margin-right: 0px; }
.title-btn .btn-col i{font-size:17px; float:left; padding-right:6px; padding-top:3px}

.content-title-section .title-btn .hub-btn { background: #1e5aa4; }
.content-title-section .title-btn .leagues-btn { background: #1e5aa4; }
.content-title-section .title-btn .dashboard-btn { background: #1d5ba4; }
.content-title-section .title-btn .hub-btn:hover { background: #e10621; transition: all 0.3s ease 0s; }
.content-title-section .title-btn .leagues-btn:hover { background: #e10621; transition: all 0.3s ease 0s; }
.content-title-section .title-btn .dashboard-btn:hover { background: #074792; transition: all 0.3s ease 0s; }
/* content-title */

/* mid-content add-more */
.mid-content{margin-bottom:50px;}
.mid-content .collapse-toggle { display: inline-block; width:100%; margin-top : 10px; }
.card-block { background: #fff; color: #353535; line-height: 23px; font-size: 14px; padding: 15px; box-shadow:0 0 0px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.12); }

.mid-content .collapse-toggle .add-plus .fa-minus{display:none;}
.mid-content h2{font-size: 18px; font-family: 'open_sanssemibold'; display:block; line-height:30px; padding:0px; color:#000;}

.collapse .card-block { box-shadow:none;}

.card-block .form-group { width: 100%; margin-bottom:0px; }
.card-block .form-group .form-control{border-color: #ebeef1;  text-shadow: none; box-shadow: none; color: #555; height:auto; padding:8px 12px;}
.card-block .form-control:focus{border-color: #be081b;}
.card-block .form-group:nth-child(5) { margin-right: 0px; }
.card-block .form-group .control-label { font-weight: normal; }
.card-block .form-group .btn-block { background: #1e5aa4; line-height: 18px; margin-top: 4px; color: #fff; width:auto; text-align:center; margin:0px auto; padding: 8px 13px; text-transform: uppercase; border-radius:2px;  }
.card-block .form-group .btn-block:hover{ background: #1e5aa4; transition: all 0.3s ease 0s;}
.btn:focus{outline:none;}
.mid-content .add-more { background: #fff; display: block; color: #fff; border-radius: 0px; }
.mid-content .add-more span { background: #fff; padding: 11px 20px 10px; float: left; font-size: 18px; line-height: 19px; border-radius: 1px 0px 0px 1px; color: #2f7bb3; }
.mid-content .add-more .add-more-info { padding: 14px; line-height: 27px; border-radius:2px; }
.mid-content .add-more .add-more-info h3 { font-size: 14px; font-family: 'open_sanssemibold'; color: #000; width:calc(100% -25px); line-height:20px; padding-left:25px;}
.add-more-info i{ color:#000; padding-right:10px; float:left; padding-top:4px;}
/* mid-content add-more */
.form-control{border-radius:2px;}

.select-col{width: auto; float:left; margin-right:15px; padding-top: 2px;}
.pagination-top .pagination > li:first-child > a, .pagination > li:first-child > span  {border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
.pagination-top .pagination > li:last-child > a, .pagination > li:last-child > span{border-top-right-radius: 2px; border-bottom-right-radius: 2px;}

/* details-view*/
.details-view .match-body .form-group{float:none;}
.details-view{padding:15px;}
.details-view .match-body .form-group input[type="text"]{height:38px;}
.details-view .match-details-row{margin:0px;}
.details-view .alert {margin:0px 0px 15px}


/* table-row and pagination*/
.table-row { background: #fff; margin-top:25px; padding: 15px 15px; margin-bottom: 20px; display: inline-block; width: 100%; box-shadow:0 0 0px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.12);  border-radius: 2px; position:relative;}
.fliter-row label, .select-state label { font-size: 15px; font-family: 'open_sansregular'; float: left; padding-top: 6px; font-weight:normal;  padding-right:15px;}
.fliter-row select::-ms-expand{display:none; }
.fliter-row select option{background:#ddd; color:#999; border: solid 1px #F00 !important;  text-shadow:0 1px 0 rgba(0,0,0,0.4);}
.select-state .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto;}
.table-row .alert{margin: 0 0px 10px;}


.fliter-row .schedule { background: #1e5aa4; border-radius: 2px; padding: 8px; color: #fff; display:inline-block; margin-right:10px; margin-bottom:10px; line-height:22px; transition: all 0.3s ease 0s;}
.fliter-row .schedule i{float:left; padding-right:5px;}
.fliter-row .schedule i{ font-size:22px;}
.fliter-row .schedule:hover { background: #e10621; transition: all 0.3s ease 0s; }
.fliter-row .pagination { margin: 0px; border-radius: 2px;}
.fliter-row .pagination li a { line-height: 14px; padding: 10px 12px; }
/* table*/


/* DEFAULT TABLE */
.dashboard-table.table-responsive { margin-top: 5px; display: inline-block; width: 100%;}
.dashboard-table .table { border: solid 1px #e0e0e0;}
.dashboard-table .table tbody{border:none;}
.dashboard-table .table thead { background: #f0f2f3; font-family: 'open_sanssemibold'; font-size: 14px; color: #181e3e; font-weight: normal; }
.dashboard-table .table > thead > tr > th { border-bottom:none; padding:10px 14px;font-weight:normal;  white-space: nowrap; border-left:1px solid #e5e5e5; border-top:none; vertical-align:middle; position:relative;}
.dashboard-table .table > tbody > tr > td { padding:3px 14px; border-left:1px solid #e5e5e5;font-weight:normal; line-height:32px; font-size:13px; color:#606060; white-space: nowrap; width: 1px;}

.dashboard-table .table tbody tr:nth-of-type(2n) { background: #fafbfb; }

.dashboard-table .table > thead > tr > th:first-child, .default_table .table > tbody > tr > td:first-child { border-left:none; }
.dashboard-table .table > thead > tr > th.bdr_bot{ border-bottom:1px solid #dbdbdb; text-align:center;}
.dashboard-table .table > tbody > tr > td a { display:inline-block; padding:0 8px 0 6px; color:#454545; border-left:1px solid #dbdbdb; }

.dashboard-table .table .btn { background: #e6ecf3; color: rgba(0,0,0,0.60); padding: 4px 10px; border-radius: 2px; }
.dashboard-table .table .btn-edit:hover { background: #2872c8; color: #fff;}
.dashboard-table .table .btn-tresh:hover { background: #e1100b; color: #fff;}
.dashboard-table .table .btn-view:hover {background: #be081b; color: #fff;}
.dashboard-table .table .btn.btn-xs a i{margin-right:4px;}
.dashboard-table .table > thead > tr > th:last-child{ text-align: center; width:9%;}
.dashboard-table .table > tbody > tr > td:last-child{ text-align:center; width:9%;}

table.center-1 th:nth-of-type(1), table.center-2 th:nth-of-type(2), table.center-3 th:nth-of-type(3), table.center-4 th:nth-of-type(4), table.center-5 th:nth-of-type(5),table.center-6 th:nth-of-type(6), table.center-7 th:nth-of-type(7)
, table.center-8 th:nth-of-type(8), table.center-9 th:nth-of-type(9), table.center-10 th:nth-of-type(10), table.center-11 th:nth-of-type(11), table.center-12 th:nth-of-type(12), table.center-13 th:nth-of-type(13) { text-align:center;}

table.center-1 td:nth-of-type(1), table.center-2 td:nth-of-type(2), table.center-3 td:nth-of-type(3), table.center-4 td:nth-of-type(4), table.center-5 td:nth-of-type(5),table.center-6 td:nth-of-type(6), table.center-7 td:nth-of-type(7)
, table.center-8 td:nth-of-type(8), table.center-9 td:nth-of-type(9), table.center-10 td:nth-of-type(10), table.center-11 td:nth-of-type(11), table.center-12 td:nth-of-type(12), table.center-13 td:nth-of-type(13) { text-align:center;}

/* .chk-wth thead tr th:first-child, .chk-wth tbody tr td:first-child{width:3%; padding:0px;} */





/* checkbox*/
.dashboard-table tbody .checkbox{ margin-top:8px;}
.checkbox label { position: relative; cursor: pointer; padding-left: 2rem; text-align: left; color: #000; display: block; }
.checkbox label, .radio label{min-height:13px;}
.checkbox input { width: auto; opacity: 0.00000001;position: absolute;left: 0;}
.checkbox { /*margin-top: 2rem; margin-bottom: 1rem;*/ float:left;padding:0px 10px; margin:0px}
.checkbox .helper { color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 16px; height: 16px;  z-index: 0; border: 2px solid rgba(0,0,0,0.20); border-radius: 0.0625rem; -webkit-transition: border-color 0.28s ease;   transition: border-color 0.28s ease;}
.checkbox .helper::before, .checkbox .helper::after { position: absolute; height: 0; width: 0.2rem; background-color: #1d5ba4; display: block; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0.25rem; content: ''; -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s; transition: opacity 0.28s ease, height 0s linear 0.28s; opacity: 0;}
.checkbox .helper::before {top: 1rem; left: 0.68rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); box-shadow: 0 0 0 0.0625rem #fff;}
.checkbox .helper::after { top: 0.5rem; left: 0.1rem; width:3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.checkbox label:hover .helper { color: #2f7bb3;}
.checkbox input:checked ~ .helper { color: #2f7bb3; border: 2px solid #2f7bb3;}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before { opacity: 1;-webkit-transition:height 0.15s ease 0s; transition: height 0.15s ease 0s;}
.checkbox input:checked ~ .helper::after { height: 0.7rem;}
.checkbox input:checked ~ .helper::before { height: 1.8rem; width:3px;-webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
.checkbox + .checkbox { margin-top: 2rem;}

.table .active{color:#64bd4b}
.table .unactive{color:#f70b06;}
.red{background:#e1100b !important;}
.red:hover{ background:#e1100b !important;}
.blue{background:#1d5ba4 !important; color: #fff;}
.blue:hover{background:#1d5ba4 !important; color: #fff;}
.green{background:#56ae3d !important;}
.green:hover{ background:#64bd4b !important;}
.table .active, .table .unactive{ font-size:14px;}
.gray{background:#7f8c8d !important;}
.gray:hover{background:#95a5a6 !important;}

.blue-btn{background:#1d5ba4 !important; color: #fff!important;}
.blue-btn:hover{background:#1d5ba4 !important; color: #fff!important;}

/* table*/
.fliter-row-bottm .schedule { float: left; }
.fliter-row-bottm h5 { float:left; padding-top: 10px; padding-right: 15px; color: #202020; font-size: 14px; font-family: 'open_sansregular';  }
/* overlay*/
.overlay { background: rgba(0,0,0,0.6); position: fixed; left: 0px; top: 0px; z-index: 5; width: 100%; height: 100%; display: none; }


.choose-league-wrapper .select-state select{margin-right:0px;}


/* choose-sports-wrapper*/
.game-box{width:100%; text-transform:uppercase; cursor:pointer; text-align:center; background:#fff; display:inline-block; border-radius:2px; box-shadow:0px 1px 2px #dcdee0; margin-bottom:15px; position:relative; display:table;}
/*.game-box:hover{ background:#fafbfd;}*/
.game-box:hover .info h4, .game-box:hover .info i{ color:#054591;}

.game-box .info{width:100%; vertical-align:middle; padding:28px;  vertical-align:middle; height:120px; }
.game-box .info i {color:#1e5aa4; font-size:35px; position:absolute; right:15px; bottom:50%; margin-bottom:-17px;}
.game-box .info h4{font-size:15px; font-family: 'open_sansregular'; color:#1e5aa4; line-height:23px;}
.game-box .info figure{ min-height: 65px; margin:0px auto 10px;}

.game-box .info figure i{font-size: 67px; position: inherit; }

.game-box-row{ margin-bottom:25px;}
.game-box-row h1{ font-size:18px; color:#2d4395; font-family: 'open_sanssemibold'; font-weight:normal; padding:8px 15px;}

.game-box-row .title{ text-align:center;}
.game-box-row .title  h1{ font-size:22px; display:inline-block; color:#000; font-family: 'open_sanssemibold'; font-weight:normal; padding:8px 15px 15px 15px; position:relative;}
.game-box-row .title  h1:after{ content:""; width:50%; margin:0 auto; left:0; right:0; position:absolute; bottom:0; background:#000; height:2px;}
.game-box-row .title  p{ font-size:15px; color:#404040; font-family: 'open_sansregular'; font-weight:normal; padding:8px 15px;}

/* choose-league-wrapper*/

.select-state{ float: right; padding: 15px 0px; }
.dropdown-submenu { position: relative;}
.dropdown-submenu .dropdown-menu { top: 0; left:0;}

.dropdown.open .dropdown-submenu .dropdown-menu li a{ padding:10px 0px 10px 85px; color:rgba(255,255,255,0.87);}
.dropdown-menu>li > a:focus, .dropdown-menu>li > a:hover { background:#212e3b; color:#FFFFFF;}
.dropdown.open li.dropdown-submenu a.active { background:#194b7a; color:#FFFFFF;}

.dropdown-submenu .dropdown-menu li figure{ display:inline-block; width:20px; margin-right:5px;}
.dropdown-submenu .dropdown-menu li figure img{ width:100%;}
.pagination-top{ float:right; display:flex; align-items:center; gap:12px;}
.pagination-top h5{ margin:0; white-space:nowrap;}
.pagination-top nav,
.pagination-top .pagination{ display:inline-block; margin:0;}
.choose-league-wrapper .content-title-warp .dropdown-menu{left:inherit; right:0px;}


/* player-detail-wrapper*/
.play-note{background:#fff; padding:20px; box-shadow: 0px 1px 2px rgba(0,0,0,.12); }
.play-note label{padding-bottom:10px; color:#000; font-size:16px; font-family: 'open_sanssemibold'; font-weight:normal;}
textarea{width:100%; border-radius:2px; border:solid 1px #e6e8ec; height:100px; padding:6px;}
.submit-button{text-align:center; padding-top:15px;}
.submit-button .btn{color:#fff; border-radius:2px; font-size:14px; text-transform:uppercase; padding:8px 13px;}

.submit-button .submit-btn{background:#1d5ba4;}
.submit-button .submit-btn:hover{background: #317bd1; transition: all 0.3s ease 0s;}
.submit-button .cancel-btn:hover{background: #054591; transition: all 0.3s ease 0s;}
.submit-button .cancel-btn{background:#1e5aa4;}


.edit-details-content{background:#fff; box-shadow: 0px 1px 2px rgba(0,0,0,.12)}
.edit-details-title{padding:10px 15px; line-height:38px; margin-bottom:15px; border-bottom: solid 1px #ebeef1;}
.edit-details-title h3{font-size:18px; font-family: 'open_sanssemibold';  color:rgba(0,0,0,0.87); display:inline-block;}
.edit-details-title .btn{color:#fff; border-radius:2px; font-size:14px; padding:8px 13px; float:right; margin-left:6px; }


.edit-details-title .game-btn{background:#1e5aa4; transition: all 0.3s ease 0s;}
.edit-details-title .game-btn:hover{background:#e10621 ; transition: all 0.3s ease 0s;}
.edit-details-title .player-btn{background:#8f8f8f;}
.edit-details-title .player-btn:hover{transition: all 0.3s ease 0s; background:#afafaf;}

.content-warp .fliter-row .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:80px;}
.content-warp .fliter-row .btn-default:hover{background:#f7f7f7; box-shadow:none;}
.content-warp .fliter-row .btn-group.open .dropdown-toggle {box-shadow:none;}
.content-warp .fliter-row .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background:#34495e; color:#fff;}

.content-warp .fliter-row .btn-default{border-color:#ebeef1;}
.content-warp .fliter-row .btn-default.active.focus, .content-warp .fliter-row .btn-default.active:focus, .content-warp .fliter-row .btn-default.active:hover, .content-warp .fliter-row .btn-default.focus:active, .content-warp .fliter-row .btn-default:active:focus, .content-warp .fliter-row .btn-default:active:hover, .content-warp .fliter-row .open > .dropdown-toggle.btn-default.focus, .content-warp .fliter-row .open > .dropdown-toggle.btn-default:focus, .content-warp .fliter-row .open > .dropdown-toggle.btn-default:hover{border-color:#ebeef1; background:#f7f7f7;}

.select-state .btn-default:hover{background:#f7f7f7; box-shadow:none;}
.select-state .btn-group.open .dropdown-toggle {box-shadow:none;}
.select-state .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background:#f7f7f7; color:#666;}

.select-state .btn-default{border-color:#ebeef1;}
.select-state .btn-default.active.focus, .select-state .btn-default.active:focus, .select-state .btn-default.active:hover, .select-state .btn-default.focus:active, .select-state .btn-default:active:focus, .select-state .btn-default:active:hover, .select-state .open > .dropdown-toggle.btn-default.focus, .select-state .open > .dropdown-toggle.btn-default:focus, .select-state .open > .dropdown-toggle.btn-default:hover{border-color:#ebeef1; background:#f7f7f7;}
.bootstrap-select .dropdown-toggle:focus{outline: none #333333 !important;}
.btn-default.focus, .btn-default:focus{background:none;}


.match-details-row{border: solid 1px #ebeef1; border-radius: 2px; margin: 20px 15px 20px; }
.match-header{background:#f9f9fb; padding:12px; border-bottom: solid 1px #ebeef1;}
.match-header h4{font-size:14px; font-family: 'open_sanssemibold'; display: inline-block;}

.match-body{padding:12px;}
.match-body .form-group{width:100%;float:left;}
.match-body .form-group:nth-child(5n){margin-right:0px;}
.match-body .text{display:block; font-size:14px; font-family: 'open_sansregular'; font-weight:normal; }
.match-body .dropdown-menu {border: solid 1px #ebeef1;}
.match-body .btn{padding: 8px 12px; color:#606060; position:relative; border-color:#ebeef1;}
.match-body .btn .caret{color:#9a9a9a;}
.match-body .btn .caret:before{width:1px; height:36px; content:""; right:17px; position: absolute; background:#ebeef1; display:block; top: -20px;}
.match-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.match-body .dropdown-menu > li > a:focus, .match-body .dropdown-menu > li > a:hover{background:#f5f5f5; color:#555;}
.match-body .bootstrap-select .dropdown-toggle:focus{outline:none;}
.match-body .btn-default:hover{background-color: #fafbfd;}
.match-body .btn-default.active, .btn-default:active, .match-body .open > .dropdown-toggle.btn-default{background-color: #f7f7f7; border-color: #ebeef1; box-shadow:none;}

.match-body .btn-group .dropdown-toggle:active, .match-body .btn-group.open .dropdown-toggle{background:#f7f7f7;}
.match-body .dropdown-menu > li > a{padding:5px 20px;}
.match-body .btn-default.active.focus, .btn-default.active:focus, .match-body .btn-default.active:hover, .match-body .btn-default.focus:active, .match-body .btn-default:active:focus, .match-body .btn-default:active:hover, .match-body .open > .dropdown-toggle.btn-default.focus, .match-body .open > .dropdown-toggle.btn-default:focus, .match-body .open > .dropdown-toggle.btn-default:hover{box-shadow:none; background:#f7f7f7; border-color:#ebeef1;}
.match-body .form-control {border-color:#ebeef1; text-shadow:none; box-shadow:none;}
.match-body .form-control:focus{border-color:#be081b;}
.player-body .bootstrap-select .dropdown-toggle:focus, .match-body .bootstrap-select .dropdown-toggle:focus{outline: thin dotted transparent !important; background:none;}

.team-select .match-body{position:relative;}
.team-select .match-body .form-group{width:98%;float:left; position:relative;}
.team-select .match-body small{position:absolute; left:0px; text-align:center; margin:0 auto; width:20px; top: 42px; right:0px; font-family: 'open_sansregular'; font-size:18px;}

.team-select .match-body .form-group.required:last-child{float:right;}

.score-multiple .match-body .form-group:nth-child(5n), .weather .match-body .form-group:nth-child(5n){margin-right:20px;}
.score-multiple{width:100%; display:inline-block;}
.score-multiple .match-details-row{float:left; margin: 5px 0px 15px 15px;  width: 32%; }
.score-multiple .match-body .form-group{width:100%;}
.score-multiple .match-body .form-group:nth-child(3n){margin-right:0px;}
.coach-team .match-body .form-group{width:100%;}

.required small{color:#fd0000;}
.weather .match-body .form-group{width:100%;}
.submit-button.match-edit{padding-bottom:30px;}

/* onoffswitch*/
.onoffswitch {position: relative; width: 76px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #FFFFFF; border-radius: 21px; }
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 27px; padding: 0; line-height: 27px; font-size: 14px; color: white; font-family: 'open_sansregular'; box-sizing: border-box; }
.onoffswitch-inner:before {content: "ON"; padding-left: 7px; background-color: #be081b; color: #FFFFFF;}
.onoffswitch-inner:after { content: "OFF"; padding-right: 7px; background-color: #8f8f8f; color: #eee; text-align: right;}
.onoffswitch-switch {display: block; width: 20px; margin: 6px; background: #FFFFFF; position: absolute; top: 0; bottom: 0;right: 42px; border: 2px solid #FFFFFF; border-radius: 21px; transition: all 0.3s ease-in 0s; height:20px; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px;}
.reschedule-on-off{float:right; margin-top: -7px;}
.match-header h5{float:right; padding-right:10px; color:#606060; font-family: 'open_sansregular'; font-size:14px;}


/* match-edit-plyer-stats-warp*/
.edit-player-row{width:100%; float:left; margin-bottom: 15px; padding:0px 15px; }
.edit-player-col{border: solid 1px #ebeef1; border-radius: 2px; margin: 10px 0px 15px; float: left;}
.edit-player-col .player-header{background: #f9f9fb; padding: 12px; font-family: 'open_sanssemibold'; border-bottom: solid 1px #ebeef1;}
.edit-player-col .player-header h4{font-size:16px; color:rgba(0,0,0,0.87);}


.player-body li{border-bottom:solid #ebeef1 1px; display:inline-block;  width:100%;}

.player-body .btn-default.active.focus, .player-body .btn-default.active:focus, .player-body .btn-default.active:hover, .player-body .btn-default.focus:active, .player-body .btn-default:active:focus, .player-body .btn-default:active:hover, .player-body .open > .dropdown-toggle.btn-default.focus, .player-body .open > .dropdown-toggle.btn-default:focus, .player-body .open > .dropdown-toggle.btn-default:hover{border:none; background:none;}
.player-body .bootstrap-select > .dropdown-toggle{background:none; box-shadow:none;}
.player-body .btn-default.active, .player-body .btn-default:active, .player-body .open > .dropdown-toggle.btn-default{background:none; border:none;}

.player-body li:last-child{border:none;}
.player-body li:hover{background:#fafbfd;}
.player-body .grade{padding:15px; display:inline-block;}
.player-body .bootstrap-select > .dropdown-toggle{width:auto; border:none; color:#303030; padding: 6px 25px;}
.player-body .btn-default:hover{background:none;}
.player-body .bootstrap-select.btn-group .dropdown-menu{min-width: 50%;}
.player-body .bootstrap-select .dropdown-toggle:focus{outline: thin dotted transparent !important; background:none;}
.player-body .dropdown-menu.inner li{border-bottom:none;}
.player-body .dropdown-menu.inner li.selected  a{background:#f7f7f7; color:#555;}
.player-body .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{background:none;}
.player-body .bootstrap-select.btn-group .dropdown-toggle .caret{color:#999;}
.player-body .edit{padding: 15px; display: inline-block; float: right; line-height: 23px;}
.player-body .edit a{background: #e6ecf3; color: #282828;padding: 4px 15px; border-radius: 2px;}
.player-body .edit a:hover{background: #2f7bb3; color: #fff;}

.player-body li.active{background:#00a4ff;}
.player-body li.active .grade{color:#fff; line-height: 23px;}

.dropdwon-edit .match-col{margin:0 auto; text-align:center; padding:30px 0px; line-height:30px;}
.dropdwon-edit .match-col li{width: auto;}
.dropdwon-edit{background:#fbfbfc; float: left; width: 100%; padding: 0px 20px 20px; border-bottom: solid 1px #ebeef1;}
.dropdwon-edit li{display:inline-block; border-bottom:none; margin-right:5px;}
.dropdwon-edit li a{border:solid 1px #cfd2d7; border-radius:20px; padding:5px 20px; background:#ffff; color:#303030; }
.dropdwon-edit li a.active, .dropdwon-edit li a:hover {background:#56ae3d; color:#fff; }


.range_wrap { position:relative; padding:15px 5px 30px; }
.range_wrap label { display:block; font-family: 'open_sansregular'; font-weight:normal; color:rgba(0,0,0,0.87); padding:0 0 12px; margin:0; text-transform:capitalize; }
.range_wrap .range-name {position:absolute; top:-15px; left:5px; font-family: 'open_sansregular'; font-size:14px; line-height:24px; color:rgba(0,0,0,0.87);}
.range_wrap .output { position:absolute; top:-15px; right:25px; font-family: 'open_sansregular'; font-size:16px; line-height:24px; color:rgba(0,0,0,0.87); }
.range_wrap label img{ width:16px; margin-right:7px; border-radius:50%; margin-left:5px;}

/* range slider css edit */
.range_slider.noUi-horizontal { height:6px; }
.range_slider.noUi-target.noUi-connect { box-shadow:none; cursor: pointer; }
.range_slider.noUi-target, .range_slider .noUi-origin {  border:none; box-shadow:none; }
.range_slider.noUi-connect, .range_slider .noUi-background { box-shadow:none; background:#d4d4d4; border-radius:5px; }
.range_slider .noUi-handle::after, .range_slider .noUi-handle::before { display:none; }
.range_slider.noUi-horizontal .noUi-handle { width:32px; height:32px; left:-16px; top:-14px; background-clip:padding-box; border:8px solid rgba(17, 148, 246, 0.01); }
.range_slider .noUi-handle { background:#33b8ff; border:none; border-radius:50%; box-shadow:none; }
.range_slider.noUi-connect { background:#33b8ff;}

.dropdwon-edit .role .opt-title{padding-right: 10px; font-weight:normal; line-height:24px; color:rgba(0,0,0,0.87); padding-top:8px;}
.dropdwon-edit .role .bootstrap-select > .dropdown-toggle {width: 100%; border: solid 1px #ebeef1; padding: 6px 16px; background: #fff; height: 40px;}
.dropdwon-edit .role li{display:block; margin-right:0px; }
.dropdwon-edit .role li a{border-radius:0px; border:0px;}
.dropdwon-edit .role li a:hover{background:#f7f7f7; color:#666;}
.dropdwon-edit .role .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{background:#eee; border: solid 1px #ebeef1;}
.dropdwon-edit .role  .bootstrap-select.btn-group .dropdown-menu{width:100%;}
.dropdwon-edit .role .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){float:right; width:93%;}
.dropdwon-edit .role .btn-default.active, .dropdwon-edit .role .btn-default:active, .dropdwon-edit .role .open > .dropdown-toggle.btn-default{background:#fff; border: solid 1px #e6e8ec;}

.dropdwon-edit .play-note{background:#fbfbfc; box-shadow:none; padding: 15px 0px;}
.dropdwon-edit .play-note label{font-size:14px; font-weight:normal; color:rgba(0,0,0,0.87); padding-bottom:0px; font-family: 'open_sansregular';}

.dropdwon-edit .save-us-btn{float:right;}
.dropdwon-edit .save-us-btn .btn{color: #fff; border-radius: 2px;font-size: 14px;text-transform: uppercase;padding: 8px 13px;}
.dropdwon-edit .save-us-btn .btn i{font-size:20px; padding-right:7px; float:left;}
.dropdwon-edit .save-us-btn .cancel{background:#8f8f8f;}
.dropdwon-edit .save-us-btn .cancel:hover{background: #afafaf; transition: all 0.3s ease 0s;}
.dropdwon-edit .save-us-btn .save{background:#56ae3d;}
.dropdwon-edit .save-us-btn .save:hover{background: #64bd4b; transition: all 0.3s ease 0s;}

/* login-wrapper */

.login-bg{/*background:#2c3e50;*/ background:url(../images/login-bg.jpg) no-repeat 0 0; background-size:auto; background-attachment:fixed; background-position:50% 50%;}
.login-wrapper{clear:both; height:100%; position:fixed; overflow-x: hidden; overflow-y: auto; width: 100%;}
.login-logo{ text-align:center; margin-top:7%; position:relative; }
.login-logo h2{font-size:26px; font-family: 'open_sanssemibold'; padding:10px 0px; color:#fff; position:relative; margin-bottom:5px;}
.login-logo h3{font-size:13px; font-family: 'open_sansregular'; padding:10px 0px; color:#fff;}
.login-logo h2:after{height:1px; width:15%; display:block; content:""; position:absolute; left:0px; right:0px; bottom:-5px; /*background:rgba(255,255,255,0.50);*/ margin:0 auto;}
.login-logo figure{width:230px; margin: 0px auto;}
.login-logo figure img{width:100%; }

.login-wrap{margin:10px auto; left:0px; right:0px; width: 90%; max-width: 600px; }
.login-form h1{text-align:center; font-size:30px; text-transform:capitalize; font-family: 'open_sanssemibold'; padding:15px 0px; border-bottom: solid 1px  rgba(0,0,0,0.20); background:#fff;}
/*.login-form .form-horizontal {padding:25px; background:rgba(255,255,255,0.50); border-radius: 2px 2px 5px 5px; position: relative;  box-shadow: 0px 1px 5px rgba(0,0,0,0.3);}
.login-form .form-horizontal .form-group{margin-left:0px; margin-right:0px; margin-bottom:20px; position:relative;}
.login-form .form-control{height:45px; border-color:#dbdee1; padding:6px 10px; box-shadow:none; border-left: 0;}
.login-form .input-group-addon{color:#000; background-color: #2196f3; padding:6px 15px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-color:#dbdee1;  font-size: 22px;  transition: all 0.25s ease 0s;  position:absolute; left:0px; right:0px; z-index:5; width:100%;}
.login-form .input-group{width:100%;}
.login-form .input-group-addon i{color:#fff;}
.login-form .input-text:focus{border-width:40px; visibility:visible;}
.login-form .input-group .form-control:focus{border-color:#2196f3}*/



/*Login- starden*/

@keyframes spinner {
    0% {
        transform: rotateZ(0deg);
    }
    100% {transform: rotateZ(359deg);}
}



.login .form-horizontal .form-group{margin-left:0px; margin-right:0px;}
.login-form{ background:rgba(255, 255, 255, 0.5); padding:12px; border-radius:2px;}
.login { border-radius: 2px 2px 5px 5px; padding:80px 20px 20px 20px; background: #000;position: relative; padding-bottom: 80px; }
.login.loading button {  max-height: 100%; padding-top: 50px;}
.login.loading button .spinner { opacity: 1; top: 40%;}
.login.ok button {background-color: #8bc34a;}
.login.ok button .spinner { border-radius: 0; border-top-color: transparent; border-right-color: transparent; height: 20px; animation: none; transform: rotateZ(-45deg);}

.login.error button {background-color: #1d5ba4;}
.login.error button .spinner { border-radius: 0; height:0px; animation: none; border:transparent; font-style: inherit;}

.login.error button .spinner:after {content:"i";display:block;position:absolute;left:0;right:0;margin:0 auto; top:0px; color:#b30804; transform:rotate(180deg); font-size:30px; line-height:40px; border-radius:50%; background:#fff; width:40px; height:40px;}
.login .form-horizontal .alert {margin-top: -50px;  height: 40px;  margin-bottom: 10px;  padding: 7px 10px; }


.login input {  display: block; padding: 10px 10px; width: 100%; border: 1px solid #ddd/*ebeef1*/; transition: border-width 0.2s ease; border-radius: 2px; color: #999}
.login input + i.fa { color: #fff;font-size: 1em; position: absolute; margin-top: -28px; opacity: 0; left: 0; transition: all 0.1s ease-in;}
.login input:focus { outline: none;color: #444;border-color: #1d5ba4; border-left-width: 40px;}
.login input:focus + i.fa { opacity: 1; left: 35px; transition: all 0.25s ease-out;}
.login a { font-size: 0.8em; color: #2196F3; text-decoration: none; }
.login .login-btn { width: 100%; height: 100%; padding:10px 8px 10px; background: #1d5ba4; color: #fff; display: block; border: none; position: absolute; left: 0; bottom: 0; max-height: 60px; border: 0px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 2px 2px; transform: rotateZ(0deg); transition: all 0.1s ease-out; border-bottom-width: 5px;
                    line-height:24px; font-size:24px; font-family: 'open_sanssemibold'; color:#fff;}
.login .login-btn:hover{background:#2b6fbf; transition: all 0.3s ease 0s;}

.login.error .login-btn:hover{background:#b30804;}
.login.ok .login-btn:hover{background:#8bc34a;}

.login button .spinner { display: block; width: 40px; height: 40px; position: absolute; border: 4px solid #ffffff; border-top-color: rgba(255, 255, 255, 0.3); border-radius: 100%; left: 50%; top: 0; opacity: 0; margin-left: -20px; margin-top: -20px; animation: spinner 0.6s infinite linear; transition: top 0.3s 0.3s ease, opacity 0.3s 0.3s ease, border-radius 0.3s ease; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); }
.login:not(.loading) button:focus { border-bottom-width: 4px; outline:none;}

.login button:focus { outline:none;}

.forget-password{text-align:center;}
.forget-password {font-size:14px; font-family: 'open_sansregular'; color:#999;}
.forget-password a{font-size:13px; color:#1d5ba4; font-family: 'open_sanssemibold'; text-decoration:none;}
.forget-password a:hover{color:#2b6fbf; transition: all 0.3s ease 0s;}
.forget-password input[type="checkbox"]{width:auto; display:inline-block; top:0px; position:relative; margin:0; vertical-align:middle;}
.forget-password span { display: inline-block;  vertical-align: middle;}
.validation{color:red; font-size:12px; padding:2px 12px;}

.form-horizontal .alert{margin:0px 0px 15px;}
.alert i.fa-exclamation-circle, .alert i.fa-check-circle{ font-size:22px; float:left; margin-right:8px; margin-top:1px;}
.alert-dismissable .close, .alert .alert-dismissible .close{ font-size:22px; right:-5px; top:-0px;opacity:1; text-shadow:none; }
.alert .close:hover{ color:#FFFFFF;}
.match-edit-game-detail-warp .alert .close:hover{ color:#000;}
.alert-danger{ background:none; color:#f62c2c; border-color:#f62c2c;font-family: 'open_sanssemibold';}
.alert-success{ background:none; color:#76b817; border-color:#76b817;font-family: 'open_sanssemibold';}


.alert{border-radius:2px; margin:0px 15px 15px; position:relative; padding:10px 13px; font-size:13px; clear:both; line-height:24px;}
.alert .remove{position:absolute; right:9px ; top:9px; cursor:pointer;}
.alert .remove .fa-times{font-size:13px; padding:0px;}
.alert p i{font-size: 16px; padding-right:5px;}
.alert-danger .fa-check-circle{display:none;}
.alert-success .fa-exclamation-circle{display:none;}
.admin_loader{position: fixed; left: 360px; right: 0px; margin: 0 auto; text-align: center; top: 50%; transition: all 0.3s ease 0s;}
.push .admin_loader{left: 0px; transition: all 0.3s ease 0s;}
.pagination-titel {float:right;}

.alert-info{background:none; color:#2592c7; border-color:#2592c7; padding:6px 13px;}
.alert.alert-info p{display:inline-flex; align-items:center;}
.alert.alert-info p i{font-size:20px;}

.note-block{clear:both; margin:0px 0px 15px 0px;}
.note-block p{font-size:13px; color:#e1100b;}

/*
.login-form .bar { position: relative; display: block; width: 100%;}
.login-form .bar:before, .bar:after { content: ''; height: 2px; width: 0; bottom: 0px; position: absolute; background: #3c89c2; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all; }
.login-form .bar:before { left: 50%; }
.login-form .bar:after{ right: 50%; }
.login-form  input:focus ~ .bar:before, input:focus ~ .bar:after{ width: 50%;}
.login-form .form-group input:focus { font-family: 'open_sansregular'; font-weight:normal; color: #4d4d4d; outline: none; }
.login-form .form-group input:focus ~ .bar::before { width: 100%; left: 0; }

.login-form .form-group input:focus ~ .control-label, .login-form .form-group input:valid ~ .control-label{left: 0; top: -15px; font-size:13px; color: rgba(0,0,0,0.54);}*/



/* form-detail-warpper */
.form-warp{padding:20px 15px; border: solid 1px #ebeef1; margin:20px 0px;     width: 100%;
    float: left;}
.form-warp .form-horizontal .form-group{margin-right:0px; margin-left:0px;}
.form-warp .form-group .form-control{ border-color: #ebeef1; box-shadow: none; text-shadow: none; border-radius:2px;}
.form-warp .form-group .control-label{font-family: "open_sansregular"; font-size: 14px; font-weight: normal; float:left; padding-top: 6px; line-height:28px;}
.form-warp .form-group .drop_input{width:85%; float:right;}
.form-warp .row .form-group{display:flex;}
.form-warp .form-group .drop_input.drop_input-lg, .form-warp .form-group .drop_input.drop-input-lg{width:70%;}
.form-warp .row .form-group .control-label{white-space:nowrap;}
.textarea-lg .livespell_textarea{height:200px !important;}
.form-warp .form-group .form-control:focus{border-color:#054591;}
.form-warp .drop_input .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.form-warp .drop_input .btn-default{border-color:#ebeef1;  border-radius: 2px;}
.form-warp .drop_input .btn-default:hover{background:none;}
.form-warp .drop_input textarea{font-family: "open_sansregular"; font-size:14px; color:#555;}
.form-warp .drop_input .checkright{width:25px;}
.form-warp .drop_input .btn-default.active.focus, .form-warp .drop_input .btn-default.active:focus, .form-warp .drop_input .btn-default.active:hover, .form-warp .drop_input .btn-default.focus:active, .form-warp .drop_input .btn-default:active:focus, .form-warp .drop_input .btn-default:active:hover, .form-warp .drop_input .open > .dropdown-toggle.btn-default.focus, .form-warp .drop_input .open > .dropdown-toggle.btn-default:focus, .form-warp .drop_input .open > .dropdown-toggle.btn-default:hover{ background:none;}
.form-warp .drop_input .bootstrap-select > .dropdown-toggle{background:none; box-shadow:none;}
.form-warp .drop_input .btn-default.active, .form-warp .drop_input .btn-default:active, .form-warp .drop_input .open > .dropdown-toggle.btn-default{background:none;border-color:#ebeef1;}
.form-warp .drop_input .dropdown-menu.inner li.selected  a{background:#f7f7f7; color:#555;}
.form-warp .drop_input .radio-check li{ color: #000; display: block; position: relative; float: left; /*  width: 100%;*/ }
.form-warp .drop_input .radio-check li input[type=radio]{ position: absolute; visibility: hidden; }
.form-warp .drop_input .radio-check li label{display: block; position: relative; font-weight: 300; font-size: 13px; padding: 10px 20px 10px 35px; margin: 5px auto; height: 30px; z-index: 9;cursor: pointer; -webkit-transition: all 0.25s linear;}
.form-warp .drop_input .radio-check li .check{  display: block;   position: absolute;  border: 3px solid rgba(0,0,0,0.25);  border-radius: 100%;  height: 21px;  width: 21px;  top: 15px;  left: 0px;	z-index: 5;	transition: border .25s linear; -webkit-transition: border .25s linear;}
.form-warp .drop_input .radio-check li .check::before {  display: block;  position: absolute;  content: '';  border-radius: 100%;  height: 9px;  width: 9px;  top: 3px; left: 3px;  margin: auto; 	transition: background 0.25s linear;	-webkit-transition: background 0.25s linear; }

.form-warp .drop_input input[type=radio]:checked ~ .check {  border: 3px solid #1e5aa4; }
.form-warp .drop_input input[type=radio]:checked ~ .check::before{  background: #1e5aa4; }
.form-warp .drop_input input[type=radio]:checked ~ label{ color: #1e5aa4;}
.form-warp .drop_input .radio-check .checkbox label { position: relative; cursor: pointer; padding-left: 2rem; text-align: left; color: #0d55b1; display: block; }
.form-warp .drop_input .checkbox input { width: auto; opacity: 0.00000001;position: absolute;left: 0;}
.form-warp .drop_input .checkbox { margin-top: 2rem; margin-bottom: 1rem; float:left;padding:0px 16px;}
.form-warp .drop_input .checkbox .helper { color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 16px; height: 16px;  z-index: 0; border: 2px solid rgba(0,0,0,0.25); border-radius: 0.0625rem; -webkit-transition: border-color 0.28s ease;   transition: border-color 0.28s ease; }
.form-warp .drop_input .checkbox .helper::before, .form-warp .drop_input .checkbox .helper::after { position: absolute; height: 0; width: 0.2rem; background-color: #1e5aa4; display: block; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0.25rem; content: ''; -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s; transition: opacity 0.28s ease, height 0s linear 0.28s; opacity: 0;}
.form-warp .drop_input .checkbox .helper::before {top: 1rem; left: 0.68rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); box-shadow: 0 0 0 0.0625rem #fff;}
.form-warp .drop_input .checkbox .helper::after { top: 0.5rem; left: 0.1rem; width:3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.form-warp .drop_input .checkbox label:hover .helper { color: #2f7bb3;}
.form-warp .drop_input .checkbox input:checked ~ .helper { color: #1e5aa4; border: 2px solid #1e5aa4;}
.form-warp .drop_input .checkbox input:checked ~ .helper::after, .form-warp .drop_input .checkbox input:checked ~ .helper::before { opacity: 1;-webkit-transition:height 0.15s ease 0s; transition: height 0.15s ease 0s;}
.form-warp .drop_input .checkbox input:checked ~ .helper::after { height: 0.7rem;}
.form-warp .drop_input .checkbox input:checked ~ .helper::before { height: 1.8rem; width:3px;-webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
.form-warp .drop_input .checkbox + .checkbox { margin-top: 2rem;}
.form-warp .form-horizontal .checkbox, .form-warp .form-horizontal .checkbox-inline, .form-warp .form-horizontal .radio, .form-warp .form-horizontal .radio-inline{line-height:15px;}




.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    background: #f9f9f9;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; text-align:center;

}
.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
    color:#fff;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.badge{
	position: absolute;
    right: 5px;
    top: 5px;
    background: #f00;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 19px;
    padding: 1px 7px 2px;
    border-radius:25px;
}




/*====New====*/
.pagination > li > a, .pagination > li > span{color:#000;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{color:#fff; background: #1d5ba4;
border-color: #1d5ba4;}



/*new Adding */
.autocomplete_main{position: absolute; z-index: 3; background: 'red';}
.control.autocomplete_main{position: inherit; z-index: 3; background: 'red';}
.autocomplete_sub{ color: #9C9C9C; position: absolute; background: red; z-index: 1;}

.autocomplete-suggestion{height: 30px;background: white;border: 1px solid #e2e2e2;padding: 5px;width: calc(100% + 2px); border-top: none;}


.form-block { border-radius: 5px;   border: 1px solid #d5d5d5;    margin-bottom: 18px;}

.form-block h2 { font-size: 16px; background: #f3f3f3; padding: 10px 15px;
    margin: 0px 0px 15px 0px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #d5d5d5;
}

.text-editor h2 {  margin-bottom: 0;}
.form-block h2 i { padding-right: 5px;}

.inputfile { height: 0.1px;   opacity: 0;  overflow: hidden; position: absolute;  width: 0.1px;  z-index: -1;}

.inputfile-1 + label {   color: #5e5e5e;    width: 100%; padding: 0;}

.inputfile-1 + label span {
    width: 40%;
    background: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    height: 38px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.inputfile-1 + label span, .inputfile-1 + label strong {
    padding: 9px 10px;
}

.inputfile-1 + label strong {
    height: 100%;
    color: #fff;
    background-color: #1d5ba4;
    display: inline-block;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    cursor: pointer;
}
.inputfile-1 + label small{margin-left:10px;}
.form_cont .form-control{width:562px;}
.form_cont  .form-group .btn-block{  display: inline-block;    float: right;}
.form_member .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.form_member{width: 50%;margin: 0 auto;display: table;}
.form_member .form-search-btn{width: auto;float: left; margin-top: 0;}
.autocomplete-suggestions:hover > .autocomplete-selected{color:#1e5aa4; background:#f4f4f4;}
.form_member .open > .dropdown-toggle.btn-default:focus{border-color:#be081b;}
.form_cont .col-sm-4{margin-left:10px;}
.form_cont{width:45%;   margin: 0 auto;}

#admin_loader{z-index: 99;}

#check{display: inline-block;width: auto;top: 3px;position: relative;}
.dashboard-table .table > thead > tr > th:first-child, .dashboard-table .table > tbody > tr > td:first-child{max-width:20px;}

.col-sm-4.auto-complete .autocomplete_main{position:static;}
.col-sm-4.member-select .btn-default{border-color:#ebeef1; border-radius:0; line-height:24px;}

.form-search-btn{margin-top:32px;}
.member-select .dropdown-menu>li > a:focus{background:#f4f4f4; color:#c4071c;}
.member-select .dropdown-menu>li > a:hover{background:#f4f4f4; color:#c4071c;}
.member-select .btn-group.open .dropdown-toggle{box-shadow:none; background:#fff;}
.member-select .btn-default:hover, .member-select .open > .dropdown-toggle.btn-default{background:#fff;}



.dashboard-table .table .btn.is_deactive
{
    padding: 4px 10px;
    opacity: 1;
    border-radius: 2px;
    border-color: #1e5aa4;
    background: #1e5aa4;
    color:white;
}
.dashboard-table .table .btn.is_active
{
    padding: 4px 10px;
    opacity: 1;
    border-radius: 2px;
    border-color: #1d5ba4;
    background: #1d5ba4;

    color:white;
}

/* login loader */
.login_loader{display:inline-block; border:4px solid transparent; border-radius:50%; border-top:4px solid #fff;  border-right:4px solid #fff; border-bottom:4px solid #fff; width:22px; height:22px; -webkit-animation: spin 2s linear infinite; animation: spin 1s linear infinite; vertical-align:middle;}
.feminin_loader{display:inline-block; border:10px solid transparent; border-radius:50%; border-top:10px solid #1d5ba4;  border-right:10px solid #1d5ba4; border-bottom:10px solid #1d5ba4; width:100px; height:100px; -webkit-animation: spin 2s linear infinite; animation: spin 1s linear infinite; vertical-align:middle; z-index:999;}


.admin_nav{width:100%; float:left;}



@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* leftbar dropdown activated*/
.nav .dropdown.open .dropdown-menu li.selected a{background:#1d5ba4;}
.feminin_loader.loader{margin: 0 auto; position: absolute; top:calc(100% - 50%); left: 0; right: 0; bottom: 0;}


span.last-update-title {float: right;}
span.last-update-title p {float: left; margin-left: 30px; }

/* buttons Css */
.btn.green-btn{background:#008000 !important;}
.btn.green-btn:hover{background:#0ba70b !important;}
.btn.gray-btn{background:#808080 !important;}
.btn.gray-btn:hover{background:#9c9a9a !important;}
.btn.light-blue-btn{background:#3c8be8 !important;}
.btn.light-blue-btn:hover{background:#5da5f9 !important;}


.form-horizontal .form-warp .form-group{margin-left:0; margin-right:0;}
.table-row.fckeditor .form-warp{float:left; width:100%; padding:0;}
.table-row.fckeditor .control-label{float:left; width:100%; font-weight:100; text-align:left;}
.table-row.fckeditor .form-warp .form-group{margin:0;}
.table-row.fckeditor .form-group .drop_input{width:100%;}
.table-row.fckeditor .form-group .drop_input iframe{float:left;}
.bootstrap-select.btn-group .dropdown-menu li.disabled{display:none;}
.table-row.fckeditor{margin-top:0;}

.form-group.btn-row{text-align:center; margin-top:20px;}
.form-group.btn-row .btn{display:inline-block; margin:0 5px;}
.form-group.btn-row .red{color:#fff;}
.check_input{position:relative;}
.preview_img {width:100%; float:left;}
.preview_img span{ position:relative; width:20%;  float: left; float: left;  padding: 0 10px 40px;}
.preview_img span input{opacity:0;  position: absolute;}
.preview_img img{padding:2px; border: 1px solid rgba(119, 119, 119, 0.29); width:100%;}
 .preview_img span label {content:''; position: relative;margin-right:10px;display: inline-block;vertical-align: text-top;background:white;width: 100%;float: left;}
 .pet_top_image:checked + label { background:#054591;     cursor: pointer;}
  .pet_top_image:checked + label img{opacity: 0.7;   background: #1d5ba4;}
.preview_img ul{ display:table; margin:0 auto; position:absolute; width:80px; bottom:8px; margin-top:4px; left:0; right:0;}
.preview_img ul li{ border: 2px #1d5ba4 solid; width: 100%;  padding: 2px;  border-radius: 3px;    text-align: center;
    color: #1d5ba4;   background: #ffffff;     cursor: pointer;}
	.preview_img ul i{position: absolute;  top: -3px;  right: -6px;  background: #fdfdfd;  border: 1px #1d5ba4 solid;
    width: 16px;  height: 16px;  color: #1d5ba4;  border-radius: 50%;  text-align: center;  line-height: 15px;
    font-size: 11px;     cursor: pointer;}
.preview_img input{opacity:0; position:absolute;}
.preview_img input.input-img{opacity:1;position:inherit;}

.pet-memorial-tribute-prev-img{gap:10px 5px;}
.pet-memorial-tribute-prev-img.preview_img img{height:100%; object-fit:cover;}
.pet-memorial-tribute-prev-img .image-banner{width:10%; min-width:124px; padding:0 10px 20px;}
.pet-memorial-tribute-prev-img .pet_top_image:checked + label{background:transparent;}
.pet-memorial-tribute-prev-img.preview_img .image-banner label{margin:0px; height:104px;}
.form-warp .form-group .drop_input .pet-memorial-tribute-prev-img img{padding:6px;}

.remove_img{display: inline-block;position: absolute;float: right;margin: -5px 0 5px -18px;font-size: 18px;color: #1e5aa4; cursor: pointer;transform: scale(1.5);height:16px;  width:16px;text-align: center;border-radius: 50px; background: #ddd; border: solid 2px #999; opacity: 1;top:3px;right:5px;z-index: 999}
.remove_img:after{position: absolute;  height:8px; width: 1px;  transform: rotate(45deg); display: block; content: "" ; left: 6px; top:2px; background: #000;}
.remove_img:before{position: absolute; height:8px; width: 1px;  transform: rotate(-45deg);  display: block; content: "" ; left:6px; top:2px; background: #000;}
.remove_img:hover{background: #fff; }
.pagination > li> .active,.pagination > li > .active:hover{color: #fff;background: #1d5ba4;border-color: #1d5ba4;}

.note-toolbar{z-index:0!important;}
.form-warp.pet-manager .drop_input .checkbox{width:20%; margin:5px 0;}
.form-warp.pet-manager .checkbox label, .form-warp.pet-manager .radio label{font-size:13px;}
.modal-dialog { width: 600px;  margin: 30px auto;  position: fixed;  left: 0;  right: 0;  top: calc(100% - 65%);  margin: 0 auto;}
.form-warp.global-settings .form-group .form-control{width:49%;}
.form-warp .form-group .drop_input img{border: 3px solid #f8f8f8;  padding: 10px;  border-radius: 6px;}
.form-warp .form-group .drop_input img.favicon-image{height: 50px;  border: 3px solid #eaeaea;  padding: 10px;  border-radius: 6px;}
.global-settings .submit-button{width:55%; }

.note-editor .note-editing-area{ position: initial !important; }
.text_note{font-family: 'open_sanssemibold';}

.dashboard-table .table .btn.unactive{background: #f70b06; color:#fff;}
.dashboard-table .table .btn.active{background:#64bd4b; color:#fff;}
.dashboard-table .table .btn.active:focus, .dashboard-table .table .btn.unactive:focus{outline:none; box-shadow:none;}
.dashboard-table .table td.center, .dashboard-table .table th.center{text-align:center;}
.pet-care-map{width: 60%; height: 400px;  border: 2px solid rgb(29, 91, 164);  border-radius: 10px;  position: relative;
    overflow: hidden;}
select.form-control{height:38px !important;   -webkit-appearance:none; appearance:none; -ms-appearance:none; -o-appearance:none; -moz-appearance:none;
background:url(../images/arrow.png) no-repeat 98% center;  outline:none;   -webkit-border-radius:2px; padding-right:30px;}

/*color_auto_complete css*/
.color_auto_complete{width:100%; float:left;  position:relative;}
.color_auto_complete input.form-control{margin-top:10px;background:#fff url(../images/arrow.png) no-repeat 98% center;  cursor:pointer;  z-index:3;   position:relative;}
.color_auto_complete #color_list{width: 100%;float: left;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-border-radius:4px;position: absolute;top:42px;left: 0;background: #fff;z-index: 1;max-height: 215px;overflow: auto;}
.color_auto_complete #color_list li {width: 100%;  float: left;  padding: 5px 10px 5px 10px; cursor:pointer;}
/*color_auto_complete css*/

/*scrollbar css*/
.scrollbar{ float:left; max-height:314px; width: 100%;  overflow:hidden;  position:relative;}
.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.scrollbar::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.scrollbar::-webkit-scrollbar-thumb{background-color: #000000;}

/*scrollbar css*/

 .form-warp .opens_closed .drop_input{width:100%;  }
 .opens_closed .drop_input .input-group-addon{border: 1px solid #1d5ba4;  background: #1d5ba4;}
 table.opens_closed td:first-child{padding-right:20px;}
 table.opens_closed th strong{font-weight:500; color:#000; font-size:14px}
  table.opens_closed th{text-align:center;  }
  table.opens_closed th, table.opens_closed td{padding:5px 10px;}
    table.opens_closed th:first-child{text-align:left; }
 .form-warp .opens_closed .drop_input a i{font-size:22px;}
 .form-warp .opens_closed .drop_input .checkbox{padding-left:0; margin-top:7px; margin-bottom:0;}
 .form-warp .opens_closed .drop_input .checkbox .helper{top:2px;}
 .form-warp .opens_closed .drop_input .checkbox label{padding-left:25px;}
 .form-warp .opens_closed .drop_input .input-group-addon i{color: #ffffff;  font-size: 18px;}

 /* Star Rating */
.rating-block{width: 100%;float: left;margin:7px 0px 0px;min-width: 88px;}
.rating-block .rating-list{float:left;margin: 0px;}
.rating-block .rating-list li{float: left;width: auto;margin: 0px;cursor: pointer;}
.rating-star {font-size: 16px;color: rgb(249, 205, 27);cursor: pointer;padding: 0px 2px 0px 0px;}

 /*Percentage Star Rating */
.rate-block{width: 100%;float: left;margin:7px 0px 0px;min-width:90px;}
.per_rating {position: relative;display: inline-block;font-family: 'FontAwesome';font-size: 14px;margin:0px;display: table;width: auto;float: none;letter-spacing: 6px;line-height: 18px; }
.per_rating:before {content: '\f006 \f006 \f006 \f006 \f006';color: #f9cd1b;max-width: 93px;display: block;}
.per_rating .rating-inner {position: absolute;top: 0;left: 0;white-space: nowrap;overflow: hidden;width: 0;font-family: 'FontAwesome'; }
.per_rating .rating-inner:before {content: '\f005 \f005 \f005 \f005 \f005';color: #f9cd1b;font-family: 'FontAwesome'; }
.form-control.highlights_texts{width: 180%;}
.dashboard-table .table > thead > tr > th:first-child, .dashboard-table .table > tbody > tr > td:first-child{max-width:45px;}
.dashboard-table .table > thead > tr > th:first-child .checkbox, .dashboard-table .table > tbody > tr > td:first-child .checkbox{padding:0px;width:100%;text-align:center;}
.dashboard-table .table > thead > tr > th:first-child .checkbox label, .dashboard-table .table > tbody > tr > td:first-child .checkbox label{display:inline-block;}
.panel-heading.note-toolbar .note-fontsize .dropdown-menu{max-height:188px;overflow:auto;}
.note-editable{font-family:'Helvetica';}
.note-editable ol{list-style-type: decimal;padding-left:20px;}
.note-editable ul{list-style-type: disc;padding-left:20px;}
.note-editable ol li,
.note-editable ul li{list-style:inherit;margin:5px 0;}

.download-form-group{margin:10px 0px 0px;}
.download-btn{font-family:'open_sanssemibold';border-radius:2px;}
.download-btn .fa{margin-right:4px;}

.dashboard-table.permission-table .table > tbody > tr > td .checkbox{margin:0px;}
.dashboard-table.permission-table .table > tbody > tr > td{line-height:26px;color:#181e3e;}
.dashboard-table.permission-table .table > tbody > tr > td span{margin-left:20px;}
.dashboard-table.permission-table .table > tbody > tr > td span + table{margin-bottom:6px;}
.dashboard-table.permission-table .table > tbody > tr > td span + table tbody tr:nth-of-type(2n){background:none;}
.dashboard-table.permission-table .table > tbody > tr > td .checkbox label span{margin:0px 0px 0px 10px;}
.dashboard-table.permission-table .table > tbody > tr > td .checkbox label{line-height:normal;}

.dashboard-table.permission-table .table > tbody > tr > td:last-child,
.dashboard-table.permission-table .table > thead > tr > th:last-child{text-align:left;}
.dashboard-table.permission-table .table label{margin:0px;}
.dashboard-table.permission-table .table .mt-checkbox label{cursor:pointer;}
.permission-table input[type=checkbox]:not(old), .permission-table input[type=radio ]:not(old) {width:10px!important;}
.permission-table input[type=checkbox]:not(old), .permission-table input[type=radio ]:not(old) {width: 2em;margin: 0;padding: 0;font-size: 1em;opacity: 0;}
.permission-table input[type=checkbox]:not(old):checked + label > span.check:before {content: '';background: #3e8acd;box-shadow: none;display: block;width: 14px;height: 14px;position: relative;top: 2px;left: 2px;text-shadow: none;}
.permission-table input[type=checkbox]:not(old) + label > span {display: inline-block;width: 20px;height: 20px;margin: 0.25em 0.5em 0.25em 0.25em;border:1px solid rgba(0,0,0,0.20);background:#f0f2f3;vertical-align: bottom;}
.permission-table input[type=checkbox]:not(old):checked + label > span:before{content: '✓';display: block;width: 18px;color: #3e8acd;font-size: 14px;line-height: 18px;text-align: center;text-shadow: 0 0 0.0714em #3e8acd;font-weight: bold;margin: 0px;}
.permission-table .checkbox .check .helper::before{display:none;}
.permission-table .checkbox .check .helper::after{display:none;/* height: 10px;width: 10px;transform: none!important;top:2px;left: 2px;background: #2f7bb3;opacity: 1;border-radius: 0px;transform-origin: initial!important; */}
.permission-table .checkbox .check .helper {border: 1px solid #2f7bb3;box-shadow: 0px 0px 0px 2px #fff inset;background: #2f7bb3;}

.access-denied-wrapper{background: #1d5ba4;height: 100%;position: fixed;width: 100%;text-align: center;}
.heading-jumbo{color:#ffffff;font-size:5vmin!important;text-align: center;padding:15px 5px;}
.access-denied-middle { position: absolute;top: 50%;left: 0;transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);text-align: center;width: 100%;}
.ad-content{color:#ffffff;padding:15px 5px;}
.border-white {border-color: #fff!important;margin: auto;width:50%;max-width:300px;min-width:200px;}
.block-btn{width: 100%;float:left;text-align: center;}
.white-btn{background:#ffffff;color:#1d5ba4;font-weight: 600;}
.access-denied-text{display: flex;align-items: center;justify-content: center;min-height: 150px;}
.access-denied-text h4{float:left;width:100%;font-size:22px;color:#f00;font-family:'open_sanssemibold';text-align:center;text-transform: initial;}

.password-confirmation-modal .modal-dialog{max-width:510px;width:510px;margin:0px auto;}
.password-confirmation-modal .modal-body{overflow:hidden;}
.password-confirmation-modal .panel-body{padding:0px;}
.password-confirmation-modal .modal-header{background:#1d5ba4;color: #ffffff;font-family:'open_sansregular';position:relative;padding:12px 15px;}
.password-confirmation-modal .modal-header .close {font-weight: 100;position: absolute;right: 16px;top: 0;color: #ffffff;font-size: 28px;display: flex;height: 100%;align-items: center;opacity:1;}
.password-confirmation-modal .modal-header h3{margin:0px;}
.password-confirmation-modal .label-txt{font-size:15px;margin:0px 0px 4px;}
.password-confirmation-modal .panel-custom {padding:15px 0px;}
.password-confirmation-modal .form-control {border-radius:0px;min-height: 42px;}
.password-confirmation-modal .submit-button{padding:0px;}
.password-confirmation-modal .modal-content{overflow: hidden;}
.password-confirmation-modal .panel-custom .submit-button .btn{margin:4px 2px 0px;border:none!important;outline: none!important;max-width:48%;}
.conf-heading{color:#1d5ba4;font-family:'open_sanssemibold';text-align:center;margin: 0px 0px 18px;}
.panel-warp{float:left;width:100%;}
.panel-warp .panel-body{padding:0px;}
.panel-custom  .alert{margin-left:0px;margin-right:0px;}

.form-group.note-form{margin:0px!important;}
.label-note {float: left;width: 100%;font-size: 13px;font-style: italic;margin: 0;text-align: left;padding: 3px 3px;color: #000;border-radius: 3px;}
.label-note span {font-weight: bold;font-style: initial;}


.heading-dayslist{background:#f8f8f8;}
.heading-dayslist label{margin:0px;padding:4px;text-align:center;}
.opens-at-block{float:left;width:100%;}
.highlight-days-listings{float:left;width:100%;border:1px solid #d1d1d1;}
.time-days-listing{float:left;width:100%;border:1px solid #d1d1d1;max-width: 600px;}
.time-days-listing .time-dayslist:last-child{border-bottom:none;}
.time-dayslist{float:left;width:100%;display:flex;align-items:center;border-top:solid 1px #ebeef1;}
.time-dayslist .col {width:100%;padding:4px 10px;display:inline-flex;justify-content:end;flex-wrap:wrap;}
/* .time-dayslist .col {width:33.33%;max-width:200px;padding:4px 10px;display:inline-flex;justify-content:space-between;flex-wrap:wrap;} */
.col-time{border-right:1px solid #ebeef1;border-left:1px solid #ebeef1;}
.action-button .btn {color: #fff;border-radius: 2px;font-size: 12px;padding: 2px 7px;}
.full_input{float:left;width:100%;}
.half-input{float:left;width:calc(50% - 5px);}
.time-schedule p span{font-size:13px;min-width:80px;display:inline-block;color:#606060;}
.time-schedule p{font-size:13px;margin:0;padding:0;line-height:18px;}

.time-schedule ul{float:left;width:100%;}
.time-schedule li span{font-size:13px;min-width:80px;display:inline-block;color:#606060;}
.time-schedule li{font-size:13px;margin:0;padding:0;line-height:18px;}

.time-days-list-block .time-days-listing{max-width:800px;}
.time-days-list-block .col.col-time{border-right:none;}
.time-days-list-block .time-dayslist{align-items:stretch;}
.col.col-input-btn{display:flex; flex-wrap:nowrap; gap:4px; align-items:center; min-width:224px;}
.col-auto{width:auto;}
.time-dayslist .col.col-checkbox{width:auto; min-width:94px;}
.col-checkbox .full_input{display:flex; align-items:center; justify-content:center;}
.form-warp .drop_input .checkbox.custom-checkbox{margin:0; padding:0; display:flex; align-items:flex-end;}
.time-dayslist.added-time-dayslist{border-top:none; background:#f8f8f8;}
.time-dayslist .dropdown-toggle{min-height:34px;}
.time-dayslist .btn{padding:2px 8px;}
.time-dayslist .btn-danger{padding:1px 8px 3px;}
.time-dayslist .full_input{display:flex; align-items:center;}

.drop_input.checkbox-list .checkbox{margin-top:6px;margin-bottom:6px;}
.drop_input.checkbox-list .checkbox + .checkbox{margin-top:6px;margin-bottom:6px;}

.banner_manager_table tr td{vertical-align:middle;}

#banner_manager_table tr td{vertical-align:middle;}
#banner_manager_table tr td:nth-child(4) figure img{max-width:100px;width:100%;}
.dashboard-table.permission-table > .table > tbody > tr > td .checkbox{padding-left:0px;}
.dashboard-table.permission-table > .table > tbody > tr > td:nth-child(1){padding-top:10px;}

@media(max-width:480px){
.half-input{width:100%;}
.col-time .half-input:last-child{margin-top:5px;}
}
/* Spell-check */
 .form-warp .form-horizontal .form-group{position:relative;float: left;width: 100%;}
.form-warp .form-horizontal .form-group[data-placeholder]:before{position: absolute;left: calc(15% + 14px);top:6px;color: #999999;z-index: 1;content: attr(data-placeholder);font-size: 14px;cursor:text;}
.form-warp .form-horizontal .focused.form-group:before {content: '';}
.form-warp .form-horizontal .placeholder-show.form-group:before{content: attr(data-placeholder)!important;}


.mid-content .form-horizontal .form-group{position:relative;float: left;width: 100%;}
.mid-content .form-horizontal .form-group[data-placeholder]:before{position: absolute;left: calc(15% + 14px);top:6px;color: #999999;z-index: 1;content: attr(data-placeholder);font-size: 14px;cursor:text;}
.mid-content .form-horizontal .focused.form-group:before {content: '';}
.mid-content .form-horizontal .placeholder-show.form-group:before{content: attr(data-placeholder)!important;}

.form-group-row{display:flex; --item-gap-v:10px; --item-gap-h:14px; --item:4; --item-size:calc(var(--item) - 1); gap:var(--item-gap-v) var(--item-gap-h); margin:0px 0px 6px 0px;}
.form-group-row-input.form-group-row{margin:0px 0px 15px 0px;}
.form-warp .form-group-row .form-group .drop_input{width:100%;}
.form-warp .form-group-row .form-group:last-child{width:34px; min-width:34px; display:inline-flex; align-items:flex-end;}
.form-warp .form-group-row .btn.submit-btn{color:#fff; border-radius:100%; width:34px; height:34px; padding:2px; font-size:18px;}
.form-group-row-input .control-label{display:none;}
.form-group-row .form-group{display:flex; margin:0px; flex:1;}
.form-group-row .form-group.form-group-btn{flex:inherit;}
.form-group-row .form-group .control-label{line-height:normal; white-space:nowrap; padding:0px;}
.form-group-row .form-group .form-control{padding:4px 8px; color:#333; height:34px;}
.form-group-action-button{text-align:center; margin:0px 0px 20px;}
.form-group-action-button .btn{min-height:36px; display:inline-flex; align-items:center; gap:0px 5px; padding:2px 22px;}
.frm-sec-label{font-size:16px; font-family: 'open_sanssemibold'; display:block; padding:0px; margin:0px 0px 10px 0px; color:#000;}
.submit-button.match-edit.calc-button{padding-bottom:0px;}
.cal-form{float:left; width:100%;}
.tabs-bar{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:30px;}
.tabs-bar .nav-pills li a{border-radius:2px; padding:8px 13px; color:#fff; float:left; line-height:23px; font-size:14px; background:#3c8be8;}
.tabs-bar .nav-pills li.active a, .tabs-bar .nav-pills li a:hover{background:rgba(5, 69, 145, 1);}


.form-group-row .form-group.form-group-sm{--col-size:70px; width:var(--col-size); min-width:var(--col-size);}
.form-group-row .form-group.form-group-md{--col-size:114px; width:var(--col-size); min-width:var(--col-size);}
.form-group-row .form-group.form-group-lg{--col-size:180px; width:var(--col-size); min-width:var(--col-size);}
.form-group-row .form-group.form-group-xl{width:100%; flex:inherit; flex-grow:1;}
.form-group-row .form-group.weight-form-group{--col-size:82px;}
.form-group-row .form-group.weight-form-group .control-label{white-space:normal; text-align:left;}
@media(max-width:1024px){
.form-group-row-head{display:none;}
.form-group-row{flex-wrap:wrap;}
.form-group-row-input .control-label{display:block;}
.form-group-row .form-group.weight-form-group{--col-size:114px;}
.form-group-row-input .form-group{--item:3; max-width:calc((100% / var(--item)) - ((var(--item-gap-h) * var(--item-size)) / var(--item))); max-width:inherit;}
}

.inputfile-1 + label span{box-shadow:none;}
.form-warp{border-color:#d1d1d1!important;}
.form-warp .drop_input .btn-default,
.form-warp .form-group .form-control{border:1px solid #d1d1d1!important;}
.livespell_textarea{position:relative;z-index:1;border:1px solid #d1d1d1!important;outline:none!important;padding-left:12px!important;width:100%!important;background:rgba(255, 255, 255, 0)!important}
.livespell_textarea:active,
.livespell_textarea:focus{outline:none!important;border-color:#054591!important;}

.form-warp .drop_input .btn-default:active,
.form-warp .drop_input .btn-default:focus,
.form-warp .form-group .form-control:active,
.form-warp .form-group .form-control:focus{border:1px solid #054591!important;outline:none!important;}

.form-warp .form-group input.form-control[type='number']{min-width:120px;}
@media(max-width:767px){
	.form-warp .form-horizontal .form-group[data-placeholder]:after{left: 13px;top:47px;}
}
/* Spell-check */
.preview-modal{padding:0px 8px;}
.preview-modal .modal-dialog{max-width:1920px;width:100%;margin:0px auto;top:0px;}
.preview-modal .modal-dialog .col-md-12{padding:0px;}
.preview-modal .modal-body {overflow: hidden;padding:0px;}
.preview-modal .panel-body{padding:10px 0px 10px;}
.preview-modal .panel-body .panel-body{padding:10px 0px 0px;}
.preview-modal .modal-header{background:#1d5ba4;color: #ffffff;font-family:'open_sansregular';position:relative;padding:12px 15px;}
.preview-modal .modal-header .close {font-weight: 100;position: absolute;right: 16px;top: 0;color: #ffffff;font-size: 28px;display: flex;height: 100%;align-items: center;opacity:1;}
.preview-modal .modal-header h3{margin:0px;}
.preview-modal .label-txt{font-size:15px;margin:0px 0px 4px;}
.preview-modal .panel-custom {padding:0px;}
.preview-modal .form-control {border-radius:0px;min-height: 42px;}
.preview-modal .submit-button{padding:0px;}
.preview-modal .modal-content{overflow: hidden;}
.preview-modal .panel-custom .submit-button .btn{margin:0px 2px;border:none!important;outline: none!important;max-width:48%;min-width: 140px;}
.article-iframe{height:calc(100vh - 109px);width:100%;float:left;border:solid 1px #ebeef1;}


.dashboard-table .table>tbody>tr>td.short-description {
    white-space: normal;
    line-height: 24px;
    width: 60%;
    min-width: 300px;
}
.dashboard-table .table .btn.btn-warning {color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.dashboard-table .table .btn{border-radius:3px;}
.play-pause-btn{background:#fa8072; border:none; border-radius:100%; width:36px; height:36px; color:#fff; cursor:pointer;}
.play-pause-btn:hover{background:#fb9f94;color:#fff;}

.preview-modal .article-tabs{margin-top:3px;padding: 0px 12px;position: absolute;top: 0px;left:0px;}
.preview-modal .article-tabs.nav-tabs>li>a.active{background:#ffffff;color:#000000;border-radius:3px!important;box-shadow:none;}
/* .preview-modal .article-tabs.nav-tabs.nav .dropdown-menu{left:auto;right:0px;} */
.preview-modal .article-tabs.nav>li>.dropdown .dropdown-toggle { background-color: #ffffff!important;min-width: 240px;text-align: left;color: #000000!important;box-shadow: none;padding-right:32px;border-radius: 3px;}
.preview-modal .article-tabs.nav>li>.dropdown .dropdown-toggle.btn .caret{position:absolute;right:10px;top:calc(50% - 3px);}
.preview-modal  .nav-tabs>li{margin-bottom:0px;}
.articles-block .form-warp{margin-top:0px;}
.article-tabs{border:none;}
.article-tabs.nav-tabs>li{margin-right:5px;}
.article-tabs.nav-tabs>li>a.active{background:#1d5ba4;color:#ffffff;}
.article-tabs.nav-tabs>li>a:hover {border-color: #eee #eee #ddd;}
.article-tabs.nav>li>a, .article-tabs.nav>li>a{text-decoration: none;background-color:rgba(238, 238, 238, 0.6);color:#000000;}
.article-tabs.nav>li>.dropdown .dropdown-toggle{text-decoration: none;background-color:rgba(238, 238, 238, 0.6);color:#000000;min-height: 42px;min-width: 84px;border-radius: 3px 3px 0px 0px;outline:none;}
.status-inner-td {white-space: normal;}
.status-inner-td .btn{width: 100%;margin-bottom:3px;cursor: auto;}
.article-tabs.nav-tabs.nav .dropdown,
.article-tabs.nav-tabs.nav .dropdown.open{background:none;outline: none;}
.article-tabs.nav>li>.dropdown .dropdown-toggle.active{background:#1d5ba4;color:#ffffff;}
.article-tabs.nav-tabs.nav .dropdown-menu{position: absolute;top: 100%;left: 0;z-index: 1000;float: left;min-width: 230px;padding: 5px 6px;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%); }
.article-tabs.nav-tabs.nav .dropdown-menu a:last-child{border-bottom:none;}
.article-tabs.nav-tabs.nav .dropdown-menu a{float:left;width:100%;padding:8px 10px;color:#444444;border-bottom:1px solid #eeeeee;}
.article-tabs.nav-tabs.nav .dropdown-menu a:hover,
.article-tabs.nav-tabs.nav .dropdown-menu a.active{background:#1d5ba4;color:#ffffff;}
.drop_input .mapboxgl-ctrl-geocoder{width:100%;max-width:100%;box-shadow: none;margin-bottom:10px;}
.drop_input .mapboxgl-ctrl-geocoder input{width:100%;max-width:100%;border:1px solid #ebeef1!important;box-shadow:none!important;}
.replied-msg-block{float:left; width:100%; margin:0px 0px 0px;}
.replied-msg{float:left; width:100%;}
.replied-msg li{float:left; width:100%; margin-bottom:10px;}
.replied-msg li:last-child{margin-bottom:0px;}
.replied-msg-date-col{text-align:center; margin:10px 0px 0px;}
.replied-msg-date{/*background:#ecf0f1; border-radius:25px; width:200px; height:30px;*/ display:inline-flex; align-items:center; justify-content:center; color:#a7a7a7;}
.replied-msg-card{float:left; width:100%; display:flex; flex-wrap:wrap;}
.replied-msg-card + .replied-msg-card{margin-top:10px;}
.replied-msg-card-outer{display:block; max-width:75%; background:#1d5ba4; padding:13px 20px 20px; border-radius:0px 7px 7px 7px; position:relative;}
.replied-msg-text{font-size:12px; color:#fff; margin:0px;}
.replied-msg-time{position:relative; font-size:12px; color:#fff; margin-bottom:-15px; margin-right:-10px; display:block; text-align:right;}
.admin-msg .replied-msg-card{justify-content:flex-end;}
.admin-msg .replied-msg-card-outer{background:#ecf0f1; border-radius:7px 0px 7px 7px;}
.admin-msg .replied-msg-text, .admin-msg .replied-msg-time{color:#333; text-align:right;}


.user-info-list p{font-size:16px; color:#000;}
.user-info-list li:last-child p{margin-bottom:0px;}
.contact-reply-group{margin:20px 0px 10px !important; float:left; width:100%;}

.dashboard-table .table > tbody > tr > td.truncate-msg, .dashboard-table .table > tbody > tr > td.truncate-reply{white-space:normal; line-height:1.4em; width:160px; min-width:160px;}
.new-messages,
.new-messages td{font-weight:bold!important;}
.contact-reply-group .livespell_textarea,
.contact-reply-group .livespell_textarea:active,
.contact-reply-group .livespell_textarea:focus{outline: none!important;border-color: #054591!important;}
select{font-family: 'Open Sans', sans-serif;}
select option{font-family: 'Open Sans', sans-serif;}
.input-note{float: left;width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:3px;}
.limit-note{float:left;font-size:12px;}
.limit-count{float:right;font-size:12px;display:inline-flex;align-items:center;}
.count-all{background:#084996;float:left;border-radius:16px;color:#ffffff;padding:3px 6px;font-size:12px;margin-left:3px;}
.count-all span{padding:0px 3px;display:inline-block;min-width:18px;}
.count-text{float:left;}

.submit-button.match-edit{float:left;width:100%;}
.custom-select{float:left;width:100%;}
.custom-select ~ .select2-container--default .select2-selection--multiple{border-radius:2px;border:1px solid #d1d1d1;padding:2px 8px;display:block;}
.custom-select ~ .select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #054591;}
.custom-select ~ .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.custom-select ~ .select2-container--default .select2-results__option--selected{color:#a4a4a4;cursor:initial;pointer-events:none;background:#ecf0f1;}
.custom-select ~ .select2-container--default .select2-selection--multiple .select2-selection__choice{background: #1d5ba4;border-radius: 3px;color: #fff;cursor:initial;display:inline-block;margin:2px 6px 2px 0;padding:3px 16px 3px 7px;border:none;}
.custom-select ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{height:100%;right:0px;left:auto;
border:none;color:#ffffff;width:22px;}
.custom-select ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.custom-select ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:rgba(0, 0, 0, 0);outline:none;box-shadow:none;color:#ffffff;font-size:14px;}
.custom-select ~ .select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;}
.custom-select ~ .select2-container .select2-selection--multiple .select2-search--inline{height:30px;display:inline;}
.custom-select ~ .select2-container .select2-search--inline .select2-search__field{height:30px;margin:0px;line-height:30px;}


.form-row-date{clear:both;}
.form-row-date .control-label{width:calc(30% + 8px);max-width:none;text-align:left;white-space:normal!important;line-height:normal!important;padding:0px!important;display:inline-flex;flex-wrap:wrap;align-items:center;gap:0px 2px;}
.form-row-date .drop_input.drop-input-lg{width:70%!important;}
.form-row-date .note-block-flex{display:flex;gap:10px;}
.form-row-date .note-block-flex .col-lg-4{padding:0px;margin:0px!important;}
.form-row-date .col-md-6 + .col-md-6 .control-label{justify-content:flex-end;padding:0px 12px 0px 0px!important;}
@media(max-width:767px){
	.form-row-date .control-label{width:100%;}
	.form-row-date .drop_input.drop-input-lg{width:100%!important;}
	.form-row-date .form-group{flex-direction:column;}
	.form-row-date .col-md-6 + .col-md-6 .control-label{justify-content:flex-start;}
	.form-row-date .note-block-flex .col-lg-4{flex:1;}
}