body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}
nav .sidenav-trigger i{
    line-height: 40px;
}
.header_bar{
    background-color:#232F3E;
    line-height: 44px;
}
.header_brand{
    background-color: #f9f8ee;
}
/* .header-logo{
    color: #232F3E !important;
    font-size: 16px;
}

    body > div.header_bar > div > div > div.col.l6.m6.s12.right-text > span{
    color: #232F3E !important;
    } */
    .header-logo:hover{
        color: #DB5503 !important;
    }
    .lang a{
        color: #fff;
        }
        .lang a:hover{
            color: #DB5503;
    }
body > div.header_bar > div > div > div.col.l6.m6.s12.right-text > span > a:hover{
    color: #DB5503 !important;
}
div.header_menu > nav
{
    /* box-shadow: 2px 2px 5px 2px #eee; */
    height: 45px;
    background-color: #E5EAEF !important;
    margin-top: -20px;
}
div.header_menu > nav a{
    line-height: 30px;
    color: #232F3E !important;
}
/* div.header_menu > nav .active{
    background-color: unset !important;
} */
div.header_menu > nav .active a{
    color: #3897C8 !important;
    /* border-bottom: 2px solid #3897C8 !important; */
}

/* div.header_menu > nav .dropdown-content .active a{
    color: #DB5503 !important;
} */

div.header_menu > nav a:hover{
   background-color: unset !important;
   color: #3897C8 !important;
}

div.header_menu > nav .dropdown-content{
    background-color: #fff !important;
padding-bottom: 10px;
padding-top: 10px;
overflow-y: unset;
}
div.header_menu > nav .dropdown-content::before{
    background: #fff;
    content: '';
    position: absolute;
    left: 20%;
    top: -1px;
    transform: translateX(-50%) translateY(-40%) rotate(45deg);
    height: 0.825em;
    width: 0.825em;
    z-index: -1;
}
div.header_menu > nav .dropdown-content a{
    color: #1A89C2 !important;
}
div.header_menu > nav .dropdown-content a:hover{
text-decoration: underline !important;
color: #DB5503 !important;
 }

.header_bar span img{
    width: 25px;
    min-width: 25px;
    margin: 0% 0px -8px 1%;
    cursor: default;
    border-radius: 1px;
}

.sidenav{
    border-top: 5px solid darkred;
    padding-top: 2%;
}
.mobile-view .dropdown-content{
    position: unset;
    margin-left: 15px;
}

.mobile-view .dropdown-content a{
margin-left: 5% !important;
padding: 5% !important;
color: #007EB9 !important;
}
.main{
    margin: 0 4% !important;
    min-height: 400px !important;
}
.main .heading{
    margin-top: 5px;
    margin: 5px 0 !important;
}
.main .heading a{
    font-size: 36px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
}
.main-container{
    margin:0 1% !important;
}
.navbar-nav{
padding-left: 1% !important;
}
.navbar-nav .nav-item{
    position: relative;
}
.navbar-nav .nav-item .dropdown-content{
    height: auto !important;
    margin-top: -5px;
}
.navbar-nav .nav-item .dropdown-content a{
line-height: 20px !important;
}

.dropdown-content{
    width: 170px !important;
      top: 50px !important;
      margin: auto;
      height: auto;
     padding: 1% 5px;
  }
  .dropdown-content a{
     display: block !important;
padding: 1% 1% 1% 5% !important;
color: rgba(0, 0, 0, 0.8);
line-height: 1 !important;

  }
  .dropdown-content a:hover{
color: rgba(0, 0, 0, 0.8) !important;
      background-color: #eee !important;
       }

.select-dropdown{
    top: 10px;
    width: 100% !important;
    height: auto !important;
}
.select-dropdown li>span {
    padding: 0 15px !important;
    color: rgba(0, 0, 0, 0.8) !important;
}
.dropdown-content li{
    min-height: 24px !important;
}

nav{
    background-color: #fff !important;
    line-height: 3;
    height: 50px;
    box-shadow: none;
}
nav a{
    display: inline-block !important;
    padding: 3px 15px !important;
    color: rgba(0, 0, 0, 0.8) !important;
}


nav .nav-wrapper ul li a {
    margin: -7px 0;
    line-height: 30px !important;
}

nav .nav-wrapper ul li a:hover {
 background-color: transparent;
}

ul li .dropdown-menu {
    border: 2px solid #eee;
    border-top: none;
    z-index: 999;
    overflow-wrap: normal;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    min-width: 60%;
    width: 60%;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: -1px;
    left: 8%;
    display: none;
    overflow: hidden;
}

ul li:hover>.dropdown-menu,
ul li:focus-within>.dropdown-menu,
/* this is the line we add */
ul li .dropdown-menu:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}


