/* IPair Cloud service EMC2 */
html, 
body {height: 100%; width:100%;}
.api{width:100%; height:100%;}
#log {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(../resourses/bg.jpg); background-repeat:repeat-x;}
.container {margin:auto; margin-right: auto; margin-left: auto; height: 266px; width: 293px; margin-top:10%;}
.logoin {height: 73px; width: 262px; margin:auto;}
.logon {height: 193px; width: 100%;}
#user{width:273px; height:32px; padding:10px; margin-top:15px; border:none; border-bottom:1px #CCCCCC solid; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
#pass{width:233px; height:32px; padding:10px; margin-top:0px; border:none; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px;}
#but{width:40px; height:52px; margin-top:0px; padding: 0; background-color:#FFF; border:none; float:right; cursor:pointer; background-image:url(../resourses/in.png); background-position:center;background-repeat:no-repeat;
}
#in{background:#FFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
.high{ width:100%; height:47px; background:#55729a; padding-top:5px; z-index:800;}
#log{float:left; height:35px; width:164px;}
.hello{float:right; width:150px; height:35px; padding-top:10px; color:#FFF;}
.nav{height:91.5%; width:19.5%; float:left; z-index:-1; border-right:1px solid #eeeeee;}
.option{width:200px; padding-top:13px; padding-left:50px; height:31px; color:#57739a; background-repeat: no-repeat; background-position: 17px 13px; background-size: 22px 16px;
}
.apopen{float:right; width:80%; height:91.5%; overflow: auto;}
.mesage{ width:263px; background-color:#1d2d44; height:px; padding:10px; padding-top:15px; border:1px solid #c2e1f5; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-left:auto; margin-right:auto; margin-top:-50px; position:absolute;}
.mesage:after, .mesage:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; position:absolute;}
.mesage:after {border-color: rgba(136, 183, 213, 0); border-bottom-color: #88b7d5; border-width: 10px; margin-left: -10px;}
.mesage:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #c2e1f5; border-width: 11px; margin-left: -11px;}
.onbase{ width:96%; height:42px; padding:5px;}
.loader {position:absolute; display:none; width: 80%; height: 88%; z-index:780;background: url(../resourses/load.gif) 50% 50% no-repeat rgb(249,249,249);}
.start{width:36x; height:36px; padding:4px; float:left;}
/*Files_tab*/
#tab_files:hover{background-color:#f8f8f8;} 
.fav{display:block; height:33px; text-align:center; padding-top:19px; border-bottom:1px solid #eeeeee;}
.favf{display:block; height:33px; text-align:center; padding-top:19px; border-bottom:1px solid #eeeeee;}
#folder{width:100%; height:52px; border-bottom:1px solid #eeeeee; background-image:url(../resourses/folder.svg); background-repeat: no-repeat; background-position:center; background-size: 39px 30px;}
#filsx{width:100%; padding-top:10px; height:42px; text-align:center; border-bottom:1px solid #eeeeee; background-repeat: no-repeat; background-position:center; background-size: 39px 30px;}
.target{ width:100%; height:35px; padding-top:17px;border-bottom:1px solid #eeeeee; color:#898787;}
.more{display:block; height:33px; text-align:center; padding-top:19px; border-bottom:1px solid #eeeeee;}
.mfol{display:block; height:33px; text-align:center; padding-top:19px; border-bottom:1px solid #eeeeee;}
/*buble_menu*/
.bub-men {position: absolute; z-index:400; width: 110px; height: 115px; z-index: 850; border: 1px solid #ffffff; box-shadow: 0 4px 8px 0 #dedede; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px; margin-top:-15px; background:#FFF;  }
.bub-menfi {position: relative; width: 110px; height: 80px; z-index: 850; border: 1px solid #ffffff; box-shadow: 0 4px 8px 0 #dedede; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px; margin-top:-15px; background:#FFF; display:none;}
.bubfol {position: absolute; width: 110px; height: 115px; z-index: 850; border: 1px solid #ffffff; box-shadow: 0 4px 8px 0 #dedede; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px; margin-top:-15px; background:#FFF;}
ul{list-style-type: none; margin-left:0px;  margin: 0; padding:10px;}
li{ height:25px; color:#898787; width:79px; padding-left:19px;}
#down{background-image:url(../resourses/download.svg); background-repeat: no-repeat; background-position:0px 3px; background-size: 13px 13px;}
#upfolder{background-image:url(../resourses/folder_up.svg); background-repeat: no-repeat; background-position:0px 3px; background-size: 13px 13px;}
#upfile{background-image:url(../resourses/file_up.svg); background-repeat: no-repeat; background-position:0px 3px; background-size: 13px 13px;}
#detail{background-image:url(../resourses/details.svg); background-repeat: no-repeat; background-position:0px 3px; background-size: 13px 13px;}
#rename{background-image:url(../resourses/rename.svg); background-repeat: no-repeat; background-position:0px 3px; background-size: 13px 13px;}
#erase{background-image:url(../resourses/delete.svg); background-repeat: no-repeat; background-position:0px 3px; background-size: 13px 13px;}
.favorite{background-image:url(../resourses/star_inactive.svg); background-size: 16px 16px; width:16px; height:16px;px min-height:16px; min-width:16; margin-right:auto; margin-left:auto; display:block; display:inline; display:inline-block;}
.options{background-image:url(../resourses/mas.svg); background-size: 16px 16px; width:16px; height:16px;px min-height:17px; min-width:17; margin-right:auto; margin-left:auto; display:block; display:inline; display:inline-block;}
/*men top*/
.separate{ width:10px; height:32px; padding-top:6px; padding-bottom:6px; float:left;}
.soun_ip{position: absolute; bottom: 0px; height:50px; width:100%; z-index:800; background-color:#FFF; border-top:solid 1px #eeeeee; }
.soun_cco{position: absolute; bottom: 0px; height:50px; width:100%; z-index:800; background-color:#FFF; display:none;}
#pla{ height:30px; width:30px; border:solid 1px #eeeeee; background-image:url(../resourses/play.svg); background-size: 22px 22px; float:left; background-color: #FFF; background-repeat:no-repeat; background-position:center; margin-top:10px; margin-left:15px; margin-right:4px; cursor:pointer;}
#pla:focus {background-color:#99afbc;}
#paus{ height:30px; width:30px; border:solid 1px #eeeeee; background-image:url(../resourses/pause.svg); background-size: 22px 22px; background-repeat:no-repeat; background-position:center; float:left; background-color: #FFF; margin-top:10px; margin-right:4px; cursor:pointer;}
#mut{ height:30px; width:30px; border:solid 1px #eeeeee; background-image:url(../resourses/mnute.svg); background-size: 22px 22px; float:left; background-color: #FFF; background-repeat:no-repeat; background-position:center; margin-top:10px; cursor:pointer;}
#baar{width: 60%; height: 4px; background: #eeeeee; margin-top: 36px; border:none; float:left; margin-left:8px;}
progress {  }
progress::-webkit-progress-bar { }
progress::-webkit-progress-value { background-color:#57739a;} 
progress::-moz-progress-bar {background-color:#57739a;}
#titl {position: absolute; margin-left:120px; padding-top:17px; width: 60%;height: 25px; z-index: 901; color:#999999;}