table.table_blue.register-table select{width: 290px;}
div#profile-edit h2 {
    margin: 30px 0 10px;
}
/****Profile edit page***/

body #community-wrap #profile-edit input[type="text"].inputbox,body #community-wrap #profile-edit input[type="file"], body #community-wrap #profile-edit select{width:300px;padding: 7px;border: 1px solid #ced4da;}
body #community-wrap #profile-edit input[type="text"].inputbox.readonly-field,body #community-wrap #profile-edit input[type="file"].readonly-field, body #community-wrap #profile-edit select.readonly-field{background: rgba(233, 236, 239, 0.31);}
body #community-wrap #profile-edit input[type="text"].inputbox.date-input,body #community-wrap #profile-edit select.date-input,table.table_blue.register-table input.date-input,table.table_blue.register-table select.date-input{width: auto;max-width: 115px}
table.table_blue.register-table .inputbox.datetimeinput, body div#jnavcontainer ~ #community-wrap #profile-edit input[type="text"].inputbox.datetimeinput,form.table-input-form input.inputbox.datetimeinput{background: #fff url(../images/calendaricon.png) no-repeat 98% 50%;background-size: 18px;    cursor: pointer;}
body #community-wrap #profile-edit input[type="file"]{padding:7px 0;background: none;border: none}
#profile-edit.add_folder table.formtable td,body #community-wrap table.formtable.handicapped tr.handicappedhead td,#profile-edit.add_folder table.formtable tr.header td{border: none !important;padding:10px 10px 10px 15px;}

body #community-wrap table.formtable.handicapped tr td,#profile-edit.add_folder table.formtable td {
    padding: 10px 10px 10px 25px;
}
body #community-wrap #profile-edit .formtable .privacy+.value {padding-left: 10px;}
#profile-edit.add_folder table.formtable.document-table td.value.first_field {width: 220px;}
#profile-edit .chosen-container-single .chosen-single {border-radius: 0;background: #ddd;border: 0;box-shadow: none;max-width: 200px}
div#profile-edit h2 {/*border-bottom: 2px solid #2ca8a3;*/padding: 10px 0;margin: 10px 0 0;color: #1f918c;font-weight: 700;}
body #community-wrap #profile-edit textarea.inputbox {height: 75px;}
#profile-edit .hide-label {visibility: hidden;}
#profile-edit.add_folder table.formtable td label.label {margin-bottom: 5px;}
#profile-edit .sub-header {    margin: 10px 0 -5px;
    padding: 5px 10px;
    background: #e9e9e9;}
#profile-edit .chosen-container-single .chosen-single {border-radius: 0;box-shadow: none;width: 300px;max-width:100%;background: #e9ecef;color: inherit;padding: 7px;height: 34px;border: 1px solid #ced4da;}
#profile-edit .table-overflow.table-input table {table-layout: auto !important;}
#profile-edit .table-overflow.table-input {overflow-x: scroll;border-right: 1px solid #e5eff8;}
#profile-edit .table-input div.quotes_1 {padding-bottom: 20px;}
#profile-edit .table-input div.quotes_1 ul.act {
    min-width: 50px;
}
table.documentinformation div.quotes_1 {
    max-width: 250px;
}
body div#jnavcontainer ~ #community-wrap #profile-edit .familydetails .table_blue input[type="text"].inputbox {
    max-width: 260px;
}
div#jnavcontainer.user_login {
    display: none;
}
/****Login Page****/
/*#topmainmenu #community-wrap_menu {width: calc(100% - 50px);}*/
.rightnav {
    float: right;
}
#loginmenu .login-btn {font-weight: 700;border: 2px solid #fff;border-radius: 50px;padding: 5px 20px;    margin: 14px 10px 0;}
.item-page.homepage {display: none;}
#contentareainner{min-height: initial;}
div#cs_banner .flexslider .slides img{width: 100%}
.table_blue ul.token-input-list-ukv{min-height:42px;}

