* {
            outline: none !important;
        }
        
        body {
            margin: 0;
            padding: 2em;
            font-family: Lucida Sans, Lucida Grande, Arial !important;
            font-size: 13px !important;
            background: white;
            color: #333;
        }
        
        button {
            -webkit-transition: background-color 0.2s linear;
            border-radius: 4px;
            -moz-border-radius: 4px 4px 4px 4px;
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
            background-color: #E4F2FF;
            background-image: url("//ajax.googleapis.com/ajax/libs/dojo/1.7.4/dijit/themes/claro/form/images/button.png");
            background-position: center top;
            background-repeat: repeat-x;
            border: 1px solid #769DC0;
            padding: 2px 8px 4px;
            font-size: 1em;
        }

/* for loading overlay --*/
        
    .overlay-berry {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100vh;
        background: #000;
        font-family:arial;
        z-index: 99999999999999;
    }

    .overlay-berry{
      background:#c6c6cf;
    }
    @-webkit-keyframes colour{
        0%{
            background:rgb(243,81,75);
        }

        10%{
            background:rgb(243,149,75);
        }

        20%{
            background:rgb(243,230,75);
        }

        30%{
            background:rgb(185,221,72);
        }

        40%{
            background:rgb(78,221,72);
        }
        50%{
            background:rgb(78,221,72);
        }

        60%{
            background:rgb(185,221,72);
        }

        70%{
            background:rgb(243,230,75);
        }

        80%{
            background:rgb(243,149,75);
        }

        100%{
            background:rgb(243,81,75);
        }

    }

    @-moz-keyframes colour{
        0%{
            background:rgb(243,81,75);
        }

        10%{
            background:rgb(243,149,75);
        }

        20%{
            background:rgb(243,230,75);
        }

        30%{
            background:rgb(185,221,72);
        }

        40%{
            background:rgb(78,221,72);
        }
        50%{
            background:rgb(78,221,72);
        }

        60%{
            background:rgb(185,221,72);
        }

        70%{
            background:rgb(243,230,75);
        }

        80%{
            background:rgb(243,149,75);
        }

        100%{
            background:rgb(243,81,75);
        }

    }

    .welcome {
        width: 70%;
        height: 30vh;
        margin: 30vh auto;
        /*background: rgba(0,0,0,0.2);*/
        border-radius: 6px;
    }
    .welcome-text1 {
        text-align: center;
        font-size:40px;
        margin: 15px;
        color: #fff;
        display: inline-block;
    }

    .welcome-text2 {
        text-align: center;
        font-size:18px;
        margin: 15px;
        color: #333;
    }

    .welcome-text2 a {
        text-decoration: none; 
        color: #5353fa;
    }

    .welcome-text2 a:hover {
        color: #fff;
    }

    /* ALL LOADERS */

    .loader{
      width: 100px;
      height: 100px;
      border-radius: 100%;
      position: relative;
      margin: 0 auto;
    }
    .loader6{
      width: 100px;
      height: auto;
      border-radius: 100%;
      position: relative;
    }

    /* LOADER 6 */

    #loader-6{
      top: 40px;
      left: -2.5px;
    }

    #loader-6 span{
      display: inline-block;
      width: 5px;
      height: 20px;
      background-color: #fff;
    }

    #loader-6 span:nth-child(1){
      animation: grow 1s ease-in-out infinite;
    }

    #loader-6 span:nth-child(2){
      animation: grow 1s ease-in-out 0.15s infinite;
    }

    #loader-6 span:nth-child(3){
      animation: grow 1s ease-in-out 0.30s infinite;
    }

    #loader-6 span:nth-child(4){
      animation: grow 1s ease-in-out 0.45s infinite;
    }

    @keyframes grow{
      0%, 100%{
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
      }

      50%{
        -webkit-transform: scaleY(1.8);
        -ms-transform: scaleY(1.8);
        -o-transform: scaleY(1.8);
        transform: scaleY(1.8);
      }
    }

    /* LOADER 4 */

    #loader-4 span{
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 100%;
      background-color: #fff;
      margin: 0px 5px;
      opacity: 0;
    }

    #loader-4 span:nth-child(1){
      animation: opacitychange 1s ease-in-out infinite;
    }

    #loader-4 span:nth-child(2){
      animation: opacitychange 1s ease-in-out 0.33s infinite;
    }

    #loader-4 span:nth-child(3){
      animation: opacitychange 1s ease-in-out 0.66s infinite;
    }

    @keyframes opacitychange{
      0%, 100%{
        opacity: 0;
      }

      60%{
        opacity: 1;
      }
    }

    .wel {
        text-align: center;
    }
    .loading6 {

        float: ;
        display: inline-block;
    }

        
        button:hover {
            background-color: #AFD9FF;
            color: #000000;
        }
        
        h1 {
            font-size: 1.5em;
        }
        
        .break {
            float: none;
            clear: both;
        }

        br.break {
            height: 5px;
            margin:2px;
        }
        /* Any demo specific styling needed for this tutorial only */
        
        html,
        body {
            height: 100%;
            margin: 0;
            overflow: hidden;
            padding: 0;
        }
        
        #appLayout, #appLayout2 {
            height: 100%;
        }
        
        #leftCol, #rightCol {
            width: 25em;
        }
        
        .claro .demoLayout .edgePanel {
            background-color: #d0e9fc;
        }
        
        #viewsChart {
            width: 550px;
            height: 550px;
        }
    
        #mapdiv {
          /*width:100%;*/
          height: 100vh;
        }

        .center {
            text-align: center;
            margin-bottom:5px; 
            margin-top:0px; 
        }

        .proj{
            cursor: pointer;
        }
        
        .proj:hover{
            background-color: #cecece;
        }


        .headArea {
            height: 90%;
            width: 100%;
            /*background: rgba(26,10,43,0.8);*/
            overflow: hidden;
        }

        .logo{
            width: 10%;
            display: inline-block;
        }

        .menu-item{
             width: 89%;
             display: inline-block;
             position: absolute;
             margin-top:15px;
        }

        .list-menu>li{
            display: inline-block;
            font-size: 14px;
            color: #fff;
            font-size: 12px;
            padding: 5px 20px;
            list-style: none;
            list-style-type: none;
        }

        .list-menu>li>a{
           color: #fff; 
        }    

        .list-menu>li:hover{
            color: #fecb00;
        }

        .list-menu>li>a:hover{
            color: #fecb00;
        }

        .list-menu>li.active{
            color: #fecb00;
        }

        .list-menu>li.active>a{
            color: #fecb00;
        }
        .size {
            width:50%;
        }

        .post-container {
            margin: auto;  
            /*border: 5px solid #333;*/
            overflow: auto;
        }
        .post-thumb {
            float: left;
        }
        .post-thumb img {
            display: block;
        }
        .post-content {
            margin-left: 86px;
        }

        .post-content>h3{
            margin: 1px auto 3px;
            font-size: 12px;
            font-weight:normal!important;
        }

        .post-content>p{
            margin: 2px auto;
            font-size: 11px;
            font-weight: normal!important;
        }

        .post-title {
            font-weight: 0;
            font-size: 13px;
        }

        .ui-accordion .ui-accordion-content {
            padding: 10px 5px!important;
            border-top: 0;
            overflow: auto;
        }

        #ac-title1 {  background-color: #167f92; color: #fff;}

        #ac-title2 {background-color: #fff25a!important;}

        #ac-title3 {background-color: #3ef55b!important;}

        #ac-title4 {background-color: #8372a5!important;}

        #ac-title5 {background-color: #11850d!important;}

        .right-side {
            /*background: #115c9b;*/
        }
        #dijit_layout_ContentPane_5 {
          /* background: #115c9b; */ 
        }

        
        .bound-proj-list {
            float: right;
            padding: 2px;
            cursor: pointer;
        }

        .proj-score1 {
            margin: 1px 5px 0px 2px;
            text-align: center;
            display: inline-block;
            background: #fff;
            padding: 5px 0px;
            width: 20px;
            border-radius:100%;
            border: 1px solid #fff;
            line-height: 12px;
            color:#000;
            font-size: 10px;
        }

        .radio_box {
            width: 98%;
        }

        .radio_inner {
             background-color: transparent;
            color: #444;
            cursor: pointer;
            padding: 12px 1px;
            width: 98%; 
            outline: none;
            font-size: 13px;
            transition: 0.4s;
            border-radius: 0px;
            border-bottom: 1px solid #ccc;
        }

