@font-face{font-family:'Montserrat-Regular';src:url(../fonts/Montserrat-Regular.ttf) format('truetype');}
@font-face{font-family:'Oxygen-Regular';src:url(../fonts/Oxygen-Regular.ttf) format('truetype');}
html,body{background-color:rgba(228,228,228,0.82) !important;font-size:100%;font-family: "Segoe UI",Arial,sans-serif;}
body{margin:0px;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body a{transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;cursor:pointer;}

.employee_data_wrapper{padding:1em;}

.user_icon {
    float: right;
    margin-right: 1em;
    line-height: 20px;
}

.accordion {
    background-color:#4e4a8c;
    color: white;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    font-weight: 600;
}
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
	margin-bottom: 5px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel a{color:#100c4c;padding: 6px;font-size: 20px;}

hr {
    margin-top: 7px;
    margin-bottom: 7px;
    border: 0;
    border-top: 1px solid #eee;
}

.heading-class {width: 100%;overflow: hidden;background-color: #0c5896;}

.post_logo{vertical-align: middle;margin-right: 5px;}

.login_box{padding:2px;padding-bottom:0.35em;margin-top:0.5em;margin-left:.5em;border-radius:2px;box-shadow:0 1px 4px rgba(40,51,56,.5);background:#fff;}


.dash_content{padding:2px;padding-bottom:0.35em;margin-top:0.5em;margin-left:.5em;border-radius:2px;box-shadow:0 1px 4px rgba(40,51,56,.5);background:#fff;}
.dash_content h1 {font-size:20px;}
.dash_content h4 {color: white;margin-top: 7px;}
.dash_content p{color: white;text-align: left;padding-left:10px;}
.dash_content p>strong{color: white;}


.box{width: 24%;min-height: 140px;float: left;text-align: center;line-height: 3em;margin: 0 5px;}
.dash_content h2{color:white;}
.box>a{text-align:center;}

input{
padding: 8px 0px;
}

#form{width: 70%;margin: 0 auto;}

.author{text-align: center;margin: 24px 0 12px 0;position: relative;}
.author_photo {border-radius: 50%;border: 3px solid #fff;box-shadow: 0 0 0 2px #ed7448;height: 100px;}

.box_l {padding:2px;padding-bottom: 0.5em;box-shadow:0 1px 4px rgba(40,51,56,.5);background:#fff;border-radius: 2px;margin-top: 0.5em;}
.box_l hr {border: 0;border-top: 1px solid #eee;}
.box_l a {color: #3c4da2;line-height: 3em;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;font-size: 12px;list-style-position: outside;list-style-type: none;margin-left: 5px;float: left;width: 48%;margin-bottom: 0.25em;text-align: center;border: 1px solid gray;border-radius: 3px;margin-top: 5px;}
.box_l h2 {
    color: #02338c;
    font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 2px;
}
select.input-sel {
    height: 30px;
    line-height: 30px;
    background-color: #a4a4e5;
}

.input-sel {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.styled-select {
   background: url(https://cdn.onsarkarijob.com/theme/select_arrow.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}
.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 100%;
   -webkit-appearance: none;
}
.styled-select.slate {
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}
.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}
.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.blue    {background-color: white;
    border: 1px solid gray;
    width: 94%;
    margin-left: 0.3em;
    padding-bottom: 1.75em;}
.blue select    { color: #3c4da2 }



.box_r {padding:2px;padding-bottom: 0.5em;margin-top:0.5em;margin-left:.5em;box-shadow:0 1px 4px rgba(40,51,56,.5);background:#fff;border-radius: 2px;}
.box_r hr {
    border: 0;
    border-top: 1px solid #eee;
}
.box_r a {
    color: #3c4da2;
    line-height: 3em;
    font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;
    font-size: 12px;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 5px;
    float: left;
    width: 48%;
    margin-bottom: 0.25em;
    text-align: center;
    border: 1px solid gray;
    border-radius: 3px;
	margin-top: 5px;
}
.box_r h2 {
    color: #02338c;
    font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 2px;
}


p>strong{color: #2d2f82;}
sup {color: red;font: bold 10px cursive;}
.highlight {background-color: #f3f77e61;border-left: 2px solid #0918ff;border-right: 2px solid #0918ff;border-radius: 10px;padding: 0.5em;margin-top: 1em;}

.divTitle{margin-bottom: 0.25em;padding: 5px;background-color: #00569d;border-top-left-radius: 2px;border-top-right-radius: 2px;color: white;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;font-size: 20px;font-weight: 700;word-spacing: 5px;
}
.viewButton{border-radius: 4px;padding: 3px;padding-left: 12px;padding-right: 12px;font-size: 25px !important;background-color: #fff;border-bottom: 1px solid #fb6565;margin-right: 1em;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}
.viewButton:hover{text-transform: uppercase;color: red !important;background: chartreuse !important; }

.actionButton {border-radius: 4px;padding: 3px;font-size: 18px !important;background-color: #fff;border-bottom: 1px solid #fb6565;}
.actionButton:hover{text-transform: uppercase;color: red !important;background: chartreuse !important; }

table{border-collapse:collapse;margin-top: 0.5em;margin-bottom: 0.5em;}
table>tr>td {padding: 0.5em;}

td{word-spacing: 5px;padding: 5px;line-height: 50px;font-size: 22px;color: #635a5a;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}


ul{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,label,p{margin:0;}
label{font-weight: 500;}
.header{background-color:#FFF;border-bottom:1px solid #E6E6E6;width:100%;z-index:1000;}
.top-class {width: 100%;overflow: hidden;background-color: #0c5896;border-bottom: 2px solid #fb6565;}
.top-class p{color:#19455B;font-size:0.9em;letter-spacing:1px;}
.top-class ul{display: table;list-style: none;padding: 0.25em 0.5em 0.25em 0.5em;}
.top-class ul>li{float:left;color:white;padding-right:0.5em;}
.top-class ul>li>a{color:white;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;font-size:15px;list-style-position:outside;}
.top-class ul>li>a:hover{color:red;border: 1px solid white;padding:0.35em;}
.top-class p a{color:#19455B;text-decoration:none;}
.top-class p a:hover{color:#fff;}
.bottom-container{padding-top: 0.5em;padding-bottom: 6.5em;}
.logo{float:left;}
.logo img{width:100%;}
.top-nav{float:right;margin-top:3px;}
.dropbtn{cursor: pointer;font-size: 25px;color: white;line-height: 15px;}



.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 250px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;right: 0;}
.dropdown-content a {font-size: 11.5px;color: #19455B;padding: 8px 16px;text-decoration: none;display: block;border-bottom: 1px solid #dacece;}
.dropdown-content a:hover {background-color: #9c3131;color: white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}

.right-icons li span,.right-icons li a{display:block;font-size:15px;color:#000;text-decoration:none;margin:-8px 0.3em;font-weight:bold;}
.right-icons li i{margin:0 0.3em;}
ul.right-icons{z-index:9;float:left;margin-top:4px;margin-right: 1.5em;}
.search {margin-top: 0px;margin-bottom: 15px;}
.job-post{width:40%;margin-right: auto;margin-left: auto;}
.col-md1{padding:1.5em;background:#fff;}
.col-md3{float:left;}
.col-md4{float:left;margin-left:8%;}
.col-md4 strong{font-size:1em;display:block;color:#000;}
.col-md4 small{font-size:0.7em;color:#A3A3A3;}
.col-md1 p{font-size:0.8em;display:block;color:#A3A3A3;margin:0 0 0.4em;}
.col-md2{padding:0 0 1em;}
.footer{margin-top: 10px;background:#073c67;}
.footer-class p{color:#fff;font-size:0.9em;letter-spacing:1px;}
.footer-class ul{display:table;margin:0 auto;padding:0 1em 0 1em;list-style:none;}
.footer-class ul>li{float:left;color:white;margin:0.25em;}
.footer-class ul>li>a{color: white;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;font-size: 15px;list-style-position: outside;}
.footer-class p a{color:#27da93;text-decoration:none;}
.footer-class p a:hover{color:#fff;}
.footer-bottom{padding:0.5em 0;background:#09487b;}
.footer-class{text-align:center;}
.footer-logo h2{font-size:2em;font-family:'Montserrat-Regular';}
.footer-logo h2 a{color:#fff;text-decoration:none;}
ul.social{padding:1em 0 0;}
ul.social li{display:inline-block;}
ul.social li i{width:30px;height:30px;display:block;margin:0 5px;}
ul.social li i.facebook{background-image:url("/static/images/fac.png");}
ul.social li i.gmail{background-image:url("/static/images/gog.png");}
ul.social li i.twitter{background-image:url("/static/images/twitter.png");}
ul.social li i.linked{background-image:url("/static/images/linked.png");}
ul.social li i.dribble{}
ul.social li i:hover{transform:rotatey(360deg);-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);-o-transform:rotatey(360deg);-ms-transform:rotatey(360deg);transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;-ms-transition:0.5s all ease;}
.tit{border-bottom: 1px solid #fb6565;cursor:pointer;position:relative;top:0px;padding:12px 5px;color:white;border-radius:1px;font:bold 11px Verdana;text-align:left;margin-bottom:5px;background-color: #4e4a8c;}
}
.tit > a{color:white;font-weight:bold;}
.job-left-side{float:left;}
.job-right-side{float:right;}
.middle{border-radius:2px;box-shadow:0 0 1px rgba(40,51,56,.5);background:#fff;padding-bottom:.5em;margin-bottom:.5em;font-family:"Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}
.middle:hover{background:#d0d3e340;}
.middle h4{margin:0 0 0.5em;padding-top:5px;font-family:'Montserrat-Regular';}
.middle p{font-size:0.9em;color:#a3a3a3;line-height:15px;padding:5px 0;}
.middle a{color:#19455B;font-size:11.5px;font-family:"Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}
.middle-left{padding:2px;margin-top:0.5em;border-radius:2px; /*box-shadow:0 1px 4px rgba(40,51,56,.5);background:#fff;*/}
.middle-left hr{border:0;border-top:1px solid #eee;}
.middle-left h1{color:#ff0000;font:bold 11px Verdana;padding:5px;text-align:center;}
.middle-left h4{font-size:11px;margin:0 0 0.5em;padding-top:5px;font-family:'Montserrat-Regular';text-align:center;}
.middle-left p{font-size:0.9em;color:#a3a3a3;line-height:9px;padding:5px 0;}
.middle-left a{font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;font-size: 20px;color: white;}
.middle-left a:hover{text-decoration:underline;}
.middle-left li{color:#141414;line-height:2.5em;font-family:Arial,Helvetica,Sans-Serif;font-size:12px;list-style-position:outside;list-style-type:disc;margin-left:15px;}
.middle-center{padding:2px;padding-bottom:0.35em;margin-top:0.5em;margin-left:.5em;border-radius:2px;box-shadow:0 1px 4px rgba(40,51,56,.5);background:#fff;}
.middle-center-table{width:100%;}
.middle-center tr:nth-child(even){background:#f4f0f0}
.middle-center tr:nth-child(odd){background:#FFF}
.middle-center tr:hover{}
.middle-center hr{border: 0;border-top: 1px solid #eee;margin-top: 0;margin-bottom: 10px;}
.middle-center span{font-size: 20px;font-weight: 500;color: #1e1616;}
.middle-center h1{color:#ff0000;padding:4px;font-weight: 700;font-size: 25px;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;text-transform: uppercase;}
.middle-center h2{color: #2d2f82;margin-top: 0.5em;font-family: "SegoeUI",Arial,sans-serif;font-size: 25px;color: #093559;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}
.middle-center h3{color: #093559;font-size: 20px;margin: 0.5rem 0 .2rem;text-align: center;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}
.middle-center h4{font-size: 20px;color: #590940;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;padding: 3px;}
.middle-center h5{font-size:15px;text-align:center;color:#635a5a;line-height:1.5em;font-family:"Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}
.middle-center p{word-spacing: 3px;line-height: 35px;font-size: 18px;color: #635a5a;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}
.lastdate{float:right;line-height:0px;font-size:14px;color:#635a5a;font-family:"Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;}
.middle-center a{color:#3c4da2;font-size:14px;}
.middle-center ul {padding-left: 2em !important;}
.middle-center li{font-size: 18px;color: #635a5a;font-family: "Roboto",Corbel,Avenir,"Lucida Grande","Lucida Sans",sans-serif;margin: 1em 0;}
.middle-center ul>li:hover{text-decoration:none;}
.textdeco div:hover{text-decoration:underline;}
.middle-right{padding: 2px;padding-bottom:0.35em;margin-top:0.5em;margin-left:.5em;border-radius:2px;box-shadow:0 1px 4px rgba(40,51,56,.5);background:#fff;}
.middle-right hr{border:0;border-top:1px solid #eee;}
.middle-right h1{color:#ff0000;font:bold 11px Verdana;padding:5px;text-align:center;}
.middle-right h4{font-size:15px;margin:0 0 0.5em;padding-top:5px;font-family:'Montserrat-Regular';}
.middle-right p{font-size:0.9em;color:#a3a3a3;line-height:9px;padding:5px 0;}
.middle-right a{color:#19455B;font-size:11.5px;}
.middle-right a:hover{text-decoration:underline;}
.middle-right ul{padding:2px;}
.middle-right li{color:#141414;line-height:2.5em;font-family:Arial,Helvetica,Sans-Serif;font-size:12px;list-style-position:outside;list-style-type:disc;margin-left:15px;}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:none;}
th {
    background: #1b3152;
    color: white;
    font-weight: bold;
    white-space: nowrap;

    text-transform: uppercase;
}
td {
word-spacing: 2px;
    padding: 0px;
    padding-left: 1em;
    line-height: 46px;
    font-size: 18px;
    color: #635a5a;
    font-family: verdana;
    text-transform: uppercase;
}
a{font-weight:bold;text-decoration:none;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;}
a:hover{color:#8d8d8d;}
.container.active .container__image{opacity:.3;}
.call-text{font-weight:normal;letter-spacing:1px;line-height:27px;text-align:center;margin-top:20px;}
.container{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto;}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.col_md_1,.col_md_2,.col_md_3,.col_md_4,.col_md_5,.col_md_6{position:relative;min-height:1px;}
.col_sm_1,.col_sm_2,.col_sm_3,.col_sm_4,.col_sm_5,.col_sm_6{position:relative;min-height:1px;padding-left: 0.5em;padding-right: 0.5em;}
table{background-color:transparent;}
.clearfix:before,.clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;}
option{font: bold 14px verdana;}
table.dataTable {width: 100% !Important;}



/* --- Media Query starts from here --- */

@media only screen and (max-width:480px){
.container1{margin-bottom:-5px;}
.container {padding-right: 1px;padding-left: 1px;}
.job-post {width: 100%;}
.box_r {margin-left: 0px;}
.col_md_1 {display: none;}
.top-class{display:none;}
.middle-center{ margin-left:0px; }
.middle-right{ margin-left:0px; }
.middle-left{ margin-left:0px; }
.dropdown{margin-top: -35px;}
sup {display:none;}
.post_logo{display:none;}
}

@media only screen and (max-width:523px){
.dropdown{margin-top: -35px;}
sup {display:none;}
.container {padding-right: 1px;padding-left: 1px;}
.job-post {width: 100%;}
.box_r {margin-left: 0px;}
.post_logo{display:none;}
}

@media only screen and (max-width: 640px) and (min-width: 481px){
.display{display:block;}
.col_md_1 {display: none;}
.dropdown{}
.container {padding-right: 1px;padding-left: 1px;}
.job-post {width: 100%;}
.box_r {margin-left: 0px;}
.middle-center{ margin-left:0px; }
.middle-right{ margin-left:0px; }
.middle-left{ margin-left:0px; }
.footer-class{width:100%;}
.footer-class p{font-size:0.83em;padding: 0.5em 0 0;}
sup {display:none;}
.post_logo{display:none;}
}
@media only screen and (max-width: 767px) and (min-width: 641px){
.display{display:block;}
.col_md_1 {display: none;}
.dropdown{}
.container {padding-right: 1px;padding-left: 1px;}
.job-post {width: 100%;}
.box_r {margin-left: 0px;}
.middle-center{ margin-left:0px; }
.middle-right{ margin-left:0px; }
.middle-left{ margin-left:0px; }
.footer-class{width:100%;}
.footer-class p{font-size:0.83em;padding: 0.5em 0 0;}
}

@media only screen and ( min-width :768px){
.container{width:100%;}
.middle-center{ margin-left:0px; }
.middle-right{ margin-left:0px; }
.box_r {margin-left: 0px;}
.col_sm_1,.col_sm_2,.col_sm_3,.col_sm_4,.col_sm_5,.col_sm_6{float:left;}
.col_sm_6{width:50%;}
.col_sm_5{width:64%;}
.col_sm_4{width:45%;}
.col_sm_3{width:100%;}
.col_sm_2{width:100%;}
.col_sm_1{width:100%;}
.footer-logo{float:left;width:30%;padding:0;}
.footer-class{float:left;width:100%;}
}

@media only screen and ( min-width:992px){
.container{width:100%;}
.col_md_1,.col_md_2,.col_md_3,.col_md_4,.col_md_5,.col_md_6{float:left;}
.nav-icon{}
.middle-center {margin-left: 0.5em;}
.box_r {margin-left: 0.5em;}
.middle-right {margin-left: 0.5em;}
.col_md_6{width:100%;}
.col_md_5{width:54%;}
.col_md_4{width:71%;}
.col_md_3{width:20%;}
.col_md_2{width:50%;}
.col_md_1{width:22%;}

.col_sm_1{width:100%;}
.col_sm_2{width:100%;}
.col_sm_3{width:100%;}
}
@media only screen and ( min-width :1200px){
.container{width:100%;}
.col_md_4{width:79.5%;}
.middle-left h4{font-size:1em;}
.middle-left{}
.right-side{padding:0em 0 0;}
}


/* --- Form Data starts from here --- */
.w3-black, .w3-hover-black:hover {color: #fff!important;background-color: #000!important;}

.w3-container:after, .w3-container:before,.w3-bar:before, .w3-bar:after {content: "";display: table;clear: both;}

.w3-bar a {color: white;font-size: 18px;}

.w3-bar .w3-button {white-space: normal;}
.w3-bar .w3-bar-item {padding: 8px 16px;float: left;width: auto;border: none;display: block;outline: 0;}
.w3-red, .w3-hover-red:hover {color: #fff!important;background-color: #f44336!important;}
.w3-btn, .w3-button {border: none;display: inline-block;padding: 8px 16px;vertical-align: middle;overflow: hidden;text-decoration: none;color: inherit;background-color: inherit;text-align: center;cursor: pointer;white-space: nowrap;}
button, [type=button], [type=reset], [type=submit] {-webkit-appearance: button;}

button, select {text-transform: none;}

.w3-border {padding: 1em;}

.form-control1 {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.form-control2 {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #f3e1e1;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.control-label{margin-top: 1em;}

.control-submit1{margin-top: 1em;}

.add-btn {margin-top: 1em;margin-left: 1em;float: right;}