/***DVET Register**/
table.table_blue.register-table label {width: 100%;display: inline-block;margin: 10px 0 5px;color:#3b918c;display: inline-block;font-weight: 600;}
table.table_blue.register-table label.error {display: block;width: auto;clear: both;margin: 5px 0 0 200px;}
.error {color: red;}
table.table_blue.register-table input ~ label.error, table.table_blue.register-table select ~ label.error {display: block;width: 100%;clear: both;margin: 10px 0 0;color: #f00;font-weight: 100;}
div#jnavcontainer {float: left;width: 245px;box-sizing: border-box;border-right: 2px solid #ebebeb;}
div#jnavcontainer.superior_login ~ #community-wrap {width: calc(100% - 245px);border-left: 2px solid #ebebeb;box-sizing: border-box;margin-left: -2px;}
div#jnavcontainer ~ #community-wrap {width: 100%;border: none;box-sizing: border-box;margin-left: -10px;}
div#jnavcontainer ~ .clr {clear: none;}
body #community-wrap .castedetails .lblradio-block {margin-right: 10px;}
#contentareainner .table_blue td.approve-name img {max-width: 30px;display: block;float: left;}
#contentareainner .table_blue td.approve-name span {margin-left: 48px;display: block;}
#jnavcontainer ul.steps{text-align: left;    margin-left: 15px;}
#jnavcontainer ul.steps li{width: calc(100% - 20px);margin-right: 10px;list-style-type: circle;color: #333;display: list-item;}
body div#jnavcontainer ~ #community-wrap #profile-edit input[type="text"].inputbox,body div#jnavcontainer ~ #community-wrap #profile-edit input[type="text"], body div#jnavcontainer ~ #community-wrap #profile-edit input[type="file"], body div#jnavcontainer ~ #community-wrap #profile-edit select,#profile-edit .chosen-container-single .chosen-single{width: 100%;margin-top: 5px;background: #fff}
div#jnavcontainer ~ #community-wrap #profile-edit select#field298 {max-width: 300px;}
#community-wrap .community-form-validate .invalid ~ .chosen-container a{border-color: #F00 !important;}
label#lblfield3 ~ div label.error {display: none !important;}
#profile-edit .chosen-container{width: 100% !important}
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 input[type="text"].inputbox, 
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 input[type="file"], 
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 select {max-width: 250px;}
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 input[type="text"].inputbox#field6,body div#jnavcontainer ~ #community-wrap #profile-edit .step1 input[type="text"].inputbox#field59 {
    width: calc(100% - 32px);
}
body div#jnavcontainer ~ #community-wrap #profile-edit input[type="text"].inputbox.date-input, body div#jnavcontainer ~ #community-wrap #profile-edit select.date-input{width: auto;}
div#jnavcontainer ~ #community-wrap  #profile-edit.add_folder table.formtable td label.label{float: none;    cursor: default;    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;}
body div#jnavcontainer ~ #community-wrap #profile-edit input[type="text"].inputbox.date-input:first-of-type {width: 35px;}
body div#jnavcontainer ~ #community-wrap #profile-edit input[type="text"].inputbox.date-input:nth-of-type(2) {width: 45px;}
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 .hidden-field input[type="text"].inputbox,
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 .hidden-field input[type="date"].inputbox,
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 .hidden-field select,
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 .hidden-field >div {
       visibility: hidden;
    margin: 0;
    width: 30px;padding: 0;white-space: nowrap;
}
#profile-edit .chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-search input[type=text]{background: #fff url(../images/chosen-sprite.png) no-repeat 100% -20px !important;}
#profile-edit .chosen-container-single .chosen-single div b{background:#fff url(../images/chosen-sprite.png) no-repeat 0 2px !important}
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 .hidden-field >div{width:auto;}
#community-wrap.profile-landing-page ~ .profile_left {width: 200px;float: right;text-align: center;}
#community-wrap.profile-landing-page ~ .profile_left img {border: 1px solid #eee;margin: 10px;}
#community-wrap.profile-landing-page table.formtable.personaldetail,table.fixedtable{table-layout: fixed;}
#jnavcontainer ul.steps li a,#jnavcontainer ul.steps li.current a,#jnavcontainer ul.steps li a:hover{background: none;color: #333;border-bottom: 2px solid #ededed;}
#profile-edit.add_folder table.formtable td,div#profile-edit h2{text-align: left;}
div#profile-edit h2{margin: 0 0 0 15px;padding-right: 20px;display: inline-block;position: relative;}
div#jnavcontainer.superior_login ~ #community-wrap div#profile-edit h2 {max-width: calc(100% - 160px);}
div#profile-edit h2:after {content: "";background: #2ca8a3;top: 23px;position: absolute;height: 5px;border-bottom: 1px solid white;border-top: 1px solid white;width: 1500px;left: 100%;}
.page_com_dvet_register #community-wrap .cSubmenu{background: transparent;border: none;padding:0;text-align: left;}
#jnavcontainer ul.steps li a{padding:10px 20px;position: relative;margin-left: -20px;}
#jnavcontainer ul.steps li a.verified{color: #6ac259;}
#jnavcontainer ul.steps li a.notverified,.infobox li.red i{content: "\f057";color: #d75a4a}
#jnavcontainer ul.steps li a.pending,.infobox li.yellow i{content: "\f06a";color: #e6bf25}
#jnavcontainer ul.steps li.current a {color: #1f918c;}
.infobox li.green i{color: #6ac259;}
#jnavcontainer ul.steps li.current {color: #2ca8a3;}
.infobox ul {
    text-align: center;
}
.infobox ul li {
    display: inline-block;
    padding: 10px;
}
.infobox ul li i {
    vertical-align: top;
}
.add_colleague,.hide-overflow {overflow: hidden;}
#community-wrap.profile-landing-page table.formtable.personaldetail {table-layout: fixed;float: left;width: calc(100% - 230px);}
#community-wrap.profile-landing-page table.formtable.personaldetail ~ .profile_left {float: right;margin: 0;
width: 225px;display: block;}
#community-wrap.profile-landing-page table.formtable.personaldetail ~ .profile_left .profile-avatar{background: none;border: none;    margin-bottom: 30px;}
#community-wrap.profile-landing-page table.formtable.personaldetail ~ .profile_left img{    border: none;padding: 3px;box-sizing: border-box;}
#community-wrap .profile_left .profile-avatar .rollover {display: block;bottom: -30px;}
body #community-wrap .lblradio-block{margin-right: 10px}
table.formtable.presentposting .chosen-disabled{opacity: 1 !important}
body div#jnavcontainer ~ #community-wrap #profile-edit input[type="file"] {min-width: 200px;}
#profile-edit.add_folder table.formtable td.tbinputactn {padding: 10px;text-align: center;}
#profile-edit.add_folder table.formtable td.tbinputactn img{min-width: 16px}
div#jnavcontainer ~ #community-wrap.profile-landing-page #profile-edit.add_folder table.formtable td label.label {  display: block;
    width: 100%;
    line-height: 20px;}