button.accordion1 {
            background-color: #fff;
            color: #444;
            cursor: pointer;
            padding: 5px 12px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 12px;
            transition: 0.4s;
            border-radius: 2px;
            background-image:none;
            margin-bottom: 3px;

            display: inline-block;
            text-decoration: none;
            background-color: #538fbe;
            border: 1px #8BA0BD solid;
            background-image: linear-gradient(bottom, rgb(157,190,238) 0%, rgb(233,233,233) 100%);
            background-image: -o-linear-gradient(bottom, rgb(157,190,238) 0%, rgb(233,233,233) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(157,190,238) 0%, rgb(233,233,233) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(157,190,238) 0%, rgb(233,233,233) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(157,190,238) 0%, rgb(233,233,233) 100%);
         
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(157,190,238)),
                color-stop(1, rgb(233,233,233))
            );
        }

        button.accordion1.active, button.accordion1:hover {
            background-image: linear-gradient(bottom, rgb(94,142,211) 0%, rgb(233,233,233) 100%);
            background-image: -o-linear-gradient(bottom, rgb(94,142,211) 0%, rgb(233,233,233) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(94,142,211) 0%, rgb(233,233,233) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(94,142,211) 0%, rgb(233,233,233) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(157,190,238) 0%, rgb(233,233,233) 100%);
        }


        .mapped {
                /*height: 16px;
                width: 20px;
                background: #fff;
                border-radius: 60%;
                font-size: 12px;
                padding-top: 2px;
                text-align: center;
                color: #02ad1c;
                margin-right: 10px;
                float: left;*/

                float: left;
                margin: 0px 15px 0px 2px;
                text-align: center;
                display: inline-block;
                background: #fff;
                padding: 1px 0px;
                width: 18px;
                border-radius: 100%;
                border: 1px solid #fff;
                line-height: 12px;
                color: #000;
                font-weight: 400;
                font-size: 10px;
        }

        .info-lbl {
            float: right;
            margin: 0px 5px 0px 2px;
            text-align: center;
            display: inline-block;
            background: transparent!important;
            padding: 1px 0px;
            width: 12px;
            border-radius: 100%;
            border: 1px solid #204073;
            line-height: 10px;
            color: #000;
            font-weight: 400;
            font-size: 8px;
        }



        div.panel {
            padding: 0 18px;
            background-color: rgba(255,255,255,8);
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }
        #toolbar {
            width:240px;
            height: auto;
            z-index: 999999;
            position: absolute;
            /*background-color: rgba(204,204,204,0.4);*/
            right: 0px;
            top: 10px;
            /*border-style: solid;
            border-width: 1px;*/
            /*border-color: rgba(204,204,204,0.8);*/
            display: block;
            margin: 3px 15px;
            overflow-x: auto;
            padding: 0px auto!important;
        }

        .tool-icon{
            display: inline-block;
            width: 30px;
            height: 30px;
            margin: 0px auto!important;

        }


        .tool-icon>img{
            width: 100%;
            height: 30px;
            margin: 1px;
            cursor: pointer;
        }

        .search__box 
{          position: absolute;
          top: 10px;
          left:18px;
          width: auto;
          height: auto; 
          z-index: 999990;
          border-radius: 4px;
          background-color: #fff;
        }

        .search__input {
            width: 11vw;
            color: #fff;
            background-color: #fff;
            /* border: 0.5px solid #ccc; */
            padding: 4px 20px 4px 12px;
            outline: none;
            border-radius: 2px;
            /* margin: 1px; */
        }

        .search__icon {
          font-size: 18px;
          padding: 1px auto;
          display: inline-block;
          color: #fff;
        }

        .contSum {
            margin: 2px 10px;
        }

        

        .contSum>input {
            width: 40%;
            height: 20px;
            border-radius: 3px!important;
            font-size:11px!important;
            border:1px solid #444;
            padding-left:2px!important;
        }

        .contSum>p {
            width: 50%;
            text-align: center!important;
        }


        .tool-input {
            width: 100%;
        }

        .tool-input>input {
            width: 40%;
            height: 20px;
            border-radius: 3px!important;
            font-size:11px!important;
            border:1px solid #444;
            padding-left:2px!important;
        }

        .tool-input>p {
            width: 40%;
        }

        .tool-input>label {
            width: 12%;
            display:inline-block; 
            text-align:center;
        }


        .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
            border: 0px !important;
        }



        /* for legend*/

    .bound {
        width: 100%;
        margin: 5px;
        height: 25px;
        background-color: rgba(204, 204, 204, 0.37);
        /*border: 1px solid #ccc;*/
        border-radius: 3px;
        color: rgb(101, 98, 98);
        display: block;
        }



    .bound>div {
        display: inline-block;
    }

    .h-edited {
        margin:2px;
    }

    .bound-icon {
        float:right;
        width:25px;
        height:25px;
        background-color:#ccc;
        cursor: pointer;
    }  

    .bound-icon>i{
        font-size:16px;
        margin:5px; 
    }

    .bound-name {
        
    }
    
    .bound-lgd-img {
        display: inline-block!important;
        margin: 1px 10px 1px 3px
    }

    .bound-lgd-img>img {
        height: 25px;
        width:18px;
    }

    .bound-lgd-img>label{
        float: right;
    margin-left: 20px;
    margin-top: 5px;
    }

    .bound-name >label {
        margin-top: 5px;
    }  

    .bound-input {
        font-size: 10px; 
    } 
    
    .map-boundary {
        height:5px;
        width: 7%;
        background: #fff;
        border:1px solid #333;
    }
    
    .bound-icon1 {
        margin:9px 1px 2px 2px; 
        width:25px;
        height:5px;
        background-color:#ccc;
    } 
    
    
     .bound-info>i {
        margin:2px; 
        color:#fff;
        text-align: center;
        font-weight: 900;
    } 


    .hidden{
        display: none !important;
    }

    .label_name{
      color: white !important;
      font-weight: lighter;
      font-size: 14px;
    }

    .sectorClass{
            color: white !important;
            font-weight: lighter;
            font-size: 11px;
            display: inline-block!important;
            width: 10vw !important;
            margin-left: 10px !important;
        }


    
    .bound-info {
        float: right;
        margin: 2px 10px 2px 0px;
        width: 18px;
        height: 18px;
        background-color: #9bbdee;
        border: 0.1px solid rgba(227,236,250,0.4);
        border-radius: 100%;
        text-align: center;
        cursor: pointer;
    }


    .active.bound-info {
        float:right;
        margin:2px 10px 2px 0px;
        width: 18px;
        height: 18px;
        background-color:#339e86;
        border-radius: 100%;
        text-align: center;
        cursor: pointer;
    }

    .active.bound {
       /* border: 1px solid #339e86;*/
    }

    .active>.bound-icon {
        background-color:#339e86;
    }

    .active>.bound-icon>i {
        color:#fff;
    }

    #regionbound>.bound-icon1 {
        background-color:red;
    }

    #districtbound>.bound-icon1 {
        background-color:#fff;
    }

    #communitybound>.bound-icon1 {
        background-image: url("/static/Map/map/img/star.png");
    }



    #projectbound>.bound-icon1 {
        background-color:#353A54;
    }


    .mas {
        height: auto!important;
    }

    .socio-label {
        display: block;
        margin-bottom: 3px;
    }

    .socio-icon {
    border-radius: 100%;
    /*border: 3px solid #fff;*/
    background: #f57a8d;
    width: 15px !important;
    height: 15px !important;
    float: left !important;
    margin-right: 5px !important;
    }

    .socio-1 {
        background: #ffeede;
    }

    .socio-2 {
        background: #f7d4ad;
    }
    .socio-3{
        background: #fcbe73;
    }
    .socio-4{
        background: #fc8d3c;
    }
    .socio-5{
        background: #e6560f;
    }
    .socio-6{
        background: #a63702;
    }



    .socio-11 {
        background: #e1e2eb;
    }

    .socio-12 {
        background: #c0dde0;
    }
    .socio-13{
        background: #80bfc5;
    }
    .socio-14{
        background: #41b7c3;
    }
    .socio-15{
        background: #2b80b7;
    }
    .socio-16{
        background: #253394;
    }


