/*/////////////////GOLBAL///////////////////*/

.font{
    font-family: 'Zilla Slab', serif;
    /*font-family: 'Spectral SC', serif;*/
    /*font-family: 'Cinzel', serif;*/
    letter-spacing: .7px;
}

.error{
    color:#FF0000;
    font-weight: bold; 
}

.success_text {
    color:#3BDE1A !important;
    font-weight: bold; 
}


.success{
    font-size:18px;
}

.textWhite{
    color:white;
}

.textBold{
    font-weight:bold;
}

.smallFont{
    font-size:10px;
}

.smallestFont{
    font-size:9px;
}

.mediumFont{
    font-size:13px;
}

.medium2Font{
    font-size:15px;
}

.largeFont{
    font-size:18px;
}

.largerFont{
    font-size:24px;
}


.largestFont{
    font-size:45px;
    letter-spacing: 1px;
}

.pointer{
    cursor: pointer;
}

.borderOutline{
    border: 1px solid #DBDBDB;
}


.lFont{
    font-size:13px;
}


.btn:focus,.btn:active {
    outline: none !important;
    box-shadow: none;
}


#AssetSelect:focus, #AssetSelect:active{
    outline: none !important;
    box-shadow: none;
}

.fbutton:focus, .fbutton:active{
    outline: none !important;
    box-shadow: none;
}

#main{
}

.modalCursor{
    
}

.modalCursor:hover{
    cursor:pointer;
}

#indexModalButton{
    box-shadow: 0px 5px 3px black;
    border-radius:10px;
}

.indexImage{
    background: url(index.jpg);
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    
    background-attachment: fixed;
}



/*/////////////////INDEX///////////////////*/
.indexCarousel{
    height:750px;
    background-color:#dcdcdc;
}

.indexCarousel2{
    height:750px;
    width:800px;
}

.indexJumboLogo{
    font-size:22px;
}

.indexJumboWelcome{
    font-size:20px;
}

.indexJumboLogin{
    font-size:17px;
}


.indexJumboLower{
    font-size:13px;
    opacity:.7;
}

.searchArea{
    border-radius:10px;
    overflow-y: scroll;
    height:460px;
    background-color: #e5e5e5;
    border: 2px solid #DBDBDB;

}

.headerArea{
    background-color:#708090;
    height:80px;
    border-radius:10px;
    border: 1px solid #708090;
}

.footerArea{
    background-color:#708090;
    height:150px;
    border-radius:10px;
    border: 1px solid #708090;
}

.bodyArea{
    background-color:#708090;
    height:150px;
    border-radius:10px;
    border: 1px solid #708090;
}

.indexLine{
    border: .5px solid #708090;
    opacity:.6;
}

.indexLine2{
    border: .2px solid #708090;
}

.indexLine3{
    border-radius:10px;
    border: 1px solid lightgrey;
}

.searchResultsRow{
    height:300px;
    margin-top:30px;
    margin-left:0;
    margin-right:0;
}

.searchResultsCol{
    background-color:#f2f3f4;
    border-radius:10px;
    height:290px;
    /*box-shadow: 0px 5px 3px 4px #c0c0c0;*/
    margin-left:0;
    margin-right:0;
    /*border-left: 6px solid #708090;*/
}

.searchLine{
    border-radius:10px;
    border:none;
    border-left:6px solid green;
}

.searchAssets{
    font-size:12px;
}

.searchImgMargin{
    margin-top:80px;
}

.searchInfo{
    border-radius:10px;
    height:200px;
    border: .5px solid #708090;
    overflow-y: scroll;

}

.searchName{
    border-radius:1px;
    background-color:#708090;
    border-radius:4px;
}

.searchOutline{
    border:2px solid #708090; 
    border-radius:10px;
}


.displayOn{
    display:block;
}

.displayOff{
    display:none;
}

.adminHeader{
    height:40px;
    margin-bottom:50px;
    
}
.adminLogo{
    font-size:24px;
    font-weight:600;
}

.Logout{
    font-size:22px;
    font-weight:500;
    width:40px;
    border-radius:100px;
    background-color: rgb(117, 117, 117);
}

.Logout:hover{
    cursor: pointer;
}

.toggleInfo{
    width:40px;
    height:30px;
    border:none;
    background-color:transparent;
}
.toggleInfo:focus{
    outline:none;
}


.toggleInfo2{
    width:40px;
    height:30px;
    display:none;
    border:none;
    background-color:transparent;
}

.toggleInfo2:focus{
    outline:none;
}

.sidebar{
    background-color:#DBDBDB;
    height:100%;
    position:fixed;
    z-index:1;
    width:0;
    transition: 0.5s;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    /*width:320px;*/
}

.assetArea{
    border-radius:10px;
    overflow-y: scroll;
    height:0;
    background-color: #e5e5e5;
    
    transition: 2s;

}

.AssetSelectHeader{
    margin-bottom: 50px;
}

.assetTypeSelect{
    font-size:13px;
}

.newAssetLabel{
    font-size:14px;
}

.assetTagName{
    font-size:25px;
    font-weight:600;
}

.tabArea{
    height:65px;
}