/*div#jnavcontainer ~ #community-wrap.profile-landing-page #profile-edit.add_folder table.formtable td{vertical-align: middle;}*/
body #community-wrap.profile-landing-page span.data {display: block;min-height: 30px;}
.res_scrolltable {max-width: 100%;overflow-x: auto;width: 100%;}
#community-wrap.profile-landing-page table.formtable.personaldetail.step1 tr.Username h3 {margin: 0;font-weight: 600;}
#community-wrap.profile-landing-page table.formtable.personaldetail.step1 tr.non-editable td {padding:3px 15px;}
table.formtable.castedetails.step7 {table-layout: fixed;}
table.table_blue.no-border, table.table_blue.no-border td {border: none;padding: 7px 10px;    vertical-align: top;}
table.table_blue.register-table .get-opt {width: calc(100% - 80px);float: left;}
.get-opt .floatr{width:65px;display: block;}
.get-opt .floatl{width: 20px}
.head-registration {overflow: hidden;}
table.table_blue.register-table .inputbox,table.table_blue.register-table .inputbox, table.table_blue.register-table select{width: 100%}
form.table-input-form label.control-label, form.table-input-form .inputbox,form.table-input-form input[type="file"],form.table-input-form select {width: 100%;display: block;}
form.table-input-form label.control-label{margin-bottom: 5px;}
.page_com_dvet_register #sbox-window.shadow{border: 0}
.contentpane h3.componentheading, #main h3.componentheading{background: #2ca8a3;font-weight: 600;}
form.table-input-form label.control-label,table.table_blue tr.toggle-data .inner-data label {font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;}
body #community-wrap .edit_button .edit_form {text-indent: -999px;width: 30px;height: 30px;border-radius: 50%;display: none;}
body #community-wrap a.button.delete_details,body #community-wrap .edit_button {border-radius: 50%;margin: 0 5px 0 0;    line-height: 15px;
    padding: 4px;width: 15px; height: 15px;}