/*    .socio-21 {
        background: #feebe2;
    }

    .socio-22 {
        background: #fde0dd;
    }
    .socio-23{
        background: #fa9fb5;
    }
    .socio-24{
        background: #41b7c3;
    }
    .socio-25{
        background: #c51b80;
    }
    .socio-26{
        background: #7a0177;
    }*/


.ui-slider-range>span {
    background: #e6692b!important;
}

.input_height {
    height:20px!important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9aa;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9aa;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#9aa;
}
:-moz-placeholder { /* Firefox 18- */
  color:#9aa;
}

.ui-slider-range{
    background-color: #b9cff1!important;
}

#slider-range>span{
    background-color: #9dbeee!important;
}



.soria .dojoxExpandoTitle{

    background: #203f73 !important;
    text-align: center!important;
    color: #115c9b!important;
    font-size: 1.2em!important;
}

button.edu {
    background-color: rgba(228, 89, 20, 0.3);
}

button.agri {
    background-color: rgba(255, 242, 90, 0.35);
}

button.tran {
    background-color: rgba(131, 114, 165, 0.3);
}

button.hea {
    background-color: rgba(62, 245, 91, 0.3);
}

button.soc{
    color:#3ef55b;
}

.edu {
    background-color: rgba(22, 127, 146, 0.5);
}

