body {
    font-family:Calibri;
    /*font-family: Changa;*/
  /*padding-top: 50px;*/
  /*background-color: #f0f4f7;*/
  font-size:16px;
  direction:rtl;
  padding-right:0px !important;
  /*zoom: 0; 
-moz-transform: scale(2); 
-moz-transform-origin: 0 0;
-o-transform: scale(2); 
-o-transform-origin: 0 0;
-webkit-transform: scale(2); 
-webkit-transform-origin: 0 0;
transform: scale(2); 
transform-origin: 0 0;*/ 
}
  @media all and (-ms-high-contrast:none)
     {
     body{ font-family:Arial;} /* IE11 */
     }

footer {
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fff;
}
label {
    font-weight: lighter;
    margin-bottom: 3px;
    text-transform: capitalize;
}

.panel-body{
    padding:5px;
}

/*@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}*/

/*@font-face {
    font-family: 'Changa';
    src: url('../fonts/changa/Changa-Light.ttf') format('truetype');
}*/
/*Changing Themes*/
.navbar-fixed-top{
    z-index:1000;
}
.navbar-default{
    background-color: #f0f4f7;
}
 div.navbar-brand{
        font-size:20px;
        padding:10px 5px;
            -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    }
.default-theme, .default-theme .navbar-offcanvas{
background-color:#f0f4f7;
/*border:1px #e7e7e7 solid;*/
 }
.leaf-theme, .leaf-theme .navbar-offcanvas{
background-color:#f0f8ff ;
border:1px #e7e7e7 solid;
 }

.default{
     background-color:white;
      color:#222;
          border: 1px solid #e7e7e7;
          box-shadow: 0 0 5px rgba(57,70,78,.2);
      /*box-shadow: -10px 0px 10px 1px #aaaaaa;*/
 }
 .default .Site-header{
 color:#444;
 margin-top: 10px;
 }
.default .navbar-nav span{
     color:#444;
 }

.default-btn{
    background-color:#f0f4f7;
      color:#222;
          border: 1px solid #e7e7e7 !important;
}

/*Dark Theme*/

.nightsky{
     background-color: #1d2a32;
    color:#fff;
    border:0px;
 }
.nightsky-theme .ActionMenu a{
    color:#fff;
}

    .nightsky-theme .ActionMenu .menuItem:hover{
        background-color:#2b3942;
        color:#fff;
    }

    .ActionMenu{
     font-size: 12pt !important;
    }

