body {
    font-size: 16px;
}

.logbodstil {
    padding-top: 70px;
}

.bodstil {
    padding-top: 90px;
}

.logcim {
    font-size: 22px;
    line-height: 22px;
    color: #FFFFFF;
    font-weight: bold;
    font-variant: small-caps;
    /* float: right; */
    margin-top: 15px;
    margin-left: 0;
    font-family: LiberationSansNarrow Bold;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.loglogo {
    height: 70px;
    float: left;
    margin: 5px;
}

.loghead {
    background: #5473ff, 0.7;
    top: 0;
    position: fixed;
    width: 100%;
    height: 80px;
    border-bottom: white 1px solid;
}

.logheadin {
    width: 350px;
    margin: auto;
}

.logform {
    width: 350px;
    margin: auto;
}

.glypheye {
    cursor: pointer;
    float: right;
    top: -36px;
    margin-right: -2px;
    font-size: large;
    padding: 6px;
    background-color: white;
    /* border: 1px #ccc solid; */
    border-radius: 4px;
}

.glypheyeinline {
    cursor: pointer;
    top: 5px;
    left: -7px;
    font-size: large;
    padding: 3px;
    background-color: white;
    /* border: 1px #ccc solid; */
    border-radius: 4px;
    margin: -30px;
}


/* .navbar-nav>li {
    padding: 5px;
} */

#navback {
    background-color: #018fff;
}

.navbar-nav>li>a {
    padding: 5px;
}

label {
    font-weight: normal;
}

#menucont {
    width: 80%;
}

.navmenu {
    font-size: 18px;
    font-weight: normal;
    font-variant: small-caps;
    line-height: 20px;
    letter-spacing: 1px;
    font-family: LiberationSansNarrow Bold;
    text-align: center;
    margin: 0px;
    padding: 5px;
}

.navmenulia {
    font-size: 14px;
    font-weight: normal;
    font-variant: small-caps;
    line-height: 20px !important;
    letter-spacing: 1px;
    font-family: LiberationSansNarrow Bold;
    text-align: center;
    padding: 5px !important;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 500px;
}

.nbar {
    /* margin-left: -100px; */
    float: none;
}

.fmodmeret {
    width: 80%;
    margin: 15px auto;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.fmod {
    margin: 0px;
    padding: 10px;
    border: 1px solid black;
    background-color: rgb(255, 255, 255, 0.8);
    box-shadow: 0 5px 15px rgb(0 0 0 / 60%);
    /* text-align: center; */
}

.fmodwww {
    margin: 0px;
    padding: 3px;
    /* border: 1px solid black;
    background-color: rgb(255, 255, 255, 0.7); */
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    /* text-align: center; */
}

.fmodadm {
    text-align: center;
    float: right;
    margin-top: -4px;
    /* padding: 3px;
    background-color: #9fbebf; */
}

#fmodadmgl {
    padding: 2px;
}

#calltelgl {
    padding: 7px;
    background-color: cadetblue;
    color: white;
    border-radius: 4px;
}

#calltelgl:hover {
    background-color: rgb(22, 104, 107);
}

.foglal {
    width: 100%;
    margin: auto;
    /* display: block; */
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, "sans-serif";
    font-size: 18px;
    font-weight: lighter;
}

.foglal:hover {
    text-decoration: none;
    filter: invert(100%);
}

.fmodcim {
    color: blue;
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, "sans-serif";
    text-align: center;
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.uswww {
    font-size: 18px;
    line-height: 18px;
    color: #FFFFFF;
    font-weight: bold;
    font-variant: small-caps;
    /* font-family: LiberationSansNarrow Bold; */
    /* float: right; */
    letter-spacing: 1px;
    /* width: 60%; */
}

.nbrand {
    width: 60%;
    height: 40px;
}

.foginf {
    color: #000000a1;
    /*  font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, " sans-serif"; */
    text-align: center;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 5px;
}

#bdayfresh {
    margin: 0;
    padding: 0px 5px;
    font-size: x-small;
    display: none;
}


/* #caleranlabel {
    color: blue;
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, " sans-serif";
    text-align: center;
    font-size: 16px;
} */


/* .caleran-container {
    width: 100%;
}

.caleran-input {
    margin: auto !important;
    width: 80% !important;
    height: auto !important;
} */

