.uk-open > .my-hover-icon-color-primary i{
color: #2196f3;	
}
@media (max-width: 360px) {
[data-repsonsive-max-hide="360"] {
display: none !important;
}	
}
.max-width-more{
white-space: nowrap;
 overflow: hidden;
text-overflow: ellipsis; 
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 9999999999;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #222;
        z-index: 999999999;
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }
    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded styles */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    
        -webkit-transition: all 0.3s 1s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s 1s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
	
.page_data{
display: none !important;
}
.notification_audio{opacity: 0;}
.my_color_access_0{color: #7cb342 !important;}
.my_color_access_1{color: #e53935 !important;}

.my-head-input-text{
padding-top: 7px;	
padding-bottom: 7px;	
}
.my-head-input-select{
padding-top: 7px;	
padding-bottom: 7px;	
}

.my_color_form_status_0{color: #e53935 !important;}
.my_color_form_status_1{color: #ffa000 !important;}
.my_color_form_status_2{color: #8e24aa !important;}
.my_color_form_status_3{color: #2196f3 !important;}
.my_color_form_status_4{color: #7cb342 !important;}

textarea.no_autosize {
min-height: inherit;
overflow: auto;
-webkit-transition: none;
transition: none;
resize: both;
}
textarea.no_autosize_width{
min-height: inherit !important;
overflow: auto !important;
-webkit-transition: none !important;
transition: none !important;	
resize: vertical !important;	
}
textarea.no_autosize_width_min_height_100{
min-height: 100px !important;
overflow: auto !important;
-webkit-transition: none !important;
transition: none !important;	
resize: vertical !important;	
}
@media (max-width: 500px) {
.my-head-input-select{
width: 50px;	
display: none;
}	
.my-head-input-text{
width: 60px;	
}
}
@media (min-width: 501px) {
.my-head-input-select{
width: 50px;	
}	
.my-head-input-text{
width: 40px;	
}
}
@media (min-width: 800px) {
.my-head-input-select{
width: auto;	
}	
.my-head-input-text{
width: auto;	
}
}

#overlay_loading {
position: fixed;
display: none;
width: 100%; 
height: 100%;
top: 0; 
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.3); 
z-index: 99999999999; 
cursor: pointer; 
}

#overlay_loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #1976d2;
  border-bottom: 4px solid #1976d2;
  width: 36px;
  height: 36px;
  -webkit-animation: overlay_loader_spin 2s linear infinite;
  animation: overlay_loader_spin 2s linear infinite;
  
      z-index: 9999;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20%;
}

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

@keyframes overlay_loader_spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.my-cursor-pointer{
cursor: pointer;
}
.my-margin-right-5px{
margin-right: 5px;	
}
.my-cursor-default{
cursor: default;
}
.uk-nestable-item-touch{
    -ms-touch-action: auto !important;
    touch-action: auto !important;	
}
.md-input-card{
padding: 4px 4px !important;	
}
.md-input-card-label{
top: 12px !important;
}
.md-input-focus .md-input-card-label, .md-input-filled .md-input-card-label{
top: -6px !important;
}
.md-input-wrapper-card .md-input-wrapper{
padding-top: 2px !important;	
}
.my-none{
display: none;
}