html {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
} 
 
body {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: 300;
}

#page { overflow: hidden; }
.wide-100 { padding-top: 100px; padding-bottom: 100px; }
.wide-90 { padding-top: 100px; padding-bottom: 90px; }
.wide-80 { padding-top: 100px; padding-bottom: 80px; }
.wide-70 { padding-top: 100px; padding-bottom: 70px; }
.wide-60 { padding-top: 100px; padding-bottom: 60px; }
.wide-50 { padding-top: 100px; padding-bottom: 50px; }
.wide-40 { padding-top: 100px; padding-bottom: 40px; }
.wide-30 { padding-top: 100px; padding-bottom: 30px; }
.wide-20 { padding-top: 100px; padding-bottom: 20px; }

/*------------------------------------------*/
/*  Margin Top
/*------------------------------------------*/

.mt-100 { margin-top: 100px; }
.mt-90 { margin-top: 90px; }
.mt-80 { margin-top: 80px; }
.mt-70 { margin-top: 70px; }
.mt-60 { margin-top: 60px; }
.mt-50 { margin-top: 50px; }
.mt-45 { margin-top: 45px; }
.mt-40 { margin-top: 40px; }
.mt-35 { margin-top: 35px; }
.mt-30 { margin-top: 30px; }
.mt-25 { margin-top: 25px; }
.mt-20 { margin-top: 20px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-5 { margin-top: 5px; }

/*------------------------------------------*/
/*  Margin Bottom
/*------------------------------------------*/

.mb-100 { margin-bottom: 100px; }
.mb-90 { margin-bottom: 90px; }
.mb-80 { margin-bottom: 80px; }
.mb-70 { margin-bottom: 70px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-45 { margin-bottom: 45px; }
.mb-40 { margin-bottom: 40px; }
.mb-35 { margin-bottom: 35px; }
.mb-30 { margin-bottom: 30px; }
.mb-25 { margin-bottom: 25px; }
.mb-20 { margin-bottom: 20px; }
.mb-15 { margin-bottom: 15px; }
.mb-10 { margin-bottom: 10px; }
.mb-5 { margin-bottom: 5px; }
.mb-0 { margin-bottom: 0; }

/*------------------------------------------*/
/*  Margin Left
/*------------------------------------------*/

.ml-70 { margin-left: 70px; }
.ml-60 { margin-left: 60px; }
.ml-50 { margin-left: 50px; }
.ml-45 { margin-left: 45px; }
.ml-40 { margin-left: 40px; }
.ml-35 { margin-left: 35px; }
.ml-30 { margin-left: 30px; }
.ml-25 { margin-left: 25px; }
.ml-20 { margin-left: 20px; }
.ml-15 { margin-left: 15px; }
.ml-10 { margin-left: 10px; }
.ml-5 { margin-left: 5px; }

/*------------------------------------------*/
/*  Margin Right
/*------------------------------------------*/

.mr-70 { margin-right: 70px; }
.mr-60 { margin-right: 60px; }
.mr-50 { margin-right: 50px; }
.mr-45 { margin-right: 45px; }
.mr-40 { margin-right: 40px; }
.mr-35 { margin-right: 35px; }
.mr-30 { margin-right: 30px; }
.mr-25 { margin-right: 25px; }
.mr-20 { margin-right: 20px; }
.mr-15 { margin-right: 15px; }
.mr-10 { margin-right: 10px; }
.mr-5 { margin-right: 5px; }

/*------------------------------------------*/
/*  Padding Top
/*------------------------------------------*/

.pt-100 { padding-top: 100px; }
.pt-90 { padding-top: 90px; }
.pt-80 { padding-top: 80px; }
.pt-70 { padding-top: 70px; }
.pt-60 { padding-top: 60px; }
.pt-50 { padding-top: 50px; }
.pt-45 { padding-top: 45px; }
.pt-40 { padding-top: 40px; }
.pt-35 { padding-top: 35px; }
.pt-30 { padding-top: 30px; }
.pt-25 { padding-top: 25px; }
.pt-20 { padding-top: 20px; }
.pt-15 { padding-top: 15px; }
.pt-10 { padding-top: 10px; }

/*------------------------------------------*/
/*  Padding Bottom
/*------------------------------------------*/

.pb-100 { padding-bottom: 100px; }
.pb-90 { padding-bottom: 90px; }
.pb-80 { padding-bottom: 80px; }
.pb-70 { padding-bottom: 70px; }
.pb-60 { padding-bottom: 60px; }
.pb-50 { padding-bottom: 50px; }
.pb-45 { padding-bottom: 45px; }
.pb-40 { padding-bottom: 40px; }
.pb-35 { padding-bottom: 35px; }
.pb-30 { padding-bottom: 30px; }
.pb-25 { padding-bottom: 25px; }
.pb-20 { padding-bottom: 20px; }
.pb-15 { padding-bottom: 15px; }
.pb-10 { padding-bottom: 10px; }
.pb-0 { padding-bottom: 0; }

/*------------------------------------------*/
/*  Padding Left
/*------------------------------------------*/

.pl-100 { padding-left: 100px; }
.pl-90 { padding-left: 90px; }
.pl-80 { padding-left: 80px; }
.pl-70 { padding-left: 70px; }
.pl-60 { padding-left: 60px; }
.pl-50 { padding-left: 50px; }
.pl-45 { padding-left: 45px; }
.pl-40 { padding-left: 40px; }
.pl-35 { padding-left: 35px; }
.pl-30 { padding-left: 30px; }
.pl-25 { padding-left: 25px; }
.pl-20 { padding-left: 20px; }
.pl-15 { padding-left: 15px; }
.pl-10 { padding-left: 10px; }
.pl-5 { padding-left: 5px; }
.pl-0 { padding-left: 0px; }

/*------------------------------------------*/
/*  Padding Right
/*------------------------------------------*/

.pr-100 { padding-right: 100px; }
.pr-90 { padding-right: 90px; }
.pr-80 { padding-right: 80px; }
.pr-70 { padding-right: 70px; }
.pr-60 { padding-right: 60px; }
.pr-50 { padding-right: 50px; }
.pr-45 { padding-right: 45px; }
.pr-40 { padding-right: 40px; }
.pr-35 { padding-right: 35px; }
.pr-30 { padding-right: 30px; }
.pr-25 { padding-right: 25px; }
.pr-20 { padding-right: 20px; }
.pr-15 { padding-right: 15px; }
.pr-10 { padding-right: 10px; }
.pr-5 { padding-right: 5px; }
.pr-0 { padding-right: 0px; }

/*------------------------------------------*/
/*  Padding Centered
/*------------------------------------------*/

.pc-45 { padding-right: 45px; padding-left: 45px; } 
.pc-40 { padding-right: 40px; padding-left: 40px; }
.pc-35 { padding-right: 30px; padding-left: 30px; }
.pc-30 { padding-right: 35px; padding-left: 35px; }
.pc-25 { padding-right: 25px; padding-left: 25px; }
.pc-20 { padding-right: 20px; padding-left: 20px; }
.pc-15 { padding-right: 15px; padding-left: 15px; }

/*------------------------------------------*/
/*  BACKGROUND SETTINGS
/*------------------------------------------*/

.bg-scroll {
  width: 100%;
  background-attachment: fixed !important;
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
}

.bg-fixed {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
}

/*------------------------------------------*/
/*  Background Colors for Sections
/*------------------------------------------*/

.bg-white { background-color: #fff; }
.bg-lightdark { background-color: #35363a; }
.bg-dark { background-color: #2e2f33!important; }
.bg-grey { background-color: #ede9e6; }
.bg-lightgrey { background-color: #f8f9fb; }
.bg-skyblue { background-color: #16a2e0; }
.bg-blue { background-color: #2e71f1; }
.bg-deepblue { background-color: #0b4265; }
.bg-darkviolet { background-color: #3e416d; }
.bg-deepviolet { background-color: #383b62; }
.bg-green { background-color: #06c668; }
.bg-purple { background-color: #8a2ee8; }
.bg-rose { background-color: #ff3366; }

/*------------------------------------------*/
/*  Background Images for Sections
/*------------------------------------------*/

.bg-map {
  background-image: url(../images/bg-map.png);
}

.bg-dark.bg-map,  .bg-blue.bg-map, .bg-darkblue.bg-map, 
.bg-darkviolet.bg-map, .bg-green.bg-map {
  background-image: url(../images/bg-white-map.png);
}

.bg-waves {
  background-image: url(../images/bg-waves.png);
}

.bg-lines {
  background-image: url(../images/bg-lines.png);
}

.bg-geometric {
  background-image: url(../images/bg-geometric.jpg);
}

.bg-graph {
  background-image: url(../images/bg-graph.jpg);
  background-position: bottom center;
}

/*------------------------------------------*/
/*  BORDER SETTINGS FOR DEMOS
/*------------------------------------------*/

.grey-border .b-bottom { margin: 0 8%; }

.b-top { border-top: 1px solid #ddd; }
.b-bottom { border-bottom: 1px solid #ddd; }
.b-left { border-left: 1px solid #ddd; }
.b-right { border-right: 1px solid #ddd; }

.delete{
  width: 20px !important;
  height: 20px !important;
  margin-right: 3px;margin-top: 6px;
}

.buildcss.content{max-width: 100% !important;padding:20px 15px; overflow: hidden; width: 100%;}
.buildcss table tr:nth-child(2n+1) {background: #FFF;}
.buildcss table thead tr{background:#9b309b !important;}
.buildcss table thead tr th{ color:#fff !important;}
.buildcss table tbody tr{border-bottom: 1px solid #d5d4d4;}

.buildcss table tbody tr table tbody tr{border:0px !important;}
.buildcss table tbody tr table tbody tr td{padding: 5px !important; }
.buildcss table tbody tr table tbody tr td textarea{height: 35px;}
.buildcss {padding-bottom:40px !important;}

.buildcss .row .form-inline{margin:20px 0px 20px;justify-content: flex-end;}

.buildcss table tbody tr table tbody tr td input{width: 115px; font-size: 13px;}
.buildcss table tbody tr table tbody tr td select{width: 140px; font-size: 13px;}
.buildcss table tbody tr table tbody tr th{ font-size: 14px;}

table th, table td{font-size: 14px !important;}
.buildcss table tbody tr table tbody tr td:first-child{padding-left: 0px !important;}
.buildcss table tbody td{text-align: left;}


.buildcommoncss table thead tr{ background:#9b309b !important; color: #fff; }
.buildcommoncss table thead th{color: #fff !important; text-align:left !important;  padding: 10px; font-size: 15px !important;}
.buildcommoncss table tbody tr td{text-align:left !important; font-size: 15px !important;  padding: 10px;}
.buildcommoncss table tbody tr {border-bottom: 1px solid #d5d4d4;}
.buildcommoncss.content{min-height:70vh; max-width:85% !important;}

.refer-form{margin:30px 0px; min-height:75vh;}
.refer-form .ss-form{box-shadow: 0px 0px 7px rgba(164, 163, 163, 0.6); border-radius:10px; padding-top:50px !important; padding-bottom:50px !important; }
.refer-form  .ss-input{margin-bottom:40px}

.buildcommoncss p{text-align: center;}
.buildcommoncss h1{margin-bottom: 30px;}

@media(max-width:1199px){
  .buildcommoncss.content{max-width: 100% !important; padding-left:10px !important ; padding-right: 10px !important;}
}