* {box-sizing: border-box}
/*body {font-family: Arial, Helvetica, sans-serif;}*/


/*------------navbar---------*/
/*
#nav {
  width: 100%;
  background-color: #EC1B24;
  overflow: auto;
  border-radius: 4px 4px 4px 4px;
  padding: 0;
}

#navbarnav{
  width:100%
}

#navbarnav> #navitem> :focus, #nav #navlink > .active > li> a {
    background-color: #721418;
     text-decoration: underline;
    color: #FBC707;
    }


#navlink{
  color: #fff;
  text-align: center;
}


#navitem{
  width: 14.28%;
}


#nav a:hover{
 background-color: #721418;
}*/


@media and screen (min-width: 768px){
  *{
    display: none;
  }
}
 /*------------/navbar---------*/


/*------------logo------------*/

.logo{
  margin-left: 50px;
}

 /*-----------/logo-----------*/



 /*------------form-------------*/

#row-data{
      position: absolute;
    top: 20%;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 5px;
}
 

input[type="checkbox"]{
  width: 30px;
  height: 30px;
}

  /*------------/form-------------*/

#row{
   width: 100%;
 
}

/*---------------table------------------*/
 table,th,td{
         border: solid 1px #A2A2A2;
         border-collapse: collapse;
         text-align: center;
         padding: 0px;
         font-family: 'Open Sans', sans-serif;
        
      }

table.table {
        table-layout: fixed;
          
    }

    table.table td i {
        font-size: 18px;
    }
  table.table td a.add i {
        font-size: 24px;
        margin-right: -1px;
        position: relative;
        top: 3px;
    }    
      table.table td .add {
    display: none;
  }
   table.table td a {
    cursor: pointer;
        display: inline-block;
        
    min-width: 24px;
    }    



     .table-title {
        padding-bottom: 10px;
        margin: 0 0 10px;
    }
    .table-title h2 {
        margin: 6px 0 0;
        font-size: 10px;
    }
/*---------------/table------------------*/


/*---------------card------------------*/
.card{
  background-color:#F0EEEE; 
  border-radius: 8px; 
  margin-top: 6px; 
  margin-bottom: 6px
}

#card1{
  padding: 0px;
  background-color: #F0EEEE;
}
/*---------------/card------------------*/


/*---------------button------------*/

#submit{
  margin-top: 20px;
  margin-bottom: 25px;
}


/*---------------------dropdown------------------*/


 .dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    right: 15px;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

/*---------------------/dropdown------------------*/


/*------------------fieldset-----------*/

 fieldset { 
   margin: 5px 0 5px 0;
   border: 1px solid #095D92; 
   width: 100% ;
   background-color:#F0EEEE;
   border-radius: 6px}

legend { font-size: 1.1em; background-color: #00AC8B; color: #FFFFFF; font-weight: bold;border-radius: 5px;  text-align: center; padding: 4px 8px; }

.card_pos{
  position: absolute;
  margin: auto;
  top: 20%;
  left: 0%;
}

.overlay_card{
  border: 1px solid;
    border-radius: 5px;
    background: #f8f8f8;
}

.wrap{
  width: 100%;
  margin: 10px 0px 20px;
}

.wrap .head{
  font-size: 15px;
  color: #272727;
}

.wrap input, .wrap textarea{
  width: 50%;
    font-size: 15px;
    border: 1px solid #212121;
    border-radius: 3px;
    color: #272727;
    padding: 4px;
}