nav .nav-wrapper ul li a {
    color: #2c2c2c;
    font-weight: 600;
    font-size: 14px !important;
    padding: 0 15px !important;
}

nav .nav-wrapper ul li a:hover {
    color: #2f6b9a;
    font-weight: 600;
    font-size: 14px !important;
}

.dropdown-menu a {
    color: #000;
    transition: color .15s ease-out;
    text-decoration: none;
    font-weight: 400 !important;
    display: inline-block;
}

.dropdown-menu a::before {
    content: "- ";
    color: #000;
    font-weight: 600;
}

.dropdown-menu .dropdown-title {
    font-weight: 700;
    color: #555;
    margin-left: 2%;
    font-size: large;
}

.dropdown-menu .dropdown-title::after {
    content: " :";
}

.alert{
    padding: 1%;
    border-radius: 5px;
    margin-bottom: 1%;
}

.alert-primary{
    background-color: #cce5ff;
}
.alert-secondary{
    background-color: #e2e3e5;
}
.alert-success{
    background-color: #d4edda;
}
.alert-danger{
    background-color: #f8d7da;
}
.alert-warning{
    background-color: #fff3cd;
}
.alert-info{
    background-color: #d1ecf1;
    margin: 2% 4% 1% 4%;
}
.alert-light{
    background-color: #fefefe;
}
.alert-dark{
    background-color: #d6d8d9;
    padding: 1%;
    border-radius: 5px;
    margin-bottom: 1%;
}

.title a span{
    font-size: 36px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.title .links a{
    padding: 1%;
    background-color: #eee;
    color: #000;
}
.title .links a:hover{
    background-color: ghostwhite;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);

}

    .right-text{
    text-align: right;
    }
@media only screen and (max-width: 992px) {
    .login-btns {
        display: none;
    }
.lang{
display: none;
}

}
@media only screen and (min-width: 992px) {
     .sidenav-trigger .material-icons{
         display: none !important;
     }

}
@media only screen and (max-width: 600px) {
    .header_bar .main-container .col{
        text-align: center !important;
    }
}

.login-btns {
    margin-top: -65px;
}

.login-btns .login-btn {
    font-weight: 400;
}

.mobile-view .login-btn {
    background-color: #143059;
    color: #fff;
}

.mobile-view .login-btn:hover {
    background-color: #143059;
    color: #fff;
}
.login{
    padding: 10px 10%;
    text-align: right;
}
.login a{
    font-weight: 400;
    font-size: small;
}

        .navigates{
            margin-bottom: 0px;
        }
/* .pagination{
    margin-bottom: 3px;
}
.pagination a{
    color: #000;
    padding: 1px 2px;
}

.pagination a:hover{
   color: rgba(0, 0, 0, 0.8);
   background-color: rgba(0, 0, 0, 0.2);
} */
.pagination{
    margin-bottom: 0;
}
.pagination a{
    font-size: small !important;
color: rgba(0, 0, 0, 0.8);
padding: 0px 8px !important;
display: inline-block;
}
.pagination a:hover{
background-color: rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.5);
}

.table-container{
overflow-y: hidden;
margin-bottom: 1%;
}

.table-container table{
font-size: 14px;
}
.table-container > table > tbody > tr:nth-child(1){
    background-color: #01987A;
    color: #fff;
    padding: 5 0;
}
.table-container > table > tbody > tr:nth-child(1):hover{
    color: #fff !important;
}
.table-container table thead{
    background-color: #01987A;
    color: #fff;
    padding: 1% 0;
    }

.table-container table tbody td{
padding: 10px 5px;
}
.table-container table tbody tr{
    border: 1px solid #eee;
}
.table-container table tbody tr:hover{
box-shadow: 0px 1px 3px #808080;
color: #01987A;
}

.form-container{
    margin: 0 4%;
border-top: 10px solid #404040;
border-radius: 8px;
}
.form-container form{
background-color:#fff !important;
border:1px solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 8px 8px;
padding: 2% 3% !important;
margin-bottom: 5px !important;
}

.form-container form .richText{
border-radius: 5px !important;
}
.form-container form .richText .richText-editor:focus{
border-left: 1px solid #007EB9;
}
.form-container form .richText-btn{
color: rgba(0, 0, 0, 0.8);
}
.form-container form .richText .richText-form input[type="text"]{
padding: 0;
}