body #community-wrap .button.delete_details i, body #community-wrap .edit_button i{
    font-size: 12px;
}
/*body #community-wrap .edit_button i {width: 10px;}*/
.ml_15 {margin-left: 15px;}
.table_blue.register-table.no-border{table-layout: fixed;}
table.table_blue.no-innerborder th, table.table_blue.no-innerborder td {border: none;}
table.table_blue.no-innerborder tr {border-bottom: 1px solid #eee;}
table.table_blue tr.toggle-data .inner-data {
    clear: both;    padding: 10px;
}
table.table_blue tr.toggle-data .inner-data label {float: left;max-width: 100px;}
table.table_blue tr.toggle-data .inner-data .value {margin-left: 105px;}
table.table_blue tr.toggle-data td {padding: 0;}
table.formtable input.button {padding: 0px 20px;font-size: medium;}
table.table_blue.register-table .get-opt input,table.table_blue.register-table .secondary-num input {padding-left: 30px}
.phone-field {position: relative;}
.phone-field .button.floatl,.phone-field .button.floatl:hover,body #community-wrap .phone-field .button.floatl{line-height: 18px;background: transparent;color: #333;box-sizing: border-box;border-right: 0;cursor: initial;position: absolute;top:8px;left:7px;padding:0;}
body #community-wrap .phone-field .button.floatl{line-height: 28px}
body div#jnavcontainer ~ #community-wrap #profile-edit .step1 .phone-field .button.floatl ~ input {
    padding-left: 30px;
}
table.table_blue.register-table .get-opt ~ .button {background: rgba(44, 168, 163, 0.83);padding: 0 6px;    line-height: 25px;
    margin-top: 4px;}
