/*Account for width of menu*/
header, main, footer {
  /*padding-left: 300px;*/
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }

body {
    font-family:"Roboto", sans-serif !important;
}

nav {
    height:60px;
}
nav .brand-logo {
    transform:none;
    float:left;
    position:relative !important;
    display:initial !important;
    left:initial;
    top:10%;
}
nav .brand-logo img {
    max-height: 45px;
    position: relative;
}

table.responsive tr {
    cursor:pointer;
}

@media screen and (max-width:650px) {
    table.responsive {
        overflow-y: hidden;
        overflow-x: auto;
        display: block;
    }
    table.responsive td.responsive, table.responsive th.responsive  {
        display:none;
    }
    table.responsive .subject {
        min-width:120px;
    }
    table.responsive .location {
        min-width:90px;
    }
    .message-name {
        font-size:12px;
    }
    .message-date {
        font-size:10px;
    }
}
@media screen and (min-width:610px) {
    table.responsive td.brand, table.responsive th.brand {
        display:table-cell;
        min-width:120px;
    }
}
@media screen and (min-width:398px) {
    table.responsive td.brand, table.responsive th.brand {
        display:table-cell;
        min-width:120px;
    }
}
@media screen and (max-width:512px) and (max-height: 847px) {
    .video-container iframe {
        min-height:45vh;
    }
}
@media screen and (max-width:428px) and (max-height: 747px) {
    .video-container iframe {
        min-height:40vh;
    }
}