.form-container form .richText .richText-form button{
margin: 0;
padding: 0 20px;
}
.form-container form .richText .richText-form input[type="number"]{
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 0;
}
.form-container form .richText .richText-form input[type="number"]:focus{
border: 1px solid #007EB9 !important;
box-shadow: 0 0px 0 0 #007EB9 !important;
}
/* label color */
.form-container form label {
color: rgba(0, 0, 0, 0.8) !important;
font-size: small;
font-weight: 600;
}
.form-container form .helper-text{
position: absolute;
margin-top: -10px;
font-size: x-small;
}
/* label focus color */
.form-container form input[type=text]:focus + label {
color: #000;
}
.form-container form input {
border: 1px solid rgba(0, 0, 0, 0.1) !important;
border-radius: 5px !important;
height: 2.5rem !important;
}
/* label underline focus color */
.form-container form input:focus {
border: 1px solid #007EB9 !important;
box-shadow: 0 0px 0 0 #007EB9 !important;
}
/* valid color */
.form-container form input[type=text].valid {
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.form-container form input[type=text].invalid {
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.form-container form .prefix.active {
color: #000;
}

.form-container form textarea{
border:1px solid rgba(0, 0, 0, 0.1) !important;
border-radius: 5px;
height: 10vw;
resize: vertical;
}
.form-container form textarea:focus{
    outline: none !important;
border: 1px solid #007EB9 !important;
/* box-shadow: 1px 1px 1px 1px #888888; */
}
.form-container form .group-title{
margin-left: 1%;
color: rgba(0, 0, 0, 0.8);
font-weight: 700;
}

.form-container > form > input[type=submit]{
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
}

#search_form{
    padding: 1px 1% !important;
}

#search_form > input[type=text]:nth-child(3){
height: 2rem !important;
}
#search_form > input[type=submit]:nth-child(4){
    height: 2rem !important;
    line-height: 0 !important;
}
#modlogin{
    margin: 0 16% !important;

}
.omb_login{
    margin: 1% 18% 1% 18% !important;
}
#google > a{
background-color: #dd4b39;
}
#twitter > a{
    background-color: dodgerblue;
}
body > div.main > form > button{
    border: none;
    background-color: #fff;
}


.dashboard .dashboard_line .col{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    background-color: #EBF5FB;
    text-align: center;
    /* padding: 3% 0 !important; */
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    margin-top: 1%;
}
.dashboard .dashboard_line a{
    font-size: large;
    font-weight: 400;
    color: #000;
    padding: 2%;
}

/* .dashboard .dashboard_line a::before{
    font-family: "FontAwesome";
    content: "\f196";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
} */
.dashboard .dashboard_line .col:hover{
    background-color: #fcbb47;
    
}
.dashboard .dashboard_line .col a:hover{
    color: #fff; 
}
 body > div.main > div.dashboard .dashboard_line:nth-child(2){
     border-top: 1px solid #eee !important;
} 

.footer_menu{
    width: 100% !important;
    background-color: #eee !important;
    padding: 10px 0 1px 0;;
    margin-top: 1%;
}


.privacy-policy a {
    font-size: small;
    color: #241f21;
}

#select .dropdown-content {
    width: 100% !important;
    display: block !important;
    opacity: 1 !important;
}


/* https://appin.pressmonitor.com/ */


.appin-pressmonitor-logo{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin-top: -20px;
    margin-bottom: 20px !important;
}

.appin-pressmonitor-logo img{
    width: 130px;
    max-width: 25%;
    min-width: 90px;
    height: auto;
    margin-left: 1%;
    vertical-align: middle; 
}

.calender{
    position: absolute !important;
    right: 60px !important;
    top: 180px !important;
    border: 1px solid #6c757d;
    width: 200px !important;
    box-shadow: 0px 2px 5px 3px #808080;
}
.calender .date {
    border-bottom: none!important;
    margin: 0 !important;
  }

