/* Just some base styles not needed for example to function */

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

body, form, ul, li, p, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

body {
    color: #ffffff;
    margin: 0;
}

img {
    border: none;
}

p {
    font-size: 1em;
    margin: 0 0 1em 0;
}

html {
    font-size: 100%; /* IE hack */
}

body {
    font-size: 1em; /* Sets base font size to 16px */
}

table {
    font-size: 100%; /* IE hack */
}

input, select, textarea, th, td {
    font-size: 1em;
}

/* CSS Tree menu styles */
ol.tree {
padding: 0px 0px 0 0px;
    width: 80%;
}

li {
    position: relative;
    margin-left: -15px;
    list-style: none;
}

    li.file {
        margin-left: -9px !important;
    }

        li.file a {
            background: url(document.png) 0 0 no-repeat;
            color: #032C76;
            padding-left: 19px;
            text-decoration: none;
            font-size: 13px;
            display: block;
        }

            li.file a[href *= '.pdf'] {
                background: url(document.png) 0 0 no-repeat;
            }

            li.file a[href *= '.html'] {
                background: url(document.png) 0 0 no-repeat;
            }

            li.file a[href $= '.css'] {
                background: url(document.png) 0 0 no-repeat;
            }

            li.file a[href $= '.js'] {
                background: url(document.png) 0 0 no-repeat;
            }

    li input {
        position: absolute;
        left: 0;
        margin-left: 0;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        height: 1em;
        width: 1em;
        top: 0;
    }

        li input + ol {
            /*background: url(toggle-small-expand.png) 40px 0 no-repeat;
            margin: -24px 0 0 -44px;
            height: 1em;*/

              background: url(toggle-small-expand.png) 3px 0 no-repeat;
  margin: -23px -68px 2px -2px;
  height: 1em;
  background-color: #EFEFEF;

        }

            li input + ol > li {
                display: none;
                margin-left: -14px !important;
                padding-left: 1px;
            }

    li label {
    /* background: url(folder-horizontal.png) 0px 4px no-repeat; */
    z-index: 100000;
    cursor: pointer;
    /* display: block; */
    font-weight: inherit;
    font-size: 14px;
    padding-left: 27px;
    }

    li input:checked + ol {
  background: url(toggle-small.png) 37px 0px no-repeat;
  /* margin: -29px 0 0 -44px; */
  background-color: #fff;
  background-position-x: 3px !important;
    padding: 21px 65px 5px 15px;
  height: auto;
    }

        li input:checked + ol > li {
              display: block;
    margin: 0 0 5px;
  width: 100%; /* 2px */
        }

            li input:checked + ol > li:last-child {
                margin: 0 0 0.063em; /* 1px */
            }


            /* Move down content because we have a fixed navbar that is 50px tall */
body {
    background-image: url(Content/images/bg.png);
     font-family: "Oswald", Arial, Helvetica, sans-serif;
}










/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.footer {
   left:0px;
   bottom:0px;
   text-align: center;
   color: #999999;
    font-size: 11px;
   height:20px;
   width:100%;
}


.row {
        font-size: 15px;


}

.navbar-brand {
  float: left;
  padding: 8px 15px;
  /* font-size: 18px; */
  /* line-height: 20px; */
}
.nav {
    background-color: #00a7e5;
}

.navbar-inverse {
width: 100%;
left: 0;
height: 55px;
right: 0;
padding: 1px 0;
background-position: center;
color: #fff;
text-align: left;
background-color: #00a7e5;
text-align: right;
vertical-align: baseline;
margin: 0px;
position: fixed;
top: 0;
z-index: 5000;
/*-webkit-box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;*/
}

.navbar-inverse .navbar-collapse{
text-align: left;
/*background-color: #00a7e5;*/
}


.icon-download-alt {
background-image: url("Content/images/download.png");
background-repeat: no-repeat;
vertical-align: text-bottom;
width: 12px;
padding-left: 20px;
}



.subtitle-download-alt {

padding-left: 5px;
background-color: #f1f1f1;
border-top: solid 1px #d0d0d0;
border-bottom: solid 1px #d0d0d0;
width: 100%;
}




#titlesolutions_access img, #titlesolutions_assiduity img, #titlesolutions_vehicle img, #titlesolutions_asset img, #titlesolutions_factory img, #titlesolutions_library img, #titlesolutions_qmanagement img, #titlesolutions_pos img, #titlesolutions_others img {
    /*height: 30px;*/
    width: 30px;
    margin-top: -3px;
    margin-left: 4px;
}

#titlesolutions_access .new-file img, #titlesolutions_assiduity .new-file img, #titlesolutions_vehicle .new-file img, #titlesolutions_asset .new-file img, #titlesolutions_factory .new-file img, #titlesolutions_library .new-file img, #titlesolutions_qmanagement .new-file img, #titlesolutions_pos .new-file img, #titlesolutions_others .new-file img {
    height: 20px;
    width: 20px;
    margin-top: 1px;
    margin-left: -12px;
}