#ftable {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#foglalt {
    width: 30%;
    color: white;
    background: crimson;
    text-align: center;
    padding: 5px;
}

#foglig {
    width: 30%;
    color: white;
    /* background-image: linear-gradient(45deg, rgb(0, 38, 255) 50%, rgb(110, 132, 255) 49%); */
    background: #1783ff;
    text-align: center;
    padding: 5px;
}

#kifiz {
    width: 30%;
    color: white;
    background: orange;
    text-align: center;
    padding: 5px;
}

#apinfo,
#dsbutt {
    width: 50%;
    margin: auto;
}

#apinf,
#datasave {
    width: 100%;
    margin: auto;
    background-color: blue;
}

.fcim {
    color: blue;
    /* font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, " sans-serif"; */
    text-align: center;
    text-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.wwwcim {
    color: blue;
    text-align: center;
    text-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    font-variant: small-caps;
    font-weight: bold;
    font-size: 18px;
}

.wwwcim:hover {
    color: rgb(11, 11, 95);
    /* font-weight: bolder; */
}

#userwww:hover {
    text-decoration: none;
    color: rgb(0, 0, 66);
    /* font-weight: bolder; */
}

.fogladat {
    width: 100%;
    padding: 15px;
}

#form1 {
    width: 90%;
    margin: auto;
}

#badmbooked {
    width: 15%;
    color: white;
    background-image: linear-gradient(45deg, #f76161 50%, #ff9898 49%);
    /* background: crimson; */
    text-align: center;
    padding: 5px;
}

#badmbooking {
    width: 15%;
    color: white;
    background-image: linear-gradient(45deg, #3e51c1 50%, #6e84fb 49%);
    /*  background: #1783ff; */
    text-align: center;
    padding: 5px;
}

#badmpayed {
    width: 15%;
    color: white;
    background-image: linear-gradient(45deg, rgb(226, 147, 0) 50%, rgb(252, 205, 118) 49%);
    /* background: orange; */
    text-align: center;
    padding: 5px;
}

#badmexted {
    width: 18%;
    color: white;
    background-image: linear-gradient(45deg, rgb(207, 0, 226) 50%, rgb(239, 59, 255) 49%);
    /* background: orange; */
    text-align: center;
    padding: 5px;
}

#badmnotbook {
    width: 15%;
    color: white;
    background: #489d48;
    text-align: center;
    padding: 5px;
}

.inpdata {
    padding-left: 5px;
    padding-right: 5px;
}

#apartinfo,
#apartpriceinfo {
    text-align: center;
    padding: 5px;
    width: 100%;
}

#apartname,
#housename,
#houseapartname,
#apgnum,
#alert,
#alerterr,
#formerror,
#apfcim {
    text-align: center;
    padding: 5px;
    width: 100%;
    font-weight: bold;
}

#errorModal {
    width: 70% !important;
    margin: auto;
    z-index: 2000;
}

.prtable {
    text-align: center !important;
    padding: 5px !important;
    width: 100% !important;
    margin-top: 5px !important;
}

.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 1px;
    line-height: normal;
}

.table>thead>tr>th,
.table>thead>tr>td {
    padding: 8px;
    line-height: normal;
}

.prtableth {
    text-align: center !important;
    vertical-align: middle !important;
}

.booktable {
    text-align: center !important;
    padding: 5px !important;
    /* width: 100% !important; */
    margin-bottom: 0px !important;
    margin-left: auto;
    margin-right: auto;
}

.booktabmonth {
    text-align: center !important;
    padding: 5px !important;
    width: auto;
    margin-bottom: 0px !important;
    margin-left: auto;
    margin-right: auto;
}

.booktableth {
    text-align: center !important;
    vertical-align: middle !important;
    /* width: 5%; */
}

.booktablethdat {
    text-align: center !important;
    vertical-align: middle !important;
    width: 5%;
}

.rowcol {
    background: #9fbebf;
}

.bookcol {
    text-align: center !important;
    vertical-align: middle !important;
    /* width: 40%; */
}

.booktthm {
    text-align: center !important;
    vertical-align: middle !important;
    /* width: 10%; */
}

.form-control {
    font-size: medium;
}

