.primary-text {
    color:#f96332!important;
}

.black-text {
    color:#000000 !important;
}

.white-text {
    color:#FFFFFF !important;
}

.green-text {
    color:green !important;
}

.red-text {
    color:red !important;
}

.margin-top-15 {
    margin-top:15px;
}

.login-panel {
	margin-top: -50px;
}

.login-form h4 {
	margin-bottom: 0px;
}

.alert-info {
	color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
}

.alert-primary {
	color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
}

.alert-secondary {
    color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border-color: #d6d8db !important;
}

.alert-success {
	color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.alert-warning {
	color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}

.alert-danger {
	color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.alert-light {
    color: #818182 !important;
    background-color: #fefefe !important;
    border-color: #fdfdfe !important;
}

.alert-dark {
    color: #1b1e21 !important;
    background-color: #d6d8d9 !important;
    border-color: #c6c8ca !important;
}

.sweet-alert button {
    color:#ffffff;
}

.contact-title {
    width:150px;
}

.modal-header .close {
    margin-top: -14px;
}

/****   Datatables  *******/
#datatable-info
{
border-collapse:collapse;
font-family: arial,verdana;
}

#datatable-info th
{
color: #000;
background-color: #e8e8e8;
font-weight: bold;
height: 30px;
font-size: 12px;
padding-left: 10px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
vertical-align: bottom;
} 

#datatable-info td
{
text-align: left;
vertical-align: middle;
height: 20px;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}


#add_new_branch {
    top: -575px;    /*  add-new-branch model*/
}

#add_new_company {
    top: -575px;    /*  update company info model*/
}

#update_company_info {
    top: -160%;    /*  update company info model*/
}

#add_new_company_document {
    top: -500px;    /*  add new company document model*/
}

#add_new_department{
    top: -375px;    /*  add-new-department model*/
}

#add_new_user {
    top: -575px;    /*  add-new-user model*/
}

#add_new_admin {
    top: -575px;    /*  add-new-admin model*/
}

#add_new_task {
    top: -690px;    /*  add-new-task model*/
}

#close-task {
    top: -525px;    /*  close-task activity*/
}

#add-message {
    top: -525px;    /*  add-new-task activity*/
}

#edit_task {
    top: -705px;    /*  edit-task info*/
}

#add_new_subtask {
    top: -578px;    /*  add-subtask info*/
}

.attachment_modal {
    width:750px;
    margin-left:300px;
}

.recent-meaasge .media-left img {
    height: 50px;
    width: 50px;
}

.meaasge-date {
    right: 15px;
}

@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
    #uploadimageModal {      /*  upload profile picture model*/
        width: 500px;
        margin-left: -42px;
    }

    #add_new_branch {        /*  add-new-branch model*/
        top: 80px;    
        width: 550px;
        margin-left: -81px;
    }

    #update_company_info {        /*  update company info model*/
        top: 30px;    
        width: 550px;
        margin-left: -87px;
    }

    #add_new_department {        /*  add-new-department model*/
        top: -150px;   
        width: 550px;
        margin-left: -67px;
    }

    #add_new_user {        /*  add-new-user model*/
        top: 0px;   
        width: 550px;
        margin-left: -67px;
    }

    #add_new_admin {
        top: -70px;   
        width: 550px;
        margin-left: -67px;    /*  add-new-admin model*/
    }

    #add_new_task {
        top: 0px;   
        width: 550px;
        margin-left: -67px;    /*  add-new-task model*/
    }

    #add-message {
        top: -70px;   
        width: 550px;
        margin-left: -67px;    /*  add-new-task activity*/
    }

    #close-task {
        top: -70px;   
        width: 550px;
        margin-left: -67px;    /*  close-task activity*/
    }

    .add_new_user-modal-dialogue {
        top: 475px;
    }

    .meaasge-date {
        top: 25px;
    }

    .attachment_modal {
        width: 570px;
        margin-left: -78px;
    }
}

/*********************    Multiselect    **********************/
.multiselect-container{
  overflow-y:scroll;
  width: 300px;
}

.multiselect {
    background-color: #ffffff;
    color: #000000;
}

.multiselect:hover {
    background-color: #ffffff;
    color: #000000;
}


/**********************    Sidebar     *******************/
@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
    .main {      /*  upload profile picture model*/
        margin-left: -27px;
    }

    .sidebar {
        width: 38px;
    }

    .sidebar-hide .sidebar.sidebar-hide-to-small, .sidebar-hide .sidebar.sidebar-hide-to-small .nano, .sidebar-hide .sidebar.sidebar-hide-to-small .nano-content {
        margin-left: -13px;
    }

    .sidebar.sidebar-shrink ~ .content-wrap {
        margin-left: 55px;
    }
}


/************************************************************
                    Company Documents
************************************************************/

.document-row {
    padding:10px;
    border:1px solid #f96332;
    width:600px;
}

.document-pic-div {
    padding:5px;
    height:200px;
    width:200px;
}

.document-info-pic {
    padding:15px;
    height:200px;
}

@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
    .document-row {
        border:1px solid #f96332;
        width:100%;
    }

    .document-pic-div {
        padding:5px;
        height:200px;
    }

    .document-info-pic {
        padding:15px;
        height:100%;
    }
}