@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html {
    position: relative;
    min-height: 100%;
  /*  font-size: .75rem;*/
    /*font-size: 1.0rem;*/
}

body {
  
    background-color: #f7f7f7;
   /* background-image: url('../images/bg3.png');*/
    background-repeat: no-repeat;  
    background-size: cover;   
    font-family: 'Quicksand', sans-serif;
  
}

.kalam-regular {
    font-family: "Kalam", cursive;
    font-weight: 400;
    font-style: normal;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

app {
    position: relative;
    display: flex;
    flex-direction: column;
}

/*input,
select,
textarea {
    max-width: 280px;
}*/

@media (max-width: 575.98px) {

    .containerimg {
        height: 150px;
    }

        .containerimg .img-fluid {
            display: block;
            width: auto;
            max-height: 100%;
        }


    .mainStyle {
        font-size: .65rem;
    }
}

@media(min-width: 576px){
    .mainStyle {
        font-size: .75rem;
    }
}

@media(min-width: 992px){
    .mainStyle {
        font-size: .75rem;
    }
}

@media(min-width: 1200px) {
    .containerimg {
        height: 325px;
    }

        .containerimg .img-fluid {
            display: block;
            width: auto;
            max-height: 100%;
        }

    .mainStyle {
        font-size: .75rem;
    }
}


.bold {
    font-weight: bold;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.bg-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.blue {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.infoBlue {
    color: #5bc0de;
}

.green {
    color: #fff;
    background-color: #5cb85c;
    border-color: #1861ac;
}

.orange {
    color: #fff;
    background-color: #f0ad4e;
    /*  background-color: #fd7e14;*/
    border-color: #1861ac;
}

.yellow {
    color: #fff;
    background-color: #ffc107;
    border-color: #1861ac;
}

.greenicon {
    color: #5cb85c;
}

.greenicon2 {
    color: #067319;
}

.blueicon {
    color: #0D4970;
}

.redicon {
    color: #EB1302
}

.redicon2 {
    color: #BA180B
}

.yellowicon {
    color: #ffc107;
}

.orangeicon {
    color: #f0ad4e;
}

.whiteicon {
    color: #ffffff;
}



/* BILDWISE NEW COLORS CSS*/
.gradient {
    background-color: #ffffff;
    background-image: linear-gradient(#c0c0c0, #ffffff)
}

.blueNew {
    color: #fff;
    background-color: #974f4b;
    border-color: #1861ac;
}

.greenNew {
    color: #fff;
    background-color: #974f4b;
    border-color: #1861ac;
}


/* END NEW COLORS CSS */


/*----------------------------------- DP NEW COLORS-----------------------------------------   */

/*.bodyFont {
    font-family: 'Baloo Bhaina 2', cursive;
    font-weight: 400;
}
*/
.dpGreencard {
    color: #fff;
    background-color: #098818;
    border-color: #1861ac;
}

.dpBluecard {
    color: #fff;
    background-color: #2C8589;
    border-color: #1861ac;
}

.dpBlackcard {
    color: #fff;
    background-color: #000000;
    border-color: #1861ac;
}

.cardGray {
    color: #c0c0c0;
}

.linkMain {
    color: #4472c4;
}

.blue1 {
    color: #2a8dc5;
}

.blue2 {
    color: #1e638e;
}

.black {
    color: #000000;
}

.whitefont {
    color: #ffffff;
}

.labelCss {
    text-decoration: underline;
}

.gradientDp {
    /* background-color: #ffffff;*/
    background-image: linear-gradient(#1e638e, #2a8dc5);
}

/* --------------------------------------------------------------------- END DP NEW COLORS-------------------------------------------------------  */



.scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
}

.scrollable125 {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 125px;
}

.scrollableLg {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 550px;
}

.scrolling-wrapper {
    overflow-x: auto;
}



.btnBlank {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    background-image: none;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.selectBlank {
    border: none;
    background-color: transparent;
}

.row-striped:nth-of-type(odd) {
    background-color: #efefef;
}

.row-striped:nth-of-type(even) {
    background-color: #ffffff;
}

.row-striped3:nth-of-type(odd) {
    background-color: #efefef;
    border-bottom: 1px solid #c0c0c0;
}

.row-striped3:nth-of-type(even) {
    background-color: #ffffff;
    border-bottom: 1px solid #c0c0c0;
}

.row-striped2:nth-of-type(even) {
    background-color: #efefef;
}

.row-striped2:nth-of-type(odd) {
    background-color: #ffffff;
}


.custom-event-editor td {
    padding: 7px;
    padding-right: 16px;
}

.TextBoxAsLabel {
    border: none;
    background-color: #fff;
    background: transparent;
}

.TextAreaAsLabel {
    border: none;
    background-color: #fff;
    background: transparent;
    width: 100%;
    resize: none
}

.labelBoldUnderline {
    font-weight: bold;
    text-decoration: underline;
}

/* Sticky footer styles
-------------------------------------------------- */


body {
    /*Margin bottom by footer height */
    margin-bottom: 130px;
}

.footer {
    padding-top: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /*line-height: 60px; */ /* Vertically center the text there */
    /* background-color: #f7f7f7;*/
    /* background-color: #90c34a;*/
    background-color: #520D15;
}


/* SYNCFUSION CSSS*/

.sfMTB {
    font-size: .75rem;
}


/*GOOGLE map RESPONSIVE*/
.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

    .iframe-container > * {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    /* border: 1px solid black;*/
}

    .map-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.pinned-glyph {
    color: #ffffff;
    font-size: 14px
}

.pinned-glyph-black {
    color: #000000;
    font-size: 14px
}

.sfGanttRow {
    font-size: 10px !important;
}

.navFontSize {
    font-size: 1.25rem;
    font-weight: bold
}

    .navFontSize li {
        margin-right: 50px;
    }





/*#locationField,
#controls {
    position: relative;
    width: 480px;
}

#autocomplete {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 99%;
}*/

.label {
    text-align: right;
    font-weight: bold;
    width: 100px;
    color: #303030;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

#address {
    border: 1px solid #000090;
    background-color: #f0f9ff;
    width: 480px;
    padding-right: 2px;
}

    #address td {
        font-size: 10pt;
    }

.field {
    width: 99%;
}

.slimField {
    width: 80px;
}

.wideField {
    width: 200px;
}

#locationField {
    height: 20px;
    margin-bottom: 2px;
}