body #community-wrap .button.prev, body #community-wrap .button.next {background: #c5c5c5;color: #333;border: 1px solid #c7c7c7;box-sizing: border-box;}
table.footer-table {margin: 10px 15px;width: calc(100% - 15px);border-top: 3px solid #dfdfdf;}
table.footer-table td {padding: 20px 0 10px;}
body div#jnavcontainer ~ #community-wrap #profile-edit .handicapped input[type="file"] {margin: -10px 0 0 0;padding: 0;max-width: 250px}
table.footer-table td{padding: 10px 0px;}
.popup-form-page {position: relative;}
body #community-wrap .position-top .button {background: rgba(237, 185, 29, 0.87);font-weight: 600;}
.position-top {float: right;    margin-bottom: 10px;}
.mdl-grid.popup .mdl-cell--4-col {width: calc(33.33% - 16px);}
.mdl-grid.popup .mdl-cell--6-col {
    width: calc(50% - 16px);
}
body #community-wrap .button.prev:hover, body #community-wrap .button.next:hover {
    background: #006194;
    color: #fff;
}
.toppadding {padding-top: 45px;}
.mdl-grid.popup {padding: 0;}
body #community-wrap a.button.delete_details {background: #d55d5d;}
body #community-wrap .edit_button {background: #2cb1d4;}
#profile-edit .mdl-data-table td,#profile-edit .mdl-data-table th{text-align: center;}
body #community-wrap .process-form form > label,#container_marksheet,#container_marathimarksheet,#container_hindimarksheet,#container_typingmarksheet {
    display: inline-block;
    vertical-align: middle;
}
body #community-wrap .process-form{padding:5px 0 20px;float: left;width: 100%}
.computerliteratewrap2 label.txt_label {
    width: auto;
}
.hindiliteratewrap2 label.txt_label {
    width: auto;
}
.marathiliteratewrap2 label.txt_label {
    width: auto;
}
.typingliteratewrap2 label.txt_label {
    width: auto;
}
body #community-wrap .process-form form label.mdl-text-label.medium-font {
    font-size: medium;
    padding-right: 10px;margin: 8px 0;
}
body div#jnavcontainer ~ #community-wrap #profile-edit #container_marksheet input[type="file"]{padding:0;}
.mdl-radio.is-disabled .mdl-radio__inner-circle{background: #3f51b5}
.mdl-radio.is-disabled .mdl-radio__outer-circle{border: 2px solid rgba(0,0,0,0.54);}
.mdl-radio.is-disabled .mdl-radio__label{color: initial;}
.res_scrolltable .scroll-table {
    min-width: 1200px;
}
div#profile-edit.ml_15 h2{margin: 0}
#profile-edit.add_folder .language-table td:first-child {padding: 10px 20px 10px 30px;}
#profile-edit.add_folder .language-table td:first-child select {max-width: 200px;}
#profile-edit.add_folder .language-table td:last-child.tbinputactn {width: 20px;}
.bold {font-weight: 700;}
.redcolor,.yellowcolor,.greencolor {background: #f15151;color: #fff;padding: 2px 10px;border-radius: 3px;text-transform: uppercase;font-size: smaller;}
.greencolor {background: #6ac259;}
.yellowcolor {background: #e6bf25;}
.stats .head {text-transform: uppercase;}
.stats .head a.button {
    text-transform: capitalize;
}
.stats .head span {color: #2ca8a3;}
table.table_blue.stats-page th {background: transparent;color: #666;font-size: 14px;}
table.table_blue.stats-page th,table.table_blue.stats-page td,table.table_blue.stats-page {border: none;}
table.table_blue.stats-page td {background: #efefef;padding: 12px 10px;color: #666;}
table.table_blue.stats-page tr {border: 4px solid #fff;}
.stats p {border-bottom: 1px solid #d4d4d4;padding-bottom: 10px;margin: 5px 0;}
.fa-save:before, .fa-floppy-o:before {content: "\f0c7";}
body #community-wrap .button.save i {margin-right: 5px;}
body #community-wrap .button.save {padding: 2px 15px;}
.actionbar_buttons, .actionbar_buttons_mobile {background: #e4f6fe;border: solid 1px #cbe7f3;margin: 0;padding: 10px;text-align: right;    width: 100%;    box-sizing: border-box;}
.approval_page.mdl-grid, .approval_page.mdl-grid .mdl-grid {padding: 0;}
/*.approval_page .actionbar_buttons,.approval_page table.table_blue{margin:0 8px;width: calc(100% - 16px);}*/
.approval_page .actionbar_buttons{margin-bottom: 20px;box-sizing: border-box;}
.approval_page .searchbox.filter select {width: 100%;}
.approval_page  .filter-input label {margin: 0;}
.approval_page .left-icon {width: 80px;float: left;color: #FFF;}
.approval_page .right-side {width: calc(100% - 80px);float: right;background: #fff;float: right;padding-left: 15px;box-sizing: border-box;}
.blue-block .left-icon{background: #5ab0fb;}
.green-block .left-icon{background: #6ec259}
.yellow-block .left-icon{background: #e6c033}
.pink-block .left-icon{background: #f082cf;}
.purple-block .left-icon{background: #bd77fc;}
.approval_page .left-icon i {font-size: 40px;padding:26px 20px;}
.approval_page .right-side h3 {margin:10px 0; font-weight: bold;font-size: 22px;}
.approval_page .filter{margin:15px 8px}
.approval_page.mdl-grid > .mdl-cell.mdl-cell--12-col {margin: 0;width: 100%;}
.mt_10{margin-top: 10px;}
.approval_page .right-side p {font-weight: 700;    margin-bottom: 10px;}
#profile-edit .sub-header.mb_10 {margin-bottom: 10px}
.approval_page.mdl-grid .mdl-grid.filter {padding: 10px;box-sizing: border-box;}
.xdsoft_datetimepicker .xdsoft_mounthpicker .xdsoft_label >.xdsoft_select{padding: 0 10px;}
.approval_page.mdl-grid .mdl-cell.mdl-cell--8-col {margin-left: 0px;margin-top: 0;margin-bottom: 20px;}
.approval_page.mdl-grid > .mdl-cell.mdl-cell--4-col {margin-bottom: 20px;}
.approval_page td.approve-name .button {min-width: 150px;line-height: 23px;box-sizing: border-box;padding: 8px;}
/*Added by Anagha for filter*/
/*.approval_page .searchbox.filter select#Institutes {width: 200px;}*/
.verified_user_name i {padding-right: 10px;}
.verified_user_name {font-weight: bold;position: absolute;right: 20px;}
.filtered-data .blue-block i {color: #5ab0fb;}
.filtered-data .green-block i {color: #6ec259;}
.filtered-data .yellow-block i {color:#e6c033;}
.filtered-data i {font-size: 40px;float: left;padding: 10px;}
.filtered-data .mdl-cell { padding: 10px;}
.filtered-data .mdl-cell p {margin-left: 50px;font-weight: bold;margin-bottom: 0;}

.app_received{font-weight: bold;padding: 5px;    font-size: medium;}
.approval_pdf {position: absolute;right: 0;top: -55px;}
a.review.button {
    padding: 5px 10px;
    line-height: 14px;
}
/**User Dashboard**/
.white-color{color: #fff}
.heads .red {background: #e94b3b;}
.heads .orange {background: #f98e33;}
.heads .green {background: #23ae89;}
.heads .voilet {background: #6a55c2;}
.heads .mdl-cell,.subheads .mdl-cell{padding: 15px 10px;position: relative;}
.heads .mdl-cell .icon {width: 75px;float: left;text-align: center;}
.heads .mdl-cell .desc {margin-left: 75px;}
.heads .mdl-cell .icon .fa {font-size: 35px;padding: 5px 0;}
.heads .mdl-cell .desc .count,.subheads .mdl-cell .desc .count {font-size: 20px;font-weight: bold;}
.heads .mdl-cell .desc .name {margin-bottom: 10px;font-size: 15px;}
.subheads .mdl-cell .desc .name{color: #848484;margin-bottom: 10px}
.subheads .mdl-cell .desc {text-align: center;font-weight: bold;}
.subheads .mdl-cell .desc .count{color: #333}
.subheads .mdl-cell .icon {position: absolute;bottom: 2px;left: 2px;}
.subheads .mdl-cell .icon .fa {color: #d8d8d8;font-size: 35px;}
.subheads .mdl-cell.yellow {border-left: 10px solid #ffb61c;}
.subheads .mdl-cell.blue {border-left: 10px solid #1c7ebb;}
.subheads .mdl-cell.voilet {border-left: 10px solid #6a55c2;}
.subheads .mdl-cell.red {border-left: 10px solid #e94b3b;}
.graph-stats .mdl-cell.red{border-top: 3px solid #e94b3b;}
.graph-stats .mdl-cell.orange{border-top: 3px solid #f98e33 !important;}
.graph-stats .mdl-cell.blue{border-top: 3px solid #1c7ebb;}
.prof-dashboard .filterbox {background:#f1f1f1;border: 1px solid #e7eaec;margin: 10px 0 15px;}
.prof-dashboard .filterbox label {font-weight: bold;text-transform: uppercase;font-size: 12px;display: block;margin-bottom: 5px;}
.prof-dashboard .filterbox .inputbox,.prof-dashboard .filterbox select {width: 100%;}
.prof-dashboard .filterbox .button {line-height: 16px;padding: 10px;max-height: 34px;box-sizing: border-box;}
.prof-dashboard .filterbox .mdl-cell .button {margin-top: 20px;min-width: 60px;}
form.prof-dashboard .filterbox select, form.prof-dashboard .filterbox input[type="text"] {width: 100%;}
.filter-input .chosen-container-single .chosen-single {margin: 0;border-radius: 0;background: #fff;height: 32px;border-color: #ced4da;box-shadow: none;color: #333;padding: 4px 10px;}
.chosen-container-single .chosen-single div b{background-position: 4px 6px; }
/**User Dashboard**/
@media screen and (min-width:180px) and (max-width:767px){
#community-wrap.profile-landing-page table.formtable.personaldetail,#community-wrap.profile-landing-page table.formtable.personaldetail ~ .profile_left{width: 100%}

}
@media screen and (min-width:180px) and (max-width:600px){
    .approval_pdf{top: -48px;}
    .mdl-grid.popup .mdl-cell--4-col{width: 100%}
    table.footer-table td {width: 100%;text-align: center;display: block;}
}
@media screen and (min-width:180px) and (max-width:420px){
 .approval_pdf {position: static;margin-bottom: 10px;text-align: center;}
}