#aktyear,
#aktmonth {
    font-size: medium;
    font-weight: bold;
}

.bookyear {
    text-align: right !important;
    vertical-align: middle !important;
    /*  width: 40%; */
}

.bookmonth {
    text-align: left !important;
    vertical-align: middle !important;
    /* width: 40%; */
}

.yeardown {
    margin: 2px;
    padding: 5px;
    width: 93%;
}

.ydmenu {
    min-width: 80px;
    right: 0;
    left: auto;
    text-align: center;
}

.mdmenu {
    min-width: 80px;
    top: -400%;
    text-align: center;
}

.yeardown:hover {
    background: gray;
    cursor: pointer;
}

.bookday {
    padding: 8px;
    margin: 5px;
}

.bookdayweek {
    padding: 5px 2px;
    margin: 1px;
    /* text-overflow: ellipsis; */
}

.bookdayname {
    padding: 2px;
    margin: 0px;
}

.bookdayn {
    padding: 2px;
    margin: 0px;
    font-size: small;
}

.bookigcol,
.bookigcolback {
    background: #3247bb;
    color: white;
}

.bookigcol:hover,
.bookigcolnew:hover {
    background: darkblue;
    color: white;
    margin: 0px;
    border: 1px black;
    border-style: solid;
    cursor: pointer;
}

.bookigcolnew {
    background: #3e5bff;
    color: black;
}

.bookedcol,
.bookedcolback {
    background: #f76161;
    color: white;
}

.bookedcolnew {
    background: #ff9898;
    color: black;
}

.bookedcol:hover,
.bookedcolnew:hover {
    background: darkred;
    color: white;
    margin: 0px;
    border: 1px black;
    border-style: solid;
    cursor: pointer;
}

.booknotcol,
.booknotcolback {
    background: #489d48;
    color: white;
}

.booknotcol:hover {
    background: darkgreen;
    margin: 0px;
    border: 1px black;
    border-style: solid;
    cursor: pointer;
}

.bookpay,
.bookpayback {
    background: rgb(226, 147, 0);
    color: white;
}

.bookpaynew {
    background: rgb(252, 205, 118);
    color: black;
}

.bookpay:hover,
.bookpaynew:hover {
    background: rgb(180, 99, 0);
    color: white;
    margin: 0px;
    border: 1px black;
    border-style: solid;
    cursor: pointer;
}

.bdstattxtbookig {
    color: #3247bb;
    border-color: #3247bb;
    background-color: white;
    border: 1px #3247bb solid;
}

.bdstattxtbooked {
    color: crimson;
    border-color: crimson;
    background-color: white;
    border: 1px crimson solid;
}

.bdstattxtpay {
    color: rgb(182, 124, 17);
    border-color: rgb(182, 124, 17);
    background-color: white;
    border: 1px solid rgb(182, 124, 17);
}

.mbdstatbookig,
.bdstattxtbookig:hover {
    color: white;
    border-color: #3247bb;
    background-color: #3247bb;
    border: 1px #3247bb solid;
}

.mbdstatbooked,
.bdstattxtbooked:hover {
    color: white;
    border-color: crimson;
    background-color: crimson;
    border: 1px crimson solid;
}

.mbdstatpay,
.bdstattxtpay:hover {
    color: white;
    border-color: rgb(182, 124, 17);
    background-color: rgb(182, 124, 17);
    border: 1px solid rgb(182, 124, 17);
}

.mbdstat {
    /* width: 120px; */
    margin: 4px;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
    float: none;
    cursor: pointer;
}

#bdstdiv {
    width: 60%;
    display: inline-block;
    float: none;
}

.datamodbutt {
    background-color: lightgray;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid darkgray;
    margin: 3px;
}

.mbstatfogl {
    margin: 3px;
}


/* .bookext,
.bookextback {
    background: rgb(207, 0, 226);
    color: white;
}

.bookextnew {
    background: rgb(239, 59, 255);
    color: black;
}

.bookext:hover,
.bookextnew:hover {
    background: rgb(157, 0, 172);
    color: white;
    margin: 0px;
    border: 1px black;
    border-style: solid;
    cursor: pointer;
} */

.bsnone {
    display: none;
}

.booking {
    text-align: center;
}

.bookadmbutt {
    margin: 5px;
    /* color: #0000009e; */
    font-size: medium;
    /* font-weight: bold; */
}