.nightsky-theme div.ActionMenu{
    background:rgba(51,51,51,0.9);
    border-color:#333;
}
.nightsky-theme .well{
    background-color:#333 !important;
}
 .nightsky-theme, .nightsky-theme .navbar-offcanvas{
    background-color: #23313a;
     /*background:radial-gradient(circle, #172831 0%,#172831 400px),#589324;*/
     color:#fff !important;
/*border:1px #e7e7e7 solid;*/
 }
  .nightsky-theme .main {
          background-color: #23313a;
         border: 1px solid #2b3942;
        /*background:radial-gradient(circle, #333333 0%,#252525 400px),url('/wp-content/themes/jc/img/../img/bg_walltexture.jpg?1374772574'),#589324;*/
    }

  .nightsky-theme .SideHeader{
          border-bottom: 1px solid #2b3942;
  }

  .nightsky-theme .operatations-div div{
    background: #2b3942;
    border:0px;
    box-shadow:none;
  }

   .nightsky-theme .operatations-div div a{
    color:#959ea5;
  }
   .nightsky-theme button.btn-default{
       color:#fff;
   }

   .nightsky-theme  .operatations-div div:hover,.nightsky-theme  .hovered{
       background-color: rgb(29, 42, 50);
    color: rgb(255, 255, 255);
   border-bottom:3px solid #aa7243;
   }


  .nightsky-theme .no-records-div{
       background: radial-gradient(circle, #1D282F 0%, #131A1F 400px);
  }


 .nightsky-theme .panel,.nightsky-theme .panel-body{
     background-color:#2b3942;
     border-radius:0px;
     border:0px;
 }
 .nightsky-theme .Title-Div,.nightsky-theme .main-title-Div{
     background-color:#23313a;
 }

 .nightsky-theme .sub-header{
     border:0px;
     box-shadow:none;
     color:#fff /*#98a9b0*/;
         border: 1px solid #2b3942;
    /*background: rgba(255,255,255,0.2);*/
    background: radial-gradient(circle, #1D282F 0%, #131A1F 400px);
 }

 .nightsky-theme .LeftSideHeader{
         border-bottom: 1px solid #2b3942;
 }

.nightsky-theme a{
    color:#fff;
}
 .nightsky-theme a:hover{
color:#fff;
     }
    .nightsky-theme .hidden-operations div.operations-select:hover{
         color:#959ea5;
    }

    .nightsky-theme .modal-content{
        background-color:#23313a;
    }
    .nightsky-theme .alert-info{
        background-color:#2b3942;
        border: 1px solid #2b3942;
    }

    .nightsky-theme .modal-header .close{
        color:#fff;
    }

   .nightsky-theme  .modal-footer{
       border: 1px solid #2b3942;
   }
   .nightsky-theme .btn-default{
       background-color:#324856;
       border: 0px;
   }
   .nightsky-theme .definition-label{
          color: #fff;
   }
   .nightsky-theme .btn-primary{
   background-color:#44657c;
   /*border: 1px solid #2b3942;*/
   }
    .nightsky-theme .Circle-Numbering{
        background-color:#eaebed;
        color:#051218;
    }
   .nightsky-theme .spinner > div{
       background-color:#fff;
   }

  .nightsky-theme table.table-striped > tbody > tr:nth-of-type(odd){
      background-color:#333;
  }

     .nightsky-theme .breadcrumb div a{
       color:#fff;
     }
     .nightsky-theme .breadcrumb div a::before{
         border-right: 10px solid #23313a;
     }
    .nightsky-theme .breadcrumb div a::after{
        border-right: 10px solid #324856;
    }
    .nightsky-theme .breadcrumb div a:hover:after{
            border-right-color: #324856 !important;
    }
    .nightsky-theme .breadcrumb div a:hover{
         border-right-color: #324856;
         background-color:#324856;
         color: #fff;
    }

    .nightsky-theme .breadcrumb div a.btn-warning,.nightsky-theme .breadcrumb div a.btn-warning:hover, 
    .nightsky-theme .breadcrumb div a.btn-warning:focus,.nightsky-theme .breadcrumb div a.btn-warning:active,
    .nightsky-theme .breadcrumb div a.btn-warning:visited{
                background-color: #44657c;
    border: 1px solid #2b3942;
    color:#fff;
    }

   .nightsky-theme  .breadcrumb div a.btn-warning b.Circle-Numbering{
       background-color:#2890d7;
       color:#fff;
   }

    
    .nightsky-theme .btn-default[disabled]:hover,.nightsky-theme .btn-default[disabled]:focus{
        background-color: #324856 !important;
    }
   .nightsky-theme  .breadcrumb div a {
        background-color: #324856;
   }
   .nightsky-theme .breadcrumb div a:focus{
       background-color: #324856;
   }
  .nightsky-theme .navbar-inverse .navbar-nav > li > a{
      color:#fff;
  }

 .nightsky-theme .nav > li:hover{
     background-color:#233743;
     
 }
  .nightsky-theme .navbar-inverse .navbar-nav > li > a:hover{
   color:#fff;
  }

.nightsky-btn{
     background-color: #1d2a32;
    color:#fff;
      border:1px solid #333 !important;
 }
.nightsky .Site-header{
 color:#fff;
 }

.nightsky .navbar-nav span{
     color:#fff;
 }
.nightsky .div-change-overlay{
        background-color: #333;
}

.nightsky a.overlay-action:first-child{
        border-left: 1px solid #333;
}

.leaftheme{
    display:none !important;
}

.leaf{
     background-color: #2F4F4F;
    color:#fff;
    display:none;
 }
.leaf .Site-header{
 color:#fff;
 }

.leaf .navbar-nav span{
     color:#fff;
 }










.Site-header{
     color:#fff;
 }
.Site-header h1{
    font-size:21px;
    margin:10px 0px;
    display:inline-block;
}

/*.Site-header h2:before{
    content:"  >>  ";
}*/

.Site-header h2{
    font-size:18px;
    margin:0px;
    display:inline-block;
   
    /*font-weight:bold;*/
}

h2.User-menu-title{
    color: #aa7243;
    FONT-WEIGHT: bold;
}

 .img-logo{
     width:90px !important;
     margin: 2px 0px;
     -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
 }
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .sidebar-offcanvas {
    top: 50px;
    /*width: 33%;*/
    height:100%;
  }
      .Site-header h1{
        font-size:12px !important;
        /*height:35px;*/
        min-width:150px;
    }
      .Site-header h2{
          font-size:11px !important;
      }
    .img-logo{
        width:35px !important;
    }

  /*.main {
    padding-right: 40px;
    padding-left: 40px;
    padding-top:5px;
  }*/

  .sidebar-div form{
    padding-right: 10px;
    padding-left: 10px;
  }
}


/* Sidebar navigation */
.nav-sidebar {
  background-color: #f5f5f5;
  margin-right: -15px;
  margin-bottom: 20px;
  margin-left: -15px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #428bca;
}
.SideHeader
{
    margin-bottom:10px;
}
.SideHeader .glyphicon-search
{
    font-size: 19px;
    display: inline-block;
}
.SideHeader div{
    display:inline-block;
    width:30%;
}
.SideHeader h1
{
    display: inline-block;
    font-size: 16px;
    font-weight:bold;
    width:65%;
}
.SideHeader .glyphicon-chevron-down
{
    display: inline-block;
}

.SideHeader2
{
    border-bottom:1px solid lightgray;
    margin-bottom:10px;
    /*padding-bottom:5px;*/
}
.SideHeader2 h1
{
    display: inline-block;
    font-size: 16px;
    font-weight:bold;
    width:65%;
    margin-top:0px;
}

.icon-btn{
    cursor:pointer;
}
    /*.btn-search:hover {
        color:;
    }*/


.btn-submit
{
    width:100%
}
.LeftSideHeader
{
    border-bottom:1px solid lightgray;
        /*margin-right:10px;*/
        /*margin-top:20px;*/
       margin-bottom: 20px;
}
.LeftSidediv{
    /*margin-right:15px;*/
}
.LeftSideHeader h1
{
    font-size: 16px;
    font-weight:bold;

}
/*
 * Main content
 */

.main {
  /*padding: 20px;*/
  background-color: #fff;
  /*min-height:700px;*/
  padding-bottom:20px;
  min-height: 85vh;
  /*border:1px solid #e7e7e7;*/
  /*margin-right:230px;*/
}

.main .page-header {
  margin-top: 0;
}




.overlay {
    height: 100%;
    width: 0;
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0, 0.9); 
    overflow-x: hidden;
    transition: 0.5s; 
    /*overflow-y:auto;*/
}

