body { font-family: 'Open Sans', sans-serif; font-size: 16px; background-color: #efefef;}  

.rollcursor{cursor:pointer;}

.outer-container{min-height: calc(100vh - 80px);}

.view-details{text-align: right;}
.view-details .view-login {color: #353535;}
.view-details  a{   }
header { padding: 25px; border-bottom: #D9D9D9 solid 2px; background-color: #fff;}
a{ color: #3C99C1; text-decoration: none;}
h2 { font-size: 36px; color: #183B56; font-family: 'Open Sans', sans-serif; margin-bottom: 25px;}
.main-container { padding-top: 80px; padding-bottom: 80px;}
.btn {font-family: 'Open Sans', sans-serif;}
.alreadyaccount{
    color: #5A7184; font-size: 14px;font-family: 'Open Sans', sans-serif;
}
.alreadyaccount a { font-weight: 600; font-size: 14px;}
p{ color: #5A7184; font-size: 14px;font-family: 'Open Sans', sans-serif;}
.logo{width:435px}
.navigation { background-color: #3C99C1;}
.navigation nav ul { margin: 0px; padding: 0px; display: flex; align-items: center;}
.navigation nav ul li { list-style: none; margin: 10px 25px;}
.navigation.darkbg nav ul li { list-style: none; margin: 10px 10px;}
.navigation nav ul li:first-child{margin-left: 0px;}
.navigation nav ul li a {color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px;}
.navigation nav ul li a span {color: #7BFF91;}
.navigation nav ul li a:hover { color: #a9d1e2;}
.fw-600 { font-weight: 600;}
.table.remove-border > :not(caption) > * > * {border-bottom: none;}
.height-500 {height: 200px;}
.width-250 {width: 250px;}
.orrange-bg { background-color: #D77138; width: 15px; border-radius: 50px; height: 15px;}
.red-bg { background-color: #C52C2C; width: 15px; border-radius: 50px; height: 15px;}
.tablefooter tfoot tr td { color: #717171; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.viewbtn { background-color: #2CA740; border-radius: 10px; padding: 10px 25px; color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px;}
.viewbtn:focus{color: #fff;}
.custom-form-select-box { position: relative;}
.custom-form-select-box::after{content: ""; top: 11px; left: 13px; position: absolute; width: 24px; height: 20px; background: url(../images/filter.png) no-repeat;}
.filter-fields{font-size:13px;}
.custom-form-select { height: 40px; background-image: url(../images/dropdwon.png); position: relative; padding-left: 45px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; background-size: 11px; color: #000000; border: #ACACAC solid 1px;}
.custom-form-textaria { position: relative; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #717171; border: #ACACAC solid 1px;}

.custom-form-select-2{ font-weight: normal; color: #717171; text-align: left; padding-left: 15px;}
.custom-form-select-gray {
    height: 40px;
    background-image: url(../images/dropdwon-gray.png);
    position: relative;
    padding-left: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    background-size: 11px;
    /*color: #C52C2C;*/
    border: #ACACAC solid 1px;
}
.resizenone{  resize: none;}
.notesblock { margin-top: 15px;}
.bluetext2 { font-size: 16px; color: #3C99C1; font-weight: 600; font-family: 'Open Sans', sans-serif;}
.bluetext2 span { color: #ACACAC;}
.internalnote {color: #104055; font-weight: 600; font-size: 12px; font-family: 'Open Sans', sans-serif;}
.notesblock a { color: #C52C2C; font-weight: 600;  font-size: 12px; font-family: 'Open Sans', sans-serif;}
.ptext-5 { color: #353535;  font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 0px;}
.internalnote span { color: #ACACAC;}
.width20 {width: 20px;}
.custom-table thead tr th { color: 707070; font-weight: bold; font-style: italic; font-size: 14px; color: #707070;position:relative;}
.table.custom-table > :not(:last-child) > :last-child > * {
    border-bottom-color: #C2C2C2 !important;     border-bottom-width: 1px;
}
.table.custom-table tbody tr.bgnone td{background-color: transparent; height: 5px; padding: 0px;}
.table.custom-table tbody tr td { background-color: #fff;}
.table.custom-table > :not(caption) > * > *{     border-bottom-width: 6px;     border-bottom-color: #efefef;}
.table.custom-table tbody tr td.bggray{ padding: 0px; border-radius: 15px 0px ;  position: relative;}
.table.custom-table tbody tr td .strong{ color: #265F77; font-weight: 600; font-size: 16px;}
.table.custom-table tbody tr td { vertical-align: middle;}

.bgcolorbox{align-items: center; justify-content: center; display: flex; left: 0px; top: 0px;   border-radius: 7px  0px 7px; height: 48px; width: 45px;  color: #fff; font-size: 14px; font-weight: 600;}

.greenbg{ background-color: #2CA740; align-items: center; justify-content: center; display: flex; left: 0px; top: 0px; border-radius: 7px  0px 7px; height: 48px; width: 45px;  color: #fff; font-size: 14px; font-weight: 600;}
.purplebg{ background-color: #9917E9; align-items: center; justify-content: center; display: flex; left: 0px; top: 0px; border-radius: 7px  0px 7px; height: 48px; width: 45px;  color: #fff; font-size: 14px; font-weight: 600;}
.bgdraftbox{ background-color: #ACACAC; align-items: center; justify-content: center; display: flex; left: 0px; top: 0px;   border-radius: 7px  0px 7px; height: 48px; width: 45px;  color: #fff; font-size: 14px; font-weight: 600;}
.scroll-bg { height: 450px; overflow-x: auto; }
.font-size14{ font-size: 14px;}
.card-custom{border-radius: 15px; border: #ACACAC solid 1px;}
.headintext {display: flex; align-items: center;}
.headintext i img{ display: block; width: 20px;}
.headintext span {color: 353535; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.bluetext { font-size: 14px; color: #3C99C1; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.redtext { color: #C52C2C; }
.otext{color: #fd7c52;}
.form-check label { color: 000000; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.inputbox { height: 35px; border: #ACACAC solid 1px; color: #ACACAC; font-size: 14px; font-style: italic; border-radius: 0px;}
.year-width { width: 75px; padding: 10px;}
.year-width-2 { width: 115px; padding: 10px;}
.year-width-2 { width: 160px; padding: 10px;}
.green-color{ color: #2CA740;}
.error-color{ color: #D77138;}
.error-solid-color{color: #C52C2C;}
.gray-solid-color{color: #717171;}
.purple-solid-color{color: #9917E9;}
.blue-solid-color{color:#3C99C1;}
.canceltext {color: #C52C2C; font-size: 14px; font-weight: 600;}
.width-245px{width: 245px;}
.width-345px{width: 345px;}
.headingtext { color: #3C99C1; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.text-color { color: #717171; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.form-box label{ display: block; margin-bottom: 5px; color: #353535; font-size: 14px; font-style: italic;}
.form-box input {border: #ACACAC solid 1px; width: 100%; padding: 5px; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.form-box input:focus{ outline: none;}
input.disabled{background-color:#fafafa;color:#596469}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(../images/calender.png) no-repeat center center;
    width: 16px;
    height: 16px;
}
input[type="date"]::-moz-calendar-picker-indicator {
  background: url(../images/calender.png) no-repeat center center;
  width: 16px;
  height: 16px;
}

.h-33px { height: 33px;}
.uploadblock {color: #ACACAC; font-size: 14px;}
.uploadblock{margin: auto; width: 155px; text-align: center; height: 75px; padding-top: 0px;}
.form-box textarea {
    border: #ACACAC solid 1px; width: 100%; padding: 5px; font-size: 14px; font-family: 'Open Sans', sans-serif;
}
.bluebg { color: #fff;  background-color: #3C99C1; border-radius: 10px; padding: 15px; width: 375px; line-height: normal; font-family: 'Open Sans', sans-serif;}
.uploadblock a {display: inline-block !important;width: auto;} 

.custom-table-1 thead tr th {
    color: 707070;
    font-weight: 600;
    font-style: italic;
    font-size: 12px;
    color: #707070;
}
.custom-table-1 tr td { color: #ACACAC; font-size: 14px;  font-family: 'Open Sans', sans-serif;}
.table.custom-table-1 > :not(:last-child) > :last-child > * {
    border-bottom-color: #E0E0E0;
}
.headingtext-1 h2{color: #353535; font-size: 24px;font-weight: 600; font-family: 'Open Sans', sans-serif; margin: 0px; }
.btn-success-color {background-color: #23BA96; color: #fff;}
.btn-grey-color{background-color:#6c757d;border-color:#6c757d;}

.headingtext-1 h2 span { color: #2CA740;}

.text-block1 {display: flex; align-items: center; margin-bottom: 15px; font-size: 14px; color: #ACACAC; font-family: 'Open Sans', sans-serif;}
.text-block1 span { color: #353535; margin-left: 4px;}
.text-block1 span.colorblue { color: #3C99C1;}
.text-block1 span.colorgreen { color: #2CA740;}

.text-block2{font-size:15px;color:#ACACAC;}
.text-block2 span { color: #353535; margin-left: 4px;}
.text-block2 span.colorblue { color: #3C99C1;}
.text-block2 span.colorgreen { color: #2CA740;}

.ptext-6 span {color: #ACACAC; }
.ptext-6 { color: #353535; font-size: 14px; font-family: 'Open Sans', sans-serif; margin-bottom: 0px;}
.w-200 {width: 217px !important;}


/*
 *  STYLE 1
 */
.dark-blue { border-radius: 0px 0px 20px 20px; background-color: #265F77; padding: 2px 25px;}
.bg-transparent { background-color: transparent;}
.searchbarblock input{width: 277px; height: 40px; padding: 10px 42px 10px 10px; border-radius: 8px; border: #D9D9D9 solid 2px;}
.searchbarblock input:focus{ outline: none;}
.searchbarblock{ position: relative; display: inline-block;}
.searchbarblock button { position: absolute; right: 5px; top: 5px; border: none; background-color: transparent;}
#style-1::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: #F5F5F5;
 }
 
 #style-1::-webkit-scrollbar
 {
     width: 12px;
     background-color: #F5F5F5;
 }
 
 #style-1::-webkit-scrollbar-thumb
 {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: #555;
 }

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;     border-radius: 10px;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #717171;     border-radius: 10px;
}


.table.custom-table.custom-table-2 > :not(:last-child) > :last-child > *{ border-bottom: none;}
.table.custom-table.custom-table-2 tr th { font-style: normal;}

.greenbg-curcle {background-color: #2CA740; width: 15px; height: 15px; border-radius: 50px;}
.status-curcle {width: 15px; height: 15px; border-radius: 50px;}
.status-curcle-big {width: 26px; height: 26px; border-radius: 50px;}
/* Status colors */
.available-curcle {background-color: #2CA740;}
.pending-curcle {background-color: #D77138;}
.sold-curcle {background-color: #C52C2C;}
.draft-curcle {background-color: #E0E0E0;border: #717171 dashed 1px;}
.submitted-curcle {background-color: #ACACAC;}
.archived-curcle {background-color: #717171;}

.available-color {color: #2CA740;}
.pending-color{color: #D77138;}
.sold-color {color: #C52C2C;}
.draft-color {color: #000000;}
.submitted-color {color: #ACACAC;}
.archived-color {color: #717171;}
/* End Status colors */

.sort-asc{  
	width: 0; 
  	height: 0; 
 	border-left: 5px solid transparent;
  	border-right: 5px solid transparent;
 	border-bottom: 5px solid black;
	position:absolute;
	left:4px;
	top:11px;
}
.sort-desc{  
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
	position:absolute;
	left:4px;
	bottom:11px;
}

.table.custom-table.custom-table-2 tr td:first-child { border-radius:10px 0px 0px 10px ;}
.table.custom-table.custom-table-2 tr td:last-child { border-radius:0px 10px 10px 0px ;}
.table-control-pagination svg{width:15px;}
.table-control-pagination .flex-1{display:none;}

.condition-tt{position:relative;cursor:pointer;}

.condition-tt .condition-hover{
	display:none;
	position:absolute;
	z-index:10;
	width:265px;
	background:#fff;
	border:solid 1px #ACACAC;
	border-radius:10px;
	top: -145px;
    left: -90px;
	font-size:12px;
	font-weight:normal;
}
.condition-tt:hover .condition-hover{
	display:block;
}

.modal-header .close{border: none; background: #fff;}

.redbg-curcle{background-color: #C52C2C; width: 15px; height: 15px; border-radius: 50px;}
.orrangebg-curcle{background-color: #D77138; width: 15px; height: 15px; border-radius: 50px;}
.dotbg-curcle{border: #717171 dashed 1px; width: 15px; height: 15px; border-radius: 50px;}
.graybg-curcle{background-color: #717171; width: 15px; height: 15px; border-radius: 50px;}
.bluebgblock span { font-size: 12px; font-family: 'Open Sans', sans-serif; color: #fff;}
.bluebgblock i { margin-right: 10px; width: 27px; text-align: center;}
.bluebgblock{ position: relative; display:block; padding-top: 25px;}
.bluebgblock a.save-img{position: absolute; right: 16px; top: 4px; width: 15px; height: 15px;}
.borderbg {width: 26px; height: 26px; border-radius: 50px; background-color: #E0E0E0; border:#353535 dashed 2px}
.statustext{color: #353535; font-weight: 600; font-family: 'Open Sans', sans-serif;height: 33px;line-height: 33px;}
.img-container{width:auto;}
.img-pos img {width: 100%;}
.img-pos { position: relative;}
.img-pos .close-img { position: absolute; right: 10px; top: 5px;} 
.left-sidebar {width: 425px;}
ul.message-list { margin: 0px; padding: 0px; }
ul.message-list li { margin-bottom: 10px; list-style: none;}
ul.message-list li a {  border: #fff solid 2px; background-color: #fff; display: block; border-left: #fff solid 12px; border-radius: 10px; padding: 16px 15px;}
ul.message-list li a:hover, 
ul.message-list li a.active, 
ul.message-list li.lead-active a{ 
	border: #3C99C1 solid 2px; 
	border-left: #3C99C1 solid 12px;
}
.discription-title {color: #353535; margin-bottom: 1px;font-family: 'Open Sans', sans-serif; font-size: 16px;}
.discription-title span.bluecolor{color: #3C99C1; font-weight: 600;}
.discription-title span.purplecolor{color: #9917E9; font-weight: 600;}
.redcolor{color: #CB0000; font-weight: 600;}
.discription-title span.blacktext{color: #717171; font-weight: 400; font-size: 14px;}
.greencolor{color: #2CA740; font-weight: 600; font-size: 16px;}
.h-450px { height: 300px;}
.discription { margin-bottom: 1px; font-size: 14px; color: #717171; margin-bottom: 2px; font-weight: 600; font-family: 'Open Sans', sans-serif;}
.font-weight-400 {font-weight: 400;}
.maincontainerblock{
    width: calc(100% - 425px); padding-left: 25px;
}
.font-weight-600{ font-weight: 600;}
.bluebgblock-size span{font-size: 14px;}
.scrollleft { max-height: 650px; overflow: auto; padding-right: 10px;}
.whitebg-color{ background-color: #fff; border-radius: 10px; padding: 10px;}
.text-lead-view {align-items: center; color: #ACACAC; font-size: 14px;}
.bluebgblock h3 { font-size: 14px; color: #104055; font-weight: 600; font-family: 'Open Sans', sans-serif; margin: 0px; margin-bottom: 5px;}

.transacction-detailtext {font-size: 24px; color: #353535; font-family: 'Open Sans', sans-serif;}
.transacction-detailtext span { color: #3C99C1;}
.transactiontext{
    color:#353535; font-size: 16px; font-family: 'Open Sans', sans-serif;
}

.alert-stay{
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;	
}

.btn-fake{
	display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

footer {background-color: #3C99C1;color:#fff;height:80px;}
footer a{color:#fff;}

@media (max-width: 768px) {
    .navigation nav ul li a{font-size: 14px;}
    .navigation nav ul li { margin: 10px 15px;}
    .navigation nav ul{display: block;}
    .navigation{ padding-top: 15px; padding-bottom: 15px;}
    .navigation nav ul li:first-child {
        margin-left: 15px;
    }
   .logo{width: 80%;}
   .main-container {
    padding-top: 40px;
    padding-bottom: 40px;
}

h2{font-size: 26px;}
    }
    @media (max-width: 576px) {
        .bluebg .searchbarblock{ width: 100%;}
        .bluebg{width: 100%;}
        .w-200 {
            width: 100% !important;
        }
    }


    @media (max-width: 480px) {
        .width-245px {
            width: 100%;
        }
        .w-200 {width: 100% !important;}
        .year-width-2 {width: 118px;}
        .logo{width: 100%;}
        .scroll-bg {
        height: 300px   ;
        }     
    }