.bookadmbutt:hover {
    /* font-weight: bold; */
    color: black;
    border: black 1px solid;
}

#daterr {
    display: none;
}

#bookdel,
#bookmod,
#bookoke,
#bookdelyes,
#bookdelno {
    /* width: 100px; */
    margin: 5px;
}

#bmodf {
    /* width: 80%; */
    margin: auto;
    text-align: center;
}

.bmodinp {
    color: blue;
    text-align: center;
    margin: 3px;
}

.bmailinp {
    color: blue;
    /* text-align: center; */
    margin: 3px;
}

.bmascr {
    text-align: left;
}

.bmodinline {
    width: 100%;
}

.bfloleft {
    width: 48%;
    margin: auto;
    float: left;
}

.bfloright {
    width: 48%;
    margin: auto;
    float: right;
}

#pr {
    width: 50%;
    margin: auto;
}

.fnapok {
    margin: auto;
    width: 100%;
}

#bokemail {
    text-align: center;
}

.bdatalabel {
    font-weight: normal;
}

#bdstattxt {
    padding: 8px;
    border-radius: 4px;
    /* font-size: large; */
    text-align: center;
}

#bdstatlabel {
    padding: 8px;
    text-align: right;
}

.modal-footer {
    border-top: 0px;
}

#guestdatabutt,
#mguestdatabutt {
    margin-top: 25px;
}

#guestdata {
    display: none;
    background-color: rgba(156, 157, 157, 0.27);
    padding-top: 15px;
    /* width: 90%; */
    margin-bottom: 12px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

#mguestdata {
    display: none;
    background-color: rgba(156, 157, 157, 0.27);
    padding-top: 15px;
    /* width: 90%; */
    margin-bottom: 12px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}


/* The Modal (background) */


/* not bootstrap) */

.errmod {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 3000;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content */

.errmodal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 80%;
    text-align: center;
}


/* The Close Button */

.errclose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#errbutt {
    text-align: right;
}

.errclose:hover,
.errclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* The Modal (background) */


/* not bootstrap) */

.msgmod {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 2000;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content */

.msgmodal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 70%;
    text-align: center;
}


/* The Close Button */

.msgclose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#msgbutt {
    text-align: right;
}

.msgclose:hover,
.msgclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* apartman admin */

#mapadprtip0,
#mapadprtip1,
#mapadbooked0,
#mapadbooked1 {
    margin-top: 1px;
}

.apprmod {
    margin: 2px;
    border: 1px rgb(165, 165, 165) solid;
    text-align: center;
    border-radius: 4px;
}

.mapadinline {
    display: inline-block;
    float: none;
}

.textcenter {
    text-align: center;
}

#apadbutton,
#mapadbutton {
    text-align: center;
}

#apartdata {
    margin-top: 10px;
}

.apadtip {
    background: #e8e8e7;
    border: #1903e4c9 1px solid;
    border-radius: 4px;
}

.mapadtip0,
.mapadbook0 {
    background: rgba(255, 255, 255, 0.6);
    border: #1903e4c9 1px solid;
    border-radius: 4px;
    cursor: pointer;
    padding: 0px;
}

.mapadtip1,
.mapadbook1 {
    background: #c6e9ef;
    border: #1903e4c9 2px solid;
    border-radius: 4px;
    cursor: pointer;
    padding: 0px;
}

.mapadtip0:hover,
.mapadbook0:hover {
    /* background: #e8e8e7; */
    border: #1903e4c9 2px solid;
    /* border-radius: 4px;
    cursor: pointer; */
    padding: 0px;
}

#sezdelbutt {
    margin: 2px;
    padding: 0px;
    width: 50%;
}

.apadseztableth {
    font-weight: normal;
}

.form-control {
    padding: 3px;
}

.apadsezdate,
.apadfit {
    min-width: 100px;
}

.apadsezname {
    min-width: 150px;
}

.apadsdel {
    padding: 2px;
    margin-right: 5px;
}


/* navbar modosítás */


/* .navbar-default {
    background-color: #04CC08;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #FFFFFF;
    background-color: #05AB31;
}

.dropdown-menu {
    color: #FFFFFF;
    background-color: #05AB31;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #FFFFFF;
    background-color: #067423;
} 
.navbar-default .navbar-nav > li > a {
    color: #777;
}
*/

