button.radius, .button.radius {
    border-radius: 3px; 
}
button.round, .button.round {
    border-radius: 1000px; 
  }
.cp {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #e1e1e1;
    border-top: 0px;
    margin-top: 15px;
}
.cph {
    padding: 10px;
    background: rgba(90,90,90,0.1);
    line-height: 1.2rem;
    font-size: .90rem;
    font-weight: 300;
    margin: 0;
    box-sizing: border-box;
    display: block;
}
.cpb {
    background: #fff;
    padding: 10px;
    line-height: 1.2rem;
    font-size: .90rem;
    font-weight: 300;
    margin: 0;
    box-sizing: border-box;
    display: block;
}
.fa-sign-in {
	color:#2d2f3b;
}

.fa-line-chart{
	color:#2d2f3b;
}
.fa-calendar{
	color:#2d2f3b;
}

.icon-background1 {
    color: #ffc0ff;
}

.icon-background2 {
    color: #ffffc0;
}

.icon-background3 {
    color: #0bba1a;
}

.icon-background4 {
    color: #ffffff;
}

.icon-background6 {
    color: #ee0c0c;
}

.icon-background5 {
    color: #07a5bb;
}

.circle-icon2 {
    background: #ffc0c0;
    padding:30px;
    border-radius: 50%;
}