.overlay-loading{
    background-color:transparent !important;
        /*margin-right: 15%;*/
    /*margin-left: auto;*/
    /*left: 0px;
    right: 0px;*/
    z-index: 10000; 
}

.overlay-content {
    position: relative;
    top: 20%; 
    width: 100%; 
    text-align: center; 
    margin-top: 10px;
}


.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; 
    transition: 0.3s; 
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    /*position: absolute;
    top: 20px;
    left: 45px;
    font-size: 60px;*/
    position: absolute;
    z-index: 10103;
    top: 0px;
    left: 20px;
    height: 60px;
    width: 60px;
    border-radius: 50%!important;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
}

    .overlay .closebtn span {
        font-size:18px;
    }
    .spinner_container{
        /*width:200px;
        height:200px;
        color:black;
                width: 30%;
    height: 30%;
    margin: 0px auto;
    padding: 10px 0px;
    border-radius: 90%;*/
    /*background-color: rgba(,3,3,0.6);*/
    width: 7%;
    height: 7%;
        margin: 30% auto 0px;
    /*margin: 40% auto 0px auto;*/
    padding: 10px 0px;
	-moz-border-radius: 90%;
	-webkit-border-radius: 90%;
	border-radius: 90%;
    }



.spinner {
  /*margin: 100px auto;
  width: 50px;*/
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        /*font-size: 40px;*/
        /*top: 15px;
        left: 35px;*/
    }

}

.nav > li{
   display:inline-block;
     font-size:18px;
}
.nav > li:hover{
    background-color: #e7e7e7;
  
}
/*Icons menu*/
.navbar-nav{
    /*margin:0px;*/
    float:left;
}

.list-inline{
    display:inline-flex;
}


@media (max-width: 767px) {
    .navbar-offcanvas.offcanvas-transform.in{
        width:100%;
    }
    .ct-chart{
        width:100%;
    }
    .glyphicon.glyphicon-th-large, .glyphicon.glyphicon-user{
        font-size:10px;
    }
    .User-menu li h2:before {
        width:100% !important;
    }
    body{
        font-size:9px;
    }
    h1{
        font-size:13px !important;
    }
    h2{
        font-size:12px;
    }

}
/*OvelayMenu*/


.content_wrap {
width:100%;
margin:0 auto;
padding:0;
}

/* =====[ COLORS ]============================================================================== */

.color-1-bg {
background:#6baba1!important;
}

.color-1-font,.color1-price {
color:#6baba1!important;
}

.color-2-bg {
background:#e0a32e!important;
}

.color-2-font,.color-2-price {
color:#e0a32e!important;
}

.color-3-bg {
background:#e7603b!important;
}

.color-3-font,.color-3-price {
color:#e7603b!important;
}

.color-4-bg {
background:#9ca780!important;
}

.color-4-font,.color-4-price {
color:#9ca780!important;
}

.color-5-bg{
   background:#81a0ff!important;
}

.color-5-font{
    color:#81a0ff!important;
}

.color-6-bg{
   background:#a0ff81!important;
}

.color-6-font{
    color:#a0ff81!important;
}


.color-7-bg{
   background:#06e4f2 !important;
}

.color-7-font{
    color:#06e4f2!important;
}

.color-8-bg{
   background:#52BE80 !important;
}

.color-8-font{
    color:#52BE80 !important;
}

.color-9-bg{
   background:#34ccff!important;
}

.color-9-font{
    color:#34ccff !important;
}

.color-10-bg{
   background:#48C9B0!important;
}

.color-10-font{
    color:#48C9B0!important;
}

.color-11-bg{
   background:#F4D03F !important;
}

.color-11-font{
    color:#F4D03F !important;
}

.color-12-bg{
   background:#5DADE2 !important;
}

.color-12-font{
    color:#5DADE2 !important;
}


.front,.back {
float:left;
width:170px;
height:170px;
background:rgba(0,0,0,0.3);
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
cursor:pointer;
}


.front{
    -webkit-box-shadow:0 0 10px 0 #888;
box-shadow:0 0 10px 0 #888;
}


/* =====[ MAIN LIST ]============================================================================== */

.box {
list-style:none;
display:block;
text-align:center;
width:100%;
/*margin:20px 0 0;*/
padding:0;
}

.box i {
padding-right:5px;
}

/*.box > li {
width:180px;
height:180px;
display:inline-block;
margin:8px;
}*/

/* =====[ FRONT ELEMENTS ]============================================================================== */

.front > div {
text-align:center;
color:#60bad7;
font-size:40px;
}

.title {
font-size:20px;
text-transform:uppercase;
text-align:center;
padding:25px 0px 17px;
/*font-size: 40px;*/
}

.price span {
font-weight:900;
vertical-align:top;
/*margin-top:-15px;*/
display:inline-block;
}

.price .total {
font-size:20px;
}

.currency,.end {
font-size:40px;
}

.description {
text-align:center;
}

.front .description {
color:#9b9b9b!important;
font-size:14px;
padding:4px 45px 0;
}

/* =====[ BACK ELEMENTS ]============================================================================== */

.back .title {
color:#FFF;
}

.back .description ul {
width:55%;
margin:auto;
}

.back .description ul li {
color:#FFF!important;
text-align:left;
list-style:none;
line-height:1.4;
}

.popular {
font-size:20px;
color:#60bad7;
position:absolute;
left:-20px;
top:0;
opacity:0;
}

.front-popular span{
font-size:30px;
}

.front-popular i{
font-size:30px;
}

/* =====[ CIRCLE ANIMATIONS ]============================================================================== */

.circle {
border-radius:150px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
position:relative;
-webkit-transition:all 1.8s ease-in-out;
-moz-transition:all 1.8s ease-in-out;
-o-transition:all 1.8s ease-in-out;
-ms-transition:all 1.8s ease-in-out;
transition:all 1.8s ease-in-out;
position: absolute;
}

.info {
position:absolute;
border-radius:150px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
opacity:0;
-moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-backface-visibility:hidden;
}

.circle:hover .front {
-moz-transform:scale(1.15);
-webkit-transform:scale(1.15);
-o-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15);
opacity:1;
}

.circle:hover .info {
-moz-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
opacity:1;
}

.circle:hover .front-popular {
border-radius:10% 50% 50% 50%!important;
}

.circle:hover .popular {
opacity:1;
animation:popularAnim 2s 1;
-webkit-animation:popularAnim 2s 1;
}

@keyframes popularAnim
{
from {opacity:0; left:40px;}
to {opacity:1; left:-20px;}
}

@-webkit-keyframes popularAnim /* Safari and Chrome */
{
from {opacity:0; left:40px;}
to {opacity:1; left:-20px;}
}

@-moz-keyframes popularAnim {
from {opacity:0; left:40px;}
to {opacity:1; left:-20px;}
}
    	
@-ms-keyframes popularAnim {
from {opacity:0; left:40px;}
to {opacity:1; left:-20px;}
}

.box > li{
*float:left;
}

.circle .back{
*display:none;
}

.circle .back{
z-index:0;
}
.circle .front{
position:relative;
z-index:1;
}
.circle:hover .back{
z-index:1;
}
.circle:hover .front{
position:relative;
z-index:0;
}

.circle:hover .back{
*display:inline;
}
.circle:hover .front{
*display:none;
}

/*User menu*/
.User-menu
{
    /*text-align:right;
    color:white;
    margin-top:5%;*/
        position: relative;
    z-index: 10103;
    /*padding: 60px 0 0;*/
    /*visibility: hidden;*/
    webkit-transition: visibility .3s;
    -moz-transition: visibility .3s;
    -ms-transition: visibility .3s;
    -o-transition: visibility .3s;
    transition: visibility .3s;
    list-style: none;
}
    .User-menu li a{
        position: relative;
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 calc(1em + 60px) 0 1em;
        font-size: 1.7rem;
        /*padding:0 1em 0 1em;*/
        webkit-transition: color .2s;
        -moz-transition: color .2s;
        -ms-transition: color .2s;
        -o-transition: color .2s;
        transition: color .2s;
    }
    .User-menu li a::before{
        content: '';
        transform: translateX(3px) translateY(-50%) scaleY(0);
         /*background-color: #FF3F3F;*/
        background-color: #e7e7e7;
        width: 3px;
        top: 10px;
        position: absolute;
        height: 15px;
        right: 80px;  
    }
    .User-menu li a:hover::before{
         transform: translateX(3px) translateY(-50%) scaleY(2);
    webkit-transition: transform .15s .3s;
    -moz-transition: transform .15s .3s;
    -ms-transition: transform .15s .3s;
    -o-transition: transform .15s .3s;
    transition: transform .15s .3s;
         cursor:pointer;
    }
    .User-menu li a.no-hover{
        font-size:11pt;
    }

        .User-menu li a.no-hover:hover::before  {
            transform: translateX(3px) translateY(-50%) scaleY(0);
        }

        span.user-menu-name{
            right:7% !important;
            font-size:16pt;
            cursor:text;
        }


  .User-menu li a span.User-menu-title{
          position: absolute;
          right: 5.8em;
          top: -15px;
  }

  span.div-change-overlay-header{
    width: 600px;
    background-color: #47332c;
     -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    padding-right: 10px;
  }

.User-menu li {
     list-style:none;
}
.User-menu li a span{
        text-align: right;
    color: #ebebeb;
    font-weight: 400;
    display: block;
      cursor:pointer;
    /*opacity: 0;*/
    /*webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);*/
}
.User-menu li a span.glyphicon{
    width: 16px;
    font-size: 18px;
    right: 2.2em;
    /*top: 16px;*/
    color: #ebebeb;
        position: absolute;
    height: 16px;
}

.glyphicon{
    font-size:16px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
    margin-right:-20px;
}
button,
input,
optgroup,
select,
textarea{
    font-family:Calibri;
}


.icon-btn .fa{
font-size:13pt;
top:0px;
width:auto;
}

.screen-shot{
width: 55px;
height: 36px;
text-align: center;
top: 8px;
cursor:pointer;
font-size: 25px;
}

.help-icon{
width: 55px;
height: 36px;
text-align: center;
top: 8px;
cursor:pointer;
font-size: 25px;
}


    /*.User-menu li h1 {
    font-size:2em;
    }


.User-menu li h2{
  position: relative;
  color: #fff; 
  font-size:1.5em;
}
.User-menu li h2:hover{
     color: brown;
     cursor:pointer;
}*/


/*.User-menu li h2:before {
  content: "";
  position: absolute;
  width: 30%;
  height: 2px;
  bottom: -10px;
  right: 0px;
  background-color: brown;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}*/

/*.User-menu li h2:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}*/

/*.User-menu li span{
  margin:10px;
    }*/


/*Chartist*/
.ct-labels{
    direction:ltr !important;
}
div.ct-chart .ct-grids{
    display:none;
}
div.ct-chart .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{
    font-size:11pt;
    color: #888;
}

div.ct-chart .ct-end{
    display:none;
}



h2, .h2{
    font-size:20px;
}

.sub-header {
    text-align: center;
    color: #080808;
    border: 1px #ccc solid;
    box-shadow: 2px 2px 5px #888888;
    margin: 0;
    padding: 10px 0;
    font-size: 13pt;
    background-color: #f0f4f7;
    border-bottom: 2px #eea236 solid;
    transition: all 0.4s ease-in-out;
}
.navbar-inverse .navbar-toggle{
    border-color:#e7e7e7;
}

.navbar-colored .icon-bar{
    background-color: #e7e7e7 !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color:#f0f4f7;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border-color:#e7e7e7;
}

.navbar-inverse .navbar-nav > li > a{
    color:#333;
}
.navbar-inverse .navbar-nav > li > a:hover{
    color:#333;
}

.container-main{
    margin-top:30px;
}

/*for safari table*/
.table-responsive .table {
      max-width: none;
}

.controls{
    width:40px;
    height:40px;
    display:inline;
    border:1px;
    margin:5px;
}

.controls:hover{
transform:scale(1.1);
/*border:2px solid #e7e7e7;*/
box-shadow: 2px 2px 2px #888888;
}

/*Overlay User menu*/
.quick-nav-bg {
    position: absolute;
    z-index: 10102;
    top: 0px;
    right: 20px;
    width: 60px;
    height: 100%;
    /*box-shadow: 0 6px 30px rgba(0,0,0,.2);*/
   /*-webkit-box-shadow: 0 0 10px 0 #888;
    box-shadow: 0 0 10px 0 #888;*/
    /*height: 60px;*/
    border-radius: 30px!important;
    background: #5fb2ce;
    /*box-shadow: 0 1px 4px rgba(0,0,0,.2);*/
    webkit-transition: height .2s,box-shadow .2s;
    -moz-transition: height .2s,box-shadow .2s;
    -ms-transition: height .2s,box-shadow .2s;
    -o-transition: height .2s,box-shadow .2s;
    transition: height .2s,box-shadow .2s;
}
.input-group-addon{
    padding:2px 10px;
}
h4{
    margin:12px 0px;
}
.text-danger{
    display: table-row;
}
.input-validation-error{
    box-shadow: 0px 0px 3px 1px #d61111 !important;
    border: 0px !important;
}