.agri {
    background-color: rgba(255, 242, 90, 0.5);
}

.tran {
    background-color: rgba(131, 114, 165, 0.5);
}

.hea {
    background-color: rgba(62, 245, 91, 0.5);
}

.secttxt {
    font-size: 12px;
    font-weight: 900;
    margin-top: 2px;
    margin-bottom: 2px;
}

.secttxt-mini {
    font-size: 11px;
    font-weight: 600;
}

.edutxt {
    color: rgba(22, 127, 146, 0.8);
}

.agritxt {
    color: rgba(201, 186, 10, 0.9);
}

.trantxt {
    color: rgba(131, 114, 165, 0.8);
}

.heatxt {
    color: rgba(8, 97, 22, 0.8);
}
.hedtxt {
    color: rgba(255, 255, 255, 1);
}

.hedtxt1 {
    color: rgba(255, 254, 254, 1);
}

.redtxt {
    color: rgba(179, 21, 13, 0.8);
}

.range-label{
    margin-top:2px;
}

.range-min {
    float: left;
    font-size:11px !important;
    text-align: center;
    font-weight: 900;
    margin: 0px;
    display: inline-block;
}

.range-max {
    float: right;
    font-size:10px !important;
    text-align: center;
    font-weight: 900;
    margin: 0px;
    display: inline-block;
}

