/* Piceasoft Icons - Font */


@font-face {
    font-family: 'piceasoft_icons';
    src: url('piceasoft_icons-webfont.eot');
    src: url('piceasoft_icons-webfont.eot?#iefix') format('embedded-opentype'),
    url('piceasoft_icons-webfont.woff2') format('woff2'),
    url('piceasoft_icons-webfont.woff') format('woff'),
    url('piceasoft_icons-webfont.ttf') format('truetype'),
    url('piceasoft_icons-webfont.svg#piceasoft_iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p.piceaicon, span.piceaicon
{
    font-family:piceasoft_icons;
}
.transferring .source .icon_contenttype:after{
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count:infinite;
    z-index:999;
    position:absolute;
    margin-left:-4vmin;
    font-size:4vmin;
    line-height: 3vmin;
    font-family:piceasoft_icons;
    color:#53c4f1;
}

/* The animation code */
@keyframes example {
    0% {color:black}
    30% {color:#53c4f1;transform: translate(14.25vw ,0) rotate(360deg) scale(1.5,1.5);}
    100% {
        color: white;

        transform: translate(28.5vw ,0) rotate(720deg) scale(0,0);
    }
}
.erasing_in_progress
{
}
.erase_in_progress
{

}
.erase_in_progress:before{
    animation-name: erasing;
    animation-duration: 2s;
    animation-iteration-count:infinite;
    z-index:999;
    position:absolute;
    margin-left:-2vmin;
    margin-top:-1vmin;
    font-size:4vmin;
    line-height: 3vmin;
    font-family:piceasoft_icons;
    color:#53c4f1;

}
/*chrome ani*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .erase_in_progress:before{
        margin-left:44%;
    }
}
/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-accelerator:true) {
    .erase_in_progress:before{
        margin-left:0px !important;
    }
}

.delay1:before
{
    color:rgba(0,150,205,1);
    animation-duration: 2.5s;
}
.delay2:before
{
    color:white;
    animation-duration: 1.5s;
}
/* The  Eraser animation code */
@keyframes erasing {
    0% {}
    30% {transform: translate(32.75vw ,-17vmin) rotate(360deg) scale(2.5,2.5);}
    90% {

        text-shadow:0vmin 0vmin 0.2vmin black;
        transform: translate(66.5vw ,-5vmin) rotate(720deg) scale(0.5,0.5);
    }
    100% {


        transform: translate(66.5vw ,0) rotate(720deg) scale(0,0);
    }
}
/* The  Eraser animation code  for IE*/
@keyframes erasing_IE {
    0% {}
    30% {transform: translate(32.75vw ,0px) rotate(360deg) scale(2.5,2.5);}
    90% {

        text-shadow:0vmin 0vmin 0.2vmin black;
        transform: translate(66.5vw ,0px) rotate(720deg) scale(0.5,0.5);
    }
    100% {


        transform: translate(66.5vw ,0px) rotate(720deg) scale(0,0);
    }
}


/*
background: transparent linear-gradient(green, blue) no-repeat scroll center bottom / 100% 50%;
background: linear-gradient(green,blue);
background-repeat: no-repeat;
background-position: bottom center;
*/
.icon_contenttype:before
{
    font-size:4vmin;
    line-height: 3vmin;
	line-height: 2.2vmin;
    font-family:piceasoft_icons;
    color:#53c4f1;
}
.icon_reporttable:before
{
    font-size:4vmin;
    line-height: 3vmin;
    font-family:piceasoft_icons;
    color:white;
}
.icon_fullreport:before
{
    font-size:4vmin;
    line-height: 5vmin;
    font-family:piceasoft_icons;
    color:white;
    position: absolute;
    margin-left: -3vmin;
    margin-top: 0.5vmin
}
.icon_reportheading
{
    font-size:4vmin;
    line-height: 5vmin;
}
.icon_button:before
{
    font-size:7vmin;
    line-height: 4vmin;
    font-family:piceasoft_icons;

}

/*Contacts*/
.icon_contacts:before {
    content: "\31";
}
/*For animation*/
.transferring .source .icon_contacts:after {

    content: "\31";
}

.content_enumeration
{
    font-size: 1.5vmin;
    line-height: 1.5vmin;

}

.content_enumeration:after {
    /*  animation: 2s linear 0s normal none infinite running fa-spin; */
    position:absolute;
    content:"\f110 ";

    content:"\f021 ";

    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
    font: 2vmin/1 FontAwesome;
    margin-left: -4vmin;
    margin-top: -1.5vmin;
    /*color: rgba(0,150,255,0.3);
    color:white;
        color: rgba(255,255,255,0.5);*/
    color:white;
    text-shadow:1px 1px 1px black;

    z-index: 999999;
    will-change: transform;
    filter: blur(0);
    animation: 1s steps(118, end) 0s normal none infinite running fa-spin;
}
.fa-spin
{
    will-change: transform;
    filter: blur(0);
}


.target .content_enumeration:after
{
    margin-left: 2.2vmin;

}
.targetEnumerationInProgress .target .amount, .sourceEnumerationInProgress .source .amount
{
    visibility:hidden;
}
.enumeration_progress
{
    position: absolute;
    margin-left: -1.6vmin;
    font-size: 1.6vmin;
    margin-top: 0vmin;
    line-height: 3vmin;
}
/*************************************************
/* Safari and Chrome styles
**************************************************/
@media screen and (-webkit-min-device-pixel-ratio:0)
{

    .target .content_enumeration:after
    {
        margin-left: 3vmin;

    }
    .content_enumeration:after {
        margin-left: -3vmin;
    }
    .enumeration_progress
    {
        position:relative;
        margin:0px auto;
    }

}

/*************************************************
/* IE styles
**************************************************/
@media screen and (-ms-high-contrast: active) , (-ms-high-contrast: none)
{
    .content_enumeration
    {

    }
    .content_enumeration:after, .target .content_enumeration:after
    {
        animation: fa-spin 1s infinite linear;
    }

    .erase_in_progress:before{
        animation-name: erasing_IE !important;
        animation-duration: 2s;
        animation-iteration-count:infinite;
    }

}


/*Calendar*/
.icon_calendar:before {
    content: "\32";
}
/*Calendar For animation*/
.transferring .source .icon_calendar:after {

    content: "\32";
}
/*Messages*/
.icon_messages:before {
    content: "\33";
}
/*Messages For animation*/
.transferring .source .icon_messages:after {

    content: "\33";
}
/*Bookmarks*/
.icon_bookmarks:before {
    content: "\34";
    font-size:4vmin;
}
/*Bookmarks For animation*/
.transferring .source .icon_bookmarks:after {
    content: "\34";
    font-size:4vmin;
}
/*Music*/
.icon_music:before {
    content: "\35";
}
/*Music For animation*/
.transferring .source .icon_music:after {
    content: "\35";
}
/*Images*/
.icon_image:before {
    content: "\36";
    line-height:2vmin;
}
.fullreport_image:before
{
    line-height:4vmin;
}
/*Images For animation*/
.transferring .source .icon_image:after {
    content: "\36";
}
/*Videos*/
.icon_video:before {
    content: "\37";
}
/*Videos For animation*/
.transferring .source .icon_video:after {
    content: "\37";
}
/*Documents*/
.icon_document:before {
    content: "\38";
}
/*Documents For animation*/
.transferring .source .icon_document:after {
    content: "\38";
}
/*Applications*/
.icon_applications:before {
    content: "\39";
}
/*Applications For animation*/
.transferring .source .icon_applications:after {
    content: "\39";
}

/*Start*/
.icon_start:before {
    content: "\61";
    font-size:7vmin;
    line-height: 4vmin;
}
/*Back*/
.icon_back:before {
    content: "\62";

}
/*Rollback*/
.icon_rollback:before {
    content: "\63";
}
/*Restore*/
.icon_restore:before {
    content: "\64";
}
/*swap*/
.icon_swap:before {
    content: "\65";
    font-size:7vmin;
    line-height: 4vmin;


}
/*cancel*/
.icon_cancel:before {
    content: "\66";
    font-size:5vmin;
    line-height: 6vmin;

}
/*bluetooth*/
.icon_bluetooth:before {
    content: "\67";
    line-height: 3.5vmin;
    font-size:5vmin;

}
/*success*/
.icon_success:before {
    content: "\68";
    font-size: 7vmin;
    line-height: 1.5vmin;
}
.table .icon_success:before {
    font-size:5vmin;
    color:#37C037  !important;

}

.icon_noti_success:before {
    content: "\68";
    font-size: 7vmin;
    line-height: 0vmin;
    position:Absolute;
    margin-left: 0.5vmin;
    margin-top: 0.5vmin;
}

/*Memory*/
.icon_memory:before {
    content: "\69";
}

/*warning*/
.icon_warning:before {
    content: "\6a";
    font-size: 4vmin;
    line-height: 3.5vmin;
    color:red;
}
.icon_noti_warning:before
{
    content: "\6a";

    font-size: 3vmin;
    line-height: 3vmin;
    color: #F00;
    padding: 1vmin;
    padding-top: 0px;
}
.icon_noti_bar_warning:before
{
    content: "\6a";
    font-size: 3vmin;
    line-height: 3vmin;
    margin-top: 0.3vmin;
    margin-left: 2.5vmin;
    color:#CF6E00;
    color:white;
}

.table .icon_warning:before {
    margin-top:1vmin;

}
.icon_content_warning:after
{
    position:Absolute;
    text-shadow:1px 1px 1px black;
    margin-left:-1vmin;
    margin-top:-1vmin;
    font-size:3vmin;
    line-height: 3vmin;
    content: "\6a";

}
/*Report*/
.icon_report:before {
    content: "\6b";
    font-size:5vmin;
    line-height: 5vmin;
}
/*Cloud*/
.icon_cloud:before {
    content: "\6c";
    font-size:4vmin;
    line-height:1vmin;

}
/*Trash can*/
.icon_trash:before {
    content: "\6d";
}

.sourceLocked .source .icon_contenttype:after, .targetLocked .target .icon_contenttype:after
{
    position:Absolute;
    text-shadow:1px 1px 1px black;
    margin-left:-1vmin;
    margin-top:-1vmin;
    font-size:3vmin;
    line-height: 3vmin;
    font-family:FontAwesome;
    content:"\f023";
}
.panel-heading [data-toggle="collapse"]
{

}

.panel-heading [data-toggle="collapse"]:after, .toggleSuccessType a[data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f0da"; /* "play" icon */
    float: right;
    color: #53c4f1;
    font-size: 3vmin;
    line-height: 4vmin;
    margin-right: 2.5vmin;
    position:absolute;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.toggleSuccessType a[data-toggle="collapse"]:after
{
    position:Relative;
}


.panel-heading [data-toggle="collapse"].collapsed:after, .toggleSuccessType a[data-toggle="collapse"].collapsed:after  {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: grey;
}


.loading
{
    font-size: 25vmin;
	    font-size: 35vmin;
    margin-left:0vmin;
	margin-left: 0vmin;
    line-height: 50vmin;
    margin-top:5%;
    position:relative !important;
}
.loading:after
{
    content:'\6F';
}
/*
.loading1
{
    display:initial;
}
.loading1:after
{
    content:"\0021";
}
.loading2:after
{
    content:'\0022';

}
.loading3:after
{
    content:'\0023';

}
.loading4:after
{
    content:'\00A4';

}
.loading5:after
{
    content:'\0025';
}
.loading6:after
{
    content:'\0026';

}

.loading7:after
{
    content:'\002F';
}
*/

.imgcol span
{
    position:absolute;
    top:0px;
    left:0px;
}

.icon_heart:after
{
    content:'\6E';
    font-size:8vmin;
    line-height:3vmin;
}

/*Old browser version alert styles*/

#BrowserBar 
{
width:100% !important;
    background: rgba(207, 110, 0, 0.7) none repeat scroll 0% 0% !important;

    text-shadow: 0px 0px 4px rgb(0, 0, 0);
	border-bottom:1px solid white;
}
#BrowserBar:before
{
    font-family:piceasoft_icons;
    content: "\6a";
	font-size: 23px;
	line-height: 35px;
	color: white;
	position: absolute;
	margin-top: -11px;
	margin-left: 9px;
	
}
#BrowserBar p a
{
color:#53c4f1 !important;
text-shadow: 1px 1px 1px black !important;
}