.navbar-default {
    background-color: #048dcc;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #FFFFFF;
    background-color: #0177ad;
}

.dropdown-menu {
    color: #FFFFFF;
    background-color: #006ea1;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #FFFFFF;
    background-color: #004d70;
}

.navbar-default .navbar-nav>li>a {
    color: rgb(255, 255, 255);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #FFFFFF;
    background-color: #00547a;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #FFFFFF;
    background-color: #00547a;
}

.dropdown-menu>li>a {
    color: rgb(255, 255, 255);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #00547a;
}


/*  user css */

.userpsw1 {
    display: contents;
    float: none;
}

.userpsw2 {
    display: inline-block;
    float: none;
    margin-bottom: -20px;
}


/* .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFFFFF;
    background-color: #05AB31;
} */

@media (max-width: 1200px) {
    .fmodmeret {
        width: 80%;
    }
    .fogladat {
        padding: 10px;
    }
    .modal-dialog {
        width: 70%;
        margin: auto;
    }
    /* .apadsezname {
        width: 150px;
    } */
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 70%;
        margin: auto;
    }
    #guestdatabutt,
    #mguestdatabutt {
        margin-top: 25px;
    }
}

@media (max-width: 1100px) {
    body {
        font-size: 14px;
    }
    /* .apadsezdate,
    .apadfit {
        width: 100px;
    }
    .apadsezname {
        width: 150px;
    } */
}

@media (max-width: 768px) {
    .bodstil {
        padding-top: 60px;
    }
    .wwwcim {
        font-size: 16px;
        font-weight: bold;
        text-align: left;
    }
    .fmodadm {
        margin-top: -40px;
    }
    .modal-dialog {
        width: 75%;
        margin: auto;
    }
    .foglal {
        font-size: 14px;
    }
    .fmodmeret {
        width: 80%;
    }
    .fmod {
        padding-left: 0px;
    }
    /*  .inpdata {
        float: none;
        width: 100%;
        margin-left: 0px;
    } */
    .loglogo {
        display: none;
    }
    .logcim {
        font-size: 18px;
        float: none;
        text-align: center;
    }
    #caleranlabel {
        font-size: 14px;
    }
    #ftable {
        width: 90%;
        font-size: 12px;
    }
    /* .caleran-input {
        width: 90% !important;
    } */
    #guestdatabutt,
    #mguestdatabutt {
        margin-top: -5px;
        margin-bottom: 5px;
    }
    #bdstatlabel {
        text-align: center;
    }
    .glypheyeinline {
        cursor: pointer;
        float: right;
        top: -5px;
        margin-right: -10px;
        font-size: large;
        padding: 3px;
        background-color: white;
        /* border: 1px #ccc solid; */
        border-radius: 4px;
    }
    /* .apadsezdate,
    .apadfit {
        width: 100px;
    }
    .apadsezname {
        width: 150px;
    } */
    /* navbar modosítás */
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: rgb(255, 255, 255);
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: rgb(255, 255, 255);
        background-color: #00547a;
        /* background-color: transparent; */
    }
    .userpsw2 {
        display: block;
        /* float: none; */
        margin-bottom: 5px;
    }
}

@media (max-width: 500px) {
    body {
        font-size: 14px;
    }
    .wwwcim {
        font-size: 12px;
        font-weight: bold;
        text-align: left;
    }
    .fmodmeret {
        width: 95%;
    }
    /* #fmodadmgl {
        background-color: rgba(255, 255, 255, 0.15);
    } */
    .modal-dialog {
        width: 80%;
        margin: auto;
    }
    #form1 {
        width: 100%;
        margin: auto;
    }
    /* .caleran-input {
        width: 100% !important;
    } */
    .prtable,
    .booktable,
    .form-control {
        font-size: 14px;
    }
    #apinfo,
    #dsbutt,
    #pr {
        width: 100%;
    }
    .bookadmbutt {
        font-size: 12px;
        /* color: white; */
    }
    ;
    .bfloright,
    .bfloleft {
        float: none;
        width: 100%;
    }
    .logheadin {
        width: 300px;
    }
    .logform {
        width: 200px;
    }
}