.range-selection {
    margin: 0px;
    margin-top: 12px;
    font-size:11px !important;
    text-align: center !important;
    width: 62%;
    font-weight: 900;
    display: inline-block;
}

.range-selection>span {
   font-size:9px !important; 
   color:red;
}


/* for table */
.responstable {
  margin: 5px 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  border-radius: 5px;
  border: 1px solid #167F92;
}
.responstable tr {
  border: 1px solid #D9E4E6;
}
.responstable tr.shade {
  background-color: #EAF3F3;
}
.responstable th {
  display: none;
  border: 1px solid #FFF;
  background-color: #167F92;
  color: #FFF;
  padding: 8px;
}
.responstable th:first-child {
  display: table-cell;
  text-align: center;
}
.responstable th:nth-child(2) {
  display: table-cell;
}
.responstable th:nth-child(2) span {
  display: none;
}
.responstable th:nth-child(2):after {
  content: attr(data-th);
}
@media (min-width: 480px) {
    
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
}
.responstable td {
  display: block;
  word-wrap: break-word;
  max-width: 7em;
}
.responstable td:first-child {
  display: table-cell;
  /*text-align: center;*/
  border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
  .responstable td {
    border: 1px solid #D9E4E6;
  }

.responstable th, .responstable td {
  text-align: left;
  margin: .5em 5px;
}
@media (min-width: 480px) {
  .responstable th, .responstable td {
    display: table-cell;
    padding: 5px;
  }
}

/*body {
  padding: 0 2em;
  font-family: Arial, sans-serif;
  color: #024457;
  background: #f2f2f2;
}*/

.responstable h1 {
  font-family: Verdana;
  font-weight: normal;
  color: #024457;
}
.responstable h1 span {
  color: #167F92;
}



.ui-tabs .ui-tabs-nav li {
   width:49% !important; 
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    font-family: Arial, sans-serif !important;
  color: #024457 !important;
  background: #f2f2f2 !important;
}

.ui-tabs-panel {
    height: 400px !important;
}


/* Profile*/
.proj-profile-overlay {
        top:0px;
        position: absolute;
        width:100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        z-index: 999;
    }

    .proj-profile-box {
        position: relative;
        width: 40%;
        height:90vh;
        margin:5vh auto;
        background-color: #ccc;
        border-radius: 10px;
    }

    .proj-profile-box-inner {
        position: absolute;
        width: 96%;
        height:86vh;
        background-color: #fff;
        margin:2vh 2%;
        overflow-y: auto;
    }

    
    .btn-ghemms {
        font-size: 11px;
        border-radius: 6px;
        display: inline-block;
        padding: 6px 12px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
        height: 50px;
        width: 100%;
    } 

    .go-back:hover {
        color:#167f92 !important;
    }

    .topbanner {
        background:   url("../img/banner.jpg")no-repeat;
        background-size: cover;
        background-position: center;
        height: 100%;
        width: 100%;
    }




    /*--------------------------------------------------*\
                    SLIDER IN DIALOG 
    \* -------------------------------------------------*/


.container11 {
  max-width: 100%;
  top: 40px;
  background-color: black;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.container11 div {
  background-color: white;
  width: 100%;
  display: inline-block;
  display: none;
}
.container11 img {
  width: 100%;
  height: auto;
}

.btn22 {
  position: absolute;
}

.next {
  right: 5px;
}

.prev {
  left: 5px;
}

.list-tab {
    text-align: left;
}

.img-list {
    text-align: left;
}

.img-list>li{
    margin-left: 10px;
    line-height: 1.5em;
}



/*----------------------------  
        for right pane
----------------------------*/

.db-pricing-seven {
    overflow-y: auto;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 20px;
   /* border: 1px solid #C5C2C2;*/
}

    .db-pricing-seven .clickable>.clickable1:hover {
        margin-top:2px;
        background: rgba(255,255,255,1);
        -moz-transition: margin-top 0.15s ease 0s;
        -ms-transition: margin-top 0.15s ease 0s;
        transition: margin-top 0.15s ease 0s;
    }

    .db-pricing-seven .clickable>.clickable2:hover {
        margin-top:2px;
        background: rgba(255,255,255,1);
        -moz-transition: margin-top 0.15s ease 0s;
        -ms-transition: margin-top 0.15s ease 0s;
        transition: margin-top 0.15s ease 0s;
    }

    .db-pricing-seven ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding-left: 0px;
    }

        .db-pricing-seven ul li {
            border-bottom: 1px solid #5f7ec4;
            background-color: rgba(255,255,255,0.5);;

            /*border-bottom: solid 1px #5f7ec4;*/
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 11px;
            /*text-transform: uppercase;*/
        }

        .db-pricing-seven .clickable li {
            border: 1px solid #5f7ec4;
            background-color: rgba(95,126,196,7);
            border-radius:6px; 
            margin:5px auto; 
            cursor: pointer;
            -webkit-box-shadow: inset 0px 0px 10px 1px rgba(95,126,196,8);
            -moz-box-shadow: inset 0px 0px 10px 1px rgba(95,126,196,0.8);
            box-shadow: inset 0px 0px 10px 1px rgba(95,126,196,0.8);
        }

            .db-pricing-seven ul li.price {
                background-color: #d6defe;
                border: 1px solid #d6def3;
                padding: 10px 5px 5px 5px;
                font-size: 14px;
                font-weight: 900;
                color: #353c3e;
                font-weight: 900;
            }

                .db-pricing-seven ul li.price i {
                    padding: 30px;
                    font-size: 50px;
                    display: block;
                }


    .db-pricing-seven .pricing-footer {
        padding: 20px;
    }

    .db-pricing-seven .pricing-footer a i {
        margin: 5px;
        top: 3px;
    }

    .img {
         border-radius: 100%;
         display: block;
         margin: 10px auto;
        }


#dijit_layout_ContentPane_1, .nowrapTabStrip {
    background-color: #d6def3!important;
}

.dijitTabContainerTop-tabs {
    background-color: rgba(10,57,165, 0.65)!important;
}