.circle-icon {
    background: #ffc0c0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}
	.D6box{
		background-color: #d6d6d6;
		border: 1px ridge #c0c0c0;
		/*grey*/
	}
	.lgtgraybox{
		background-color: #f0f0f0;
		border: 1px ridge #c0c0c0;
		/*light grey - blocked slot*/
	}
	.lgtgraynobrdr{
		background-color: #f0f0f0;
		/*light grey - blocked slot*/
	}
	.FFFFFFbox{
		background-color: #FFFFFF;
		border: 1px ridge #c0c0c0;
		/*white - blocked slot*/
	}
	.FFFFCCbox{
		background-color: #FFFFCC;
		border: 1px ridge #c0c0c0;
		/*chiffon - available time field*/
	}
	.CCFFFFbox{
		background-color: #CCFFFF;
		border: 1px ridge #c0c0c0;
        cursor: pointer;
		/*sky blue - time field*/
	}
	.CCFFCCbox{
		background-color: #CCFFCC;
		border: 1px ridge #c0c0c0;
        cursor: pointer;
		/*light green - time slop taken*/
	}
	.FFCCCCbox{
		background-color: #FFCCCC;
		border: 1px ridge #c0c0c0;
		/*pink - bk9*/
	}
	.CC9999box{
		background-color: #CC9999;
		border: 1px ridge #c0c0c0;
		/*burgundy - 9 hole paid*/
	}
	.CCCCFFbox{
		background-color: #CCCCFF;
		border: 1px ridge #c0c0c0;
		/*lavendar - 18 hole paid*/
	}
	.FF0000box{
		background-color: #FF0000;
		border: 1px ridge #c0c0c0;
		/*red*/
	}

	.a99CCFFbox{
		background-color: #99CCFF;
		border: 1px ridge #c0c0c0;
		/*blue - time bk9-fr9*/
	}
	.CCCC99box{
		background-color: #CCCC99;
		border: 1px ridge #c0c0c0;
		/*beige*/
	}
	.FFCC99box{
		background-color: #FFCC99;
		border: 1px ridge #c0c0c0;
		/*coral - fr9*/
	}
	.a99CC99box{
		background-color: #99CC99;
		border: 1px ridge #c0c0c0;
		/*green-sage*/
	}
	.a99CCCCbox{
		background-color: #99CCCC;
		border: 1px ridge #c0c0c0;
		/*bluegrey*/
	}
	.DEF0FCbox{
		/*background-color: #CCFFFF;*/
        background-color: #DEF0FC;
		border: 1px ridge #c0c0c0;
        cursor: pointer;
		/*sky blue */
	}
	.E1FAEAbox{
		/*background-color: #CCFFCC;*/
        background-color: #E1FAEA;
		border: 1px ridge #c0c0c0;
        cursor: pointer;
		/*light green */
	}
	.FFF3D9box{
		/*background-color: #CCFFCC;*/
        background-color: #FFF3D9;
		border: 1px ridge #c0c0c0;
        cursor: pointer;
		/*tan yellow - */
	}
	.FCE6E2box{
		/*background-color: #CCFFCC;*/
        background-color: #FCE6E2;
		border: 1px ridge #c0c0c0;
        cursor: pointer;
		/*tan yellow - */
	}
    .brdrbtm  {
        border-bottom: dotted #c0c0c0;
    }
        .pos_fixed {
            position: fixed;
            top: 45px;
            right: 5px;
            color: red;
            z-index: 1;
        }
        body, html {
            height:100%;
            width:100%;
            min-height:100%;
            padding:0;
            margin:0;
        }
        .error {
            /* width:200px; */
            width:90%;
            height:20px;
            height:auto;
            position:absolute;
            left:10%;
            margin-left:-100px;
            bottom:10px;
            background-color: #383838;
            color: #F0F0F0;
            font-family: Calibri;
            font-size: 20px;
            padding:10px;
            text-align:center;
            border-radius: 2px;
            -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
            -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
            -ms-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
            -o-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
            box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
            z-index: 3;
        }  
        body {
            overflow-y: scroll;
            overflow-x: hidden;
        }  
        #content {
            width: 100%;
        }
        #overlay {
            position: absolute;
            top: 0;
            left: 102%;
            z-index: 2;
            box-shadow: 0px 0px 15px black;
            background: white;
            padding: 10px;
            height: inherit;
        }
        .over15 {
            width: 25%;
        }
        .over40 {
            width: 40%;
        }
        .over100 {
            width: 90%;
        }
        .bluborder{
	        border:1px solid blue;
        }
        .cpbdata {
            padding: 10px;
        }
        .showpointer {
            cursor: pointer;
        }
         
        input[type=text] {
            padding: 0;
            height: 50px;
            position: relative;
            left: 0;
            outline: none;
            border: 1px solid #f16c65;
            background-color: white;
            font-size: 36px;
        }
        .select {
            padding: 0;
            height: 50px;
            position: relative;
            left: 0;
            outline: none;
            border: 1px solid #f16c65;
            background-color: white;
            font-size: 18px;
        }
        .selectbg {
            padding: 0;
            height: 120px;
            position: relative;
            left: 0;
            outline: none;
            border: 1px solid #f16c65;
            background-color: white;
            font-size: 18px;
        }
        
        .inputErr {
            background-color: green;
        }

        .bgC1{
            border-left: 6px solid #FF8170;
            background-color: #FFC1B9;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* red 1 - */
	    }
	    .bgC2{
            border-left: 6px solid #6482C8;
            background-color: #B3C5EE;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* blue - */
	    }
	    .bgC3{
            border-left: 6px solid #89E766;
            background-color: #C6F7B4;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* green - */
	    }
	    .bgC4{
            border-left: 6px solid #FFFC70;
            background-color: #FFFEB9;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* yellow - */
	    }
	    .bgC5{
            border-left: 6px solid #AD5CC6;
            background-color: #DEAFED;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* lavender - */
	    }
	    .bgC6{
            border-left: 6px solid #FFC570;
            background-color: #FFE3B9;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* orange - */
	    }
	    .bgC7{
            border-left: 6px solid #FF9770;
            background-color: #FFCCB9;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* red 1 - */
	    }
	    .bgC8{
            border-left: 6px solid #9C5FC8;
            background-color: #D4B1EE;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* purple 1 - */
	    }
	    .bgC9{
            border-left: 6px solid #7569CC;
            background-color: #BDB6EF;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* blue 1 - */
	    }
	    .bgC10{
            border-left: 6px solid #F8C99E;
            background-color: #ADEED5;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* green 1 - */
	    }
	    .bgC11{
            border-left: 6px solid #FFEB70;
            background-color: #FFF5B9;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* yellow 1 - */
	    }
	    .bgC12{
            border-left: 6px solid #FFBA70;
            background-color: #FFDDB9;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            /* orange 1 - */
	    }
        .bktable{
          width:100%;
          table-layout: fixed;
        }
        .tbl-header{
          /*  background-color: rgba(255,255,255,0.3);  */
         }
        .tbl-content{
          height:500px;
          overflow-x:auto;
          margin-top: 0px;
         /* border: 1px solid rgba(255,255,255,0.3); */
        }
        .tbl-contentsm{
          height:500px;
          overflow-x:hidden;
          margin-top: 0px;
         /* border: 1px solid rgba(255,255,255,0.3); */
        }
        @media only screen and (min-width: 64.063em) { 
            .tbl-content{
              height:500px;
              overflow-x:auto;
              margin-top: 0px;
             /* border: 1px solid rgba(255,255,255,0.3); */
            }
        }
        @media only screen and (min-width: 40.063em) and (max-width: 64em) { 
            .tbl-content{
              height:300px;
              overflow-x:auto;
              margin-top: 0px;
             /* border: 1px solid rgba(255,255,255,0.3); */
            }
        }
        @media only screen and (max-width: 40em) { 
            .tbl-content{
              height:150px;
              overflow-x:auto;
              margin-top: 0px;
             /* border: 1px solid rgba(255,255,255,0.3); */
            }
        }


        .th{
          padding: 0px 0px;
        }
        .td{
          padding: 0px;
          /* text-align: left;
          vertical-align:middle;
          font-weight: 300;
          font-size: 12px;
          color: #fff;
          border-bottom: solid 1px rgba(255,255,255,0.1);*/
        }


        /* demo styles */

        section{
          margin: 0px;
        }
        /* for custom scrollbar for webkit browser*/

        ::-webkit-scrollbar {
            width: 15px;
        } 
        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
        } 
        ::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
        }


        .modalDialog {
            position: fixed;
            font-family: Arial, Helvetica, sans-serif;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.8);
            z-index: 99999;
            opacity:0;
            -webkit-transition: opacity 400ms ease-in;
            -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
            pointer-events: none;
        }
        .modalDialog:target {
            opacity:1;
            pointer-events: auto;
        }
        .modalDialog > div {
            width: 85%;
            position: relative;
            margin: 10% auto;
            padding: 5px 20px 13px 20px;
            border-radius: 10px;
            background: #fff;
            background: -moz-linear-gradient(#fff, #999);
            background: -webkit-linear-gradient(#fff, #999);
            background: -o-linear-gradient(#fff, #999);
        }
        .close {
            background: #606061;
            color: #FFFFFF;
            line-height: 25px;
            position: absolute;
            right: -12px;
            text-align: center;
            top: -10px;
            width: 24px;
            text-decoration: none;
            font-weight: bold;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            -moz-box-shadow: 1px 1px 3px #000;
            -webkit-box-shadow: 1px 1px 3px #000;
            box-shadow: 1px 1px 3px #000;
        }
        .close:hover {
            background: #00d9ff;
        }