#titlesolutions_access li, #titlesolutions_assiduity li, #titlesolutions_vehicle li, #titlesolutions_asset li, #titlesolutions_factory li, #titlesolutions_library li, #titlesolutions_qmanagement li, #titlesolutions_pos li, #titlesolutions_others li {
    position: inherit !important;
    margin-left: 14px !important;
}



#titlesolutions_access {
    background-color: #d5bac8;
}

#titlesolutions_assiduity {
    background-color: #f9c3c3;
}
#titlesolutions_vehicle {
    background-color: #d1d3e3;
}
#titlesolutions_asset {
    background-color: #d5dcb1;
}
#titlesolutions_factory {
    background-color: #a4c0e2;
}
#titlesolutions_library {
    background-color: #b4b4d8;
}
#titlesolutions_qmanagement {
    background-color: #bae0f2;
}
#titlesolutions_pos {
    background-color: #bed979;
}
#titlesolutions_others {
    background-color: #cdcdcd;
}

a {
color: #004785;
text-decoration: none;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }


}
#titlesolutions_access, #titlesolutions_assiduity, #titlesolutions_vehicle, #titlesolutions_asset, #titlesolutions_factory, #titlesolutions_library, #titlesolutions_qmanagement, #titlesolutions_pos, #titlesolutions_others {
    position: inherit !important;
    padding-top: 0px;
    color: black;
    min-height: 350px;
}


span.title_solutions {
    padding-left: 10px;
}

.dxbButton {
       color: #000000;
    margin-left: 11px;
    font: 12px Tahoma, Geneva, sans-serif;
    border: 1px solid #7F7F7F;
    padding: 1px;
    width: 42% !important;
    margin-bottom: 6px;
    font-size: 11px !important;
    display: inline-block !important;
    margin-right: 13px !important;
    margin-top: 0 !important;
    padding: 3px 3px !important;
    white-space: nowrap !important;
    line-height: 1em !important;
    position: relative !important;
    outline: none !important;
    overflow: visible !important;
    cursor: pointer !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    user-select: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    color: #ffffff!important;
    font-weight: 400 !important;
    text-decoration: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    border: none!important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    background-color: #008ABD !important;
    background: #008ABD !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px!important;
    border-radius: 4px !important;
    float: left !important;
    /* padding-right: 46px; */
}

#titlesolutions_access, #titlesolutions_assiduity, #titlesolutions_vehicle, #titlesolutions_asset, #titlesolutions_factory, #titlesolutions_library, #titlesolutions_qmanagement, #titlesolutions_pos, #titlesolutions_others {
  position: inherit !important;
  padding-top: 15px;
  color: black;
  min-height: 350px;
}




.dxbButton:hover {
background-color: #28629c !important;
}


.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
    color: #ffffff !important;
    background-color: #00a7e5!important;
}

}

#TextBoxChangeLog_I container:children(3) .child {
	font-size:18px;
  //style the children this way if there are 8 children
}



.body-content {
  padding: 0;
  /*padding-top: 54px;*/
}

font.data_file {
float: right;
  margin: -15px;
    margin-right: -39px;
}

@media screen and (max-width: 388px) {
 font.data_file {
  float: none !important;
  margin: 0px;
  margin-right: 0px;
}


}

.dxbButton div.dxb {
  padding: 0px 0px 0px !important;
  border: 1px dotted transparent;
}


#folder4 font.data_file {
  float: right;
  margin: -15px;
  margin-right: -67px;
}



.tree  li > ol > li >ol{
  background-color: rgb(181, 208, 237);
    padding: 0px;
  padding-right: 54px;
  padding-left: 15px;
      width: 110%;
}
.tree  li > ol > li >ol >li:first-child{
  padding-top: 18px;
}

.tree  li > ol > li >ol >li > ol{
  background-color: rgb(231, 229, 192) !important;
  /* font-weight: bolder; */
  padding-right: 53px;
}


.new-file {
    position: absolute;
    /* width: 100%; */
    padding-bottom: -23px !important;
    /* height: 51px; */
    margin-top: -23px;
    margin-left: 8px;
    padding-bottom: -61px !important;
    float: right;
    text-align: right;
}
.new-file img{
 width: 20px;
 height: 20px;
}


.navbar {

    border: 0px solid transparent !important; 
}

div#MainContent_login_form {
    text-align: center;
    color:#484848;
    position: absolute;
width: 320px;
    background-color: #DCDCDC;
height: 268px;
z-index: 15;
top: 43%;
left: 50%;
margin: -100px 0px 0px -150px;
background: transparent linear-gradient(to bottom, #DCDCDC 0%, #FFF 80%, #FFF 81%) repeat scroll 0% 0%;
border-radius: 14px;
border: 1px solid #7D7D7D;
box-shadow: 1px 4px 44px 3px rgba(0, 0, 0, 0.75);
}

    div#MainContent_login_form input {
    font-weight: 300;
        width: 186px;
            padding-left: 4px;
    
    }

   div#MainContent_login_form #MainContent_Login   {
           width: 130px;
               font-weight: 400;
    }

      div#MainContent_login_form span   {
    text-align: left;
    width: 160px;
    padding-right: 118px;
    }


      div#MainContent_rest_of_site {
    padding-top: 57px;
}

.changelogiframe {
    overflow: hidden !important;

}