.form-control {
    font-size: 14px;
    text-align: left;
    height: 44px;
    padding: 1px 1px 1px 3px;
    line-height: 34px;
}

.form-group{
    margin-bottom:5px;
}

.selectize-input {
    padding: 5px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
}

.div-change-overlay{
    width: 600px;
    background-color: white;
    position: relative;
    text-align: right;
    padding: 10px;
    top: -15px;
    right: 99px;
     /*-webkit-animation: slide 1.5s forwards;
    animation: slide 1.5s forwards;*/
}

.div-change-overlay-actions{
        position: absolute;
    top: -40px;
    left: 0px;
}

.div-change-overlay-actions a{
    display:inline-block !important;
}
a.overlay-action:first-child {
    border-left:1px solid #fff;
        left: -20px;
}
a.overlay-action:before{
 position: static !important;
}

.Error-Span{
    height: 5px !important;
    padding: 10px !important;
    position: relative !important;
    bottom: 30px;
    left: 15%;
    /*background-color: red;*/
}

.Error-Span:before{
    position:static !important;
}
.right-panel{
    /*position:fixed;*/
    height:85vh;
	/*width: 220px;*/
    /*margin-bottom:20px;*/
    -ms-overflow-style:scrollbar !important;

/*right:0px;
width:230px;
    height:100%;
    top:80px;*/
    /*overflow-y:scroll ;
    overflow-x:hidden;*/
}




/*.SearchPanel{
    height:500px;
}*/

.btn-none{
     background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    width:100%;
}

.QuestionInfo {
    background-color:#f0f4f7;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 20px;
    margin: 20px;
    margin-top:30px;
}

.DataChoicesContainer {
    background-color: #e7e7e7;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 20px;
    margin: 20px;
}

.addItem
{
    position: absolute;
    top:10px;
    right:10px;
}

.item-actions {
    /*position: absolute;
    top: 20px;
    right: -10px;*/
}

.questionsPool {
    width: 100%;
    height: 125px;
    border-radius: 18px;
    border: 2px dashed #096A2E;
    text-align: center;
    padding-top: 35px;
    font-size: 18px;
    margin-top:20px;
}

.required-icon {
    color: gray;
}

    .required-icon.active {
        color: red;
    }

.questionType {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 3px dashed lightgray;
    text-align: center;
    cursor: pointer;
}
.QuestionsPanel {
    padding-top: 30px;
    overflow: auto;
}

.SearchPanel {
    padding-left: 10px;
}

.outerLink {
    position: fixed;
    top: 15px;
    /* left: 15%; */
    right: 8.5%;
    /* margin-right: 10px; */
    margin-top: 110px;
}

.colRemove, .Requiredh {
    /*padding-top: 25px;*/
}


.parent {
    position: relative;
}


.item-actions {
    position: absolute;
    right: -20px;
    top: -15px;
    padding: 10px;
    width: 40px;
    background-color: #fafafa;
    border: solid 1px gray;
    border-radius: 5px;
}

.questionTitle {
    position: absolute;
    left: 10px;
    top: -40px;
    padding: 5px;
    background-color: #fafafa;
    border: solid 1px gray;
    border-radius: 5px;
}

.removeItem {
    padding-top: 25px;
}

.create {
    position: absolute;
    right: 10px;
    cursor: pointer;
    margin-top: 50px;
    display: flex;
    align-items: center;
}


.saveBtn {
    /*left:15%;*/
    /*margin-right:10px;*/

}

.close-page,
.close-page1 {
    /*position: fixed;
    top: 15px;*/
    /* left: 15%; */
    /*right: 4%;*/
    /* margin-right: 10px; */
    /*margin-top: 110px;*/
}

/*Labels*/
.definition-label {
    /*width:35%;*/
    text-align: left;
    padding-left: 6px;
    color: #676767;
    /*margin: 15px 0px;*/
    vertical-align: middle;
}