/* Clear all styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;}

/* remember to define focus styles! */
:focus {
    outline: 0;}

body {
    line-height: 1;
    color: black;
    background: white;}

ol, ul {
    list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table{
    border-collapse: separate;
    border-spacing: 0;}

caption, th, td {
    text-align: left;
    font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";}

blockquote, q {
    quotes: "" "";}
/*Ceal all styles END */
/**{margin:0px; padding:0px; list-style:none;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/

.checkBig input {width:20px; height:20px; margin-top:-3px;}
a{ text-decoration:none; color:#777;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover{color:#333;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right}
.m10{margin:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.mt-5{margin-top:-5px;}
.mt-10{margin-top:-10px;}
.mt-10{margin-top:-10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.p10{ padding:10px;}
.pt10{padding-top:10px;}
.tar{ text-align:right!important;}
.tal{ text-align:left;}
.tac{ text-align:center;}
h1{ font-size:30px; color:#35404e; text-align:left; margin-bottom:10px; margin-left:10px;}
h2{ font-size:22px; color:#000; text-align:left; margin-bottom:10px;}
.logMessage{padding:10px; margin-top:10px; border:1px solid #ccc; color:red;}

body {
  background: #76b852; 
  background: -webkit-linear-gradient(right, #76b852, #8DC26F);
  background: -moz-linear-gradient(right, #76b852, #8DC26F);
  background: -o-linear-gradient(right, #76b852, #8DC26F);
  background: linear-gradient(to left, #76b852, #8DC26F);
  font-family: 'MYRIADPROREGULAR' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;      
}

.page-header{width:100%; max-width:1920px; background:#fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); }
.page-header .logout{float:right; width:155px; margin:8px 10px 0 0 ;}
.page-header .logout a{ float:right;}
.page-header .logout span{margin:0 6px 0 0; font-size:14px;}
.page-header .logout img{height:34px; margin-bottom:-12px;}
.page-header .logout .user{float:right; margin:10px; font-size:14px; color:#444; border-top:1px dotted #e2e2e2; padding-top:10px; text-align:right;}
.page-header .cmk{width:152px; margin:15px 10px;}

.big-buttons{width:100%;max-width:1240px; margin:20px auto; text-align:center;}
.big-buttons .bbtn{width:49%;  height:35%; display:inline-block; background:#fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); min-height:140px; vertical-align:top;-webkit-transition: all 0.2s ease; font-size:18px; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 5px 5px 5px 5px; margin:2px 0;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;}
.big-buttons .bbtn a{display:table; height:140px; text-align:center;  width:100%; color:#666; font-size:22px;}
.big-buttons .bbtn a span{display:table-cell; vertical-align:middle;}
.big-buttons .bbtn a span p{ font-size:14px;}
.big-buttons .bbtn img{width:44px; margin-bottom:10px;}
.big-buttons .bbtn:hover{ background:#7eb2c7;}
.big-buttons .bbtn:hover a{ color:#fff;}

.filterBtn{float:left!important;}

.pageCommon{width:100%;max-width:1920px; background:#f1f1f1; height:100%; margin:10px auto;}
.pageCommon .wrapper{padding:10px 0; text-align:center;}
.pageCommon .wrapper .menu{width:20%; float:left; border-right:1px solid #e2e2e2; margin-left:.5%;}

.footer{width:100%; padding:5px 0; background:#fff; position:fixed; bottom:0;}
.footer .wrapper{margin:10px;}
.footer .wrapper .privacy{color:#999; float:left;}
.footer .wrapper .logo{ float:right;}

/*ERROR*/
.errorRed {
    /*margin:0px 0px 10px 0px; */
    background: #aa4949;
    padding: 10px 0px;
    border-bottom: 1px solid #e2e2e2;
    text-indent: 10px;
    color: #FFF;
}

.errorOrange {
    /*margin:0px 0px 10px 0px; */
    background: #aa7d49;
    padding: 10px 0px;
    border-bottom: 1px solid #e2e2e2;
    text-indent: 10px;
    color: #FFF;
}

.errorGreen {
    /*margin:0px 0px 10px 0px; */
    background: #819e5b;
    padding: 10px 0px;
    border-bottom: 1px solid #e2e2e2;
    text-indent: 10px;
    color: #FFF;
}

.ddl80 {
    width: 33%;
    height: 41px;
}

/*END ERROR*/

/*LOGIN PAGE*/

.login-page {
  width: 392px;
  padding: 8% 0 0;
  margin: auto;
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 392px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #4CAF50;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #43A047;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.form .register-form {
  display: none;
}
.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}


/*LOGIN PAGE*/

.contPanel{width:78%; float:right; margin-right:.5%;}
.contPanel .map{background:#fff; padding:10px 0; text-align:left; border-radius:5px;}
.contPanel .add{padding:10px 0;}
.contPanel .add a{padding:10px; border-radius:5px; display:block; background:#2a3f54;  font-size:18px; color:#fff;}
.contPanel .filter{background:#fff; padding:10px 0; text-align:left; border-radius:5px; margin-bottom:10px;}
.contPanel .filter .wrapper{margin:10px; text-align:center;}
.contPanel .filter .wrapper .list{display:inline-block; width:33%;}
.contPanel .filter .wrapper .list span {
     color: #666;
     display: block;
     padding: 0px 0;
}
.contPanel .list{ background:#fff; padding-bottom:15px;}

.contPanel .videoCont{text-align:left; padding-bottom:16px;}
.contPanel .videoCont img{margin:0px 0 -20px -5px;}

.list table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  padding: 0;
  width:98%;
  table-layout: fixed;
  margin:0 1%;
}
.list table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
.list table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
.list table tr:hover{background:#e2e2e2;} 
.list table th,
.list table td {

  padding: .625em;
  text-align: left;
}
.list table td { height:22px;}
.list table td a{ text-decoration:underline;}
.list table td img{width:25px; margin-bottom:-9px;}
.list table th {
   font-weight:bold;
  font-size: 1em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/*CONTENT MENU*/
.left-menu{float:left; width:100%; height:100%; position:relative; z-index:3; margin-top:0px; margin-bottom:10px;}
.left-menu h1{padding:10px; font-size:18px; font-weight:bold; color:#FFF; background: #000; 
  border-bottom:1px solid #FFF;}
.left-menu ul li{display: inline-block; width:100%; border-bottom:1px solid #e2e2e2;}
.left-menu ul li a {text-decoration: none; padding:10px 0; color:#2a3f54; width:96%; display: block; font-weight:bold; padding:10px 2% 10px 2%; background:#fff;}
.left-menu ul li li a{color:#48647f;}
.left-menu ul li li a:hover{background: #76b852!important; font-weight:100;}
.left-menu ul li li li a{color:#48647f; background:#222;}
.left-menu ul li a:hover{ background: #2a3f54!important; color:#FFF;}
.sub-menu { display: none;}
#MainCat > li > a {
    background: #2a3f54;
    color: #fff;
}
/*CONTENT MENU*/

@media screen and (max-width: 1240px) {
    .ddl80 {
        width: 32.5%;
        height: 41px;
    }
}
@media screen and (max-width: 1000px) {
.contPanel{width:98%; float:none; margin-right:.5%;}
.pageCommon .wrapper .menu{width:98%; float:none; border-right:1px solid #e2e2e2; margin-left:.5%;}
.filterBtn{float:none;}
}
@media screen and (max-width: 600px) {
  .page-header .cmk{width:152px; padding:15px 0;}
  .list table {
    border: 0;
  }
  .list table caption {
    font-size: 1.3em;
  }
  .list table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .list table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .855em;
  }
  .list table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .9em;
    text-align: right;
  }
 .list  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  .list table td:last-child {
    border-bottom: 0;
  }
  
}



/*FORM*/
/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}
input[type=password], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
input[type=submit] {
    background-color: #2a3f54;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    margin: 5px 2px;
}

/* Style the container */
.formcont {
  border-radius: 5px;
  /*background-color: #f2f2f2;*/
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
  text-align:left;

}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}
/* Floating column for labels: 25% width */
.col-100 {
    float: left;
    width: 100%;
    margin-top: 6px;
    text-align: left;
}

/* Floating column for inputs: 75% width */
.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
        margin: 2px 0px;
    }
}
/*FORM*/