.calender .date:focus {
    border-bottom: none!important;
    box-shadow: none!important;
  }

  .calender label{
    font-size: 15px;
    color: #000;
  }


  /* .pmhome table tbody tr{
   background-color: #eee !important;
  } */

  #stories [type="checkbox"]+span:not(.lever){
    padding-left: 20px;
    height: 18px;
    }
    #stories li{
        background-color: #F4F7F7 !important;
        padding: 10px;
        /* border-bottom: 1px solid rgb(190, 190, 190); */
        border-top: 1px solid rgb(212, 212, 212);
    }
    #stories li:hover{
        /* box-shadow: 0 #bbbbbb, 2px 4px 5px 0 #bbbbbb, 2px 4px 5px 0 #bbbbbb; */
        background-color: #fff !important;
        border-left: 1px solid rgb(212, 212, 212);
        border-right: 1px solid rgb(212, 212, 212);
    border-bottom: 1px solid rgb(212, 212, 212);


    }
    #stories li a{
        text-decoration: none;
    }
    #stories li i{
    font-style: normal !important;
    }
  
    .pmhome {
        margin-bottom: 50px;
    }
  .pmhome ul li{
    background-color: #F4F7F7 !important;
    margin-bottom: 5px;
    border-radius: 25px;
  }

  .pmhome ul li a{
    text-decoration: none;
    padding: 10px;
    display: list-item;
}

  .pmhome ul li:hover{
    /* box-shadow: 0 #bbbbbb, 2px 4px 5px 0 #bbbbbb, 2px 4px 5px 0 #bbbbbb; */
    background-color: #E5EAEF !important;
    /* border: 1px solid #bbbbbb; */
    /* border: 1px solid #d4e4e4; */
  }
   

    .main form p{
        background-color: #F4F7F7 !important;
        padding: 10px;
        /* border-bottom: 1px solid rgb(190, 190, 190); */
        border-top: 1px solid rgb(212, 212, 212);
        margin: 0;
    }
    .main form p:hover{
        /* box-shadow: 0 #bbbbbb, 2px 4px 5px 0 #bbbbbb, 2px 4px 5px 0 #bbbbbb; */
        background-color: #fff !important;
        border-left: 1px solid rgb(212, 212, 212);
        border-right: 1px solid rgb(212, 212, 212);
    border-bottom: 1px solid rgb(212, 212, 212);
    }
    .main form p a{
        text-decoration: none;
    }
    
    .main form p [type="checkbox"]+span:not(.lever){
        padding-left: 25px;
        height: 18px;
        }
        .main form{
            margin-bottom: 2%;
        }
        body > div.main > form > input[type=submit]{
            padding: 10px 25px !important;
            cursor: pointer !important;
            margin-top: 14px;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
            color: #fff !important;
            background-color: #404040 !important;
        }
        body > div.main > form > input[type=submit]:hover{
            box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
        }
        body > div.main > form > p> i{
            font-style: normal !important;
        }
        #modlogin > div.form-container > form > input[type=submit]{
            padding: 10px 25px !important;
            cursor: pointer !important;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
            color: #fff !important;
            background-color: #404040 !important;
        }
        #modlogin > div.form-container > form > input[type=submit]:hover{
            box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);

        }
        /* .main form [type="checkbox"]:checked + label:after{
            border: 2px solid #ff9800;
            background-color: #ff9800;
       } */

       .main h1{
        color: #3b5998;
        font-size: 2.7rem;
        margin-top: 15px;
    }
    .main h1 a{
        color: #3b5998;
        font-size: 2.7rem;
    }
   .main h3{
        font-size: 26px;
        color: maroon;
    }
    .main h4 {
        margin: 5px !important;
    }
    .main h4 a{
        color: #404040 !important;
    }
    .main form .top{
        background-color: transparent !important;
      padding: 5px 5px;
    /* border-bottom: 1px solid rgb(190, 190, 190); */
    border: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    }

    .calender .label{
        background-color: #232F3E;
        margin-left: -11px;
        margin-right: -11px;
        padding: 3px;
    }
   .calender .label label{
        color: #fff;
    }

    .pmhome h1{
        color: #3b5998;
        font-size: 2.7rem;
        text-transform: uppercase;
        margin-top: 15px !important;
    }

    .footer_brand{
        padding: 6px 0;
        background-color: #232F3E;
        color: #fff !important;
        text-align: center;
        color: #fff !important;
        
      }
      .footer_bar{
        background-color: #f9f8ee;
        padding: 0 0 1px 0;
        color: #404040 !important;
      }
      .copy-right span {
        font-size: small;
        color: #404040 !important;
    
    }
    .story-pdf{
        margin-top: 15px;
    }

    @media only screen and (max-width: 768px) {
        .calender {
            position: unset !important;
            margin-top: 2%
        }
       
    }
    @media only screen and (min-width: 601px){
        nav .sidenav-trigger i{
            line-height: 40px !important;
        }
    }
    #frmSearch{
        margin-bottom: 0 !important;
    }
    #frmSearch > input[type=text]{
    border: 1px solid rgb(199, 224, 248);
    border-radius: 2px;
    width: 50%;
    display: inline-block !important;
    padding-left: 5px;
    height: 2.7rem;
    }
    #frmSearch > input[type=text]:focus {
        border-bottom: 1px solid rgb(199, 224, 248) !important;
        box-shadow: 0 1px 3px rgb(170, 214, 255)!important;
      }
    #frmSearch > label{
        display: none;
    }


    /* downloads */

    .downloads  p{
    border: 1px solid #eee;
    padding: 10px 5px;
    border-radius: 10px;
    }
    .downloads  p a{
  font-size: large
        }
    
.download form input{
    border: 1px solid rgb(199, 224, 248);
    border-radius: 2px;
    width: 50%;
    display: inline-block !important;
    padding-left: 5px;
    height: 2.7rem;
}

.download form textarea{
    resize: vertical;
height: 150px;
max-height: 350px;

}
.download form label{
font-size: large !important;
color: #555 !important; 
}

.bulksms-calender{
    top: 92px !important;
    box-shadow: unset !important;
}