.EditAssetSearch{
    border: 1px solid #DBDBDB;
    background-color:#DBDBDB;
    overflow-y: scroll;
    height: 500px;
    border-radius:10px;

}

.EditAssetInput{
    border: 1px solid #DBDBDB;
    background-color:#DBDBDB;
    overflow-y: scroll;
    height: 500px;
    border-radius:10px;
}

.EditSearchInfo{
    border-radius:100%;
    background-color:white;
    width:130px;
    height:120px;
    transition: 1s;
    box-shadow: 0px 4px 2px 3px #c0c0c0;
}


.EditSearchInfo:hover{
    cursor: pointer;
}


.CSearchInfo{
    border-radius:100%;
    background-color:white;
    width:90px;
    height:80px;
    transition: 1s;
    box-shadow: 0px 4px 2px 3px #c0c0c0;
}


.CSearchInfo:hover{
    cursor: pointer;
}


.EditAssetName{
    font-size:15px;
    border: 1.8px solid #c0c0c0;
    border-radius:10px;

}

.adminCenterLogo{
    font-size:170px;

}

.CheckoutSearch{
    border: 1px solid #DBDBDB;
    background-color:#DBDBDB;
    overflow-y: scroll;
    height: 170px;
    border-radius:10px;

}

.CheckoutAssets{
    border: 1px solid #DBDBDB;
    background-color:#DBDBDB;
    overflow-y: scroll;
    height: 170px;
    border-radius:30px;
}


.aCancel:hover{
    cursor: pointer;
}


.cFormLogo{
    margin-bottom:50px;
}


.cFormInfo{
    background-color:transparent;
    border:none;
    border-bottom: 1px solid black;
    width:300px;
}



.cFormAddInfo{
    border: 1px solid #DBDBDB;
}


.cFormFooter{
    position:fixed;
    left: 0;
    bottom: 0;
    width:100%;
}

.cFormAssets{
    height:370px;
    
}

.TSearchArea{
    border: 1px solid #DBDBDB;
    background-color:#DBDBDB;
    overflow-y: scroll;
    height: 600px;
    border-radius:10px;

}


.TSearchItem{
    height:338px;
    border-radius:15px;
}


.TSearchID{
    border: 1px solid black;
    border-radius:2px;
    
}

.ReclaimAssetsBtn{
    width:100px;
}

.CheckoutFormBtn{
    width:150px;
}


.bRadius{
    
}


.THeight{
    height:200px;
}

.TSearchInfo{
    overflow-y: scroll;
    background-color:white;
    border-radius:12px;
    border:1px solid lightgray;
}



.assetItems{
    height:60px;
    background-color:transparent;
}

.assetItemsInfo{
    border-radius:100%;
    background-color:white;
    width:55px;
    height:50px;
    transition: 1s;
    box-shadow: 0px 4px 2px 3px #5f5959;
}


.reportingArea{
    border-radius:8px;
    background-color:#DBDBDB;
    height:500px;
    overflow-y: scroll;
}


.atsMainColor{
    background-color:#708090;
}

.rounded{
    border-radius:13px;
}


.table-bordered th,
.table-bordered td {
  border: 1px solid #c0c0c0 !important;
}


.printHeader{
    /*background-color: #000;*/
    background: url(rHeader.jpg);
    background-size: cover; 
    background-repeat: no-repeat;
    
    background-attachment: fixed;

    height:150px;
    border-radius:8px;
}


.reportLocation{
    padding-left:260px;
}


.searchDetails{
    border-radius:12px;
    overflow-y: scroll;

}

.uploadBody{
    height:120px;
}

.uploadBody2{
    height:70px;
}

.uploadFile{
    border-radius:2px;
    border:1px solid #DBDBDB;
    font-size:14px;
    height:40px;

}

.formBodyUpload{
    height:420px;
    border-radius:20px;
    /*background-image: radial-gradient(circle,white, #EAEDED,darkgrey);*/
    background-color:white;
    border:1px solid white;
    box-shadow: .2px 6px 4px 1px #0B0C10;
    margin-top:130px;
}





.lFormFooter{
    height:200px;
}


@media print
{
    #buttonPrint {display:none;}
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
  /*height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 2px solid black;*/
  height:100px;
  width:100px;
  background-image: none;

}

/*.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: red;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: red;
}*/





.fade-in {
    animation: fadeIn ease 6s;
    -webkit-animation: fadeIn ease 6s;
    -moz-animation: fadeIn ease 6s;
    -o-animation: fadeIn ease 6s;
    -ms-animation: fadeIn ease 6s;
    transition: transform 6s ease;
}
    @keyframes fadeIn {
        0% {
            opacity:0;
            
        }
        100% {
            opacity:1;
            
        }
    }
    
    @-moz-keyframes fadeIn {
        0% {
            opacity:0;
            
        }
        100% {
            opacity:1;
            
        }
    }
    
    @-webkit-keyframes fadeIn {
        0% {
            opacity:0;
            
        }
        100% {
            opacity:1;
            
        }
    }
    
    @-o-keyframes fadeIn {
        0% {
            opacity:0;
            
        }
        100% {
            opacity:1;
            
        }
    }
    
    @-ms-keyframes fadeIn {
        0% {
            opacity:0;
            
        }
        100% {
            opacity:1;
            
        }
    }