@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
label.error, div.error{ padding-left:0px; color: #ff5252;font-weight:400;padding-top:0px !important;}
.btn-resp{margin: 0px 1px;}

@media only screen and (max-width: 550px){
	.btn-resp {margin: 0px 5px;}
}
@media only screen and (max-width: 767px){
.btn-resp{margin: 5px 5px;}
td.text-center {display: inline-flex;}
	}
@media only screen and (max-width: 992px){
td.text-center {display: inline-flex;}
}
@media only screen and (max-width: 1160px){
td.text-center {display: inline-flex;}
}

.dx-freespace-row
{
    display: none !important; 
}

/*21 Feb 2018 updated by wli*/

/*Skin CSS oevrride*/
body{background-color: #f5f5f5;  font-family: 'Roboto', sans-serif ; /*font-family: 'Fira Sans', sans-serif; */color: #212223; padding-top: 80px;}
.skin-blue .main-header .navbar, .skin-blue .main-header .logo, .skin-blue .main-header .logo:hover{background-color: #fff;}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a{
	/*background: rgba(0,0,0,0.2);*/ background: transparent;  color: #212223; font-size: 16px; font-weight: 500;
}
.skin-blue .main-header .navbar .nav>li>a {  color: #212223; font-size: 16px; font-weight: 500;}
.navbar-nav>.user-menu .user-image {     float: right;     margin-left: 10px; margin-right: inherit; }
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{ background-color: #30ae69 !important; border: 0; border-radius: 0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Fira Sans', sans-serif;
}
.form-control{font-family: 'Fira Sans', sans-serif; height:34px; color: #495057; border-color: #eaeaea; font-size: 13px !important}
.form-control:focus {border-color: #178448;box-shadow: none; outline: 0 none;}
label{margin-bottom: 1rem; font-size:15px; color: #212223; font-weight: 500; line-height: 1.5;padding-top: 0px !important}
.pl-0 { padding-left: 0 !important}

.page-title{
    color: #333;
    font-size: 21px;
    font-weight: normal;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.buttons-bx{margin-top: 5px;}
.m-t-20{margin-top: 20px;}
.main-header .logo .logo-lg {
    font-weight: 800;
}
/*Top Menu css*/
.navbar-nav>.user-menu>.dropdown-menu{width: auto;}

/*Side menu css*/

.sidebar {
    padding-bottom: 10px;
    /*max-height: 720px;*/
    height: calc(100vh - 80px) !important;
    overflow: scroll;
}
.main-sidebar{padding-top: 10px; position: fixed; top: 80px;}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{background-color: #f5f5f5;  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
.sidebar-menu li a > i{font-size: 16px; margin-right: 10px; min-width: 20px;}
.sidebar-menu > ul > li > a {padding: 10px 20px;}
.skin-blue .sidebar-menu>li:nth-child(5) { border-bottom: 1px solid #e4e8eb;}
.skin-blue .sidebar-menu>li:nth-child(9) { border-bottom: 1px solid #e4e8eb;}
.skin-blue .sidebar-menu>li>a{border-left: 5px solid transparent;}
.sidebar-menu li>a>.pull-right-container{right: 20px; color: #939393;}
.skin-blue .sidebar a, .skin-blue .sidebar-menu .treeview-menu>li>a{color: #333333; font-size: 16px;} 
ul.treeview-menu.active { color: #fff;}
.skin-blue .sidebar-menu .treeview-menu.active>li>a {color: #151516;}
.skin-blue .sidebar-menu .treeview-menu.active>li.active>a {color: #178448; font-weight: normal;}
li.treeview.menu-open .treeview-menu a {color: #151516;}
.skin-blue .sidebar a{padding: 12px 20px;}
.skin-blue .sidebar-menu .treeview-menu>li>a{padding: 10px 10px 10px 52px;}
.skin-blue .sidebar-menu>li:hover>a{color: #019442; background-color: rgba(1, 148, 66, 0.05); border-left: 5px solid #019442;}
.skin-blue .sidebar-menu .treeview-menu>li>a:hover{color: #178448;}
 .skin-blue .sidebar-menu>li>.treeview-menu{background: none;} 
.skin-blue .sidebar-menu>li>.treeview-menu { margin: 0;}
.skin-blue .sidebar-menu>li.menu-open>a{border-left: 5px solid #019442; color: #019442;
    background-color: rgba(1, 148, 66, 0.05);}
.skin-blue .sidebar-menu>li.active>a{
    color: #178448;
    background-color: #fff;
    font-weight: normal;
}
.sidebar-menu li>a>.fa-angle-right, .sidebar-menu li>a>.pull-right-container>.fa-angle-right {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 0;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}
.sidebar-menu .menu-open>a>.fa-angle-right, .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.btn-primary {
    border-color: transparent;
    background-color: #019442;
}
.submit-btn {
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    min-width: 200px;
    padding: 8px 20px;
    text-transform: uppercase;
    outline: 0;
}
.btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle {
    background-color: #14733e !important;
    border-color: #14733e !important;
    color: #fff;
    outline: 0;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {    background-color: #14733e !important;
    border-color: #14733e !important;}
.twocolumnform [class*="col-"]:nth-child(2n+1), .col-sm-6:nth-child(2n+1){clear: both;}
.btn-danger {background-color: #ff5252; border-color: #ff5252;}
.btn-info { background-color: #51546a; border-color: #51546a; }
.btn-default { background: none !important; border-radius: 0; border: 1px solid #eaeaea !important; }
.btn:active { box-shadow: none !important; }
.btn-group.open .dropdown-toggle {box-shadow: none !important}
/*Custom css*/
.main-header{position: fixed; left: 0; top: 0; right: 0; z-index: 1039; /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/}
.content-wrapper { background: #f5f5f5 !important; }
.content-wrapper .content-header{padding: 30px; padding-bottom: 0; }
/* .content-wrapper .content{padding: 0px;} */
.card{
    border-radius: 7px;
    border: solid 1px #ececec;
    background-color: #ffffff;
    padding: 40px 50px;
    margin: 0px 15px 0px 15px;
}
/* .card-body{
	padding: 1.25rem;
} */

.title  {
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    color: #212223;
    margin: 15px 0 30px 0;
}
.chart-title span {
    color: #178448;
}
ul.chat-user-total li {
    display: inline-block;
    color: #999;
}
ul.chat-user-total li i.current-users {
    color: #178448;
    padding-right: 5px;
}
ul.chat-user-total li i.old-users {
    color: #eaeaea;
    padding-right: 5px;
}

.info-box{padding: 30px; margin-bottom: 30px; border-radius: 4px; box-shadow: 0 1px 8px rgba(0,0,0,0.1) !important;}
.info-box .info-box-icon{border-radius: 50px; width: 65px; height: 65px; color: #fff; line-height: 65px; font-size: 28px;     -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.info-box .info-box-content{text-align: right; padding: 0;}
.info-box .info-box-number{
	font-size: 28px;
    font-weight: 600;
    margin-bottom: .5rem;
}
.info-box .info-box-text{
	text-transform: inherit;
	background: #178448;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
	font-size: 13px;
	display: inline;
}

.info-box:hover .info-box-icon { font-size: 36px;}


.info-widget-1 .info-box-icon, .info-widget-1 .info-box-text{background: #00a9ef; border: 1px solid #059ede;}
.info-widget-2 .info-box-icon, .info-widget-2 .info-box-text{ background: #ffcd43; border: 1px solid #e8b62b;}
.info-widget-3 .info-box-icon, .info-widget-3 .info-box-text{background: #51546a; border: 1px solid #42455c;}
.info-widget-4 .info-box-icon, .info-widget-4 .info-box-text{background: #178448; border: 1px solid #13733e;}

.info-box.info-widget-1:hover { background: #059ede; color: #fff; }
.info-box.info-widget-2:hover { background: #e8b62c; color: #fff;}
.info-box.info-widget-3:hover { background: #42455c; color: #fff;}
.info-box.info-widget-4:hover { background: #13733e; color: #fff;}

.info-box.info-widget-1 { background: #00a9ef; color: #fff; }
.info-box.info-widget-2 { background: #ffcd43; color: #fff;}
.info-box.info-widget-3 { background: #51546a; color: #fff;}
.info-box.info-widget-4 { background: #178448; color: #fff;}



/* .table-responsive {
    overflow-x: unset;
} */
.mt-4 { margin-top: 40px;}
.btn {
    height: 34px;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    
    }
    .btn .caret {
    margin-left: 10px;
}
    .tee-clone-added {margin-top: 10px;}

    


/* .datepicker-dropdown { bottom: 0;top:auto !important; max-height: 260px;} */

textarea.form-control { max-width: 100% !important;}

.sidebar::-webkit-scrollbar {
    width: 5px;
}

.sidebar::-webkit-scrollbar-thumb {
    background: #ccc
}​
.sidebar {
    max-height: 610px;
    overflow-y: scroll;
}
/*Date 19-03-2019*/




.sch-clone-added label { line-height: 44px; margin-bottom: 0; }
.sch-clone-added:nth-of-type(odd) {
    background: #f9f9f9;
    padding: 10px;
}
.sch-clone-added {
    float: left;
    width: 100%;
    padding: 10px;
}
#sch-more-section {
    padding: 20px 0;
    float: left;
    width: 100%;
}
.form-control.input-sm {margin-left: 10px; height: 30px;}
.table td .btn { line-height: 30px; height: 30px;}

input[type=checkbox], input[type=radio]{ cursor: pointer;}
.hole-clone-added input { margin-bottom: 3px;}
/* .table td {line-height: 30px !important;} */


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    word-break: break-word;
    padding: 8px 0px;
    vertical-align: top;
    /* text-align: center; */
}


/*.form-group label .btn-info { height: 20px; line-height: 20px;}*/

#hole-more-portion label, #hole-more-portion .form-control { font-size: 14px; }
#hole-more-portion { cursor: pointer; }
.checkbox, .radio {display: inline-block; width: 100%;}


.callout.callout-success.notifications {
  right: 0;
    border-color: #00733e;
    position: absolute;
    top: 0px;
    left: 0;
    text-align: center;
    width: 30%;
    z-index: 99;
    margin: 0 auto;
}
.callout{
    right: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 30%;
    margin: 0 auto;
     z-index: 99;
}

#successMessage {
    right: 0;
      border-color: #00733e;
      position: absolute;
      top: 0px;
      left: 0;
      text-align: center;
      width: 30%;
      z-index: 99;
      margin: 0 auto;
      background-color: #30ae69 !important; border: 0; border-radius: 0;
      color: white;
      font-family: 'Fira Sans', sans-serif;
      font-size:15px;
  }
#errorMessage {
    right: 0;
      border-color:#F44336 !important;
      position: absolute;
      top: 0px;
      left: 0;
      text-align: center;
      width: 30%;
      z-index: 99;
      margin: 0 auto;
      color: white;
      font-size: 15px;
      font-family: 'Fira Sans', sans-serif;
      background-color: #F44336 !important; border: 0; border-radius: 0;
  }
/*.callout.callout-success {
    right: 0;
    border-color: #00733e;
    position: absolute;
    top: 60px;
    left: 0;
    text-align: center;
    width: 30%;
    margin: 0 auto;
}*/



.dashboard-block {margin-top: 60px;}
.fullWidth  {  width: 100%; }
div#schedule-tabs {
    padding: 0;
    border: none !important;
    background: none !important;
}
div#schedule-parent {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
}

.schedule-block .chart-title {
    margin-bottom: 5px;
} 
#schedule-parent { margin-bottom: 15px;}

.ui-timepicker-wrapper { max-height: 250px; overflow: auto;}
/*
#sch-more-section .sch-clone-added tr:nth-child(even) {background: #CCC}
#sch-more-section .sch-clone-added tr:nth-child(odd) {background: #FFF}*/

.hole-clone-added .col-md-1 {
    padding: 0 5px;
}
.hole-clone-added .btn {min-width: 80px;}
.form-group.hole-clone-added {
    float: left;
    width: 100%;
}
#hole-more-portion {padding-left: 10px;}
/*Responsive CSS*/

.ui-widget-header {
    background: #f0f5f8 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: pointer !important;}
.ui-tabs .ui-tabs-panel { display: none !important}
.ui-tabs .ui-tabs-nav { margin-bottom: 20px !important;}
.ui-tabs .ui-tabs-nav li{background: #f3f3f3 !important}
.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li.ui-state-active {background: #fff !important}
.ms-options-wrap > .ms-options { z-index: 99 !important; left: 15px !important; width: 94.5% !important; }
.ms-options-wrap > button:focus, .ms-options-wrap > button { border: 1px solid #eaeaea !important; height: 34px !important; margin-top: 0 !important; }
.multiselect-container {
    max-height: 200px;
    overflow: auto;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #178448;
    border-color: #178448;
 }

.img-space { margin: 10px 0;}

.modal-header {background: #dff0d8; border-color: #dff0d8; color: #178448}
.modal-header .close { color: #178448; opacity: 9;}

.fixed-img { height: 50px; width: 50px; }
.fixed-img img { width: 100%;}

.has-feedback label~.form-control-feedback { top: 0 !important}
.excelTbl {
    width: 100%;
    height: 400px;
    overflow: auto;
    padding: 0 10px;
}
.dynamic-hole-label label:first-child { width: 116px !important;}
.dynamic-hole-label label { 
    /*width: 80px !important;
    padding: 0 !important; */
    text-align: left;
    word-break: break-all;
}

.msg-reg{
    color: green;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 13px;
}
.image-show{
    position: relative;
    /*width: 50px;*/
    float: left;
    /*height: 50px;*/
    margin: 10px 15px 10px 0px;
}
.image-show:nth-child(6) { clear: both; }
.image-show-add{
    position: relative;
    width: 50px;
    float: left;
    height: 50px;
    margin-right: 10px;
    margin-top: -11px;
    margin: 1%;
}


@media (max-width: 767px){

    .content-wrapper .content { padding: 15px; }
    .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{box-shadow: none;}
    .skin-blue .main-header .logo{background-color: transparent !important; position: absolute; left: 65px; right: 50px; width: auto; padding: 0; z-index: 10001; margin: 12px 0 0; }
    .skin-blue .main-header .navbar .dropdown-menu li a{color: #666;}
}
.pagination { margin-top: 0}

.pagination, .dataTables_filter { float: right;}
.dataTables_info { margin: 8px 0 !important; float: left}

.heading-title {
    margin-bottom: 10px;
}
input[type="checkbox"]{
    width: 17px; 
    height: 17px; 
    cursor: pointer;
    appearance: none;
    margin-top: 2px;
  }
  .error-msg{
      color:red;
      font-weight: bold;
  }
  .delete-image { font-size: 26px; font-weight: 900; color: #cc0000;}
  .delete-image:hover {  color: #cc0000;}

.scrollbar-x {
    overflow-x: auto;
    width: 100%;
    float: left;
    white-space: nowrap;
}
.scrollbar-x .col-md-1 {    
    width: 90px;
    display: inline-block !important;
    float: none;
}

div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
}
/*add new css*/
.main-header .navbar { min-height: 80px; }
.main-header .logo { height: 80px; line-height: 75px; text-align: left; padding: 0 14px 0 22px; }
.main-sidebar { width: 310px; z-index: 9999; }
.content-wrapper, .main-footer { margin-left: 310px; }
.main-footer { background: #f5f5f5 !important; text-align: center; }
.skin-blue .sidebar-menu>li:hover svg path  {fill: #178448 !important;}
svg path {fill:#333333 !important; vertical-align: middle; }
.navbar-nav>.user-menu .user-image {  width: 50px; height: 50px; }
.navbar-nav>li>a { line-height: 50px; }
.dashboard-nav a {  border-radius: 7px; margin-top: 5px !important;  background-color: #019442; margin: 0 10px; color: #fff !important; font-size: 16px;     padding-left: 12px !important; }
.dashboard-nav svg path {fill:#fff !important; vertical-align: middle;}
.main-sidebar svg:not(:root) { vertical-align: middle;  width: 25px;  height: 25px;  margin-right: 10px; }
.dashboard-nav.active>a {background-color: #019442 !important; color: #fff !important;  }
.dashboard-nav a:hover {background-color: #019442 !important; color: #fff !important;  }
.skin-blue .sidebar-menu>li.active>a { border-left: 5px solid #019442; background-color: rgba(1, 148, 66, 0.05);  }
.skin-blue .sidebar-menu>li.active>a svg path {fill:#019442 !important; vertical-align: middle;}
.skin-blue .sidebar-menu>li.menu-open>a  svg path {fill:#019442 !important; vertical-align: middle;}
.skin-blue .sidebar-menu>.dashboard-nav:hover>a svg path {fill:#fff !important; vertical-align: middle;}
.skin-blue .sidebar-menu>.dashboard-nav.active>a svg path {fill:#fff !important; vertical-align: middle;}
.addvertisement-user { background: url("backend/img/advertisment_users_icon.png") no-repeat; width: 24px; height: 24px; display: inline-block; vertical-align: middle;
    margin-right: 10px; }
.skin-blue .sidebar-menu>li>a:hover .addvertisement-user { background: url("backend/img/advertisment_users_icon_act.png") no-repeat; }
.active .addvertisement-user { background: url("backend/img/advertisment_users_icon_act.png") no-repeat; }

.addvertisement-icons { background: url("backend/img/attach-file-menu.png") no-repeat; width: 22px; height: 28px; display: inline-block; vertical-align: middle;
    margin-right: 10px; }
.skin-blue .sidebar-menu>li>a:hover .addvertisement-icons { background: url("backend/img/attach-file-menu-act.png") no-repeat; }
.active .addvertisement-icons { background: url("backend/img/attach-file-menu-act.png") no-repeat; }

.form-design .form-control.course-location { background-color: #f5f5f5; }
.dynamic-tee button.btn-danger { background: #f5f5f5 url('backend/img/delete.svg'); border: 0px; width: 40px; border-radius: 10px; height: 40px; min-width: auto; background-repeat: no-repeat; background-position: center; font-size: 0; }
.dynamic-tee button.btn-info-local-rule { background: #f5f5f5; border: 0px; width: 40px; border-radius: 10px; height: 40px; min-width: auto; background-repeat: no-repeat; background-position: center; color: #212223; }
.local-rule-active {background-color: #019442 !important; color: #fff !important; }
.dynamic-tee button.btn-success { background: #f5f5f5 url('backend/img/edit.svg'); border: 0px; width: 40px; border-radius: 10px; height: 40px; min-width: auto; background-repeat: no-repeat; background-position: center; font-size: 0; }
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #019442;
    border-color: #019442;
}
.dynamic-tee .lat, .lng { background-color: #f5f5f5 !important; border: solid 1px #ced4da; }
.tee-clone-added label {  border-bottom: solid 1px #ced4da;  padding-bottom: 12px; }
.multiselect-native-select .btn-group { width: 100%; }
.multiselect-native-select .btn-default {  height: 38px; width: 100%;  border-radius: 4px; border: solid 1px #ced4da !important; background-color: #ffffff; font-size: 16px !important; text-align: left; }
.multiselect-native-select .caret {  margin-left: 10px; float: right;   margin-top: 14px; }
.multiselect-native-select .open>.dropdown-menu { width: 100%; }
.multiselect-native-select .multiselect-container>li  a {     padding: 5px 0 }
.multiselect-native-select .active a {    background-color: #f5f5f5; }
.multiselect-native-select .active a:hover {    background-color: #019442; }
.main-footer { font-weight: normal; color: #333333; font-size: 13px; opacity: 0.7; }
.main-footer strong { font-weight: normal; color: #333333; font-size: 13px;  }
.main-footer a {color: #333333;  }

.form-table .table tr td button.btn-danger { background: #f5f5f5 url('backend/img/delete.svg'); border: 0px; width: 40px; border-radius: 10px; height: 40px; min-width: auto; background-repeat: no-repeat; background-position: center; }
.form-table .table tr td button.btn i {
    display: none;
}
.bg-img { width: 130px;  height: 105px; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 7px; overflow: hidden;     background-size: cover;
    background-color: #eee;   object-fit: cover ; }
.bg-img-small .bg-img { width: 90px;  height: 70px; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 7px; overflow: hidden;     background-size: cover;
    background-color: #eee;   object-fit: cover ; } 
.dynamic-teeTotal div.col-md-1 { width: 92px; padding-right: 0; }
.dynamic-teeTotal div.col-md-1:nth-child(3) { margin-left: -1px; }
.dynamic-teeTotal div.col-md-1:nth-child(4) { margin-left: -2px; }
.dynamic-teeTotal div.col-md-1:nth-child(5) { margin-left: -3px; }


/* Table CSS */
.main-header .sidebar-toggle:before { display: none; }
.listing-data tr td { font-size: 16px; }
.listing-data .table > tbody > tr > td { padding: 15px 5px; border: 0px; }
.listing-data .table > thead > tr > th { padding: 15px 5px; }
.listing-data .table tr td a.btn i { display: none; }
.listing-data .table tr td a.btn-primary:hover { background: #f5f5f5 url('backend/img/edit.svg') !important; background-repeat: no-repeat !important; background-position: center !important; }
.listing-data .table tr td a.btn-danger:hover { background: #f5f5f5 url('backend/img/delete.svg') !important; background-repeat: no-repeat !important; background-position: center !important; }
.listing-data .table tr td a.btn-primary { background: #f5f5f5 url('backend/img/edit.svg'); border: 0px; width: 40px; border-radius: 10px; height: 40px; min-width: auto; background-repeat: no-repeat; background-position: center; margin-left: 0px; }
.listing-data .table tr td a.btn-danger { background: #f5f5f5 url('backend/img/delete.svg'); border: 0px; width: 40px; border-radius: 10px; height: 40px; min-width: auto; background-repeat: no-repeat; background-position: center; }
.listing-data .table tr td a.btn-info { background: #f5f5f5 url('backend/img/view.svg'); border: 0px; width: 40px; border-radius: 10px; height: 40px; min-width: auto; background-repeat: no-repeat; background-position: center; }
.listing-data .table tr td a.btn-info:hover { background: #f5f5f5 url('backend/img/view.svg') !important; background-repeat: no-repeat !important; background-position: center !important; }
.listing-data input[type="search"] { width: 244px; height: 44px; background: #f5f5f5; border-radius: 24px;}
.chart-title h4 { font-size: 28px; text-transform: capitalize; }
#userTable_wrapper table th { text-transform: capitalize; }

.listing-data .table td .btn { margin: 0 5px; }
.listing-data .input-group-addon { background-color: transparent; border: none; padding: 0; }
.listing-data .srch_bar input { width: 100%; height: 44px; border-radius: 24px; background-color: #f5f5f5; border: 0; padding-left: 40px; padding-left: 40px; color: #939393; font-size: 14px; font-family: 'Roboto', sans-serif; }
.listing-data .srch_bar .input-group-addon button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 0; color: #939393; font-size: 18px; }
.listing-data .stylish-input-group { position: relative; }
.listing-data .srch_bar .input-group-addon { position: absolute; top: 12px; left: 30px; }
.listing-data .search-area { max-width: 274px; display: inline-block; width: 274px; margin-left: 5px; }
.listing-data .top-icons { display: inline-block; margin: 0; }
.listing-data .add-icon { display: inline-block; margin: 0 5px; }
.listing-data .edit-icon { display: inline-block; margin: 0 6px; }
.listing-data .top-area { float:right; margin-bottom: 25px; }
.listing-data .dataTables_length,.listing-data .dataTables_filter { display: none; }
.top-bar { float: left; width: 100%; margin-bottom: 15px; }
.top-icons img:hover { cursor: pointer; }
.main-sidebar { box-shadow: none !important; }
.header-btn { float: left; z-index: 9999; position: relative; margin-left: 80px; }
.header-btn a { padding: 12px 32px 12px 32px !important; float: left; margin: 15px; background: #f5f5f5; color: #212223; font-size: 16px; font-weight: 500; line-height: 1.25; border-radius: 24px; }
.header-btn a:hover { background: #019442; color: #fff; }
.header-btn .active { background: #019442; color: #fff; }
.table-responsive { overflow: hidden !important; }
.crm-select-btn { margin-top: 42px; }
.sidebar-toggle i { font-size: 22px; }
.modal-open .modal{ z-index: 9999; }
.table > thead > tr > th { font-size: 15px; }
.listing-data .dataTable td img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; }
/*.listing-data .dataTable td img { width: 130px !important; height: 105px; float: left; position: relative; overflow: hidden; margin-top: 15px; border-radius: 7px; }*/
.thumb-image { width: 130px !important; height: 105px; float: left; position: relative; overflow: hidden; margin-top: 15px; border-radius: 7px; }
.dx-widget { font-family: 'Roboto', sans-serif  !important; color: #212223 !important;  }
.dx-datagrid-headers { color: #212223 !important; font-size: 15px;  font-family: 'Roboto', sans-serif  !important;      font-weight: 500 !important; }
.dx-datagrid-filter-panel .dx-icon-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
    color: #212223 !important;
}

@media (max-width: 991px){
.navbar-custom-menu .navbar-nav>li>a {    line-height: 50px;}

/* Header CSS */

.header-btn { position: absolute; left: auto; right: 190px; }
.header-btn a { margin: 18px 6px; }
.card { margin: 10px; padding: 20px; }
.listing-data .top-area { float:left; }
.listing-data .top-icons { margin: 0px; }
.listing-data .add-icon { margin: 0px; }
.listing-data .dataTable td img { width: 80px; height: 75px; }
.main-footer { margin-left: 0; padding-left: 0; }
.skin-blue .main-header .navbar .sidebar-toggle:hover { background-color: #019442; }
.skin-blue .main-header .navbar .sidebar-toggle { background-color: #019442;     position: absolute; left: 15px; top: 15px; }
.skin-blue .main-header .navbar { position:static; background: transparent; }
.main-header .logo { margin-left: 40px; margin-top: 5px; background: transparent !important; }
.header-btn a { margin: 23px 6px; background: #fff; padding: 10px 20px !important;  }
.sidebar-mini.sidebar-collapse .main-header .logo { width: 230px; }
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu { z-index:9999; }
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 0px !important; }
.content-wrapper, .main-footer { margin-left: 0px; }
.main-sidebar svg:not(:root) { margin-right: 0px; }
.main-sidebar ul li a span { margin-left: 10px; }
.main-sidebar { width:0px; }
.sidebar-mini.sidebar-collapse .main-sidebar { width: 230px !important; }
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span { display: inline !important; }

}

@media (max-width: 767px){

.skin-blue .main-header .navbar .sidebar-toggle { color: #fff; }
.main-header .sidebar-toggle { margin-top: 15px; }
.dropdown-toggle.visible-xs { margin-top: 25px; color: #019442; }
.content-wrapper, .main-footer { margin: 55px 0; margin: 80px 0;}
.main-sidebar { -webkit-transform: translate(-310px, 0); -ms-transform: translate(-310px, 0); -o-transform: translate(-310px, 0); transform: translate(-310px, 0); }

.header-btn { position: absolute; left: 0; margin: 0; top: 80px; background: #fff; right: auto; width: 100%; }
.table-responsive { overflow-x: auto !important; }
.listing-data .search-area { width: 170px; }
.navbar-custom-menu .navbar-nav > li > a { padding: 0 15px; }
.main-header { background: #fff; }
.header-btn a { padding: 12px 32px 12px 32px !important; background: #f5f5f5;  }
.main-sidebar { width: 230px !important; }
}


/*add new css*/
.main-footer { background: #fafafa; padding: 0px 0px 15px 15px;  color: #333333;  border-top: none;}
.btn-new {min-height: 38px;  line-height: 38px; padding: 0 10px; border-radius: 20px;  /*min-width: 94px;*/ font-size: 16px;  margin: 0 5px;     display: inline-block;
    border: none; text-align: center; }
.btn-green { background-color: #019442; font-size: 18px; font-weight: 500;  color: #ffffff; }
.btn-green:hover { background-color: #14733e; color: #fff;}
.btn-gray { background-color: #f5f5f5; color: #212223; }
.btn-gray:hover { background-color: #eee; color: #212223;}
.breadcrumb { background-color: transparent; padding: 0; }
.breadcrumb>li+li:before { padding: 0 8px; color: #212223; content: ">"; font-size: 18px; font-weight: 500;}
.breadcrumb-item a {  color: #212223; font-size: 18px; font-weight: 500; }
.breadcrumb-item.active { font-size: 28px; font-weight: 500; color: #212223; text-transform: capitalize;}
.form-design .form-control { height: 38px; border-radius: 4px; border: solid 1px #ced4da;  background-color: #ffffff; font-size: 12px !important; color: #212223;     padding: 3px 3px 3px 3px;  }
.select2-container { min-height: 38px; border-radius: 4px; border: solid 1px #ced4da;  background-color: #ffffff; font-size: 13px !important; color: #212223; }
.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {     border-color: #000 transparent transparent transparent !important;     margin-left: -8px !important;    margin-top: 1px !important; }
.select2-container--default .select2-selection--multiple {     background-color: transparent !important;    border: none !important;    border-radius: 0;}
.select2-container .select2-search--inline .select2-search__field { margin-top:9px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice { color: #000; }
.select2-container--disabled{
    background-color: #eee !important;
    opacity: 1;
}
.listing-data input[type="search"] { height: auto; }
.form-design textarea { height: 90px !important; }
.form-design .control-label { font-size: 15px; font-weight: 500; color: #212223; }
.gray-box { border-radius: 10px; background-color: #f5f5f5;     padding: 15px 0;  margin-bottom: 15px; }
.image-upload-new>input {
    display: none;
}
.loader-div { 
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    z-index: 15;
    left: 0;
    top: 0;
    text-align: center;
    height: 100%;
}
.loader-div .fa-spin { 
    font-size: 50px;
    color: #fff;
    position: absolute;
    left: 60%;
    top: 8%; 
}
.loader-div-low { 
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    z-index: 15;
    left: 0;
    top: 0;
    text-align: center;
    height: 100%;
}
.loader-div-low .fa-spin { 
    font-size: 50px;
    color: #fff;
    position: absolute;
    left: 60%;
    top: 39%; 
}

.loader-div-mid { 
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    z-index: 15;
    left: 0;
    top: 0;
    text-align: center;
    height: 100%;
}
.loader-div-mid .fa-spin { 
    font-size: 50px;
    color: #fff;
    position: absolute;
    left: 60%;
    top: 22%; 
}
.image-upload-new { width: 130px !important;
    height: 105px !important; margin-bottom: 10px;}
.image-upload-new label img {
    cursor: pointer;
    width: 130px !important;
    height: 105px !important;
    border-radius: 10px;
    
    /*max-width: 100%;*/
}
.image-upload-new .img-close {position: absolute;
    height: 25px !important;
    width: 25px !important;
    right: -10px;
    top: 0px; }
.image-show .pip img {  width: 130px ;
    height: 105px;}
.image-show .mulImgPrv {  width: 130px !important;  height: 105px !important;}
.disabled { background-color:#E0E0E0; opacity: .65; cursor: not-allowed !important;  }
.disabled:hover{ background-color: #5cb85c; opacity: .65; cursor: not-allowed; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee !important;
    opacity: 1;
}

/*.image-upload-new #imagePreview {width: 150px;  }*/
.image-upload-new p { color: #343a40; font-size: 12.8px; }
.btn-map {  border-radius: 10px; border: solid 1px #019442; background: transparent; cursor: pointer ; font-size: 15px; color: #019442;     padding: 8px 15px;  font-weight: 500; }
.btn-map:hover { background:#019442; color: #fff;  }
.mt-3 { margin-top: 15px; }
.border { border: solid 1px #e4e8eb;     margin: 25px 0 0 0; }
.img-info {     float: left;    white-space: nowrap; color: #343a40; font-size: 12.8px; margin-top: 10px;}
.img-info1 { float: left; white-space: nowrap; color: #343a40; font-size: 12.8px; margin-top: 32px; }
.season-title { text-align: center; font-size: 20px;  background: #eee; padding: 5px 0px;  font-weight: 500;  margin-bottom: 20px; }
.intl-tel-input .flag-dropdown .selected-flag {
    margin: 1px;
    padding: 10px 16px 6px 6px;
}

.close-upload-img{
    width:130px;
    position: relative;
}

/*new course*/
.teeTrError { color: #ff5252;     position: absolute; padding-top: 12px; }
.course-new .control-label { width: 100%; }
.right-arrow { float: right; }
.right-arrow img { width: 18px; }
.mt-5 { margin-top: 30px; }
.img-close { position: absolute;     height: 30px !important;  width: 30px !important;  right: -10px;  top: -5px; }
.image-upload-course { width: 300px; position: relative; float: left;
    margin-right: 10px; }
    .image-upload-course>input {
        display: none;
    }
.image-upload-course img { width: 300px; border-radius: 10px; height: 240px; }
.general-image-upload { width: 300px; position: relative;margin-right: 10px; }
.general-image-upload>input {
    display: none;
}
.general-image-upload img { width: 300px; border-radius: 10px; height: 240px; }
.f-left { float: left; margin-right: 20px; }
.btn-green-border { background-color:transparent; font-size: 14px;  font-weight: 500; color: #019442; border: 1px solid #019442; }
.empty-div { width: 70px; height: 2px; background: #979797;     margin: 10px; }
.active-table { border-left: 5px solid #019442; }
.active-table td {  padding-bottom: 0 !important; background-color: rgba(1, 148, 66, 0.05); }
.bg-none { background: transparent !important;     padding-top: 0px !important; }
.holes-list { border: 1px solid #ced4da; padding:0 30px 30px 30px;  border-radius: 15px; }
ul.holes-titles { margin: 0 0 0 100px; padding: 0; }
ul.holes-titles li { list-style: none; display: inline-block; font-size: 15px; color: #212223; font-weight: 500; width: 220px; padding: 10px; }
ul.hole-view { margin: 0; padding: 0; display: inline-block; }
ul.hole-view li { list-style: none;  width: 210px; display: inline-block;     margin-right: 10px; }
.hole-bars { width: 105px; }
.hole-bars .fa { padding-right: 10px; }
.map-li { width: 65px !important; }
.hole-clone { display: block; margin-top: 15px; }
.hole-total { background: #f5f5f5; width: 100%; padding: 10px; line-height: 30px; height: 50px; }
.hole-in-out { text-align: center; padding-right: 20px; }
.hole-view .empty-div { margin: 0; }
.hole-view-all {   border-radius: 15px;
    border: solid 1px #019442;
    background: #019442;
    cursor: pointer;
    font-size: 15px;
    color: #ffffff;
    padding: 0px 12px;
    font-weight: 500;
    float: right;}
.hole-view-all:hover { color: #fff; }
.active-table .blue { color: #00759a;  border: 1px solid #d6dbe0; font-size: 35px;  border-radius: 50px; }
.pt-0 { padding-top: 0px !important; }
.hole-clear { width: 50px !important; margin-right: 0 !important; }
.gender { width: 130px; }
.schNotes {     word-break: break-all;
    height: 42px;
    overflow: auto;
    line-height: 20px !important;
  } 
.copy-btn { background: #929292; border: 1px solid #929292; }
.holeRepetDiv {     position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px; }
.holesTrError { color: #ff5252;margin-left: 105px;
    display: inline-block;     }
/*color dropdown */
.wrapper-dropdown {
    position: relative;
    width: 80px;
    background: #FFF;
    color: #2e2e2e;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
    border: solid 1px #ced4da;
}
.wrapper-dropdown > span {
	width: 100%;
	display: block;
    padding: 8px 5px;
   
}
.wrapper-dropdown > span > span {
  padding: 0 12px;
  /*margin-right: 5px;*/
  border-radius: 30px;
}
.wrapper-dropdown > span:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: calc(50% + 4px);
    margin-top: -6px;
	  border-width: 6px 6px 0 6px;
    border-style: solid;
	  border-color: #2e2e2e transparent;
}

.wrapper-dropdown .dropdown {
    position: absolute;
	  z-index: 10;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    font-weight: normal;
	  list-style-type: none;
	  padding-left: 0;
	  margin: 0;
	  border: 1px solid #ced4da;
	  border-top: 0;
}

.wrapper-dropdown .dropdown li {
    display: block;
    text-decoration: none;
    color: #2e2e2e;
    padding: 5px;
    cursor: pointer;
    border-top: 1px solid #ced4da;
}

.wrapper-dropdown .dropdown li > span {
  padding: 0 12px;
  /*margin-right: 5px;*/
  border-radius: 30px;
}

.wrapper-dropdown .dropdown li:hover {
    background: #eee;
	  cursor: pointer;
}
/*end*/

/* Table CSS */

.red { color: #cc0000;}
.green { color: #019442;}
.skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #019442;
}


@media only screen and (min-width: 1199px) and (max-width: 1400px) {
    .sidebar {
        max-height: 620px;
        overflow: scroll;
    }
    ul.holes-titles li { width: 112px; }
    ul.hole-view li { width: 102px; }
} 
@media only screen and (min-width: 1430px) and (max-width: 1919px) {
    ul.holes-titles li { width: 144px; }
    ul.hole-view li { width: 134px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1198px) {
    ul.holes-titles li { width: 70px; }
    ul.hole-view li { width: 60px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    ul.holes-titles li { width: 70px; }
    ul.hole-view li { width: 60px; }
    .table-responsive-new { width: 100%; overflow: auto; }
    .table-responsive-new .table-new { width: 1000px; }
    .table-responsive-new tr td,th { width: 200px; }
} 
@media only screen and (max-width: 767px) { 
    ul.holes-titles li { width: 100%; }
    ul.hole-view li { width: 100%; margin-bottom: 10px; }
    .table-responsive-new { width: 100%; overflow: auto; }
    .table-responsive-new .table-new { width: 1000px; }
    .table-responsive-new tr td,th { width: 200px; }
    ul.holes-titles { margin: 0;}
}
    
/* top-dropdown */
.dropdown-search { position: relative; text-align: right; margin-bottom: 30px;  }
.drp-search {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
}
.drp-search .drop {
    background-color:#f5f5f5 ;
    color:#000 ;
    padding: 1rem;
    border-radius:50px;
    position: relative;
    display: inline-block;
}
.drp-search > .drp-menu-search {
    width:150px;
    list-style: none;
    margin: 0;
    margin-top: 8px;
    padding: 0;
    position: absolute;
    float: left;
    max-height: 0;
    overflow: hidden;
    transition: all .55s linear;
    display: block;
    border: none !important;
    left: -100px;

    border-radius: 11px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px rgba(151, 151, 151, 0.15);
    background-color: #ffffff;
}
.drp-search > .drp-menu-search.open {
    max-height: 300px;
    height: auto;
    transition: all .25s linear;
}
.drp-search > .drp-menu-search > li > a {
    padding: .5rem 1rem;
    display: block;
    color:rgb(143, 144, 144) !important;
    text-align: left;
    transition: all .25s linear;
    font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
}
.drp-search > .drp-menu-search > li > a:hover {
    background-color: #ddd ;
    color: #fff ;
}
.down-caret {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: rgb(143, 144, 144) transparent transparent transparent;
    display: inline-block;
    margin-left: 6px;
    top: -3px;
    position: relative;
    transform: rotate(0deg);
    transition: all .25s ease-in;
}
.open-caret {
    transform: rotate(180deg);
    transition: all .25s ease-out;
}
.drp-search .drop img {  margin-right: -18px; padding: 5px; margin-top: -3px; }
#drp-oper-menu,#drp-date-oper-menu {
    left: 0;
    top: 28px;
}
.drop .icon { font-size: 18px;   }
.table_responsive_new { max-height: 650px;
    overflow: auto;
    width: 100%;}
.table_responsive_new table { width: 2800px; }
/*.table_responsive_new table th { white-space: nowrap; }*/
.table_responsive_new table th, td { padding: 10px !important; }
#showError { max-height: 200px;    overflow: auto; }

.dx-icon-find {background: url(backend/img/search.svg);
    border: 0px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center !important;
    font-size: 0 !important;
    display: inline-block;
    vertical-align: text-bottom; }
 
table.ui-datepicker-calendar table.ui-datepicker-calendar th, table.ui-datepicker-calendar td { padding: 0 !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {     padding: 8.2px; }
.dx-list-item { border-bottom: 1px solid #ddd; }
.dx-list-item .custom-item { font-size: 12px; line-height: 20px; }
.dx-list-item .dx-title { font-weight: 500; font-size: 14px }
.dx-list-item .dx-inner-label { font-weight: 500; font-size: 12px }

#imageCropPopup .modal-content
{
    background: #fff !important;
    width: fit-content;
    padding: 0 25px;
}

#imageCropPopup .modal-header
{
    background: #fff !important; 
    border: none !important;
}

#imageCropPopup .modal-body
{
    display: flex !important;
    justify-content: center;
    flex-direction: column;
}
#imageCropPopup .modal-dialog
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.imageCropDiv
{
    box-sizing: border-box;
    background: #f9f9f9;
    display: flex;
    justify-content: center;
    border: solid 3px #f5f5f5;
    border-radius: 5px;
}
@media screen and (max-width: 600px)
{
    .cropParentDiv
    {
        display: flex; 
        flex-direction: column;
    }
    #imageCropPopup .modal-footer .row > [class*="col-"]
    {
        padding: 10px 0;
    }
}
@media screen and (min-width: 600px)
{
    .imageCropDiv
    {
        padding: 0 100px;
    }
    .cropParentDiv
    {
        display: flex; 
        flex-direction: row;
    }
    .croppedImageSocialMediaPreviewsParentDiv
    {
        margin: 0 0 0 25px;
    }
    #imageCropPopup .modal-footer .row
    {
        display: flex;
    }
    #imageCropPopup .modal-footer .row > [class*="col-"]
    {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.flexEndJustified
{
    justify-content: flex-end !important;
}
.croppedImageSocialMediaPreviewsParentDiv
{
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#imageCropPopup .previewSection span
{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 25px;
    color: #fff;
}
#imageCropPopup span.twitter
{
    background: #55acee;
}
#imageCropPopup span.instagram
{
    background: #D11B70;
}
#imageCropPopup span.facebook
{
    background: #3A559F;
}
#imageCropPopup span.linkedin
{
    background: #0077B7;
}
.socialMediaPreviewDiv
{
    width: 200px; 
    height: 125px; 
    margin: 10px 0; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background: #f9f9f9; 
    border: solid 2px #f5f5f5; 
    border-radius: 5px;
}
.previewSection
{
    display: flex;
    align-items: center;
}
.cropPopupTitle
{
    align-self: center;
    font-size: 18px;
    margin-bottom: 25px;
}
.slidecontainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: inherit;
}

.slider {
    -webkit-appearance: none;
    width: 100% !important;
    height: 5px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #019442;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #019442;
    cursor: pointer;
}
.slidecontainer span
{
    margin: 0 10px;
}
.slidecontainer span#maxZoom
{
    font-size: 25px;
}
.cropper-face {
	background-color:inherit !important;
}
.cropper-view-box {
	outline:inherit !important;
}
.cropper-view-box {
	box-shadow: 0 0 0 3px #019442;
	border-radius: 10px;
	outline: 0;
}
.cropper-crop-box, .cropper-view-box {
    border-radius: 10px;
}
.cropper-dashed
{
  display: none !important;
}

#course-tabs
{
    border-width: 0 0 4px 0;
    border-radius: 0;
    border-color: #e3e7ea;
    padding: 0;
}

#course-tabs ul
{
    background-color: #fff !important;
}

#course-tabs ul
{
    margin: 0 !important;
    padding: 0 !important;
}

#course-tabs li
{
    margin: 11px 0.5em 0 0;
    padding: 10px 35px;
    border-radius: 15px 15px 0 0;
    border-width: .15em;
    border-bottom-width: 0 !important;
    border-color: #e3e7ea;
    background-color: #e9e9e9 !important;
}

/** SELECTED COURSE TAB STYLE */
#course-tabs li.course-selected-tab
{
    padding: 15px 40px !important;
    margin: 1px 0.5em 0 0 !important;
    background-color: #fff !important;
}

#course-tabs li span
{
    position: absolute;
    top: 0.3em;
    right: 0.5em;
    color: black;
}

.course-options
{
    background-color: #e3e7ea;
    padding: 0em 1em;
    margin: 1em 0;
    border-radius: 2em;
    display: inline-block;
}

.data-technically-approved
{
    padding: 1em 2.5em;
    margin: 1em 0;
    display: flex;
    justify-content: flex-end;
}

.data-technically-approved label input
{
    transform: scale(1.5);
    margin-left: 10px !important;
}

.course-options span
{
    padding: 0.8em 0.8em;
    margin: 0.25em 1em;
    border-radius: .5em;
    display: inline-flex;
}

.course-inactive
{
    padding: 0.8em 0.8em;
    margin: 0.25em 1em;
    border-radius: .5em;
    display: inline-flex;
    background: #019442;
    color: white;
}

.course-options span i
{
    font-size: 1.3em;
}

#add-course-icon
{
    position: absolute;
    top: 10px;
    right: 25px;
    width: 50px;
    height: 50px;
    background-color: #e3e7ea;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
}

#course-tabs li input
{
    display: none;
    width: 120px;
    height: 36px;
    background: transparent;
    border-width: 0;
    text-align: center;
}

#course-tabs li a
{
    display:block;
    height: 36px;
}

#localRulePopup
{
    border-radius: 1em;
}

#localRulePopupBody
{
    text-align: center;
    padding: 2em;
}

#localRuleInput
{
    width: 100%;
    border-radius: 0.25em;
    border-width: 1px !important;
    border-color: #e0e0e0;
    padding: 1em;
}

.teeColorBall
{
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    margin: 5px 8px 10px 0;
}

.teeSelected
{
    border-radius: 10px;
    border: solid 1px green;
}

.customCheckbox {
    width: 100%;
    margin: 15px auto;
    position: relative;
    display: block;
}
.customCheckbox label {
    position: relative;
    min-height: 34px;
    display: block;
    padding-left: 40px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.customCheckbox label span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 35px;
}
.customCheckbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 22px;
    height: 22px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #34c37a;
}
.customCheckbox label:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg) scale(0);
    transition: transform ease 0.25s;
    position: absolute;
    top: 12px;
    left: 10px;
}
.customCheckbox input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -20px;
}
.customCheckbox input[type="checkbox"]:checked ~ label:before {
    border: 2px solid #34c37a;
    background-color: #34c37a;
}
.customCheckbox input[type="checkbox"]:checked ~ label:after {
    transform: rotate(-45deg) scale(1);
}
.customCheckbox input[type="checkbox"]:focus + label::before {
    outline: 0;
}
#successMessage
{
    right: 0;
    border-color: #30ae69;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 30%;
    z-index: 99;
    margin: 0 auto;
    padding: 10px;
    background-color: #30ae69 !important;
    border: 0;
    border-radius: 0;
    color: white;
    font-family: 'Fira Sans',sans-serif;
    font-size: 15px;
}
#errorMessage
{
    right: 0;
    border-color: #F44336 !important;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 30%;
    z-index: 99;
    margin: 0 auto;
    padding: 10px;
    background-color: #F44336 !important;
    border: 0;
    border-radius: 0;
    color: white;
    font-family: 'Fira Sans',sans-serif;
    font-size: 15px;
}
.viewTournamentFullDataBtn
{
    background: #019442 url('backend/img/paper-plane-white.png'); 
    border: 0px; 
    width: 40px; 
    border-radius: 10px; 
    height: 40px !important; 
    min-width: auto; 
    background-repeat: no-repeat; 
    background-position: center;
}