/*::selection {
  background: yellow;
}*/

.scroll-blue::-webkit-scrollbar {
    width: 10px;
    height:8px;
}

.scroll-blue::-webkit-scrollbar-track {
    background: transparent;
}

.scroll-blue::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #0093ff;
}

.ribbon-container {
    margin-bottom: 10px;
}

.button-orange {
    border: 1px solid #e27e03;
    background-color:white;
}

.button-next {
    border: 1px solid #8d8d8d;    
    background-color:white;
}

.button-previous {
    border: 1px solid #8d8d8d;
    margin-left: 0px;
    background-color:white;
}

.margin-top-space{
    margin-top: 12px
}

.man{
    border-left: 2px solid #ff4646 !important;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;    
}

.label-header{
    line-height:2;
    font-weight:normal 
}

.inner-admin{
    line-height: 2;   
    color: #e27f00;
    float:right
}

/*-------------------------------------------------------*/
/*paging*/
/*-------------------------------------------------------*/

.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 6px 12px;
    margin-right: 4px;
    border-radius: 2px;   
    background: #2da6ec;   
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.GridPager a {
    background-color: #f5f5f5;
    color: black;
    border:1px solid rgba(255,255,255, .8);
}

.GridPager span {
    background: #2da6ec;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: white;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
     
}

 
/*-------------------------------------------------------*/

.sub-header-black
{
    color: #4c4c4c; font-weight: bold; margin-top: 6px; 
}

.visible-true
{
    display:block
}

.visible-false
{
    display:none
}

.little-button{
    border: 1px solid #53a4f7;   
    border-radius: 3px;    
    font-size: 12px;
    padding: 2px 6px;
}



/*-------------------------------------------------------*/
/*scroll bar light*/
/*-------------------------------------------------------*/

.scroller-light-x-thin::-webkit-scrollbar {
    width: 4px;
    height:8px;
}

.scroller-light-thin::-webkit-scrollbar {
    width: 8px;
    height:8px;
}

.scroller-light-x-thin::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-light-thin::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-light-x-thin::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #dadada;
}

.scroller-light-thin::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #dadada;
}

.scroller-light-medium::-webkit-scrollbar {
    width: 12px;
    height:8px;
}

.scroller-light-medium::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-light-medium::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #dadada;
}

.scroller-light-thick::-webkit-scrollbar {
    width: 20px;
    height:8px;
}

.scroller-light-thick::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-light-thick::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #dadada;
}


/*-------------------------------------------------------*/
/*scroll bar blue*/
/*-------------------------------------------------------*/

.scroller-blue-x-thin::-webkit-scrollbar {
    width: 4px;
    height:8px;
}

.scroller-blue-thin::-webkit-scrollbar {
    width: 8px;
    height:8px;
}

.scroller-blue-x-thin::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-blue-thin::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-blue-x-thin::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #23AEFF;
}

.scroller-blue-thin::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #23AEFF;
}

.scroller-blue-medium::-webkit-scrollbar {
    width: 12px;
    height:8px;
}

.scroller-blue-medium::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-blue-medium::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #23AEFF;
}

.scroller-blue-thick::-webkit-scrollbar {
    width: 20px;
    height:8px;
}

.scroller-blue-thick::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-blue-thick::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #23AEFF;
}

/*-------------------------------------------------------*/
/*scroll bar orange*/
/*-------------------------------------------------------*/

.scroller-orange-thin::-webkit-scrollbar {
    width: 8px;
    height:8px;
}

.scroller-orange-thin::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-orange-thin::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #FF9800;
}

.scroller-orange-medium::-webkit-scrollbar {
    width: 12px;
    height:8px;
}

.scroller-orange-medium::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-orange-medium::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #FF9800;
}

.scroller-orange-thick::-webkit-scrollbar {
    width: 20px;
    height:8px;
}

.scroller-orange-thick::-webkit-scrollbar-track {
    background: transparent;
}

.scroller-orange-thick::-webkit-scrollbar-thumb {
    /*background: #3dc0f3;*/
    background: #FF9800;
}

/*-------------------------------------------------------*/
/*loader*/
/*-------------------------------------------------------*/

.boxModal
{
    text-align: center; background-color: black; color: white; opacity:0.7; position: fixed; left: 0px; top: 0; width: 100%; height: 100%; z-index: 9998 
}

.boxImg
{
    z-index: 9999; top:30px
}

.unispin {
  margin: 400px auto;
  width: 70px;
  height: 70px;
  position: relative;
  text-align: center;
  z-index: 9999;
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #009aff;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*-------------------------------------------------------*/
/*small loader*/
/*-------------------------------------------------------*/

.unispin-small {
  margin: 0px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  z-index: 9999;
  -webkit-animation: sk-rotate-small 2.0s infinite linear;
  animation: sk-rotate-small 2.0s infinite linear;
}

.dot1-small, .dot2-small {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #009aff;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce-small 2.0s infinite ease-in-out;
  animation: sk-bounce-small 2.0s infinite ease-in-out;
}

.dot2-small {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate-small { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate-small { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce-small {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce-small {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/*-------------------------------------------------------*/
/*required field validator*/
/*-------------------------------------------------------*/

.rfv{
    color:red;
}

/*-------------------------------------------------------*/
/*treeview*/
/*-------------------------------------------------------*/

.treeNode {
    color: #313131;
    font-size: 14px;
    font-family: Calibri;
    padding-left: 3px;
    padding-top: 7px;
    padding-bottom: 4px;
}

.rootNode {
    font-size: 14px;
    padding-left: 3px;
    padding-top: 7px;
    padding-bottom: 4px;
    font-weight: bold;
}

.leafNode {
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.treeview img {
    vertical-align: middle;
    width: 20px;
}

span.CheckBox input {
    width: 40px;
    height: 10px;
    background: #555;
    margin: 20px 80px;
    position: relative;
    border-radius: 3px;
}

/*-------------------------------------------------------*/
/*pop up mode*/
/*-------------------------------------------------------*/

.pop-up-mode {
    width: 38px;
    position: absolute;
    top: 11px;
    left: 10px;
}

/*-------------------------------------------------------*/
/*Hide validation text box*/
/*-------------------------------------------------------*/

.control-hide {
    display:none;
}

/*-------------------------------------------------------*/
/*Slider*/
/*-------------------------------------------------------*/

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 24px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #808080;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #5cc75b;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }