html, button, input, select, textarea, label {
    font-family: Arial, Helvetica, sans-serif !important;
}
body,form{
    padding:0;
    margin:0;
    width:100%;
    min-height:100%;
}
body.bgcolor{
    background-color:#ebebeb;
}
.font-07{
    font-size :0.7em;
}
.font-08{
    font-size :0.8em;
}
.font-09{
    font-size :0.9em;
}
.font-1{
    font-size :1em;
}
.font-12{
    font-size :1.2em;
}
.font-gray{
    color: #3E3E3F !important;
}
.font-gray2{
    color: #606060 !important;
}
.font-gray3{
    color: #58595b !important;
}
.font-graylight{
    color: #7E8083 !important;
}
.font-white{
    color: #ffffff !important;
}

.subtitle.is-5p5 {
    font-size: 1.1rem;
}

.is-full{
    width:100%;
    height:100%;
}
.is-content-height{
    min-height:calc(100% - 54px);
}
.content-bg{
    background-color:#ebebeb;
}
.bgcover{
    background-position:center center;
    background-repeat :no-repeat;
    background-size:cover;
}

.columns.is-gapless{
    margin-bottom:0 !important;
}
.is-content{
    padding:1em !important;
    width:100%;
}
#sidebar{
    z-index:10;
}
#contentwrapper{
    z-index:5;
}
.menubg{
    display:flex;
    flex-flow:column wrap;
}
.menu-bottom{
    box-shadow: rgba(0,0,0,0.3) 2px 4px 8px;
    background-color:#545454;
    flex-grow:1;
    z-index:1;
}
.menu-top{
    display:flex;
    position:relative;
    box-shadow: rgba(0,0,0,0.3) 2px 4px 8px;
    background-color:#545454;
    z-index:1;
}
.menu-top .menu-content {
    flex-grow: 1;
    padding: 1em 2em;
    width: 100%;
}
.menu-table{
    display:inline;
}
.menu-table tr > td{
    padding-bottom:20px;
    /*vertical-align:middle;*/
}
.menu-table tr > td:first-child {
    width:32px;
}
.menu-table tr > td:last-child{
    padding-top:5px;
    padding-left:10px;
}
.menu-list{
    background-color:#ebebeb;
    flex-shrink:1;
}
.menu-list .menu-item > div{
    position:relative;
    display:flex;
    flex-direction: row;
    height:62px;
    margin-top:-1px;
}

.menu-list .menu-item > div > a{
    white-space: nowrap;
    padding: 1em;
    border-radius:0;
    color:#bcbec0;
    box-shadow: rgba(0,0,0,0.3) 2px 4px 8px;
    background-color:#545454;
    display:inline-block;
    flex-grow:1;
    vertical-align:middle;
}
.menu-list .menu-item > div > a > img{
    display: inline;
    width: 30px;
    height: 32px;
    margin-right:12px;
    vertical-align: middle;
    fill:#bcbec0;
}
.menu-list .menu-item.is-active > div > a{
    color:#fff !important;
    border-left: 8px solid #F26724;
    padding-left: calc(2em - 8px);
    background-color:#434345;
    box-shadow:none;
}
.menu-list .menu-item > div > img:last-child {
    display:none;
}
.menu-list .menu-item.is-active > div > img:last-child {
    display: inline-block;
    height: 100%;
    width:12px;
    filter: drop-shadow( 1px 3px 1px hsla(0, 0%, 0%, 0.4));
}

.menu-list .menu-item.is-active > div {
    overflow:hidden;
}

@media screen and (max-width: 1024px) { /*ipad fix*/
    .menu-list .menu-item.is-active > div > img:last-child{
        margin-left:-1px;
    }
}

.menu-list .menu-item > div > a:hover{
    background-color:#434345;
}

.menu-list .menu-item > ul{
    background-color:#DCDDDE;
    margin: 0px;
    padding: 0;
    display:none;
    border:none;
}

/*.menu-list .menu-item.collapse > ul{
    display:block;
}*/

.menu-list .menu-item > ul >li > a{
    white-space:normal;
    padding:1em 2em;
    box-shadow: rgba(0,0,0,0.3) 2px 4px 8px;
    background-color:#DCDDDE;
    color:#414042;
}

