html, body {
    margin: 0;
    padding: 0;
    min-width: 320px;
	font-family: century-gothic, sans-serif;
    font-size:24px;
        width:100%;
    height:100%;
}
body{
    overflow-y: scroll;
}

* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    -webkit-appearance: none;
      font-family: century-gothic, sans-serif;
}
input[type='checkbox']
{
   -webkit-appearance:checkbox;
}

.ph
{

}
.ph .p{
    max-width:1200px;
    margin:auto;
}
@media(max-width:1200px)
{
    .ph  .p .inner
    {
        margin-left:10px;
        margin-right:10px;
    }
}


.twoCol
{
    display:flex;
    justify-content: space-between;

}
.twoCol .twoCol1
{
    width:49%;

}
.twoCol>div
{
    display:flex;
    flex-direction: column;
}
.twoCol .twoCol2
{
    width:49%;

  
}
.clear
{
    clear:both;
}
.frontPageBox 
{
    padding:16px;
    border-radius:30px;
    display:flex;
    flex-direction:column;
    background-color:grey;
    margin-bottom:10px;
    flex: 1;
}
.frontPageBox a{
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:enter;
    border-radius:5px;
    padding:16px;
   
}
.frontPageBox .button
{
    display:flex;
    align-items: center;
    justify-content: center;
}
.frontPageBox .text
{
     flex:1;
}
.frontPageBox.TP
{
    flex-direction:row;
}
.frontPageBox.TP .text
{
   
}
h1,h2 {
    padding:0px;
    margin:0px;
    margin-bottom:50px;
    font-size:48px;
}
@media(max-width:500px)
{
    .twoCol
    {
        flex-direction:column;
    }
    .twoCol .twoCol1,
    .twoCol .twoCol2
    {
        width:100%;
    }
    .frontPageBox.TP
    {
        flex-direction:column;
    }
}


@media(max-width:1000px) {

    html, body {
        font-size: 18px;
    }

    h1, h2 {
        font-size: 28px;
    }
}








.login-box {
    padding: 16px;
    border-radius: 5px;
    background-color:#737373;
    color:#fff;
}


.login-box h1{
    color:#fff;
}

.login-box .formItem .lbl
{
    color:#fff;
}


.cmdForgotPassword
{
    background-color:transparent;
    color:#fff;
    font-size:16px;
    line-height:32px;
    margin-top:20px;
    margin-bottom:20px;
    border:none;
    text-decoration:underline;
}

.cmdLogin-holder
{
    margin-top:40px;
}
body.grey
{
        background-color: rgb(240, 240, 240);
}
.contentBox
{
    padding:16px;
    border-radius:30px;
    margin-bottom:20px;
}
.contentBox .formItem 
{
    width:50%;
}
@media(max-width:780px)
{
    .contentBox .formItem 
    {
        width:100%;
    }
}



.formItemColum2{
    display:flex;
    justify-content:space-between;
}

.formItemColum2 > div{
    width:48% !important;
}

.formItemColum3{
    display:flex;
    justify-content:space-between;
}

.formItemColum3 > div{
    width:31% !important;
}

.ccSelectSearch-pop-option .details {
    font-weight: normal !important;
    font-size:16px;
}
.contentBox .formItem.formItemFull {
    width:100%;
}

.formItem .txt.handwriting
{
    font-family: 'Calligraffitti', cursive;
    font-size:30px;
    height:58px;
}

.note
{
    font-style:italic;
    color:#737373;
    font-size:18px;
}

.dataTable
{
    margin-bottom:20px;
    width:100%;
    border:solid 1px #666666;
}

.dataTable th{
    padding:5px;
}

.dataTable td{
    padding:10px;
}

.dataTable tr
{
    background-attachment:fixed;
}


.dataTable tbody tr:nth-child(odd) {background: #E8E8E8}
.dataTable tbody tr:nth-child(even) {background: #FFF}


td.toggleCheck, th.toggleCheck
{
    width:50px;
}

.dataTable td label{
    display:block;
}



table.dataTableAlt tr
{
    background-attachment:fixed;
}


table.dataTableAlt {
    width:100%;
    border-collapse:collapse;
    margin-bottom:40px;
    font-size:18px;
}

@media(max-width:1000px) {

    table.dataTableAlt {
        font-size: 14px;
    }
}

table.dataTableAlt td,table.dataTableAlt th
{
    padding:12px;
	padding-top:16px;
	padding-bottom:16px;
  text-align:left;
}

table.dataTableAlt thead tr th
{
    vertical-align: middle;
}

tr.trInnerHeader td
{
    background-color:#525254;
    color:#fff;
}



.noFlex
{
    flex:0 !important;
}
.red
{
    color:#b71c1c !important;
}

#users-holder .user-add-itm
{
    border-bottom:4px solid rgb(178, 178, 178);
    padding-bottom:30px;
    margin-bottom:30px;
}
#users-holder .user-add-itm:last-of-type
{
    border:none;
}

.sorty {
    display:flex;
    flex-direction:column;
}
.sort_holder {
    display:flex;
    align-items:center;
}
.sort_holder .sorty
{
    margin-left:10px;
}
.sort_holder .sorty i:last-of-type
{
    margin-top:-10px;
}


footer
{

    margin-top:50px;
    font-size: 14px;
    display: flex;
   
}
footer .footer_left,
footer .footer_right
{
 padding:16px;
}
footer .footer_left
{
    flex:1;
}
footer .footer_right 
{
     flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
}
footer a
{
    text-decoration:none;
}

.bold
{
    font-weight:700;
}


.loading
{
   
    padding:50px;
}

.lds-ring-container
{
	display:flex;
	align-items:center;
	justify-content: center;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;

  border-radius:50%;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
 
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4EB8B1 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
     border-color: rgb(29, 100, 240) transparent transparent transparent;
  }
  50%{
    border-color: rgb(26, 213, 253) transparent transparent transparent;
  }
  100% {
    transform: rotate(360deg);
      border-color: rgb(29, 100, 240) transparent transparent transparent;
  }
}

.flexBetween
{
    display:flex;
    justify-content:space-between;
}

.alignItemsCenter
{
    align-items:center
}

.toggle
{
    font-size:16px;
}

.toggle span{
        cursor:pointer;
}

.toggle span:hover{
    text-decoration:underline;
}

.toggle span.spacer
{
    cursor:default !important;
    text-decoration:none !important;
}
.pageTable tfoot div {
    display:flex;
}
.pageTable tfoot div>div
{
    flex:1;
}
.pageTable tfoot div>div:last-of-type
{
   display:flex;
   justify-content:flex-end;
}
.pageTable tfoot div>div:first-of-type i
{
    margin-right:10px;
}
.pageTable tfoot div>div:last-of-type i
{
    margin-left:10px;
}
.pageTable tfoot .disabled
{
    opacity:0.2;
}

.registerErrors
{
  color:red;
  border: solid 2px red;
  margin-bottom: 40px;
  border-radius: 30px;
  padding: 20px;
}

.emulationResume {
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 5px;
    z-index: 5000;
    background-color: #dedede;
    font-size: 12px;
}
.emulationResume a {
    color: black;
    text-decoration: none;
}
.none{
    display:none;
}