.blue-bg {
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
    background: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
}
.red-bg {
    background: #FF5252;
    background: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
    background: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
}
.orange-bg {
    background: #ff6f00;
    background: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
    background: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
}
.green-bg {
    background: #43A047;
    background: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
    background: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
}
.purple-bg {
    background: #570565;
    background: -webkit-linear-gradient(45deg, #570565 0%, #dd54ff 100%);
    background: linear-gradient(45deg, #570565 0%, #dd54ff 100%);
}
.darkblue-bg {
    background: #263238;
    background: -webkit-linear-gradient(45deg, #263238 0%, #2979FF 100%);
    background: linear-gradient(45deg, #263238 0%, #2979FF 100%);
}
.grey-bg {
    background: #546e7a;
    background: -webkit-linear-gradient(45deg, #546e7a 0%, #cfd8dc 100%);
    background: linear-gradient(45deg, #546e7a 0%, #cfd8dc 100%);
}
.indigo-bg {
    background: #3949ab;
    background: -webkit-linear-gradient(45deg, #3949ab 0%, #4fc3f7 100%);
    background: linear-gradient(45deg, #3949ab 0%, #4fc3f7 100%);
}
.black-bg {
    background: #000000;
   /* background: -webkit-linear-gradient(45deg, #000000 0%, #7e9098 100%);
    background: linear-gradient(45deg, #000000 0%, #7e9098 100%);*/
}
.altitude-bg {
    background: #570565;
    background: -webkit-linear-gradient(45deg, #570565 0%, #000000 100%);
    background: linear-gradient(45deg, #570565 0%, #000000 100%);
}
.adrenaline-bg {
    background: #04349a;
    background: -webkit-linear-gradient(45deg, #04349a 34%, #93dd02 105%);
    background: linear-gradient(45deg, #04349a 34%, #93dd02 105%)
}
footer.page-footer {
    background-color:#000000;
    /*position: absolute;*/\
    bottom: 0;
    width: 100%;
}

.card .card-title {
    font-size:20px;
}

.tabs .tab a {
    color:#74b2d4;
}
.tabs .tab a.active {
    color:#0288d1;
}
.tabs .indicator {
    background-color:#0288d1;
}
.btn, .btn-floating {
    background-color:#048cd1;
    color:#FFF;
}
.btn:hover, .btn:focus, .btn-floating:hover {
    background-color:#0b5479;
    color:#FFF;
}
.collection a.collection-item {
    color:#048cd1;
}
.fixed-action-btn ul {
        bottom:initial;
        top:90px;
    }


/*Management*/
.management table tr:hover {
    cursor:pointer;
}


.page-breadcrumb li {
    display: inline-block;
}
.wickedpicker{
    z-index: 99;
}
.not_show{
    display: none;
}
.hiddenbox{
    display: none;
}
.count{
    font-size: 24px;
    font-weight: 700;
}
.count strong{
    font-size: 34px;
    font-weight: bolder;
}
.count small{
    font-size: 16px;
}

.s_detai{
    font-size: 12px;
}
.modal{
    background-color: transparent !important;
}
.z-depth-4, .modal{
    box-shadow: none !important;
}
table thead tr td, table thead tr th{
    border-radius: 0px;
}
table tfoot tr td, table tfoot tr th{
    border-radius: 0px;
}
table tbody tr td{
    border-radius: 0px;
}
nav a.button-collapse{
    display: block !important;
}
.bold{
    font-weight: bold;
}
.sec_detail{
    margin-bottom: 5px;
    padding: 5px;
}
.sec{
    margin-top: 10px;
}
.tag_menu ul li{
    list-style: none;
    display: inline-block;
}
.tag_menu ul li a{
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    background-color: #0D47A1;
    display: block;
    margin-bottom: 10px;
}
.tag_menu ul li a:hover{
    background-color: #3F51B5;
}
.side-nav .user-view, .side-nav .userView{
    padding: 32px 48px 0 !important;
}
.nav-custom{
    padding: 0 15px;
}
.image{
    width: 130px;
}
.padding-10{
    padding: 10px;
}
.margin-0{
    margin: 0px !important;
}
.margin-bottom-10{
    margin-bottom: 10px !important;
}
.clear-both{
    clear: both !important;
}
.form-box{
    background: #fff none repeat scroll 0 0;
    padding: 15px;
}
.tagline{ 
    height:0; 
    border-top:2px solid #CFCFCF; 
    text-align:center;
    margin-top: 15px;
}
.tagline span{ 
    text-transform:uppercase; 
    display:inline-block;
    position:relative;
    padding:0 15px; 
    background:#fff; 
    color:#4ebd4a;
    top:-12px;  
}
.error{
    color: #DE0702;
}
.state-error{
    color: #DE0702;
}
.custom-btn{
    width: 140px; 
}
.input-group {
    display: table;
}
.input-group input, .suffix {
    display: table-cell;
    vertical-align: top;
}
.suffix {
    width:1%;
}
.slider-input{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none !important;
    color: #f6931f;
    margin-left: 10px !important;
    margin-top: -10px !important;
    position: absolute;
} 
.private_box{
    display: none;
}

/* Start loader css*/

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*    background-color: rgba(0,0,0,0.3);*/
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: 3em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* End loader css*/


/* @google map :: block elements 
----------------------------------------------------------------------- */

.smart-forms .map-container{ 
    padding:10px; 
    margin-bottom:10px; 
    border: 1px solid #CFCFCF;  
}

.smart-forms .map-area,
.smart-forms #map_canvas{ 
    width:100%; 
    height:400px; 
    overflow:hidden;  
}
.smart-forms .block{ 
    display:block; 
}
.smart-forms .custom-block-list,
.smart-forms .custom-block-list li{
    list-style-type:none;
    display:block;
    padding:0;
    margin:0;  
}
.smart-forms .custom-block-list li{ 
    padding:3px 0;
    font-size:14px;  
}
.smart-forms .custom-block-list li span,
.smart-forms .custom-block-list li strong{ 
    font-weight:300; 
    color:#00AFFF;  
}
.toclone{
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px !important;
}


.smart-forms .option{ 
    font-size:14px; 
}
.smart-forms .option {
    position: relative;	
    padding-right:15px;    
    display: inline-block;
    vertical-align:middle;
}
.smart-forms .option > input {
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0;
}
/* Smart-options 

-------------------------------------------*/

.smart-forms .option-group:before,

.smart-forms .option-group:after{ display: table; content: ""; line-height: 0; }

.smart-forms .option-group:after{ clear: both; }

.smart-forms .smart-option-group .option{ 

    padding:0; 

    margin:0;  

}



.smart-forms .smart-option{

    border: 1px solid #c5c5c5;

    margin-right:5px;

    background: #F5F5F5;

    font-weight: normal;

    text-decoration: none;

    color: #454545;

    border-radius: 3px;

    padding:0 20px;

    display: inline-block;

    position: relative;

    line-height: normal;

    cursor: pointer;

    vertical-align: middle;

    text-align: center;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    overflow:hidden;

    line-height:40px;

    height:40px;	

}



.smart-forms .smart-option-ui{ display: inline-block;  }

.smart-forms .smart-option-ui .iconc{

    position:relative;

    margin-right:2px;

    background: #fff;

    display: inline-block;

    border: 3px solid #CFCFCF;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px; 

    -o-border-radius: 2px; 

    border-radius: 2px;		

    margin-bottom:0;

    margin-top:0;	

    height: 21px;

    width: 21px;

    top:4px;

}



.smart-forms .smart-radio .iconc{

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px; 

    -o-border-radius: 20px; 

    border-radius: 20px;

}



.smart-forms .option > input:checked + .smart-option {

    border-color: #2F8640;

    background: #4ebd4a;

    color: white;

}

.smart-forms .option > input:checked + .smart-option .fa { font-size:14px; }

.smart-forms .option > input:checked + .smart-option .iconc { border-color: #2F8640; }

.smart-forms .smart-radio .iconc:before, 

.smart-forms .smart-checkbox .iconc:before {

    content: '';

    display: none;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    -o-box-sizing: content-box;

    box-sizing: content-box;

    padding: 0;

    margin: 0;

}



.smart-forms input:checked + .smart-radio .iconc:before, 

.smart-forms input:checked + .smart-checkbox .iconc:before { display: block; }

.smart-forms input:checked + .smart-radio .iconc:before { 

    margin: 4px;

    width: 8px;

    height: 8px;

    background: #2F8640;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px; 

    -o-border-radius: 10px; 

    border-radius: 10px;

}



.smart-forms input:checked + .smart-checkbox .iconc:before { 

    position: absolute;

    top: 5px;

    left: 4px;

    width: 6px;

    height: 3px;

    border: solid #2F8640;

    -webkit-border-width: 0 0 3px 3px;

    -moz-border-width: 0 0 3px 3px;

    border-width: 0 0 3px 3px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.smart-forms .smart-option-list {

    display: inline-block;

    vertical-align: top;

    white-space: nowrap;

    font-size: 0;

}



.smart-forms .smart-option-list.left { float: left; }

.smart-forms .smart-option-list.right { float: right; }

.smart-forms .smart-option-list .smart-option{ 

    margin-right:0;

    margin-left: -1px;

    border-radius: 0;

}



.smart-forms .smart-option-list label:first-child .smart-option{

    margin-left: 0;

    border-radius: 3px 0 0 3px;

}



.smart-forms .smart-option-list label:last-child .smart-option{

    border-radius: 0 3px 3px 0;

}



.smart-forms .smart-option-list .option > input:checked + .smart-option {

    position: relative;

    z-index: 1;

}



.smart-forms .group-vertical,

.smart-forms .group-vertical .option,

.smart-forms .group-vertical .option .smart-option,

.smart-forms .group-vertical .option .smart-option-ui { display:block; text-align:left; }

.smart-forms .group-vertical .option .smart-option{ margin:0; margin-top: -1px;  }

.smart-forms .group-vertical label:first-child .smart-option{ border-radius: 3px 3px 0 0; }

.smart-forms .group-vertical label:last-child .smart-option{ border-radius: 0 0 3px 3px ; }

.smart-forms .smart-option-ui .iconc-pos{

    -webkit-transition: margin 0.6s, opacity 0.6s;

    -moz-transition: margin 0.6s, opacity 0.6s;

    -ms-transition: margin 0.6s, opacity 0.6s;

    -o-transition: margin 0.6s, opacity 0.6s;

    transition: margin 0.6s, opacity 0.6s; 

    display:inline-block;

    margin-right:-80px; 

    position:absolute;

    right:-200px;

    opacity:0; 

}



.smart-forms .option > input:checked + .smart-option .iconc-pos{ 

    opacity:1; 

    right:20px; 

    margin-right:0;  

}


/* @ui slider - requires jquery ui

------------------------------------------------------*/

.smart-forms .slider-wrapper, 

.smart-forms .sliderv-wrapper{ 

    background:#E5E5E5; 

    position:relative; 

}



.smart-forms .ui-slider {

    position: relative;

    text-align: left;

}



/* @changes to the ui slider widget in v.4  

------------------------------------------------------------- */

.smart-forms .ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 21px;

    height: 21px;

    cursor: default;

    background:#fff;

    border:3px solid #4ebd4a;

    -webkit-border-radius:20px;

    -moz-border-radius:20px;

    -o-border-radius:20px;

    border-radius:20px;	

    -ms-touch-action: none;

    touch-action: none;

    margin-top:-4px;

    outline:none;

}



.smart-forms .ui-slider .ui-slider-handle:before{

    content: '';

    width: 8px;

    height: 8px;

    position:absolute;

    background-color: #4ebd4a;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px; 

    -o-border-radius: 10px; 

    border-radius: 10px;

    z-index: 2;	

    left:4px;

    top:4px;

}



.smart-forms .ui-slider .ui-slider-range {

    position: absolute;

    z-index: 1;

    font-size: .7em;

    display: block;

    border: 0;

    background-position: 0 0;

    background-color: #4ebd4a;

}



.smart-forms .ui-slider.ui-state-disabled .ui-slider-handle,

.smart-forms .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.smart-forms .ui-slider-horizontal { height: .5em; }

.smart-forms .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }

.smart-forms .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.smart-forms .ui-slider-horizontal .ui-slider-range-min { left: 0; }

.smart-forms .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.smart-forms .ui-slider-vertical, 

.smart-forms .sliderv-wrapper { width: .5em; height: 100px; }

.smart-forms .ui-slider-vertical .ui-slider-handle { left: -.45em; margin-left: 0; margin-bottom: -.6em; }

.smart-forms .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.smart-forms .ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.smart-forms .ui-slider-vertical .ui-slider-range-max { top: 0; }

.smart-forms .slider-input{  color:#f6931f!important; border:0; background:none; }

.smart-forms .slider-group .sliderv-wrapper{ height:150px; float:left; margin:15px 15px;   }

.smart-forms .ui-slider .ui-state-active {

    cursor: -webkit-grabbing;

    cursor: -moz-grabbing;

    cursor: grabbing;

}



/* @ui slider tooltip

------------------------------------------------------*/

.smart-forms .slider-tip {

    display: block;

    position: absolute;

    text-align: center;

    font: 10pt Tahoma, Arial, sans-serif ;

    background: #333333;

    padding:10px;

    color: #fff;

}



.smart-forms .slider-wrapper .slider-tip{ top: -50px; left:-15px; }

.smart-forms .slider-wrapper .slider-tip:after { 

    content: ''; 

    position: absolute; 

    top: 98%;

    left: 35%;

    border-top: 8px solid #333333;

    border-right: 8px solid transparent;

    border-left: 8px solid transparent;	

}



.smart-forms .sliderv-wrapper .slider-tip{ left: 30px; top:-12px; }

.smart-forms .sliderv-wrapper .slider-tip:after{ 

    content: ''; 

    position: absolute;

    top:30%;

    right: 98%;

    border-right: 8px solid #333333;

    border-top: 8px solid transparent;

    border-bottom: 8px solid transparent;	

}



/* @ui slider themes

------------------------------------------------------*/

.smart-forms .yellow-slider .ui-slider .ui-slider-handle{ border-color:#faa226; }

.smart-forms .yellow-slider .ui-slider .ui-slider-handle:before,

.smart-forms .yellow-slider .ui-slider .ui-slider-range { background-color: #faa226;  }

.smart-forms .red-slider .ui-slider .ui-slider-handle{ border-color:#ee4f3d; }

.smart-forms .red-slider .ui-slider .ui-slider-handle:before,

.smart-forms .red-slider .ui-slider .ui-slider-range { background-color:#ee4f3d;  }

.smart-forms .purple-slider .ui-slider .ui-slider-handle{ border-color:#9464e2; }

.smart-forms .purple-slider .ui-slider .ui-slider-handle:before,

.smart-forms .purple-slider .ui-slider .ui-slider-range { background-color:#9464e2;  }

.smart-forms .blue-slider .ui-slider .ui-slider-handle{ border-color:#00acee; }

.smart-forms .blue-slider .ui-slider .ui-slider-handle:before,

.smart-forms .blue-slider .ui-slider .ui-slider-range { background-color:#00acee;  }

.smart-forms .black-slider .ui-slider .ui-slider-handle{ border-color:#505558; }

.smart-forms .black-slider .ui-slider .ui-slider-handle:before,

.smart-forms .black-slider .ui-slider .ui-slider-range { background-color:#505558;  }

.smart-forms .green-slider .ui-slider .ui-slider-handle{ border-color:#0E993C; }

.smart-forms .green-slider .ui-slider .ui-slider-handle:before,

.smart-forms .green-slider .ui-slider .ui-slider-range { background-color:#0E993C;  }

@media screen and (max-width: 324px) {
    .media_margin_holiday {
        margin-top: 30px;
    }
}

@media screen and (min-width: 601px){
    nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons{
        height: 64px;
        line-height: 64px;
    }   
}

@media screen and (max-width: 1024px) {
    table.dataTable thead th, table.dataTable thead td{
        border-bottom: none !important;
    }
}

.table-area td.truncate {
    max-width: 50px;
}
.table-area td.truncate {
    display:table-cell;
}
.table-area td .chip {
    height:21px;
    line-height:21px;
}