.menu-list .menu-item > ul >li > a:hover{
    background-color:#717375;
    color:#fff;
}

.image.is-center{
    margin-left:auto;
    margin-right:auto;
}

.button:focus:not(:active), .button.is-focused:not(:active) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.button.is-orange{
    background-color:#F26724;
}

.button.is-orange:hover{
    background-color:#E35815;
}

.button.is-gray{
    background-color:#3E3E3F;
}

.button.is-gray:hover{
    background-color:#2E2E2F;
}

.button.is-fullwidth{
    width:100%;
}
nav.is-orange{
    background-color: #f16a21;
    background-image: linear-gradient(147deg, #f16a21 21%, #e4562f 95%);
    height:54px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
nav.is-orange .navbar-item{
        -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
nav.is-orange a:hover{
    background-color:rgba(255,255,255,0.1);
}
nav.is-orange .navbar-item:nth-child(2){
    flex-grow:1;
}
nav.is-orange .navbar-item:nth-child(2) > *{
    margin-left:auto;
    margin-right:auto;
}
@media screen and (min-width: 769px) {
    nav.is-orange > .navbar-item:first-child {
        padding-left:2em;
    }

     nav.is-orange > .navbar-item:last-child {
        padding-right:2em;
    }
}

.mediacard {
    padding: 0.5em;
    margin-right: 1em;
    margin-bottom: 1em;
    width: auto;
    float: left;
    text-align:center;
}

.mediacard > label {
    font-size: 0.8em;
}

/*login*/
.wrap-login {
    width: 100%;
    max-width: 304px;
    margin-left: auto;
    margin-right: auto;
}
.wrap-login-table{
    width:100%;
    height:100%;
    display:table;
}
.wrap-login-item{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
div.rememberme{
    width:100%;
    margin-top:0em;
    margin-bottom:0.4em;
}
div.rememberme > *{
    vertical-align:middle;
    cursor:pointer;
}
/*login END*/

/*FLoating Label*/
.group{ 
  position:relative;
  margin-bottom:1.5em; 
  border-radius:6px;
  border:1px solid #c0c0c0;
}
.group > .icon{
  position:absolute;
  top:0.5em;
  right:0.7em;
}
input.is-google{
  padding:10px 2.5em 10px 10px;
  display:block;
  width:100%;
  border-radius: inherit;
  border:none;
  border-bottom:1px solid #e3e3e3;
}
input.is-google:focus{ outline:none; }

/* LABEL ======================================= */
label.is-google{
  color:#58595B;
  position:absolute;
  pointer-events:none;
  left:0.7em;
  top:0.7em;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input.is-google:focus ~ label.is-google, input.is-google:valid ~ label.is-google		{
  top:-8px;
  font-size:0.7em;
  color:#ff5000;
  background-color:#ffffff;
  padding-left:3px;
  padding-right:3px;
}

/* BOTTOM BARS ================================= */
.bar 	{ 
    position:relative; 
    display:block; 
    width: calc(100% - 6px);
    margin-left:auto;
    margin-right:auto;
}
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:0; 
  position:absolute;
  background:#ff5000; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input.is-google:focus ~ .bar:before, input.is-google:focus ~ .bar:after {
  width:50%;
}

/*FLoating Label END*/


@media screen and (max-width: 768px) {
  .side-padding2{
      padding-left:20px !important;
      padding-right:20px !important;
  }

  .wrap-login{
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

.toptitle{
    margin-top: -1em;
    margin-left: -1.5em;
    margin-right: -1.5em;
}

.toptitle > .card{
    width:100%;
}

.toptitle > .card > .card-content{
    padding-top:1.2em;
    padding-bottom:1.2em;
    padding-left:3.7em;
    padding-right:3.7em;
}
.card{
    border-radius: 5px;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.2);
}
.card > .card-content{
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
}
.card > .card-content.is-chart{
    padding:5px;
    overflow:hidden;
}
.card .card-header{
    box-shadow: 0 4px 8px -2px rgba(0,0,0,0.15);
}
.card.is-close > .card-content{
    height:40vh;
    overflow:hidden;
}
.card.is-close > .card-content.is-table:after{
    content:'';
    background-image: -webkit-gradient(linear, center bottom, center top, from(rgb(255,255,255)), to(rgba(255,255,255,0)));
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100px;
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
}
.card.is-open > .card-content{
    min-height:75vh;
}
.card .card-header > .card-header-icon > .icon{
    background-image:url('../../img2/Maximize%20Icon.svg');
    background-repeat:no-repeat;
    background-size:contain;
}
.card.is-open .card-header > .card-header-icon > .icon {
    background-image:url('../../img2/Minizmize%20Icon.svg');
}
.card  .card-header-title{
    font-weight:400;
    color:#58595b;
}

input[type=text]:not(.is-google),
input[type=password]:not(.is-google) {
    background-color: #ebebeb;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #ebebeb inset, 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 3px #ebebeb inset, 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px #ebebeb inset, 0 1px 1px rgba(0,0,0,0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    /*height: 25px;*/
    line-height: 24px;
    padding: 0.5em;
    color: #58595b;
    text-decoration: none;
}

.checkbox-group{
    line-height:30px;
}
.checkbox-group > tbody > tr > td{
    vertical-align:middle;
}

.checkbox-group > tbody > tr > td > *{
    vertical-align:middle;
}

.caleran-title{
    line-height:1em;
}

.table.is-orange{
    width:100%;
    border:1px solid #dbdbdb;
}
.table.is-orange th,
.table.is-orange > thead > tr > th,
.table.is-orange > thead > tr:hover > th{
    background-color:#F26724;
}
.table.is-orange th,
.table.is-orange > thead > tr > th{
    text-align :left;
    color:#fff !important;
    font-weight:normal;
    border:0;
}
.table.center-aligned-header > thead > tr > th {
	text-align: center;
}
.table.is-orange.item-left > thead > tr > th {
    text-align :left;
}
/*.table.is-orange > thead > tr > th:first-child{
    border-top-left-radius: 10px;
    border-left:1px solid #dbdbdb;
    display:block;
}
.table.is-orange > thead > tr > th:last-child{
    border-top-right-radius: 10px;
    border-right:1px solid #dbdbdb;
    margin-right:-1px;
    display:block;
}*/
.table.is-orange > tbody > tr > td{
    text-align :center;
    color:#000 !important;
    font-weight:normal;
    font-size:0.9em;
    border-bottom:1px solid #dbdbdb;
}
.table.is-orange.item-left > tbody > tr > td {
    text-align :left;
}
/*.table.is-orange > tbody > tr > td:first-child{
     border-left:1px solid #dbdbdb;
}
.table.is-orange > tbody > tr > td:last-child{
     border-right:1px solid #dbdbdb;
}*/

table.no-border-all{
    background-color:#fff;
    width:100%;
    margin-bottom:0.75em;
}
table.no-border-all td{
    padding:0.75em;
}
table.no-side-padding td {
    padding-left: 0;
    padding-right: 0;
}
table.no-top-padding td {
    padding-top: 0;
}
select{
  line-height: 24px;
  padding: 0.5em;
  color: #58595b;
  text-decoration: none;
  background-color: #ebebeb;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  -webkit-box-shadow: 0 0 3px #ebebeb inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ebebeb inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ebebeb inset, 0 1px 1px rgba(0,0,0,0.1);
  display: block;
  border:0;
}
.is-blue{
    color:#3273DC;
}
.is-green{
    color:#00D1B2;
}
.is-dark{
    color:#363636;
}
.is-yellow{
    color:#FFDD57;
}

.button.bg-color-blue{
    background-color: #3273dc;
    border-color: transparent;
    color: #fff;
}
.button.bg-color-blue:hover{
    background-color: #276cda;
}

.custom-input {
    display: inline-block !important;
    margin-bottom: 10px !important;
}
.custom-lbl {
    display: block !important;
}
.custom-display {
    height: 30px !important;
    width: 20px !important;
    margin-top: 5px !important;
}

.is-divider-margin-1 {
	margin: 1em 0 !important;
}